/* login_moudle.css */
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0; }
html { font-size: 5.3334vw }
html,body { height: 100% }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,button { margin: 0; padding: 0 }
body { font-family: "helvetica neue", helvetica, arial, sans-serif; color: #111f34; word-break: break-all; word-wrap: break-word }
input,textarea,select,button,h1,h2,h3,h4,h5,h6 { font-family: inherit; font-size: inherit }
input,textarea,select,button { border: none; background: none; resize: none;  border-radius: 0; -webkit-appearance: none }
input::placeholder,textarea::placeholder { color: #bbb }
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 50rem white inset !important; box-shadow: 0 0 0 50rem white inset !important }
em,i { font-style: normal }
table { border-collapse: collapse; border-spacing: 0; width: 100%; text-align: center; table-layout: fixed }
img { border: 0; vertical-align: middle }
ol,ul,li { list-style: none }
a { color: #111f34; text-decoration: none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; line-height: 0 }
body { max-width: 750px; margin-right: auto; margin-left: auto; }
@media screen and (min-width: 750px){
    html {
        font-size: 40px !important;
    }
}
/**/
.s_color_gray { color: #868EA3; }
.s_color_green { color: #0B998F; }
.tc { text-align: center; }
.none { display: none; }

.login_toast span,
.login_confirm span,
.login_agreement span,
.login_type_tab span { display: inline; margin-top: 0; }

/* ico_mod_login */
.ico_mod_login {
    display: inline-block; vertical-align: middle; margin-top: -.15rem; background: url('../image/ico-mod-login.png') no-repeat; background-size: 7.25rem 2rem;
}
.i_mod_login1, .i_mod_login2, .i_mod_login3, .i_mod_login4, .i_mod_login5, .i_mod_login11, .i_mod_login12 { width: .8rem; height: .8rem; }
.i_mod_login1 { background-position: 0 0; }
.i_mod_login2 { background-position: -1rem 0; }
.i_mod_login3 { background-position: -2rem 0; }
.i_mod_login4 { background-position: -3rem 0; }
.i_mod_login5 { background-position: -4rem 0; }
.i_mod_login6 { width: .7rem; height: .7rem; background-position: 0 -1rem; }
.i_mod_login7 { width: .6rem; height: .6rem; background-position: -1rem -1rem; }
.i_mod_login8 { width: .9rem; height: .9rem; background-position: -2rem -1rem; }
.i_mod_login9 { width: 1rem; height: 1rem; background-position: -3rem -1rem; }
.i_mod_login10 { width: 1.2rem; height: 1.2rem; background-position: -5rem 0; }
.i_mod_login11 { background-position: -6.25rem 0; }
.i_mod_login12 { background-position: -6.25rem -1rem; }
.i_mod_login13 { width: .7rem; height: .7rem; background-position: -4.25rem -1rem; }

/* ico_mod_loading */
.ico_mod_loading { 
    display: inline-block; vertical-align: middle; margin-top: -.1rem; width: 1.2rem; height: 1.2rem; background: url('../image/loading.png') no-repeat; background-size: 100% 100%; -webkit-animation: mod-loading 1.5s linear infinite; animation: mod-loading 1.5s linear infinite;
}
.ico_mod_loading.mini { width: .8rem; height: .8rem; }
@-webkit-keyframes mod-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes mod-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

/* login_moudle_bar */
.login_moudle_bar { display: flex; flex-direction: column; height: 100%; background-color: #fff; }
/* login_header */
.login_moudle_bar .login_header { background-color: #fff; position: relative; line-height: 2.2rem; height: 2.2rem; }
.login_header .login_header_link { position: absolute; top: 0; left: .4rem; }
.login_header .login_header_link li { float: left; }
.login_header .login_header_link .item { padding: 0 .6rem; float: left; }
.login_header .login_header_tit { padding: 0 5rem; font-size: .9rem; text-align: center; display: block;}
/* login_conts */
.login_moudle_bar .login_conts { flex: 1; position: relative; height: 100%; }
.login_moudle_bar .register_lawyer_link { position: absolute; right: 0; bottom: 2rem; left: 0; text-align: center; font-size: .6rem; color: #868EA3; }
.login_moudle_bar .register_lawyer_link a { color: #0B998F; margin-left: .2rem; }
.login_moudle_bar .login_type_tab { padding: 2rem 1.4rem; background: url('../image/bg012.png') top center no-repeat; background-size: 100% auto; }

/* login_type_tab */
.login_type_tab .login_tab_nav {
    overflow: hidden; font-size: .7rem; line-height: .9rem; color: #676F85;
}
.login_type_tab .login_tab_nav .item {
    float: left; position: relative; margin-right: .8rem;
}
.login_type_tab .login_tab_nav .item:before {
    content: ''; position: absolute; top: 50%; right: -.4rem; width: 1px; height: .8rem; background-color: #DFE2E8; margin-top: -.4rem;
}
.login_type_tab .login_tab_nav .item:last-child { margin-right: 0; }
.login_type_tab .login_tab_nav .item:last-child:before { display: none; }
.login_type_tab .login_tab_nav .item.is_this { font-weight: bold; color: #111F34; font-size: .9rem; }
.login_type_tab .login_tab_item { display: none; padding: .6rem .2rem 0; margin-top: .6rem; position: relative; }
.login_type_tab .login_tab_item.is_show { display: block; }
.login_tab_item .tab_tips { position: absolute; top: 0; left: 0; font-size: .6rem; line-height: 1; color: #A6ACBD; }
.login_tab_item .form_list li { position: relative; margin-top: .6rem; }
.form_list .form_input { display: flex; border-bottom: 1px solid #DFE2E8; line-height: 2rem; padding-bottom: 1px; white-space: nowrap; }
.form_list .form_input .text { display: block; width: 100%; padding: .55rem .4rem; line-height: .7rem; font-size: .7rem; }
.form_list .form_input .text::placeholder { color: #C5CAD5; }
.form_list .form_input .clear_txt { padding: 0 .2rem; display: none; }
.form_list .form_input .show_password { padding: 0 .3rem; margin-left: .2rem; }
.form_list .form_input .show_password.is_show .i_mod_login11 { background-position: -6.25rem -1rem; }
.form_list .form_input .link { font-size: .7rem; color: #676F85; margin-left: .4rem; }
.form_list .form_input .gain_code { margin-left: .4rem; font-size: .7rem; color: #0B998F; }
.form_list .form_input .gain_code.is_disabled { color: #868EA3; }
.form_list .form_input.foucs { border-bottom-color: #26a59a; }
.form_list .form_input.foucs:after { content: ''; position: absolute; right: 0; bottom: 1px; left: 0; border-bottom: 1px solid #26a59a; }
.form_list li .error_txt { position: absolute; left: 1.2rem; bottom: -.85rem; font-size: .6rem; color: #FE4C38; line-height: .6rem; display: none; }
.form_list li .error_txt .ico_mod_login { margin-top: -.1rem; margin-right: .1rem; }
.login_type_tab .login_btn { cursor: pointer; display: block; width: 100%; margin-top: 1.2rem; height: 2rem; line-height: 2rem; border-radius: 1rem; font-size: .8rem; color: #fff; text-align: center; font-weight: bold; background-color: #26a59a; }
.login_type_tab .login_btn .ico_mod_loading { margin-right: .4rem; }
.login_type_tab .login_btn.is_disabled { background-color: #C2EBE5; }
.login_type_tab .agreement_txt { position: relative; padding-left: 1.3rem; font-size: .6rem; color: #868EA3; line-height: .9rem; margin: .6rem .2rem 0; }
.login_type_tab .agreement_txt .agreement_act_deal { color: #0B998F; }
.login_type_tab .agreement_txt .agreement_checked { position: absolute; top: -.2rem; left: 0; padding: .25rem; line-height: 1; }
.login_type_tab .agreement_txt .agreement_checked .i_mod_login13 { margin-top: 0; }
.login_type_tab .agreement_txt .agreement_checked.is_checked .i_mod_login13 { background-position: 0 -1rem; }

/* login_bg */
.login_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .75; }

/* login_moudle_pop */
.login_moudle_pop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; visibility: hidden; max-width: 750px; margin-right: auto; margin-left: auto; }
.login_moudle_pop .login_bg { opacity: 0; transition: opacity linear .2s; }
.login_moudle_pop .login_body { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #fff; padding: 1rem 1.2rem .8rem; border-radius: .8rem .8rem 0 0; transform: translateY(100%); transition: transform linear .2s; }
.login_moudle_pop .login_close { position: absolute; top: .5rem; right: .5rem; z-index: 5; padding: .3rem; line-height: 1; }
.login_moudle_pop.is_show { visibility: visible; }
.login_moudle_pop.is_show .login_bg { opacity: .75; }
.login_moudle_pop.is_show .login_body { transform: translateY(0); }
.login_moudle_pop.is_hide .login_bg { opacity: 0; }
.login_moudle_pop.is_hide .login_body { transform: translateY(100%); }

/* login_ali_code */
.login_ali_code { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1002; display: none; max-width: 750px; margin-right: auto; margin-left: auto; }
.login_ali_code .ali_code_conts { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); width: 16rem; padding: 1rem; border-radius: .4rem; overflow: hidden; background-color: #fff; }
.login_ali_code .ali_code_conts .pic { display: block; margin-bottom: 1.2rem; width: 100%; height: auto; }

/* login_toast */
.login_toast { position: fixed; top: 50%; left: 2rem; right: 2rem; transform: translateY(-50%); z-index: 1010; }
.login_toast .toast_body { text-align: center; }
.login_toast .toast_body .txt { display: inline-block; padding: .6rem 1.2rem; background-color: rgba(0,0,0,.8); border-radius: 1rem; font-size: .7rem; color: #fff; line-height: .8rem; }
.login_toast .toast_body .conts { display: inline-block; padding: 1rem .8rem .6rem; background-color: rgba(0,0,0,.8); border-radius: .4rem; font-size: .7rem; color: #fff; line-height: 1; }
.login_toast .toast_body .conts .conts_txt { margin-top: .6rem; line-height: 1.1rem; }

/* login_confirm */
.login_confirm { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1006; max-width: 750px; margin-right: auto; margin-left: auto; }
.login_confirm .confirm_body { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); background-color: #fff; border-radius: .4rem; width: 14rem; overflow: hidden; }
.login_confirm .confirm_close { position: absolute; top: .5rem; right: .5rem; z-index: 5; padding: .3rem; line-height: 1; }
.login_confirm .confirm_conts { padding: 1.2rem; }
.login_confirm .confirm_conts .title { text-align: center; margin-bottom: .6rem; font-size: .8rem; font-weight: bold; }
.login_confirm .confirm_conts .conts { font-size: .7rem; line-height: 1.1rem; }
.login_confirm .confirm_handle { display: flex; border-top: 1px solid #F0F3F5; }
.login_confirm .confirm_handle .item { flex: 1; position: relative; line-height: 2.4rem; border-right: 1px solid #F0F3F5; text-align: center; font-size: .8rem; display: block; cursor: pointer; }
.login_confirm .confirm_handle .item:last-child { border-right: 0; }
.login_confirm .confirm_handle.group { display: block; padding: .6rem 1.2rem; }
.login_confirm .confirm_handle.group .item { border-right: 0; }
.login_confirm .confirm_handle.group .u_button { line-height: 2rem; border-radius: 1rem; background-color: #26a59a; color: #fff; }
.login_confirm .confirm_handle.group .u_button span { display: inline; font-size: .7rem; }
.login_confirm .confirm_handle.group .s_color_gray { margin-top: .4rem; line-height: 1.4rem; font-size: .7rem; }

/* login_agreement */
.login_agreement { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1008; max-width: 750px; margin-right: auto; margin-left: auto; }
.login_agreement .agreement_body { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%,-50%); background-color: #fff; border-radius: .4rem; width: 16rem; max-width: 702px; }
.login_agreement .agreement_body .agreement_conts { padding: .8rem; }
.login_agreement .agreement_body .agreement_conts iframe { width: 100%; height: 60vh; border: 0; }
.login_agreement .agreement_handle { display: flex; border-top: 1px solid #F0F3F5; }
.login_agreement .agreement_handle .item { flex: 1; position: relative; line-height: 2.4rem; text-align: center; font-size: .8rem; display: block; cursor: pointer; }

.agreement_deal_box { display: inline; }
.agreement_deal_box span { cursor: pointer; }

.nc-container {position: relative !important;}
.nc-container #nc_1_wrapper{width: 100% !important;}
.nc-container .nc_scale span{margin-top: 0 !important; height: 34px !important; }


/* 27117 2024-10-11 */
.login_moudle_pop .top-tipbg {
    position: absolute; left: 0; top: -3.2rem;
    width: 11.25rem; height: 4rem; background: url('../image/tc-pic.png') top center no-repeat; background-size: 100% 100%;
}
.login_moudle_pop .top-tipbg:before {
    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: .8rem;
    border-top-left-radius: .8rem; background-color: #fff;
}
.login_moudle_pop .top-tipbg.free {
    background-image: url('../image/tc-pic-free.png');
    width: 11.6rem;
}
.login_moudle_pop .top-tipbg.sum {
    background-image: url('../image/ai_tc_pic.png');
    width: 12.9rem;
}
.login_moudle_pop .top-tipbg.risk {
    background-image: url('../image/tc-pic-risk.png');
    width: 12.9rem;
}
.login_moudle_pop .top-tipbg.report {
    background-image: url('../image/tc-pic-report.png');
    width: 12.9rem;
}