样式

HTML

        
在线客服
    

        

            
 客服一号
            
 客服二号
        
        
热线电话
        

        

扫码添加微信
    

CSS

#floatDivBoxs *{padding:0;margin:0;}
#floatDivBoxs ul,ol{list-style:none;}
#floatDivBoxs a{color:#666;text-decoration:none;outline:none;}
#floatDivBoxs a:hover{color:#e8431f;}


#floatDivBoxs{width:130px;height:400px;background:#fff;position:fixed;bottom:50px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:130px;height:45px;line-height:45px; background:#037ec6;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;width:120px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;width:120px;height:40px;}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.wximg{width:120px;height:120px;}
#rightArrow{width:45px;height:45px;background:url(https://cdn.czl.net/online_kefu/img/online_arrow.png) no-repeat;position:fixed;bottom:405px;right:130px;z-index:999;}
#rightArrow a{display:block;height:45px;}