@charset "utf-8";

[data-v-37b0844f] .login_box { width: 100%; }

[data-v-37b0844f] .welcome { display: none; font-size: 26px; line-height: 34px; margin: 16px 0px 20px; text-align: center; }

[data-v-37b0844f] .reg { color: rgb(25, 25, 26); display: none; font-size: 13px; line-height: 20px; text-align: center; }

[data-v-37b0844f] .reg > a { color: rgb(3, 95, 191); }

[data-v-37b0844f] .form { margin-top: 20px; }

[data-v-37b0844f] .form .validate-message { margin-bottom: 10px; }

[data-v-37b0844f] .forgot_box { display: flex; -webkit-box-pack: end; justify-content: flex-end; }

[data-v-37b0844f] .forgot_box a { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; }

[data-v-37b0844f] .form_item { margin-bottom: 16px; }

[data-v-37b0844f] .form_item .label { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; color: rgb(112, 112, 112); font-size: 12px; justify-content: space-between; line-height: 20px; margin-bottom: 4px; }

[data-v-37b0844f] .form_item .label a { color: rgb(75, 75, 77); }

[data-v-37b0844f] .form_item .pwd { padding-right: 44px; }

[data-v-37b0844f] .form_item .inp_box { position: relative; }

[data-v-37b0844f] .form_item .inp_box .eye { color: rgb(112, 112, 112); cursor: pointer; right: 12px; text-align: left; top: 12px; user-select: none; }

[data-v-37b0844f] .form_item .inp_box .eye.show { font-size: 16px; }

[data-v-37b0844f] .form_item .inp_box input { background-color: rgb(246, 246, 248); }

[data-v-37b0844f] .sign_in_btn { margin: 16px 0px; width: 100%; }

[data-v-37b0844f] .remember_box { display: flex; -webkit-box-align: center; align-items: center; }

[data-v-37b0844f] .remember_box .chk_box { display: flex; -webkit-box-align: center; align-items: center; color: rgb(112, 112, 112); font-size: 13px; line-height: 20px; }

[data-v-37b0844f] .remember_box .chk_box > input { font-size: 18px; height: 18px; margin-right: 8px; width: 18px; }

[data-v-37b0844f] .remember_box .chk_box > input::before { display: block; }

[data-v-37b0844f] .remember_box .login_tip { min-width: 300px; padding: 20px; }

@media (max-width: 960px) {
  [data-v-37b0844f] .remember_box .login_tip { width: 100%; }
}

[data-v-37b0844f] .third_login_box .third_title { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 4px; -webkit-box-pack: center; justify-content: center; }

[data-v-37b0844f] .third_login_box .third_title .text { color: rgb(112, 112, 112); font-size: 13px; line-height: 20px; padding: 0px; }

[data-v-37b0844f] .third_login_box .third_title .line { display: none; -webkit-box-flex: 1; background: rgb(229, 229, 229); flex: 1 1 auto; height: 1px; }

[data-v-37b0844f] .third_login_box .third_login { display: flex; -webkit-box-pack: center; column-gap: 8px; justify-content: center; }

[data-v-37b0844f] .third_login_box .third_login .aicon { border-radius: 4px; color: rgb(112, 112, 112); cursor: pointer; height: auto; padding: 8px; }

[data-v-37b0844f] .third_login_box .third_login .aicon:last-child { margin-right: 0px; }

[data-v-37b0844f] .third_login_box .third_login .aicon:hover { background-color: rgb(242, 242, 242); text-decoration: none; }

[data-v-37b0844f] .third_login_box .third_login .iconfont { height: 16px; width: 16px; }

@media (max-width: 768px) {
  [data-v-37b0844f] .welcome { display: block; }
}