html,body{width: 100%;height: 100%;min-height: 768px;min-width: 1024px;}
#container{width: 100%;height: 100%;background: #fff;}
*{font-family: 'SourceHanSerifCN-Bold', 'Microsoft YaHei','PingFangSC-Regular, sans-serif';}

/* 字体 */
@font-face {
    font-family: 'SourceHanSerifCN-Bold';
    font-style: normal;
    font-weight: normal;
    src: url("../../font/SourceHanSerifCN-Bold/SourceHanSerifCN-Bold.eot");
    src: local("SourceHanSerifCN-Bold"), local("SourceHanSerifCN-Bold"),
      url("../../font/SourceHanSerifCN-Bold/SourceHanSerifCN-Bold.eot?#iefix") format("embedded-opentype"),
      url("../../font/SourceHanSerifCN-Bold/SourceHanSerifCN-Bold.woff2") format("woff2"),
      url("../../font/SourceHanSerifCN-Bold/SourceHanSerifCN-Bold.woff") format("woff"),
      url("../../font/SourceHanSerifCN-Bold/SourceHanSerifCN-Bold.ttf") format("truetype"),
      url("../../font/SourceHanSerifCN-Bold/SourceHanSerifCN-Bold.svg") format("svg"); 
}

@font-face {
    font-family: 'SourceHanSerifCN-Medium';
    font-style: normal;
    font-weight: normal;
    src: url("../../font/SourceHanSerifCN-Medium/SourceHanSerifCN-Medium.eot");
    src: local("SourceHanSerifCN-Medium"), local("SourceHanSerifCN-Medium"),
        url("../../font/SourceHanSerifCN-Medium/SourceHanSerifCN-Medium.eot?#iefix") format("embedded-opentype"),
        url("../../font/SourceHanSerifCN-Medium/SourceHanSerifCN-Medium.woff2") format("woff2"),
        url("../../font/SourceHanSerifCN-Medium/SourceHanSerifCN-Medium.woff") format("woff"),
        url("../../font/SourceHanSerifCN-Medium/SourceHanSerifCN-Medium.ttf") format("truetype"),
        url("../../font/SourceHanSerifCN-Medium/SourceHanSerifCN-Medium.svg") format("svg"); 
}

/* 顶部 */
.header{width: 100%;height: auto;background: #fff;}
._top{width: 100%;height: 10px;background: #C30310;}
.nav{width: 1120px;height: 115px;margin: 0 auto;overflow: hidden;}
.nav>img{float: left;width: 135px;margin-top: 22px;margin-left: 10px;}
.nav>p{float: left;color: #005193;font-size: 14px;margin-left: 10px;font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';
    line-height: 115px;}
.nav_right{float: right;overflow: hidden;height: 100%;margin-right: 22px;}
.nav_right>a{float: left;font-family: 'SourceHanSerifCN-Bold','Microsoft YaHei';color: #333;font-size: 18px;line-height: 115px;
    text-decoration: none;}
.nav_right>a:nth-child(1){margin-right: 20px;}
.nav_right>a:nth-child(2){margin-right: 20px;}
.nav_right>a:nth-child(3){margin-right: 20px;}
.nav_right>a:nth-child(4){margin-right: 20px;}
.nav_right>a:nth-child(5){margin-right: 20px;}

/* 中间区域 */
.content{
    width: 100%;
    /*height: calc(100% - 125px - 167px);*/
    height: calc(100% - 125px - 167px + 48px);
}
/* 登录、申请试用 */
.function_box{width: 100%;height: 100%;background: url(../../../img/modules/login/background.jpg) no-repeat 0 0;
    background-size: cover;overflow: hidden;padding: 0 calc((100% - 1120px) / 2);
    display: flex;align-items: center;justify-content: space-between;display: no ne;}
.function_box_chian{width: 100%;height: 100%;background: url(../../../img/icloginb.jpg) no-repeat 0 0;
    background-size: cover;overflow: hidden;padding: 0 calc((100% - 1120px) / 2);
    display: flex;align-items: center;justify-content: space-between;display: no ne;}
.function_box>h3{float: left;color: #fff;font-size: 28px;font-family: 'SourceHanSerifCN-Bold','Microsoft YaHei';
    margin-left: 70px;font-weight: normal;line-height: 30px;}
/* 登录 */
.login_box{width: 400px;height: 444px;background: #fff;margin-right: 22px;display: no ne;}
.box_top{width: 100%;height: 4px;background: #C30310;}
.titles{color: #005095;font-size: 20px;font-family: 'SourceHanSerifCN-Bold';text-align: center;line-height: 20px;
    margin: 20px auto 0;font-weight: normal;position: relative;float: left; width: 100%;}
.titles>span{color: #C30310;}
.titles::before{content: '';width: 110px;height: 1px;background: #005293;
    position: absolute;top: 30px;left: 50%;margin-left: -55px;}
.titles::after{content: '';border-top:4px solid #005293;border-left:8px solid transparent;
    border-right:8px solid transparent;margin-left: -4px;
    position: absolute;top: 31px;left: 50%;}
.tel_box{width: 100%;height: 38px;overflow: hidden;margin-top: 45px;float: left;}
.tel_box>span{width: 106px;height: 100%;float: left;color: #333;font-size: 16px;font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';
    line-height: 38px;text-align: right;padding-right: 8px;}
.tel_box>input{width: 244px;height: 100%;border:1px solid #dcdcdc;padding-left: 10px;
    line-height: 38px;color: #333;font-size: 16px;float: left;outline: none;}
.code_box{width: 100%;height: 38px;overflow: hidden;margin-top: 20px;float: left;}
.code_box>span{width: 106px;height: 100%;float: left;color: #333;font-size: 16px;font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';
    line-height: 38px;text-align: right;padding-right: 8px;}
.code_input{width: 244px;height: 100%;border:1px solid #dcdcdc;float: left;padding-left: 8px;position: relative;}
.code_input>input{width: 110px;height: 100%;line-height: 38px;color: #333;font-size: 16px;border: none;
    line-height: 38px;color: #333;font-size: 16px;outline: none;background-color: #fff!important;}
.send_code{width: 85px;height: 100%;color: #005293;font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';font-size: 16px;
    position: absolute;top: 0px;right: 10px;cursor: pointer;line-height: 38px;}
.toLogin{
    width: 244px;
    height: 38px;
    /* margin: 30px 0 0 106px; */
    margin: 20px auto 0;
    background: #005293;
    text-align: center;
    line-height: 42px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    font-family: 'SourceHanSerifCN-Bold','Microsoft YaHei';
    cursor: pointer;
    float: left;
    margin-left: 78px;
}
.login_tip{
    width: 244px;
    /* margin: 20px 0 0 106px; */
    margin: 15px auto 0;
    text-align: center;
    line-height: 16px;
    color: #005293;
    font-size: 14px;
    font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';
    float: left;
    margin-left: 78px;
}
.login_tip>a{
    color: #C30310;
    text-decoration: none;
    font-family: 'SourceHanSerifCN-Bold','Microsoft YaHei';
}

/* 申请试用 */
.apply_box{
    width: 400px;
    /*height: 444px;*/
    height: 492px;
    background: #fff;
    margin-right: 22px;display: none;}
.work_box{width: 100%;height: 38px;overflow: hidden;margin-top: 20px;float: left;}
.work_box>span{width: 106px;height: 100%;float: left;color: #333;font-size: 16px;font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';
    line-height: 38px;text-align: right;padding-right: 8px;}
.work_box>input{width: 244px;height: 100%;border:1px solid #dcdcdc;padding-left: 10px;
    line-height: 38px;color: #333;font-size: 16px;float: left;outline: none;}
.toApply_Login{width: 244px;height: 42px;
    /* margin: 30px 0 0 106px; */
    margin: 30px auto 0;
    background: #005293;text-align: center;
    line-height: 42px;text-align: center;line-height: 40px;color: #fff;font-size: 16px;
    font-family: 'SourceHanSerifCN-Bold','Microsoft YaHei';cursor: pointer;margin-top: 20px;float: left;margin-left: 78px;}
.apply_tip{width: 274px;
    /* margin: 20px 0 0 97.5px; */
    margin: 20px auto 0;
    margin-top: 15px;
    float: left;
}
.apply_tip>p{color: #005293;font-size: 14px;line-height: 20px;text-align: center;}
.apply_tip>p>span{color: #C30310;}

/* 机构码登录 */
.org_apply_box{width: 400px;height: 444px;background: #fff;margin-right: 22px;display: none;float: left;}
.toOrg_Login{width: 244px;height: 42px;
    /* margin: 30px 0 0 106px; */
    margin: 30px auto 0;
    background: #005293;text-align: center;
    line-height: 42px;text-align: center;line-height: 40px;color: #fff;font-size: 16px;
    font-family: 'SourceHanSerifCN-Bold','Microsoft YaHei';cursor: pointer;margin-top: 20px;float: left;margin-left: 78px;}
.apply_tip{width: 274px;
    /* margin: 20px 0 0 97.5px; */
    margin: 20px auto 0;
    margin-top: 15px;
    float: left;
    margin-left: 58px;
}
.apply_tip>p{color: #005293;font-size: 14px;line-height: 20px;text-align: center;}
.apply_tip>p>span{color: #C30310;}

/* 选择业务领域 */
.select_area{width: 100%;height: 100%;background: #F9F9F9;overflow: hidden;display: none;}
.select_area_content{width: 1100px;height: calc(100% - 40px);margin: 20px auto;background: #fff;position: relative;
    overflow: hidden;}
.select_area_content>h1{color: #005293;font-size: 20px;line-height: 29px;margin: 60px 0 0 60px;font-weight: normal;}
.area_right{width: 462px;height: calc(100% - 60px - 29px - 60px - 30px);float: right;margin-top: 20px;position: relative;}

.letterBox{width: 637px;height: calc(100% - 60px - 29px - 60px - 30px);overflow: auto;padding-left: 60px;float: left;
    margin-top: 20px;border-right: 1px solid #ddd;}
.letterBox>li{width: calc(100% - 20px);height: auto;overflow: hidden;margin-bottom: 10px;}
.letterBox>li:last-child{margin-bottom: 0;}
.letterBox>li>h3{color: #C30310;font-size: 18px;line-height: 26px;width: 100%;text-align: left;font-weight: normal;}
.letterBox>li>span{font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';font-size: 14px;color: #333333;padding: 0 14px;float: left;
    line-height: 26px;height: 28px;border: 1px solid #dcdcdc;background: #fff;cursor: pointer;margin: 10px 10px 0 0;}
.letterBox>li>span:hover{background: #f4f4f4;}
.letterliClick{background: #005293!important;}
.area_right>p{font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';font-size: 18px;color: #333333;margin-left: 30px;line-height: 26px;}
.selectFont{width: 100%;height: auto;overflow: hidden;margin-top: 10px;padding: 0 30px;}
.selectFont>li{float: left;margin: 10px 10px 0 0;width: auto;height: 28px;padding: 0 14px;cursor: pointer;
    background: #005293;}
.selectFont>li>span{font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';font-size: 14px;color: #FFFFFF;line-height: 26px;cursor: pointer;float: left;}
.selectFont>li>img{width: 12px;float: left;margin: 8px 0 0 8px;}

.letterBox>li>span:active{background: #005293!important;color: #fff!important;}
.select_area_complete{width: 244px;height: 42px;background: #005293;color: #fff;font-size: 16px;
    cursor: pointer;text-align: center;line-height: 42px;
    position: absolute;bottom: 0;right: 50%;margin-right: -122px;}



/* 申请试用成功 */
.apply_success{width: 100%;height: 100%;background: #F9F9F9;overflow: hidden;display: none;}
.apply_success_content{width: 1100px;height: calc(100% - 40px);margin: 20px auto;background: #fff;position: relative;
    overflow: hidden;}
.apply_success_content>img{width: 50px;margin: 160px auto 0;display: block;}
.apply_success_content>p{margin: 20px auto 0;}
.apply_success_content>p>span{color: #005293;font-size: 20px;text-align: center;line-height: 24px;
    font-family: 'SourceHanSerifCN-Bold','Microsoft YaHei';display: block;}
.complete{width: 244px;height: 42px;background: #005293;color: #fff;font-size: 16px;font-family: 'SourceHanSerifCN-Bold','Microsoft YaHei';
    text-align: center;line-height: 42px;cursor: pointer;
    position: absolute;bottom: 60px;left: 50%;margin-left: -122px;}


.single_choose{overflow: hidden;margin: 8px auto 0;max-width: 80%;text-align:left;}
.single_choose>li{
    overflow: hidden;
    height: 23px;
    /*margin-left: 10px;*/
    cursor: pointer;
    display: inline-block;}
.single_img_box{width: 16px;height: 16px;float: left;margin-top: 4px;
    background: url(../../../img/public/single.png) no-repeat 0 0;background-size: cover;}
.single_choose>li>span{font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei','SimSun';font-size: 16px;color: #333333;line-height: 23px;
    float: left;margin-left: 6px;}
.onSingle .single_img_box{
    width: 16px;
    height: 16px;
    background: url(../../../img/public/single_on.png) no-repeat 0 0;background-size: cover;}


.wx_login_container{
    border-radius: 2px;
    display: none;
    width: 300px;
    height: 400px;
    background: #fff;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-left: -140px;
    margin-top: -125px;
    z-index: 9999;
}
.errTip{
    display: none;
    position: fixed;
    left: 40%;
    top: 40%;
    width: 400px;
    height: 80px;
    line-height: 40px;
    padding: 20px 40px;
    box-sizing: border-box;
    background: rgb(239 237 237 / 85%);
    border-radius: 2px;
    font-size: 18px;
    color: #181717;
    letter-spacing: 0;
    text-align: center;
    z-index: 99999
}
.bb-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 196;
    background: rgb(81 81 81 / 40%);
    display: none;
}
.errmsg {
    height: auto;
    color: #C30310;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    padding-left: 107px;
    margin-top: 6px;
    text-align: justify;
    float: left;
}
.wx_logword{
    display: none;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 100px;
    height: 30px;
    color: #fff;
    background:#C30310;
    background-size: cover;
    float: right;
    border-radius:5px;
    position: absolute;
    margin: 5px 65px 0 0;
    box-shadow: 0px 3px 0px 0px rgb(221 160 160 / 12%);
}
.wx_logword span.lwd{
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    margin-left: 8px;
}
.wx_logword span.rsj{
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #C30310;
    position: absolute;
    margin-left: 8px;
    margin-top: 8px;
    width: 0;
    height: 0;
}
.wxsm{
    /*display: none;*/
    cursor: pointer;
    position: relative;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    opacity: .4;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    /*border-color: #C30310 #C30310 rgba(0,0,0,0) rgba(0,0,0,0);*/
    /*border-style: solid;*/
    /*border-width: 32px;*/
    background-size: cover;
    float: right;
    background:url(/img/abc.jpg) no-repeat 0 0;background-size: cover;
}

.wxsm_border{
    /*display: none;*/
    cursor: pointer;
    /*position: absolute;*/
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    opacity: 1;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #fff #fff;
    border-style: solid;
    border-width: 25px;
    background-size: cover;
    float: right;
    /*background:url(/img/abc.jpg) no-repeat 0 0;background-size: cover;*/
}
.wxsm:hover{
    opacity: 1;
}

.wxsm_d{
    cursor: pointer;
    /*position: absolute;*/
    right: 0;
    top: 0;
    width: 64px;
    height: 64px;
    opacity: .4;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    background-size: cover;
    float: right;
}
.waitImg{
    display: none;
}


/* 底部 */
.footer{width: 100%;height: 167px;overflow: hidden;padding: 0 calc((100% - 1120px) / 2);}
.footer_left{float: left;}
.version_switch{margin: 43px 0 0 30px;overflow: hidden;height: 45px;}
.version_switch>img{float: left;}
.version_ul{float: left;margin-left: 9px;margin-top: 8px;}
.version_ul>li{width: 70px;height: 28px;float: left;margin-left: 10px;background: #005293;cursor: pointer;
    text-align: center;line-height: 28px;font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';color: #fff;font-size: 14px;}
.not_select{background: #7FA8C9!important;}
.on_record{margin-left: 30px;margin-top: 36px;color: #333;font-size: 14px;
    font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';}
.on_record a{
    display: inline-block;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    color: #333;
    font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei','SimSun';
}
.footer_right{width: auto;height: 100%;float: right;overflow: hidden;position: relative;margin-right: 10px;}
.footer_right::before{content: '';width: 1px;height: 107px;background: #ddd;
    position: absolute;top: 30px;left: 0;}
.contact{float: left;width: 90px;height: 100%;margin-left: 40px;}
.contact>img{width: 90px;margin-top: 20px;}
.contact>span{color: #333;font-size: 14px;text-align: center;line-height: 14px;margin-top: 10px;
    display: block;width: 100%;font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';}
.follow{width: 112px;height: 100%;float: left;margin-left: 10px;}
.follow>img{width: 90px;margin:20px auto 0;display: block;border: 1px solid #ddd;}
.follow>span{color: #333;font-size: 14px;text-align: center;line-height: 18px;margin-top: 1px;
    display: block;width: 100%;font-family: 'SourceHanSerifCN-Medium','Microsoft YaHei';}


@media (max-width: 1130px) {
    .nav{width: 1024px;}
    .function_box{padding: 0 calc((100% - 1024px) / 2);}
    .footer{padding: 0 calc((100% - 1024px) / 2);}
}





.modal_cover {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;
}
.modal{
    /*position: absolute;*/
    position: fixed;
    width: 500px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px 0px rgba(153,153,156,0.25);
    border-radius: 10px;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    /*padding:30px;*/
    padding: 0 30px 30px 30px;
    display:table;
    box-sizing: border-box;
}
.modal p.contC{
    font-size: 20px;
    font-weight: bold;
    color: #393942;
    line-height: 26px;
    text-align:center;
    display:table-cell;
    vertical-align: middle;
}
.confirmB,.continueB{
    width: 109px;
    height: 71px;
    line-height: 58px;
    position: absolute;
    right: 30px;
    bottom: 5px;
    z-index: 100;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    display: block;
    background: url(/img/loginBg.png) center no-repeat;
    background-size: 168px 93px;
}
.cancelB{
    width: 109px;
    height: 71px;
    line-height: 54px;
    position: absolute;
    right: 145px;
    bottom: 5px;
    z-index: 100;
    color: #393942;
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    display: block;
}
.confirmB a,.continueB a{
    display: block;
    width: 109px;
    height: 71px;
    color:#fff;
}
.confirmB a,.continueB a:hover{
    text-decoration: none!important;
}

/* bbmask */
.bbmask {
    /*position: relation;*/
    position: relative;
    display: none;
}

.mhfekap {
    z-index:1000;
}

.mhfekap p{
    float: left;width: 100%;margin: 50px 0;
}
.mhfekap input{
    width: 200px;padding: 0 10px;border: 1px solid #a6a4a4;font-size: 16px;
    outline: 0px;
}
.mhfekap div.phoneIptDiv{
    float: left;width: 100%;justify-content: center;display: flex;
}
.mhfekap div.kapErr{
    color: #ef2626;font-size: 18px;width: 100%;float: left;margin-left: 70px;margin-top: 10px;
}
.mhfekap span img{
    cursor: pointer;
}