*{margin:0; padding: 0;}
ul{list-style: none;}
.wuyou-waiter{position: fixed; right: 0px; top:50%; margin-top: -90px; width: 62px; height: 272px; background: url(/images/yf.png);z-index: 999;}
.waiter-ul li{position: relative; height: 60px; line-height: 60px; }
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 60px; height: 60px; line-height: 60px; 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; background: url(/images/fdk.png); left: 0px; bottom: 1px; color: #fff; width: 205px; height:325px;padding-top: 20px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s;   z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px;  transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -205px; 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{ top:20%;}
.waiter-ul li.wuyou-shop .waiter-title:before{top:20%; }
.waiter-ul li.wuyou-shop .waiter-title span{  width: 160px; float: left; text-align: left; height: 20px; line-height: 20px;padding-left: 20px; color: #fff; font-size: 14px; }
.pan1{margin-bottom:20px !important;}
.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.wuyou-contact .waiter-title{top:20%;}
.waiter-ul li.wuyou-contact .waiter-title:before{top:20%;}
.waiter-ul li.wuyou-contact .waiter-title span{  width: 160px; float: left; text-align: left; height: 20px; line-height: 20px;padding-left: 20px; color: #fff; font-size: 14px; }

.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{ top:20%;}
.waiter-ul li.wuyou-top .waiter-title:before{ top:20%;}
.waiter-ul li.wuyou-top .waiter-title span{  width: 160px; float: left; text-align: left; height: 20px; line-height: 20px;padding-left: 20px; color: #fff; font-size: 14px; }

.waiter-ul li.wuyou-top_1 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_1 .waiter-title{ top:20%;}
.waiter-ul li.wuyou-top_1 .waiter-title:before{ top:20%;}
.waiter-ul li.wuyou-top_1 .waiter-title span{  width: 160px; float: left; text-align: left; height: 20px; line-height: 20px;padding-left: 20px; color: #fff; font-size: 14px; }
.waiter-ul li.wuyou-top_1 .waiter-title span{  width: 160px; float: left; text-align: left; height: 20px; line-height: 20px;padding-left: 20px; color: #fff; font-size: 14px; }
.waiter-ul li.wuyou-top_1 .waiter-title span{  width: 160px; float: left; text-align: left; height: 20px; line-height: 20px;padding-left: 20px; color: #fff; font-size: 14px; }