*{margin:0; padding: 0;}
ul{list-style: none;}
.wuyou-waiter{position: fixed; right: 0px; top:70%; margin-top: -90px; width: 110px; box-shadow: 0px 0px 20px rgba(0,0,0,.3);border-top-left-radius:20px;border-bottom-left-radius:20px; z-index: 999;}
.waiter-ul li{position: relative; height: 42px; line-height: 42px;   z-index: 2; color: #fff; display: block; width: 110px; text-indent: 40px; } 
 

.waiter-title{position: absolute; left: 0px; bottom: 0px; color: #fff; width: 230px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;   box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0; font-family: 'Microsoft Yahei';}

.waiter-ul li:hover .waiter-title{left: -238px; opacity: 1;}
.xia3{padding:1px 0}
@media screen and (max-width: 982px) {.wuyou-waiter{display:none;}}


.waiter-ul li.wuyou-shop .kefu{ background:url(kefu-kefu.png) no-repeat 6px 5px;  background-color:#9878FF;border-top-left-radius:20px;}
.waiter-ul li .kefu a{   position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 238px; height: 40px; line-height:40px; text-align: left; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 14px;center;background-image: -webkit-linear-gradient(left, #9878FF, #BEADF6);background-image: -moz-linear-gradient(left, #9878FF, #BEADF6);background-image: -ms-linear-gradient(left, #9878FF, #BEADF6)} 


.waiter-ul li.wuyou-shop .kefu-tel{ background:url(kefu-tel.png) no-repeat 6px 5px;  background-color:#40A5F3;}
.waiter-ul li .kefu-tel a{   position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 238px; height: 40px; line-height:40px; text-align: left; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 14px;center;background-image: -webkit-linear-gradient(left, #40A5F3, #91CBF7);background-image: -moz-linear-gradient(left, #40A5F3, #91CBF7);background-image: -ms-linear-gradient(left, #40A5F3, #91CBF7)} 

.waiter-ul li.wuyou-shop .kefu-mail{ background:url(kefu-mail.png) no-repeat 6px 5px;  background-color:#63B537;}
.waiter-ul li .kefu-mail a{  position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 268px; height: 40px; line-height:40px; text-align: left; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 14px;center;background-image: -webkit-linear-gradient(left, #63B537, #93E965);background-image: -moz-linear-gradient(left, #63B537, #93E965);background-image: -ms-linear-gradient(left, #63B537, #93E965)} 


.waiter-ul li.wuyou-shop .kefu-whast{ background:url(kefu-whats.png) no-repeat 6px 5px;  background-color:#46bac6;border-bottom-left-radius:20px;}
.waiter-ul li .kefu-whast a{   position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 238px; height: 40px; line-height:40px; text-align: left; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 14px;center;background-image: -webkit-linear-gradient(left, #46bac6, #5AE7F6);background-image: -moz-linear-gradient(left, #46bac6, #5AE7F6);background-image: -ms-linear-gradient(left, #46bac6, #5AE7F6)}