ul,li,dd{list-style-type:none;list-style:none;}
.slipper{position:absolute;right:0;top:840px;width:73px;height:300px;z-index:999;}
.slipper.pin{position:fixed;top:50%;margin-top:-150px;}
.slipper ul{overflow:visible;}
.slipper li {margin-top:3px;}
.slipper li.zsbm {background: rgba(0, 0, 0, 0) url(../images/zxbm.jpg) no-repeat scroll 0 0; height: 73px; position: relative; width: 73px;}
.slipper li.zsjz {background: rgba(0, 0, 0, 0) url(../images/zsjz.jpg) no-repeat scroll 0 0; height: 73px; position: relative; width: 73px;}
.slipper li.wmbm {background: rgba(0, 0, 0, 0) url(../images/wmbm.jpg) no-repeat scroll 0 0; height: 73px; position: relative; width: 73px;}
.slipper li.wmwgw {background: rgba(0, 0, 0, 0) url(../images/2wm.jpg) no-repeat scroll 0 0; height: 73px; position: relative; width: 73px;}
.slipper li.slipper-telphone {background: rgba(0, 0, 0, 0) url(../images/dh.jpg) no-repeat scroll 0 0; height: 73px; position: relative; width: 73px;}
.slipper .slipper-qq{background-position:0 0;}
/* .slipper .slipper-wx{background-position:0 -73px} */
.slipper .slipper-telphone{background-position:0 -146px;}
.slipper .wmwgw {background-position:0 -146px;}
.slipper .wmbm {background-position:0 -146px;}
.slipper .slipper-backtop{background-position:0 -219px;cursor:pointer;}
.slipper-qq-list dl{position:absolute;right:73px;top:0;width:140px;z-index:998;min-height:30px;padding-right:7px;display:none;}
.slipper-qq-list:hover dl{display:block;}
.slipper-qq-list dd a{height:30px;line-height:30px;text-indent:36px;color:#fff;display:block;width:140px;background:#26bcfd url(../images/qq-icon.jpg) no-repeat 10px 50%;}
.slipper-qq-list dd a:hover{background-color:#23b1ef;text-decoration:none;}
.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;border:3px solid #8592f4;background:#fff;margin-right:7px;}

.slipper-telphone p{position:absolute;right:73px;top:0;height:73px;line-height:73px;text-align:center;min-width:180px;background:#342b5a;z-index:10;text-align:center;font-size:18px;display:none;white-space:nowrap;padding:0 10px;}
.slipper-telphone p a{color:#fff;}
.slipper-telphone:hover p{display:block;}

.wmwgw  p{position:absolute;right:73px;top:0;height:73px;line-height:73px;text-align:center;min-width:73px;background:#f6c131;z-index:10;text-align:center;font-size:18px; display:none;white-space:nowrap;padding:0px;}
.wmwgw p a{color:#fff ;}
.wmwgw:hover p{display:block;}

.wmbm  p{position:absolute;right:73px;top:0;height:73px;text-align:center;min-width:73px;background:#d26103;z-index:10;text-align:center;font-size:18px; display:none;white-space:nowrap;padding:0px;}
.wmbm p a{color:#fff;display:block; height:73px;}
.wmbm:hover p{display:block;}
.wmbm p a img { vertical-align:middle; margin:2px;}

@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-qq-list dl{right:43px;}
.slipper .slipper-wx{background-position:0 -40px;display:none;}
.slipper .slipper-telphone{background-position:0 -80px;}
.slipper .wmbm {background-position:0 -80px;}
.slipper .wmwgw {background-position:0 -80px;}
.slipper .slipper-backtop{background-position:0 -120px;}
.slipper-telphone p{height:40px;line-height:40px;font-size:20px;right:40px;}
.wmbm  p{height:40px;line-height:40px;font-size:20px;right:40px;}
.wmwgw  p{height:40px;line-height:40px;font-size:20px;right:40px;}
.slipper .arrow{right:-4px;top:20%;}}