/********login**********/
body { }
.login_Content { background: url(../images/backstage_login.png) no-repeat center center; height: 100%; width: 100%; background-size: cover; position: absolute; left: 0; top: 0;}
.head_index { margin: 0 auto; padding: 20px 30px 0 30px; line-height: 53px;min-width: 1100px; }
.head_index .h1 { float: left; }
.head_index .h1 img { max-height: 53px; }
.head_index .head_nav { float: left; padding-top: 13px; padding-left: 155px; }
.head_index .head_nav .a { display: inline-block; float: left; margin-right: 55px; font-size: 18px; color: #fff; line-height: 22px; padding-bottom: 5px; }
.head_index .head_nav .a .down_a { color: #fff; }
.head_index .head_nav .a.active { border-bottom: 2px solid #fff; }
.head_index .head_nav .a.last { margin-right: 0px; }
.head_contact { display: inline-block; margin: 5px 50px 0 0; line-height: 27px; float: left; color: #fff; }
.head_contact i { display: inline-block; width: 29px; height: 29px; vertical-align: top; margin: 0px 10px 0 0; background: url(../images/icons.png) 0 0 no-repeat; }
.btn_member { float: right; }
.btn_member a { display: inline-block; width: 73px; height: 26px; line-height: 26px; text-align: center; color: #fff; border: 1px solid #fff; border-radius: 4px; float: left; margin-left: 12px; margin-top: 5px; }
.btn_member a:hover, .zc_btn:hover, .section .more:hover, .btn_a:hover { background: #ff8632; border: 1px solid #ff8632; }
.login_banner { margin: 180px auto 0 ; width: 1160px; text-align: center; }
.btn { margin: 60px 0 0 0; text-align: center; }
.btn .btn_a {margin: 0 auto 20px; display: block; width: 178px; height: 48px; border: 1px solid #fff; text-align: center; line-height: 48px; border-radius: 30px; color: #fff; font-size: 20px; }
.btn_a:hover, .btn .btn_hover {border: 1px solid #b86215; background-color: #b86215; box-shadow: 7px 7px 10px #b86215;}
.foot { color: #C9A583; padding: 20px 30px 10px 30px; min-width: 95%; position: absolute; bottom: 5%;}
.f_n { color: #a7a7a7; font-size: 14px; line-height: 10px; margin:0 auto;}
.f_t { line-height: 33px; *line-height: 20px; float: left; margin-right: 10px; }
.f_nav {margin-top: 12px;}
.f_nav a { text-decoration: none; padding: 0 0 0 20px; color: #a7a7a7; }
.f_nav a:hover { color: #a7a7a7; }
.f_link_l { border-right: none !important }
.new_foot_icon {width: 115px;height: 28px;display: inline-block;background:url(../images/logo_b.png) 0 0 no-repeat;margin: 2px 7px 0 4px;vertical-align: top;}

.info_content {margin: 100px 0;min-width: 1160px;}
.exp_box {width: 1160px;margin: 0 auto;text-align: center;}
.feature_box {background-color: #f6f9fa;padding: 60px 0;margin: 80px 0 0 0;}
.feature_list{width: 1160px;margin: 0 auto;}
.feature_list ul li, .c_tabs ul li {display: inline;float: left;width: 33%;}
.f_temp {width: 358px; height: 510px; background-color: #fff;border-radius: 5px; box-shadow: 5px 5px 25px #ddedfb;overflow: hidden;}
.f_temp_pic {height: 248px;width: 100%;}
.f_img_1 {background: url(../images/login/f_img_1.png) center top no-repeat;}
.f_img_2 {background: url(../images/login/f_img_2.png) center top no-repeat;}
.f_img_3 {background: url(../images/login/f_img_3.png) center top no-repeat;}
.f_temp_info {margin: 35px 0 0 0;text-align: center;}
.f_temp_title {font-size: 32px;color: #ff8632;margin: 0 0 20px 0;}
.f_temp_p {font-size: 16px;color: #484848;line-height: 34px;}
.client_box {width: 100%;padding: 80px 0 0 0;text-align: center;}
.c_tabs {width: 538px;margin:50px auto 0 auto; border: 1px #dcdcdc solid;border-radius: 5px;box-shadow: 2px 2px 5px #ddd;}
.c_tabs .c_tabs_link {line-height: 42px;display: block;font-size: 18px;border-left: 1px #dcdcdc solid;}
.c_tabs .c_tabs_link:hover, .c_tabs .act {background-color: #f6f8fa;color: #5aa7ee;}
.c_tabs li:first-child {border-left: 0;width: 34%;}
.c_tabs li:first-child .c_tabs_link{border-left: 0;}

.caseBox table {
    width: 1160px;
    margin: 30px auto;
    border-color: #fff;
}

.caseBox table .customerIcon {
    height: 114px;
    width: 217px;
}

.caseBox table .customerIcon span {
    display: inline-block;
}

.caseBox table .carCon .car_1 {
    width: 68px;
    height: 69px;
    background: url(../images/login/car_box.png) no-repeat;
    background-position: 0 0;
    margin-top: 22px;
}

.caseBox table .carCon .car_1:hover {
    background-position: 0 -137px;
}

.caseBox table .carCon .car_2 {
    width: 68px;
    height: 69px;
    background: url(../images/login/car_box.png) no-repeat;
    background-position: -182px 0;
    margin-top: 22px;
}

.caseBox table .carCon .car_2:hover {
    background-position: -182px -137px;
}

.caseBox table .carCon .car_3 {
    width: 68px;
    height: 69px;
    background: url(../images/login/car_box.png) no-repeat;
    background-position: -366px 0;
    margin-top: 22px;
}

.caseBox table .carCon .car_3:hover {
    background-position: -366px -137px;
}

.caseBox table .carCon .car_4 {
    width: 68px;
    height: 69px;
    background: url(../images/login/car_box.png) no-repeat;
    background-position: -552px 0;
    margin-top: 22px;
}

.caseBox table .carCon .car_4:hover {
    background-position: -552px -137px;
}

.caseBox table .carCon .car_5 {
    width: 135px;
    height: 46px;
    background: url(../images/login/car_box.png) no-repeat;
    background-position: -696px -14px;
    margin-top: 33px;
}

.caseBox table .carCon .car_5:hover {
    background-position: -696px -151px;
}

.caseBox table .bankCon .bank_1 {
    width: 151px;
    height: 33px;
    background: url(../images/login/bank_box.png) no-repeat;
    background-position: 0 0;
    margin-top: 38px;
}

.caseBox table .bankCon .bank_1:hover {
    background-position: 0 -139px;
}

.caseBox table .bankCon .bank_2 {
    width: 106px;
    height: 39px;
    background: url(../images/login/bank_box.png) no-repeat;
    background-position: -205px 0;
    margin-top: 41px;
}

.caseBox table .bankCon .bank_2:hover {
    background-position: -205px -139px;
}

.caseBox table .bankCon .bank_3 {
    width: 154px;
    height: 28px;
    background: url(../images/login/bank_box.png) no-repeat;
    background-position: -366px -8px;
    margin-top: 45px;
}

.caseBox table .bankCon .bank_3:hover {
    background-position: -366px -147px;
}

.caseBox table .bankCon .bank_4 {
    width: 134px;
    height: 38px;
    background: url(../images/login/bank_box.png) no-repeat;
    background-position: -555px -2px;
    margin-top: 37px;
}

.caseBox table .bankCon .bank_4:hover {
    background-position: -555px -141px;
}

.caseBox table .bankCon .bank_5 {
    width: 115px;
    height: 38px;
    background: url(../images/login/bank_box.png) no-repeat;
    background-position: -748px 0;
    margin-top: 34px;
}

.caseBox table .bankCon .bank_5:hover {
    background-position: -748px -139px;
}


.caseBox table .consumerCon .consumer_1 {
    width: 151px;
    height: 78px;
    background: url(../images/login/consumer_box.png) no-repeat;
    background-position: 0 0;
    margin-top: 17px;
}

.caseBox table .consumerCon .consumer_1:hover {
    background-position: 0 -136px;
}

.caseBox table .consumerCon .consumer_2 {
    width: 95px;
    height: 53px;
    background: url(../images/login/consumer_box.png) no-repeat;
    background-position: -205px -3px;
    margin-top: 31px;
}

.caseBox table .consumerCon .consumer_2:hover {
    background-position: -205px -139px;
}

.caseBox table .consumerCon .consumer_3 {
    width: 78px;
    height: 30px;
    background: url(../images/login/consumer_box.png) no-repeat;
    background-position: -395px -20px;
    margin-top: 44px;
}

.caseBox table .consumerCon .consumer_3:hover {
    background-position: -395px -156px;
}

.caseBox table .consumerCon .consumer_4 {
    width: 91px;
    height: 54px;
    background: url(../images/login/consumer_box.png) no-repeat;
    background-position: -580px -2px;
    margin-top: 26px;
}

.caseBox table .consumerCon .consumer_4:hover {
    background-position: -580px -138px;
}

.caseBox table .consumerCon .consumer_5 {
    width: 62px;
    height: 62px;
    background: url(../images/login/consumer_box.png) no-repeat;
    background-position: -777px -3px;
    margin-top: 25px;
}

.caseBox table .consumerCon .consumer_5:hover {
    background-position: -777px -139px;
}

.caseBox .tbCase .conTr {
    display: none;
}
.caseBox .tbCase .act {
    display: block;
}

/*common login*/
.bg_ceng { display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: #000; opacity: 0.5; filter: alpha(opacity:50) !important; z-index: 999; }
.tc_login_cq { display: none; width: 35%; min-width: 355px; max-width: 800px; position: fixed; left: 50%; top: 50%; opacity: 0; filter: alpha(opacity:0); margin-top: -293px; z-index: 1000; background: #fff; border-radius: 8px; behavior: url(/static/css/PIE.htc); }
.login_center_cq {  }
.login_head {
    padding: 20px 30px;
    position: relative;
}
.login_title {
    font-size: 36px;
    color: #484848;
    text-align: center;
    margin-left: 20px;
    float: left;
}

.login_img {
    position: absolute;
    margin-top: 70px;
}

.form-horizontal{

}

.main_t {padding: 40px 15px 20px 15px; width: 370px;margin: 0 auto;}
.login_center_cq .login_in { position: relative; border-radius: 0px;margin:30px 0 0 0;  background:#fff;padding: 6px 10px;}
.login_center_cq .login_in .login_in_wrap {width: 300px;height: 36px;line-height: 36px; overflow: hidden;border-radius: 3px;}
.login_center_cq i.login_icon { display: inline-block;width: 33px;  height: 33px;margin: 0 15px 0 0;  float: left;  float: left;background-image: url(/static/images/dim_icons.png);background-repeat: no-repeat;}
.login_center_cq i.company { background-position: 0 0; }
.login_center_cq i.account { background-position: 0 -36px; }
.login_center_cq i.password { background-position: 0 -71px; }
.login_center_cq .login_in .login_in_wrap input {background: transparent; color: #aaa; width: 272px;  line-height: 26px; padding: 5px 4px; float: left; border: none; font-size: 14px; }
.login_center_cq input::-webkit-input-placeholder { color: #aaa; }
.login_center_cq input:-moz-placeholder { color: #aaa; }
.login_center_cq input::-moz-placeholder { color: #333; }
.login_center_cq input:-ms-input-placeholder { color: #aaa; }
.login_center_cq .errorMessage {margin: 20px 0 0 0px; color: red;text-align: center;position:absolute;}
.login_center_cq .verTop {margin: 60px 0 0 0px; color: #aaa;}
.login_forget { overflow: hidden; position: relative; z-index: 2; line-height: 14px; }
.login_forget label { display: inline-block; line-height: 14px; float: left; }
.login_forget label input { vertical-align: middle; }
.login_forget a { display: inline-block; color: #ff8632; line-height: 14px; float: right; }
.login_forget a:hover { color: #b86215; }
.login_center_cq .loginbut {width: 320px;margin: 0 auto; line-height: 44px; height: 44px; padding: 0 0px; border-radius: 5px; margin-top: 28px; margin-bottom: 20px; font-size: 16px;background: linear-gradient(236.32deg, #b86215 0%, #f2a52c 100%); }
.login_center_cq .loginbut:hover { color: #fff; }
.loginbut { background-color: #b86215; color: #fff; text-align: center; display: block; }
.edit_box {width: 330px;}
.edit_btns_box{padding: 15px 50px 60px;text-align: center;}
.edit_btns_box .loginbut {margin:0 10px;    display: inline-block;  width: 170px;  height: 35px;  line-height: 35px;}
.err_edit {text-align: center;margin: 30px 0;color: #e66018;}
.mBt {float: left;margin: 5px 0 0 16px;}
.line27 {line-height: 27px;}


/********login**********/

/********download**********/
.down_Content { height: 100%; min-height: 600px; background: url(../images/new_banner.jpg) center top no-repeat; background-size: cover; }
.down_Content {background-image: url("../images/downs/down_bg.jpg");}
.down_Content .down_app_box {width: 1020px;margin: 10px auto 0;}
.down_Content .i_pic { float: left;width: 330px;text-align: center;}
.down_Content .i_pic img {width: 250px;}
.down_Content .down_info {margin: 0px 0 0 30px;float: left;}
.down_Content .code_box {width: 560px;margin: 15px auto;color: #fff;}
.down_Content .android_box {width: 200px;float: left;text-align: center;}
.down_Content .ios_box {width: 200px;float: right;text-align: center;}
.down_Content .android_pic_box, .down_Content .ios_pic_box {border: 1px #fff solid;font-size: 12px;text-align: center;padding: 5px;width: 100%; margin: 0px auto;  }
.down_Content .app_category_desc {text-align: center !important; font-size: 16px; margin: 12px 0; width: 120px;}
.down_Content .vers {padding: 5px 0;}
.down_Content .icons {margin-bottom: 20px;font-size: 24px;text-align: center}
.down_Content .icons i {width: 33px;height: 33px;display: inline-block;vertical-align: middle;margin: 0 5px 0 0;background-position: 0 0;background-repeat: no-repeat;}
.down_Content .ios_i i{background-image: url("../images/downs/icon_ios.png");}
.down_Content .android_i i{background-image: url("../images/downs/icon_android.png");}

.down_point {display: inline-block;  min-width: 120px;  max-width: 120px;  border: 2px solid #fff;  text-align: center;  line-height: 42px;  border-radius: 30px;  color: #fff;  font-size: 18px;}
.down_detail {margin: 10px;}
.down_detail_info {font-size: 13px;color: #484848;}
.down_detail_info p {line-height: 23px;}

@media (max-width: 780px) {
    html,body{height: 100%;font-size: 1rem;}
    body {min-width: 0;background: url("../images/downs/ph/ph_down_bg.png") center no-repeat; background-size: cover;}
    body:before {background: url("../images/downs/ph/ph_down_bg.png") center no-repeat; background-size: cover;}
    .down_Content_ph {}
    .down_Content_ph .down_title  {padding: 10% 0 0 0;}
    .down_Content_ph .code_box {margin: 30px auto;color: #fff;}
    .down_Content_ph .android_box, .down_Content_ph .ios_box  {text-align: center;}
    .down_Content_ph .android_pic_box, .down_Content_ph .ios_pic_box {border: 1px #fff solid;font-size: 1rem;text-align: center;padding: 1rem;width: 45%; margin: 0px auto;  }
    .code_box img {width: 100%;}
    .down_Content_ph .vers {padding: 5px 0;}
    .down_Content_ph .icons {margin: 30px 0 ;font-size: 2rem;}
    .down_Content_ph .icons i {width: 57px;height: 57px;display: inline-block;vertical-align: text-bottom;margin: 0 5px 0 0;background-position: 0 0;background-repeat: no-repeat;}
    .down_Content_ph .ios_i i{background-image: url("../images/downs/ph/ph_icon_ios.png");}
    .down_Content_ph .android_i i{background-image: url("../images/downs/ph/ph_icon_android.png");}
}
.head_me{
    width: 200px;
    height: 59px;
    background: url('../images/me.png') 0 0 no-repeat;
    background-size:200px 59px ;
    margin-left:3%;
}
.head_china{
    width: 400px;
    height: 100px;
    background: url('../images/china.png') 0 0 no-repeat;
    background-size:400px 100px ;
    margin:0px 0 0 6%;
}
.head_patrol{
    width: 400px;
    height: 200px;
    background: url('../images/patrol.png') 0 0 no-repeat;
    background-size:400px 100px ;
    margin:0px 0 0 12%;
}
@media (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.69) {
    .head_me,.head_china,.head_patrol {
        transform: scale(0.8, 0.8);  /* 可以根据需要调整缩放值 */
        transform-origin: left top;
    }
    .jsboxContent{
        margin :0 auto !important;
    }
    .head_patrol{
        margin-left:5%;
    }
    .foot{
        bottom:3%;
    }
}
.login_bgcolor {
    width: 500px;
    height: 450px;
    background: url(../images/blurring.png) no-repeat;
    background-size: 590px 537px;
    background-position: -48px -42px;
    position: absolute;
    z-index: -1;
}
.jsboxContent{
    background: none !important;
    box-shadow: none !important;
}
.show{
    margin-top:50px;
    padding-top:80px;

}
/*.a{*/
/*    width: 400px;*/
/*    height: 400px;*/
/*    background: url('../images/dl.png') 0 0 no-repeat;*/
/*    background-size:400px 400px ;*/
/*    margin-left:6%;*/
/*   */
/*}*/
/********download**********/