#panel{position:fixed;right:0;top:50%;margin-top:-126px;height:250px;border:1px solid #00735F;background:#018D75;width:49px;z-index:999;font-family:'microsoft yahei';}
.index_cy{width:30px;height:30px;background-image:url(/assets/images/index_cy.png);position:fixed; right:0; top:50%; margin-top:140px;background-position:62px 0px;cursor:pointer;}
.index_cy2{width:30px;height:30px;background-image:url(/assets/images/index_cy.png);position:fixed; right:0; top:50%; margin-top:140px;background-position:30px 0px;cursor:pointer;}
#panel,#panel .info{border-top-left-radius:10px;border-bottom-left-radius:10px;}
 
#panel .icons li{width:49px;height:49px;background-image:url(/assets/images/icon2.png);background-repeat:no-repeat;}
.icons .up{background-position:-330px -125px;cursor:pointer;}
.icons .qq{background-position:-385px -73px;}
.icons .tel{background-position:-385px -159px;}
.icons .wx{background-position:-383px -121px;}
.icons .down{background-position:-330px -164px;cursor:pointer;}

#panel .info{position:absolute;height:147px;top:50%;right:100%;margin-top:-73.5px;background:#018D75;width:0;overflow:hidden;transition:all .5s;}
#panel .info.hover{width:145px;}
#panel .info li{width:145px;display:none;text-align:center;color:#ccc;}

#panel .info li p{font-size:1.1em;line-height:2em;padding:15px;text-align:left;}
#panel .info li.qq p a{display: block;margin-top: 12px;width: 100px;height: 32px;line-height: 32px;color: #00dfb9;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #00dfb9;border-radius:5px;}
#panel .info li.qq p a:hover{background:#00dfb9;color:#fff;}
#panel .info li  div.img{height:100%;background:#DEFFF9;margin:15px}