ul,li,dd{list-style-type:none;list-style:none;}
.slipper{position:absolute;right:0;top:400px;width:73px;height:300px;z-index:999}
.slipper.pin{position:fixed;top:50%;margin-top:-150px}
.slipper ul{overflow:visible}
.slipper li{height:73px;width:73px;position:relative;background:url(../images/slipper.png) no-repeat}
.slipper .slipper-backtop{background-position:0 -219px;cursor:pointer}
.slipper .arrow{position:absolute;right:1px;height:0;width:0;top:50%;margin-top:-3px;border-top:6px solid transparent;border-left:6px solid #26bcfd;border-bottom:6px solid transparent}
.slipper-wx .arrow{border-left-color:#8592f4}
.slipper-wx .qr-code-box{position:absolute;right:73px;top:50%;margin-top:-90px;z-index:999;display:none}
.slipper-wx:hover .qr-code-box{display:block}
.slipper-wx .qr-code-box img{height:180px;width:180px;background:#fff;margin-right:7px}

.slipper-xzx .arrow{border-left-color:#8592f4}
.slipper-xzx .qr-code-box{position:absolute;right:73px;top:50%;margin-top:-90px;z-index:999;display:none}
.slipper-xzx:hover .qr-code-box{display:block}
.slipper-xzx .qr-code-box img{height:21px;width:21px;border:3px solid #8592f4;background:#fff;margin-right:7px}

@media(max-width:768px){body{position:absolute;bottom:0;top:0;right:0;left:0;height:100%;overflow-x:hidden}
.slipper{position:fixed;top:initial;bottom:0;width:40px;height:120px}
.slipper.pin{margin-top:-60px}
.slipper li{background-size:100%;width:40px;height:40px}
.slipper .slipper-wx{background-position:0 -40px;display:none}
.slipper .slipper-xzx{background-position:0 -40px;display:none}
.slipper .slipper-backtop{background-position:0 -120px}
.slipper-telphone p{height:40px;line-height:40px;font-size:20px;right:40px}
.slipper .arrow{right:-4px;top:20%}}