@charset "utf-8";
@import url("../fonts/gsrh-font/iconfont.css");
body {
    width: 100vw;
    height: 100vh;
}

/* --- 登录 --- */
.login_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.login_content {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_box {
    position: relative;
    width: 15.15rem;
    height: 7.79rem;
    background: #4A79CA;
    box-shadow: 0 .1rem .14rem .02rem rgba(23, 96, 245, 0.26);
    border-radius: .1rem;
}

.login_box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 19;
    background-image: url(/img/img-login-masking-194bcf073910413febf5bb4073078530.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.login_box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 10.76rem;
    height: 7.79rem;
    z-index: 29;
    background-image: url(/img/img-login-masking-left-3f3aa1455e387aec3cee1a353de11204.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.login_title {
    position: absolute;
    top: .4rem;
    left: .33rem;
    width: 5.17rem;
    height: .54rem;
    z-index: 39;
    background-image: url(/img/img-login-title-2b516096f9278ea409989971050b9b32.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.login_cont {
    position: absolute;
    top: 1.66rem;
    right: 1.3rem;
    width: 4.3rem;
    z-index: 29;
}

.login_tab .login_tab_bg {
    display: inline-block;
    position: relative;
    width: 1.5rem;
    height: .39rem;
    line-height: .39rem;
    background-image: url(/img/img-login-tab-bg-bfbe5f247f036a7ed544a65cb604db39.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.login_tab .login_tab_bg.current {
    display: inline-block;
    position: relative;
    width: 1.5rem;
    height: .39rem;
    line-height: .39rem;
    background-image: url(/img/img-login-tab-bg-active-d574961377c2081350d14cedfed881a5.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.login_tab_bg+.login_tab_bg {
    margin-left: -.26rem;
}

.login_tab .login_tab_bg .login_tab_text {
    position: relative;
    z-index: 0;
    margin-left: .26rem;
    color: #21D3D3;
    font-size: .2rem;
    font-weight: 500;
    white-space: nowrap;
}

.login_tab .login_tab_bg.current .login_tab_text {
    position: relative;
    z-index: 0;
    margin-left: .26rem;
    font-size: .2rem;
    font-weight: bold;
    -webkit-text-stroke: .03rem rgba(7, 98, 210, 1);
    filter: drop-shadow(0 .015rem .015rem rgba(7, 98, 210, 1));
    white-space: nowrap;
}

.login_tab .login_tab_bg.current .login_tab_text::before {
    content: attr(data-title);
    position: absolute;
    left: 0;
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0;
}

.login_form .login_form_item {
    display: none;
}

.login_form .login_form_item:first-child {
    display: flex;
}

.login_form_box li {
    display: flex;
    align-items: center;
    width: 4.04rem;
    height: .4rem;
    margin-top: .4rem;
    border-bottom: .01rem solid rgba(0, 252, 252, .6);
}

.login_form_input_icon {
    margin-left: .08rem;
    margin-right: .16rem;
    color: var(--cyan);
    font-size: .2rem;
}

.sign_in .icon-xuexiao {
    margin-left: .06rem;
    font-size: .24rem;
}

.sign_in .icon-shujia,
.sign_in .icon-tushu,
.sign_in .icon-minzu,
.sign_in .icon-calendar-v2-full {
    margin-right: .18rem;
    font-size: .18rem;
}

.login_form_input_line {
    flex: 1;
    width: 100%;
    height: 100%;
    background: none;
    color: #00FCFC;
    font-size: .14rem;
    outline: none;
}

.login_form_input_line::placeholder {
    font-size: .14rem;
    font-weight: 400;
    color: rgba(220, 255, 255, .8);
}

.register_form {
    height: 4rem;
    overflow: auto;
}

.wjmm {
    width: 4.04rem;
}

.wjmm p {
    color: var(--cyan);
    font-size: .18rem;
    margin-top: .1rem;
}

.wjmm p:hover {
    cursor: pointer;
    color: hsl(180, 100%, 100%);
}

.button_login,
.button_login_current {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.02rem;
    height: .53rem;
    margin-top: .3rem;
    padding-left: .16rem;
    font-size: .24rem;
    font-weight: 500;
    letter-spacing: .16rem;
    filter: drop-shadow(0 .15rem 0 rgba(0, 0, 0, 0.3));
    cursor: pointer;
}

.button_login+.button_login_current {
    margin-top: .34rem;
}

.button_login_current {
    background-image: url(/img/img-login-button-bg-5902ab49841f4a9d9a0d7b65cf136774.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #F3FFFF;
}

.button_login {
    background-image: url(/img/img-sign-in-button-bg-04ad46a94afb2c03778a0b0ffe5c761e.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: var(--cyan);
}

.user_agreement {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: .4rem;
    color: var(--cyan);
    font-size: .18rem;
}

.user_agreement input[type="checkbox"] {
    width: .2rem;
    height: .2rem;
    margin-right: .1rem;
    cursor: pointer;
}

.user_agreement_item {
    border-bottom: .01rem var(--cyan) solid;
}

.user_agreement_item:hover {
    cursor: pointer;
    color: hsl(180, 100%, 100%);
    border-bottom: .01rem hsl(180, 100%, 100%) solid;
}

.sign_in {
    top: .6rem;
}

.sign_in .login_form_box li {
    margin-top: .1rem;
}

.sign_in .user_agreement {
    margin-top: .2rem;
}

.input_btn {
    padding: .02rem .12rem;
    background: rgba(0, 252, 252, 0.8);
    border-radius: 9999px;
    color: #FFFFFF;
    cursor: pointer;
    transition: all .2s;
}

.input_btn:hover {
    background: rgba(0, 252, 252, 1);
}

.verification_code {
    color: rgba(0, 252, 252, 0.9);
    font-size: .14rem;
    cursor: pointer;
}

.input_btn {
    padding: .02rem .12rem;
    background: rgba(0, 252, 252, 0.8);
    border-radius: 9999px;
    color: #FFFFFF;
    cursor: pointer;
    transition: all .2s;
}

.input_btn:hover {
    background: rgba(0, 252, 252, 1);
}

.verification_code:hover {
    color: rgba(0, 252, 252, 1)
}

/* 协议弹窗 */
.agreement_dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
}

.agreement_dialog:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: url("/img/maskbg-4a606989c4e46fc5d26439bea37c553a.png") no-repeat center;
    background-size: 100% 100%;
}

.agreement_dialog_box {
    position: relative;
    width: 15.8rem;
    height: 7.84rem;
    background: linear-gradient(180deg, #CFECF7 0%, #DCEFFF 100%);
    border-radius: .2rem;
}

.agreement_dialog_title {
    background: linear-gradient(117deg, #2190FF 0%, #C7CAF9 100%);
    border-radius: .2rem .2rem 0 0;
    padding: .2rem .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.agreement_dialog_title h2 {
    font-size: .24;
    font-family: Source Han Serif CN-Bold, Source Han Serif CN;
    font-weight: bold;
    color: #FFFFFF;
}

.agreement_dialog_close {
    width: .2rem;
    height: .2rem;
    background: url(/img/icon-close-7b6aadf48a5556305f0be6c48d5fe8b6.svg) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

.agreement_dialog_cont {
    width: 100%;
    height: 5.94rem;
    padding: .4rem;
    overflow: auto;
    border-bottom: 1px solid #58A4FE;
}

.agreement_dialog_footer {
    position: relative;
    width: 100%;
    height: 1.18rem;
    padding: 0 .44rem;
    border-radius: 0 0 .2rem .2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.agreement_dialog_footer .button_login_current {
    margin-top: 0;
}

/* 文档内容 */
.word_content p {
    padding: .06rem 0;
    text-indent: .32rem;
    line-height: 1.8;
}

.word_content h1 {
    font-size: 140%;
    padding: 3vmin 0 1vmin;
}

.word_content li {
    padding-left: 5% !important;
    padding: 1vmin 0;
}

.word_content dd {
    padding-left: 7%;
    line-height: 1.8;
}

/* 修改密码弹窗 */
.xgmm_dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
}

.xgmm_dialog:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background: url("/img/maskbg-4a606989c4e46fc5d26439bea37c553a.png") no-repeat center;
    background-size: 100% 100%;
}

.xgmm_dialog_box {
    position: relative;
    width: 8.08rem;
    height: auto;
    background: linear-gradient(180deg, #CFECF7 0%, #DCEFFF 100%);
    border-radius: .2rem;
}

.xgmm_dialog_title {
    background: linear-gradient(117deg, #2190FF 0%, #C7CAF9 100%);
    border-radius: .2rem .2rem 0 0;
    padding: .2rem .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.xgmm_dialog_title h2 {
    font-size: .24;
    font-family: Source Han Serif CN-Bold, Source Han Serif CN;
    font-weight: bold;
    color: #FFFFFF;
}

.xgmm_dialog_close {
    width: .2rem;
    height: .2rem;
    background: url(/img/icon-close-7b6aadf48a5556305f0be6c48d5fe8b6.svg) no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

.xgmm_dialog_cont {
    position: relative;
    width: 100%;
    height: auto;
    padding: .4rem .4rem 0 .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.xgmm_dialog_footer {
    position: relative;
    width: 100%;
    height: 1.18rem;
    padding: 0 .44rem;
    border-radius: 0 0 .2rem .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.xgmm_dialog_footer .button_login_current,
.xgmm_dialog_footer .button_login {
    width: 2.8rem;
    height: .53rem;
    margin-top: 0;
    filter: drop-shadow(0 .08rem 0 rgba(0, 0, 0, 0.3));
}

.xgmm_dialog_footer .button_login_current+.button_login {
    margin-left: .6rem;
}

.login_form_input_in {
    position: relative;
    width: 4.6rem;
    display: flex;
    align-items: center;
    margin: .1rem 0;
    padding: 0 .2rem;
    border: #222222 solid .01rem;
    border-radius: 0.1rem;
    box-shadow: rgba(34,34,2,.18) 0 0 0 .04rem;
}

.login_form_input_in label {
    min-width: 0.9rem;
    border-right: #222222 solid 1px;
    color: #222222;
}

.login_form_input_in input {
    padding: .15rem;
    flex: 1;
    width: 100%;
    margin-left: .2rem;
    background: none;
}

.login_form_input_in input[type="text"]::placeholder {
    color: rgba(34, 34, 34, 0.6);
}