.on-line{position:fixed; right:10px;bottom:15%; z-index: 999;}
.cus-com{position:relative;}
.on-line li{width:80px; height:80px; background:#0086db;margin:0px 0;border-radius: 0px; transition:all .6s ease; text-align: center;border-bottom:0px #fff solid;position:relative;}
.on-line li a span{display:block;color:#fff; font-size:12px; }
.on-line li:first-child{}
.on-line li:last-child{border-bottom:0;}
.on-line li img{margin:10px auto 0; vertical-align: middle;}
.wx-img{position:absolute; right:80px;background:#f2f2f2;bottom:-65px;width:170px; height:170px; vertical-align: middle; opacity:1.0;transition:all .6s ease;display:none;}
.wx-img img{}
.wx-img:before{content:""; width:0; height:0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f2f2f2; position:absolute; right:-10px;top:40%;}
.tel-line{position:absolute; width:0px; right:80px;bottom:0px;transition:all .4s ease;opacity:1.0; background:rgba(242,242,242,0.9);height:50px;display:none;}
.tel-line h3{font-size:18px; color:#333;padding:0px 0;display:block;line-height: 50px;padding:0;margin:0; font-weight:normal;}
.tel-line:before{content:""; width:0; height:0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #f2f2f2; position:absolute; right:-10px;top:35%; }
.tel-con:hover .tel-line{opacity:1.0;width:200px;display:block;}
.wx-ico:hover .wx-img{opacity:1.0;display: block;}
.on-sk em{ position:absolute; top:0; right:15px; color:#fff; font-style:normal;}
@media screen and (max-width:567px){
    .on-line{display:none;}
}