@charset "utf-8";
.content_module_top{width: 1000px;height: 330px;background: url(../images/PC_module_top_bg.jpg) center no-repeat;}
.content_tablet_top{width: 1000px;height: 330px;background: url(../images/PC_tablet_top_bg2.jpg) center no-repeat;}
.content_module_top span.arrow,
.content_tablet_top span.arrow{font:bold 14px "宋体"; color:#ee3123;display: inline;}
.module_top_left{display: inline;}
.module_top_left span{font:bold 14px Microsoft YaHei;color:#ee3123;display: inline;}
.module_top_left p{font:bold 12px Microsoft YaHei;color:#444;display: inline;}
.module_top_right{width: 224px;height: 268px;float: right;}
.module_top_right p{font:bold 14px Microsoft YaHei;color:#444;display: inline;}
.module_top_right ul{margin-top: 20px;}
.module_top_right ul li{width: 210px;height: 24px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.module_top_right ul li a{font-size: 12px;color:#000;transition: color 0.3s; }
.module_top_right ul li a:hover{color:#ee3123;}
.module_top_right ._more{float: right;padding-right: 18px;padding-top: 10px;}
.module_top_right ._more a{font:normal 12px Microsoft YaHei;color: #000;transition: color 0.3s;}
.module_top_right ._more a:hover{color:#ee3123;}
.content_module_bottom{width: 1000px;height: 290px;background: url(../images/notebook_module_bottom_bg.jpg) center no-repeat;position: relative;}
.content_module_bottom h4{padding-top: 100px;font-weight: bold;color: #444;font-size: 15px;}
.self_service{width: 318px;height: 190px;float: left;}
.self_tittle{position: absolute;left: 108px;}
.self_link{width: 310px;padding-top: 170px;padding-left: 24px;}
.self_link a{font:normal 12px Microsoft YaHei;color: #666;display: inline-block;transition: color 0.3s;margin-right: 28px;margin-bottom: 20px;}
.self_link a:hover{color:#ee3123;}
.service_station{width: 362px;height: 190px;float: left;position: relative;}
.station_tittle{text-align: center;}
.location_search{margin:0 auto;width: 210px;height: 20px;padding-top:50px;}
.location_search p{display: inline;font:normal 12px Microsoft YaHei;color: #666;}
.location_search span{font:normal 12px Microsoft YaHei;color: #666;width: 100px;display: inline;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;top:0px;position:relative;}
.location_search a{font:normal 12px Microsoft YaHei;color: #ee3123; margin-left: 70px;display: inline-block;}

/*浮层 弹窗*/
.mask{width: 100%;height: 100%;position: fixed;top: 0;left: 0; z-index: 1; background: rgba(0,0,0,0.2);display: none;}
.element_class{position: fixed; top:50%;left: 50%; width: 450px;height: 250px; margin-left:-225px;margin-top:-125px;background: #fff;z-index: 2; display: none;font-family: 'Microsoft Yahei'}
.element_class img{margin:56px 0 0 90px;}
.element_class select{width: 130px;height: 32px;outline: none;cursor:pointer;}
.element_class select.prov{position: absolute;top:158px;left:28px;}
.element_class select.city{position: absolute;top:158px;left:172px;}
.element_class p{color:#888;position: absolute;top:79px;left:176px;font-size:13px;font-weight:bold;}
.element_class b{width: 26px;height: 28px;background: url(../images/close.gif) no-repeat;position: absolute;top:0;right:0;cursor: pointer;}
.area_btnsub{display: block;position: absolute;top:158px;left:334px;width: 92px;height: 32px;background: #65cc37;border-radius: 3px;cursor: pointer;outline: none;color:#fff;font-size: 14px;text-align:center;line-height:32px;}

.station_btn{display: block;width: 84px;height: 23px;background: #ee3123;color:#fff;font:normal 12px Microsoft YaHei;line-height: 23px;text-align: center;border-radius: 2px;float: left;}
.service_station a#repair_btn{margin-top: 20px;margin-left: 75px;}
.service_station a#on_site_btn{margin-top: 20px;margin-left: 42px;background: #CCC;}
.service_station a#olad_link_btn{margin-top: 20px;margin-left: 42px; background: #ee3123;}

.human_service{width: 320px;height: 190px;float: left;position: relative;}
.human_tittle{position: absolute;right: 110px;}
.customer_service{margin-left: 110px;margin-top:130px;position:relative;}
.customer_service a{display: block;width: 143px;height: 28px;background: #ee3123;color:#fff;font:normal 12px Microsoft YaHei;line-height: 28px;text-align: center;border-radius:2px;margin-bottom: 10px; transition: background 0.3s;}
.customer_service a.offline_btn{background:#CCC;}
.customer_service b{position:absolute;width:100px;height:100px;right:-40px;top:0px;display:none;}
.customer_service b img{display:block;width:100%;}
.customer_service b i{position:absolute;width:16px;height:16px;right:-10px;top:-10px;background:url(../images/close.gif) 0 -10px;border-radius:16px;}
.tablet_customer_service{margin-left: 130px;margin-top:98px;position:relative;}
.tablet_customer_service .tip { display: block; width: 84px; height: 25px; margin-top: 4px; margin-left: 10px; background:url(../images/tablet_qr_bg.png) no-repeat; color: #fff; line-height: 24px; font-size:12px; text-align: center;}
.tablet_oldlik_btn {display:block;width:182px; height: 26px; border:2px solid #207bc0; text-align:center; color: #0068b7; line-height: 26px;margin-top:80px;}
.tablet_oldlik_btn:active { width:186px; height: 30px; text-align:center; line-height: 30px; color:#fff; background:#3e8ddd;border:none;}
.tablet_oldlik_btn:hover { width:186px; height: 30px; text-align:center; line-height: 30px; color:#fff; background:#61b9ff; border:none;}
.old_link_lead_mask { position:fixed;z-index:99999;height:100%;width:100%; left:0;top:0;background: #000;filter:alpha(opacity=40);opacity:0.4;display:block;}
.old_link_lead_wrapper{height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 100000;display:block;}
.lead_content_postion {height: 300px;margin: 0 auto;width: 1000px;}
.lead_content{background: #fff;margin-left: 340px;margin-top: 82px; position: fixed;width: 410px; padding-top: 30px; border-radius:5px;padding-bottom: 20px;}
.old_link_lead_wrapper .lead_close_btn{ display:inline-block; position:absolute; width: 30px; height: 28px; background:url("../images/tablet_close_btn.png") no-repeat; right:20px;top:14px;}
.lead_tip { font-size: 14px;text-align:center;margin-bottom:10px;color:#323232;}
.lead_tip.first { text-align: left; padding-left: 33px;}
.lead_tip.four { text-align: left; padding-left: 68px;}
.lead_tip.mb0 { margin-bottom: 10px;}
.lead_tip  em { color: #fd0202; font-size: 24px;}
.lead_tip a { color: #f90808;}
.lead_tip a:hover { text-decoration: underline;}
.lead_kown_text { display: block; margin:0 auto;color: #fff;font-size:14px; background: #e60012; width: 180px; height: 26px; border-radius:4px; text-align:center; line-height:26px;}

/*两个批注框*/
.new {
    width: 160px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ff0000;
    position: absolute;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; left: 36px;
    bottom: -68px;
    font: normal 12px Microsoft YaHei;
    color: #666;
    display: none;
}
.new.active {
    display: block;
}
.old {
    width: 166px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ff0000;
    position: absolute;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; right: 36px;
    bottom: -68px;
    font: normal 12px Microsoft YaHei;
    color: #666;
    display: none;
}
.old.active {
    display: block;
}