.online_kefu{ position: fixed;  bottom: 10vh; right:1%; z-index: 11;}
.online_kefu ul li{ list-style-type:none; width:75px; height:75px; line-height: 75px; margin-bottom: 10px; text-align: center; position: relative; background-color: #0088ff; color: #fff; border-radius: 100%; cursor: pointer; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.online_kefu li i{font-size: 30px; color: #fff;}
.online_kefu ul li a{ color: #666666;}
.online_kefu ul li .con{ position: relative; z-index: 3; }
.online_kefu ul li .hover_con{ border-top-left-radius: 40px; border-bottom-left-radius: 40px; padding-right: 15px; padding-left: 0; position: absolute; right: 37px; width: 0; color: #ffffff !important; font-size: 20px; text-align: center; background-color: #0088ff; height:75px; line-height:75px; bottom: 0; transition: all .3s linear 0s; opacity: 0; overflow: hidden; }
/*.online_kefu ul li .hover_con img{ width:100px;}*/
.online_kefu ul li:last-of-type{ background: #fff;}
.online_kefu ul li:last-of-type i{ color: #333;}
/*.online_kefu ul li.qrcode {  }*/
/*.online_kefu ul li.qrcode .hover_con{ height: 137px;padding: 10px;width: 130px;left: -141px;}*/
/*.online_kefu ul li.qrcode .hover_con p{ color: #fff; line-height:24px;}*/

.online_kefu ul li:last-of-type:hover{ background-color:#e83f02; color: #fff; }
.online_kefu ul li:last-of-type:hover i{ color: #fff;}
.online_kefu li:hover i{ color: #fff;}
.online_kefu li:hover p a{ color: #fff;}
.online_kefu li:hover .hover_con{ transform:rotateY(0deg); opacity: 1; width: 220px;}

/*.online_kefu li.qrcode:hover .hover_con{  bottom: -55px;}*/
/*.online_kefu li.qrcode:hover .hover_con:before{top: 48px;}*/

.mobile_mob{ display: none !important;}
@media (max-width: 1500px) {
    .online_kefu{ display: none;}
}