.sys-kefu{position:fixed;z-index:999;top:50%;right:10px;width:80px;color:#fff;font-size:12px;text-align:center;background:#1173f2;border-radius:0 0 8px 8px;box-shadow:0 6px 12px rgba(0,0,0,.1)}
.sys-kefu__badge{position:absolute;top:-40px;left:0;z-index:2;width:80px;height:80px;overflow:hidden;text-indent:-9999px;background:url(/static/sys/kefu/kefu.png) no-repeat center top}
.sys-kefu__list{margin:0;padding:45px 0 0;list-style:none}
.sys-kefu__list li{position:relative}
.sys-kefu__list a{display:block;width:100%;padding:43px 0 12px;color:#fff;text-decoration:none;background:url(/static/sys/kefu/kefu-tb.png) no-repeat top center}
.sys-kefu__list a:hover{background-color:#0d63d4}
.sys-kefu__list a.sys-kefu__top{padding:30px 0 10px;background-position:center -15px}
.sys-kefu__list a.sys-kefu__tel{background-position:center -79px}
.sys-kefu__list a.sys-kefu__online{background-position:center -150px}
.sys-kefu__list a.sys-kefu__wechat{background-position:center -218px}
.sys-kefu__list p{position:absolute;top:0;right:82px;z-index:3;width:0;margin:0;padding:0 15px;overflow:hidden;color:#fff;font-size:14px;line-height:24px;text-align:left;background:#1173f2;opacity:0;transition:all .4s ease}
.sys-kefu__list li:hover p{width:150px;padding:15px;opacity:1}
.sys-kefu__list p img{display:block;width:120px;height:120px;object-fit:contain}
@media (max-width:800px){
.sys-kefu{top:40%;right:2px;width:60px;border-radius:8px}
.sys-kefu__badge{display:none}
.sys-kefu__list{padding:0}
.sys-kefu__online,.sys-kefu__wechat,.sys-kefu__list p{display:none}
.sys-kefu__list a{font-size:12px}
}