*{margin:0; padding: 0;}
ul{list-style: none;}
.wuyou-waiter{position: fixed; left: 0px; top:50%; margin-top: -90px; width: 60px;  z-index: 999;}
.waiter-ul li{
	position: relative;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
}
.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: 16px;}
.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 180px; 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;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; left: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: 70px; opacity: 1;}

.waiter-ul li.wuyou-nr a{background-image: -webkit-linear-gradient(right, #0077bf, #0077bf);background-image: -moz-linear-gradient(right, #f60, #4285f4);background-image: -ms-linear-gradient(right, #f60, #4285f4);}
.waiter-ul li.wuyou-nr .waiter-title{background-color:#0077bf; }
.waiter-ul li.wuyou-nr .waiter-title:before{background-color:#0077bf; }

.waiter-ul li.wuyou-nz a{background-image: -webkit-linear-gradient(right, #f9b029, #f9b029);background-image: -moz-linear-gradient(right, #00b7ee, #55d8ff);background-image: -ms-linear-gradient(right, #00b7ee, #55d8ff);}
.waiter-ul li.wuyou-nz .waiter-title{background-color:#f9b029; }
.waiter-ul li.wuyou-nz .waiter-title:before{background-color:#f9b029; }

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

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