.wuyou-waiter{position: fixed; right: 10px; top:50%; /*margin-top: -90px;*/transform: translateY(-50%); width: 50px; /*box-shadow: 0px 0px 20px rgba(0,0,0,.3);*/ z-index: 999;display:none;}
.waiter-ul li{position: relative; height: 50px; line-height: 50px;margin-bottom:5px;width: 50px;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}
.waiter-title{position: absolute; right: 0px; top: 50%;transform: translateY(-50%); color: #333; width: 80px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0; padding: 0 20px;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);top:50%;margin-top:-5px;}
/*.waiter-ul li:hover .waiter-title{right: 0px; opacity: 1;}*/

.waiter-ul li.wuyou-shop a{background-image: -webkit-linear-gradient(left, #f60, #ffb443);background-image: -moz-linear-gradient(left, #f60, #ffb443);background-image: -ms-linear-gradient(left, #f60, #ffb443);}
.waiter-ul li.wuyou-shop .waiter-title{background-color:#f60; }
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#f60; }

.waiter-ul li.wuyou-contact a{background-image: -webkit-linear-gradient(left, #00b7ee, #55d8ff);background-image: -moz-linear-gradient(left, #00b7ee, #55d8ff);background-image: -ms-linear-gradient(left, #00b7ee, #55d8ff);}
.waiter-ul li a img{padding: 11px;box-sizing: border-box;}
.waiter-ul li.wuyou-contact .waiter-title{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#00b7ee; }

.waiter-ul li.wuyou-top a{background-image: -webkit-linear-gradient(left, #333, #666);background-image: -moz-linear-gradient(left, #333, #666);background-image: -ms-linear-gradient(left, #333, #666);}
.waiter-ul li.wuyou-top .waiter-title{background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333; }

.waiter-ul li.k1 a{background:#51d4ff;}
.waiter-ul li.k2 a{background:#51d4ff;}
.waiter-ul li.k3 a{background:#51d4ff;}
.waiter-ul li.k4 a{background:#51d4ff;}
.waiter-ul li.k5 a{background:#51d4ff;}
.waiter-ul li a:hover{background: #0084ff;}


.waiter-ul li.k1 .waiter-title{background:#fff; width:auto; width: 160px;}
.waiter-ul li.k1:hover .waiter-title{right: 62px; opacity: 1;}
.waiter-ul li.k2 .waiter-title{background:#fff; width:auto;height:auto;padding: 0;}
.waiter-ul li.k2:hover .waiter-title{right: 62px; opacity: 1;}
.waiter-ul li.k3 .waiter-title{background:#fff; width:auto;}
.waiter-ul li.k3:hover .waiter-title{right: 62px; opacity: 1;}
.waiter-ul li.k4 .waiter-title{background:#fff; width:auto;}
.waiter-ul li.k4:hover .waiter-title{right: 62px; opacity: 1;}
.waiter-ul li.k5 .waiter-title{background:#fff;}

.waiter-ul li.k1 .waiter-title:before{background:#fff;}
.waiter-ul li.k2 .waiter-title:before{background:#fff;}
.waiter-ul li.k3 .waiter-title:before{background:#fff;}
.waiter-ul li.k4 .waiter-title:before{background:#fff;}
.waiter-ul li.k5 .waiter-title:before{background:#fff;}
.waiter-title img{display: block;width: 120px;height: 120px; padding:10px;}