/*悬浮客服 begin*/
.kefu{position:fixed;width:70px;right:20px;top:50%;z-index:999;border-radius:80px;padding:20px 10px;box-shadow:0px 5px 10px 0px rgba(0,0,0,.3);

background: rgba(253,206,20,1);
background: -moz-linear-gradient(top, rgba(253,206,20,1) 0%, rgba(253,113,20,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,206,20,1)), color-stop(100%, rgba(253,113,20,1)));
background: -webkit-linear-gradient(top, rgba(253,206,20,1) 0%, rgba(253,113,20,1) 100%);
background: -o-linear-gradient(top, rgba(253,206,20,1) 0%, rgba(253,113,20,1) 100%);
background: -ms-linear-gradient(top, rgba(253,206,20,1) 0%, rgba(253,113,20,1) 100%);
background: linear-gradient(to bottom, rgba(253,206,20,1) 0%, rgba(253,113,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdce14', endColorstr='#C02F25', GradientType=0 );

}
.kefu ul li{width:50px;color:#999;float:left;position:relative;transition:all .3s;cursor:pointer;margin:10px 0}
.kefu ul li i{color:#fff;font-size:24px}
.kefu ul li.sidewx .wxBox.son{left:-150px;width:130px;padding:10px;display:none;position:absolute;top:0;box-shadow:0px 0 8px 0px rgba(0,0,0,.1)}
.kefu ul li.sidetel .telBox.son{left:-180px;width:180px;padding-right:20px;display:none;color:#fff;text-align:left;position:absolute;top:0px;}
.kefu ul li.sidetel .telBox .post{position:relative;padding:10px;box-shadow:0px 0 8px 0px rgba(0,0,0,.1);background:#FD9F14;border-radius:5px}
.kefu ul li.sidetel .telBox .post:after{
border-left: 10px solid #FD9F14;
z-index: 3;
position: absolute;
top:20px;
right:-10px;
display: inline-block;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
content: '';}

.kefu ul li.sidetel .telBox .post .media {margin:5px 0;padding:0;}
.kefu ul li.sidetel .telBox .post .media span{width:28px;height:28px;margin-right:10px}
.kefu ul li.sidetel .telBox .post .media i{font-size:24px;}
.kefu ul li.sidetel .telBox .post .media .media-body {padding:0;margin:0px;}
.kefu ul li.gotop{margin-top:5px}
.kefu ul li.gotop:hover{opacity:.8;filter:Alpha(opacity=80);z-index:0}
.kefu ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}to{opacity:1}}
/*悬浮客服 end*/

@media screen and (max-width:768px){
.kefu{width:60px;right:10px;padding:10px 5px}
.kefu ul li{width:50px;}
}