@charset "utf-8";
/*客服*/
.red{color:#ea2631!important;font-size: 20px;}

.suspension{position:fixed; z-index:999; top:40%; right:17px; width:90px;height:240px;}
.suspension-box{position:relative; float:right; box-shadow:-3px 0 15px rgba(0,0,0,.1);}
.suspension .a{display:block;width:60px;height:60px;background-color:#FFF;margin-bottom:1px;cursor:pointer;outline:none;}
.suspension .a.active,.suspension .a:hover{background:#FCCF17;}
.suspension .a i{float:left;width:60px;height:60px;background-image:url(kefu_icon.png);background-repeat:no-repeat;}
.suspension .a-service{background:#FCCF17!important;}
.suspension .a-service i{background-position:-60px 0;}
.suspension .a-service-phone i{background-position:-120px 0;}
.suspension .a-qrcode i{background-position:0px 0;}
.suspension .a-top i{background-position:-180px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}

.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:65px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:-3px 0 15px rgba(0,0,0,.1);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(bg_arrow.png) no-repeat;right:-8px;top:30px;}
.suspension .d-service{width: 210px;top:0;}
.suspension .d-service-phone{width: 230px;top:60px;}
.suspension .d-qrcode{top:120px;}
.suspension .d .inner-box{padding:8px 10px 12px;}
.suspension .d .inner-box .clearfix:after{content:"";display:block; clear:both;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:0px solid #eee;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(ser_icon.png) no-repeat center 5px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 0px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(tel_icon.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:110px;line-height:44px;font-size:18px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:150px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding: 10px 0;}
.suspension .d-service-intro p{margin-left:10px;line-height:27px;font-size:15px;width:50%;white-space:nowrap;color:#333;}
.suspension .d-qrcode{width:180px; text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode .qrcode-img img{max-width:150px;}
.suspension .d-qrcode p{font-size:14px;color:#333;}
.d-service-ico a{display: block;width: 120px;height: 35px;line-height: 35px; margin: 15px auto;border: 1px solid #999;text-align: center;border-radius: 5px;}	
.d-service-ico a:hover{background: #f8f8f8; color: #000;}
@media (max-width:990px) {
.suspension{display:none;}
}