.Text12px{font-size: 12px;}
/*.about_banner{display: block;}*/
.about_detals{
    padding: 0 121px;
    color: #666666;
}
.service_ways_wx img{
    width:100px;
    height:100px;
}
.about_detals-job, .about_detals-job-view{
    margin: 20px 60px;
    border: 1px solid #ffffff;
    border-radius: 20px;
    padding: 0 60px;
    background-color: rgba(255,255,255,0.9);
}
/*.about_detals-job + .about_detals-job{display: none;}*/
.about_h1{font-size: 4em;}
.h1_pt_aboutme{line-height: 4em;}
.about_h2{font-size: 2.5em;}
.h2_pt_aboutme{line-height: 2em;}
.text-center{text-align: center}
.about_text{
    font-size: 1.167em;
    line-height: 2em;
}
.about_text_pt{margin-bottom: 2em;}
.about_power{
    background-color: #0173BC;
    color: #fff;
    margin-top: 80px;
}
.about_num2{display: none;}
.power{
    width: 30%;
    display: inline-block;
    margin: auto;
    vertical-align: bottom;
}
.power_list{padding: 0 3em;}
.power_list h6{
    font-size: 1.334em;
    padding-top: 1.6em;
    line-height: 2em;
    font-weight: bold;
}
.power_list p{
    color: rgba(255,255,255,0.7);
    font-size: 1.167em;
    padding-bottom: 1.6em;
    display: inline-block;
    height: 100px;
}
.about_power > div{text-align: center}
.about_honor{
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.honor_text{
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    padding: 20px;
}
.honor_pt{
    display: flex;
    justify-content: space-between;
}
.honor_pt > div{
    width: 46%;
    margin-bottom: 80px;
    border-radius: 4px;
    border: 1px solid #dddddd;
}
.honor_text h2,
.honor_text p{margin: 20px;}
.join_us_h1{
    display: inline-block;
    line-height: 180px;
    color: white;
    vertical-align: middle;
}
.join_link{
    line-height: 180px;
    float: right;
    color: white;
    font-size: 2em;
}
.join_link img{
    position: relative;
    top: 4px;
}
.join_us{
    background-image:linear-gradient(to right, #0173BC,#4CADEB);
    display: block;
}
.join_us:hover{
    background-image:linear-gradient(to right, #0173BC,#0173BC);
}
.about_h3{
    font-size: 2em;
    color: #666666;
    font-weight: bold;
    line-height: 1.6em;
}
.about_h3_border{
    border-left: 6px solid #0173BC;
    padding-left: 0.5em;
}
.about_h3_pt{margin: 1em 0;}
ul.about_text li{
    list-style-type: disc;
    list-style-position: inside;
}
.about_h6{
    font-size: 1.334em;
    line-height: 2em;
    font-weight: bold;
}
h6.about_h6_lh{line-height: 1.2em;margin-bottom: 0.8em;}
h6.about_h6 span {color: #B0B0B0}
.h2_pt{margin: 2em 60px 1em}
.help-what{
    padding: 2em;
    background-color: #E5F3FC;
    border: 1px solid #9AD6FC;
}
.help-what h6{
    font-size: 2em;
    color: #0173BC;
}
.about_link{color: #0173BC;}
.about_link:hover{text-decoration: underline;}
.contact span{
    display: inline-block;
    vertical-align: text-top;
}
ul.contact li{list-style-type: none;}
.contact li span:first-child{width: 10%;}
.chat {background-image:linear-gradient(#01BC96,#1CB9FF);}
.chat {padding: 40px;}
.chat_line{font-size: 0}
.chat_line > div{display: inline-block;}
.chat_inner {padding: 20px 80px;}
.chat_bg_w{background-color: white}
.chat_bg_w_a{background-color: rgba(255,255,255,0.9)}
.chat_radius_top{border-radius: 30px 30px 0 0 ;}
.chat_radius_bt{border-radius: 0 0 30px 30px;}

.cirle_l{vertical-align: top;}
.cirle_m{
    background-color: white;
    width: 1060px;
    height: 30px;
    vertical-align: top;
}
.cirle_r{vertical-align: top;}
.chat_line_bg_w{background-color: rgba(255,255,255,0.9)}
.cirle_m_line{border-bottom: 1px dashed #B1B1B1;}
.chat_text {margin: 40px 0;}
.chat_text div.chat_text_words{
    padding: 0 15px;
    max-width: 716px;
    line-height: 4em;
}
.chat_text img{vertical-align: bottom;}
.chat_text p {
    font-size: 2em;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    padding: 20px 0;
}
.chat_text_words{
    align-items: center;display: inline-flex;
    border: 1px solid #CDE2EF;
    box-shadow: 0px 6px 12px rgba(0,101,165,0.16);
    min-height: 108px;
    background-color: white;
}
.chat_text p span{font-size: 1.5em;}
.chat_text_left div.chat_text_words{
    color: #0173BC;
    border-radius: 50px 50px 50px 0;
}
.chat_text_right div.chat_text_words{
    color: #677F8E;
    border-radius: 50px 50px 0 50px;
}
.chat_text_right{text-align: right;}
.service_times p{display: inline-block;}
.service_times p:first-child{width: 15%;}
.about_hr{
    border: none;
    border-top: 1px solid #E6E6E6;
}
.service_online{
    display: inline-block;
    width: 316px;
    margin-bottom: 30px;
    vertical-align: top;
}
.service_info p{display: inline-block;}
.service_ways{
    position: relative;
    left: -6px;
}
.service_ways > div{
    display: inline-block;
    vertical-align: text-top;
}
.help-email-link,.service_ways_email a{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/img/help_center/btn_mail_n.png);
}
.help-email-link:hover,.service_ways_email a:hover,.service_ways_qq a:hover, .ws-popup a:hover{
    opacity: 0.8;
}
.service_ways_qq a{
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("/img/help_center/btn_qq2_n.png");
}
.ws-popup a{
/*    display: inline-block;*/
    width: 32px;
    height: 32px;
/*    background: url("/img/help_center/btn_wxQR_n.png");*/
}

.about_tips{
    font-size:1.167em;
    color: #B0B0B0;
}
.about_service{display: none;}
select.service_select{
    width: 353px;
    height: 40px;
    border: 1px solid #666666;
    color: #666666;
    font-size: 1.167em;
}
.about_img_pt{margin-bottom: 40px;}
h3.about_h3_img::before{
    /*content: "";*/
    margin-right: 20px;
    vertical-align: middle;
}
#h3img_01::before{
    content: url(/img/help_center/tt_01.png);
}
#h3img_02::before{
    content: url(/img/help_center/tt_02.png);
}
#h3img_03::before{
    content: url(/img/help_center/tt_03.png);
}
#h3img_04::before{
    content: url(/img/help_center/tt_04.png);
}
#h3img_05::before{
    content: url(/img/help_center/tt_05.png);
}
#h3img_06::before{
    content: url(/img/help_center/tt_06.png);
}
.about_shop{margin-bottom: 80px;}
.pay_method > div{
    display: inline-block;
    width: 232px;
}
.pay_method img{
    vertical-align: middle;
    margin-right: 10px;
}
.red_hl{color: #FF0036}
.service-t > div{
    display: inline-block;
    vertical-align: top;
    width: 162px;
    padding: 35px;
    text-align: center;
}
.service-t p{line-height: 1.6em;}
.service-table{
    width: 100%;
    border:1px solid #DCDCDC;
    border-collapse: collapse;
    font-size: 1.167em;
    line-height: 32px;
}
.service-table th{
    border: 1px solid #DCDCDC;
    color: #0B82B7;
    width: 25%;
    background-color: #EFEFEF;
    text-align: left;
    padding-left: 16px;
 }
.service-table td{
    border: 1px solid #DCDCDC;
    height: 32px;
    padding-left: 16px;
}
.service-table tr:hover{background-color: #f5f5f5}
.service-table tr:hover th{background-color: #EFEFEF}
.blue_hl{color: #0B82B7}
.jobs-list{margin: 0 60px;}
.jobs-list ul li{
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 4px;
}
.jobs-list ul li a{
    border-radius: 100px;
    padding: 10px 10px;
    line-height: 40px;
    background-color: rgba(255,255,255,0.9);
}
.jobs-list ul li a:hover{
    background-color: #00a0c1;
    color: white;
}
.jobs-list ul li a.active{
    background-color: #00a0c1;
    color: white;
}
.fontWhite{color: white}
.aboutHeight-40px{height: 40px;}
@media screen and (min-width: 1024px) and (max-width: 1200px){
    .about_banner{width: 100%;}
    .about_img_pt{
        width: 100%;
        height: auto;
    }
    
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .about_banner{width: 100%;}
    .about_detals{
        padding: 0px;
        margin: 0 10px;
    }
    .h2_pt{margin: 1em 0px 0.5em}
    .service_online{
        width: 48%;
        margin-bottom: 0px;
    }
    .about_h1{font-size: 3em;}
    .about_h2{
        font-size: 2em;
        margin: 40px 0px 20px;
    }
    .about_honor{width: 100%;height: auto;}
    .honor_text{
        display: block;
        padding: 0 10px;
    }
    .join_us_h1{
        line-height: 2em;
        font-size: 2em;
    }
    .join_link{
        font-size: 1.4em;
        line-height: 3em;
    }
    .jobs-list{margin: 0 10px;}
    .about_detals-job, .about_detals-job-view{
        margin: 10px;
        padding: 0 10px;
    }
    .contact li span:first-child{width: auto;}
    .chat{padding: 10px;}
    .chat_bg_w{padding: 10px;}
    /*.chat_text{margin: }*/
    .chat_text p{
        font-size: 0.8em;
        padding: 0.5em 0;
    }
    .chat_text div.chat_text_words{
        line-height: 2em;
        max-width: 70%;
    }
    .chat_text_words{min-height:initial;}
    .cirle_m{width: 80%;}
    .chat_line{display: none;}
    .about_img_pt{
        width: 100%;
        height: auto;
    }
    .join_us{clear: both;}
}
@media screen and (min-width: 360px) and (max-width: 768px) {
    .honor_pt{
        flex-wrap: wrap;
    }
    .honor_pt > div{
        width: 100%;
    }
    .about_banner{width: 100%;}
    .about_detals{
        padding: 0px;
        margin: 0 10px;
    }
    .h2_pt{margin: 1em 0px 0.5em}
    .service_online{
        width: 49%;
        margin-bottom: 20px;
    }
    .about_h1{font-size: 3em;}
    .about_h2{
        font-size: 2em;
        margin: 20px 0px 20px;
    }
    .about_honor{width: 100%;height: auto;}
    .honor_text{
        display: block;
        padding: 0 10px;
        width: auto;
        height: auto;
        margin-bottom: 20px;
    }
    .join_us_h1{
        line-height: 2em;
        font-size: 2em;
    }
    .join_link{
        /*display: none;*/
        font-size: 1.4em;
        line-height: 3em;
    }
    .jobs-list{margin: 0 10px;}
    .about_detals-job, .about_detals-job-view{
        margin: 10px;
        padding: 0 10px;
    }
    .contact li span:first-child{width: auto;}
    .chat{padding: 10px;}
    .chat_bg_w{padding: 10px;}
    .chat_text{margin: 10px 0;}
    .chat_bg_w{padding: 1px;}
    .chat_text p{
        font-size: 0.8em;
        padding: 0.5em 0;
    }
    .chat_text div.chat_text_words{
        line-height: 2em;
        max-width: 70%;
    }
    .chat_text_words{min-height:initial;}
    .cirle_m{width: 80%;}
    .chat_line{display: none;}
    .about_img_pt{
        width: 100%;
        height: auto;
    }
    .service_times p:first-child{width: 30%;}
    .about_text{font-size: 1em;}
    .h1_pt_aboutme{line-height: 2em;}
    .chat_text img{
        width: 12%;
        height: auto;
    }
    .join_us{clear: both;}
    .chat_inner{padding: 10px;}
    .contact span {
        width: 78%;
    }
    .pay_method > div{margin: 10px 0px;}
    .pay_method img{width: 6vw;}
    .service-t > div{
        width: 38%;
        padding: 5%;
    }
}