.icon-float {
    position: fixed;
    top: 35%;
    z-index: 999;
    right: 0px;
}
.icon-float ul {
    padding: 0px;
}
.icon-float ul li {
    list-style-type: none;
}
.icon-float ul li a {
    display: block;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 0px;
}
.icon-float ul li a i {
    padding: 8px;
    width: 40px;
    height: 32px;
    text-align: center;
    color: #fff;
}
.icon-float ul li a:hover {
    transform: rotateY(-180deg);
}
.icon-float ul li a:hover i {
    transform: rotateY(180deg);
}
.fb1 { background: #3b5998; }
.gp1 { background: #dd4b39; }
.li1 { background: #0077b5; }
.wa1 { background: #34af23; }
.sh1 { background: #333; border-bottom-left-radius: 5px; }