﻿/*右侧浮动客服*/
#pcFloat.on {width: 260px;}
#pcFloat.on .top-list li span{left:25px;}
#pcFloat.on .top-list li .wechat{position: static;}
#pcFloat.on .top-list li .wechat img{display: block;margin:3px 0 0px 25px;float:left;}
#pcFloat {width: 50px;position: fixed;right: 0;top: 50%;margin-top: -127px;background-color: #abcd52;z-index: 1000;transition: width 0.3s ease 0s;-moz-transition: width 0.3s ease 0s;-webkit-transition: width 0.3s ease 0s;-o-transition: width 0.3s ease 0s;}
#pcFloat .top-list {width: 100%;}
#pcFloat .top-list li {width: 100%;min-height:50px;border-bottom: 1px solid #fff;}
#pcFloat .top-list li:last-child{border-bottom:none;}
#pcFloat .top-list a {display: block;width: 100%; position:relative;}
#pcFloat .top-list span {display: inline-block;z-index: 1;width: 222px;font-size: 14px;line-height: 50px;color: #fff;padding-left:25px;}
#pcFloat .top-list a>i.fa{display: inline-block;width: 49px;height: 49px;position: absolute;right: 0;top: 0;line-height:49px;font-size:21px;text-align:center;color:#fff;z-index:1;background-color:#abcd52}
#pcFloat .top-list a>i.fa-ali svg{display: block;margin: 0 auto;line-height: 49px;height: 49px;}
#pcFloat .top-list li:hover{background-color:#fff;}
#pcFloat .top-list li:hover span{color:#333;}
#pcFloat .top-list li:hover a>i{color:#abcd52;background-color:#fff}
#pcFloat .top-list li:hover a>i.fa-ali path{fill:#abcd52;}
#pcFloat .top-list .wechat img{display:none;}
#pcFloat.on .top-list .wechat img{display:inline-block;padding:3px;}
#pcFloat .top-list .wechat a{ min-height:50px;}