.floating{z-index: 999; width:200px;display:block;background:#fff;position:fixed;top:20%;right:-202px;border: 1px solid#ccc;padding-bottom: 30px; 
    transition: all 1s;}
    .floating:hover{right: 0;}
.floating ul {line-height: 50px;margin-top: 5px;}
.floating ul li{border-bottom: 1px solid #ccc;padding-left: 15px;}
.floating ul li:last-child{border:none;}
.floating ul li i{padding-right: 5px;}
.floating ul li:hover i{color: #006fcb;}
.float_qr{margin: 0 auto;}


.floating .fa-arrow-circle-o-up{color:#ff0000;}
.floating .fa-arrow-circle-o-up:before{color:#ff0000;}
.floating .fa-phone{color:#ff0000;}
.floating .fa-phone:before{color:#ff0000;}


.floating .float-sen{padding-left:10px}
.floating .qq,.floating .mail,.floating .wx{background:url(../images/float.png) no-repeat;float:left;width:27px;height:30px;margin-top:10px;}
.floating .qq{background-position: 0px -13px;}
.floating .mail{background-position: 0px -67px;}
.floating .wx{background-position: 0px -117px;}