/* 在线客服 */

.online_service{position:fixed;right:1px;top:73%;margin-top:-100px;z-index:1000}
.online_service_meau{position:relative;}
.online_service_btn{width:48px;height:48px;line-height: 48px; box-shadow:0 4px 7px rgba(0, 0, 0, 0.14); text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.online_service_btn:hover{background-color:#eb1f2a}
.online_service_btn span{color:#848484;font-size:26px;}
.online_service_btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#eb1f2a;position:absolute;left:-12px;top:-12px;}
.service_car .online_service_btn {margin-bottom:20px;box-shadow: 0 3px 3px rgba(0,0,0,.1);}
.service_car.online_service_meau:hover .online_service_btn{background-color:#eb1f2a}
.service_car.online_service_meau:hover .online_service_btn span{color:#fff;display:inline-block;}
.service_car .online_service_btn span{color:#eb1f2a;}
.service_sev .online_service_btn,
.service_sev:hover .online_service_btn{background:url("../images/service_zxkf.gif") no-repeat #eb1f2a center;} 
.service_sev .online_service_btn p{color:#fff}
.service_sev .online_service_btn span{color:#fff}
.service_top .online_service_btn i{display:block;color:#999}
.service_top.online_service_meau:hover .online_service_btn{background-color:#eb1f2a}
.service_top.online_service_meau:hover .online_service_btn i{color:#fff;}
.online_service_box{position:absolute;top:-105px;right:48px;padding-right:15px;display:none;}
.online_service_box .service_box_border{border-top:4px solid #eb1f2a;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.online_service_box .service_box_border .service_arrow_right{border:7px solid transparent;border-left:7px solid #fff;width: 0;height: 0px;position:absolute;right:-14px;top:118px;}
.online_service_box .service_box_border .service_sev_t{overflow: hidden}
.online_service_box .service_box_border .service_sev_t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.online_service_box .service_box_border .service_sev_t p{float:left;color:#eb1f2a;font-size:24px;line-height:28px;}
.online_service_box .service_box_border .service_sev_t p i{display:block;font-size:14px;color:#aaa;}
.online_service_box .service_box_border .service_sev_b{padding-top:10px;margin-top:10px;border-top:1px solid #e4e4e4;}
.online_service_box .service_box_border .service_sev_b li{float:left;width:49%;margin-right: 1%;}
.service_sev .online_service_box .service_box_border{width:500px;}
.service_contact .online_service_box .service_box_border{width:230px;}
.online_service_meau:hover .online_service_box{display:block}
.service_code .online_service_box{top:inherit;bottom:-35px;}
.service_code .online_service_box .service_box_border{width:200px;text-align:center;border-top:1px solid #ccc;}
.service_sev_t img{width: 100%;}
.service_code .online_service_box .service_box_border i{display:block;color:#eb1f2a;font-size:16px;line-height:16px;}
.service_code .online_service_box .service_box_border .service_arrow_right{top:inherit;bottom:50px;}
.service_sev .online_service_btn .service_icon{display:none;}
.service_zs .online_service_btn{background-color:#eb1f2a;color:#fff;margin-top:80px;border-color:#eb1f2a}
.service_zs .online_service_btn span{color:#fff}
.service_zs .online_service_btn p{color:#fff}

.service_icon{color:#999;display:inline-block;vertical-align: middle;width: 30px;height: 30px;margin: auto;background-image: url("../images/service_icon.png");}
    .service_icon_gwc{background-position:-73px 3px;}
    .service_icon_2wm{background-position:-73px -51px;}
    .service_icon_lx{background-position:-73px -104px;}
    .service_icon_up{background-position:-73px -150px;height:20px;}
    .online_service_meau:hover .service_icon_gwc{background-position: 0 3px;}
    .online_service_meau:hover .service_icon_2wm{background-position: 0 -51px;}
    .online_service_meau:hover .service_icon_lx{background-position: 0 -104px;}
    .online_service_meau:hover .service_icon_up{background-position: 0 -150px;}
#service_top_back .online_service_btn{line-height:35px;}

.onl_box{padding:7px 5px;line-height: 1.7;position: relative;height:80px;}
.onl_box h4{padding-bottom: 0;font-weight: bold;font-size: 15px;}
.onl_box h4 i{font-size: 12px;font-weight: lighter;color: #f14851;background: #fafafa;display: inline-block;padding: 0 3px;border-radius: 2px;margin-left: 3px;}
.onl_box p{color: #666;font-size: 12px;}
.onl_box .onl_tips{font-size: 12px;color: #fff;background: #ef7d7d;padding: 0 5px;border-radius: 2px;}
.onl_box .onl_qq{background: url("../images/service_qq2.gif") no-repeat 5px 0;line-height: 20px;height: 22px;border: solid 1px #fe8a3c;padding:0 5px 0 27px;border-radius: 3px;display: inline-block;color: #ff6708;font-size: 12px;}
.onl_box .onl_2wm{position: absolute; width:75px;height:75px;right: 0;bottom: 0;}
.onl_box .onl_2wm:hover{width:120px;height:120px;box-shadow: 0 5px 5px rgba(0,0,0,.15);z-index: 3}
.onl_box .onl_2wm img{width: 100%;height: 100%;}

@media screen and (max-width:768px) {
    .online_service{bottom:160px;top: auto}
    .service_contact,.service_code{display: none;}
    .online_service_meau .online_service_btn{border-radius: 100%;}
    .online_service_btn sup{left: -2px;top: -8px;}
    .service_sev .online_service_box .service_box_border{width:280px;}
    .online_service_box{top: auto; bottom: -15px;right: 35px;}
    .online_service_box .service_box_border{padding:10px;}
    .online_service_box .service_box_border .service_arrow_right {top: auto; bottom: 30px;}
    .online_service_box .service_box_border .service_sev_b li{float:left;width:100%}  
    .online_service_box .service_box_border .service_sev_b{max-height:320px;overflow-y: auto;}
    .onl_box .onl_2wm:hover{width:inherit;height:inherit;box-shadow: none;}

}