.login-container .login .name-input.input-phone[data-v-65db9b06]:after {
    clear: both;
    content: "";
    display: block
}

.login-container[data-v-65db9b06] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.login-container[data-v-65db9b06] .e_input_control .e_input_field {
    height: 44px
}

.login-container[data-v-65db9b06] .e_input_control .e_input_field .e_input {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #000;
    font-family: HDC Sparkle;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 12px
}

.login-container[data-v-65db9b06] .e_input_control .e_input_field .e_input::-webkit-input-placeholder {
    color: var(--input-placeholder-color)
}

.login-container[data-v-65db9b06] .e_input_control .e_input_field .e_input::-moz-placeholder {
    color: var(--input-placeholder-color)
}

.login-container[data-v-65db9b06] .e_input_control .e_input_field .e_input:-ms-input-placeholder {
    color: var(--input-placeholder-color)
}

.login-container[data-v-65db9b06] .e_input_control .e_input_field .e_input::-ms-input-placeholder {
    color: var(--input-placeholder-color)
}

.login-container[data-v-65db9b06] .e_input_control .e_input_field .e_input::placeholder {
    color: var(--input-placeholder-color)
}

.login-container[data-v-65db9b06] .e_input_control .e_input_field .e_input:focus,.login-container[data-v-65db9b06] .e_input_control .e_input_field .e_input:hover {
    border: 1px solid #2b88f5
}

.login-container[data-v-65db9b06] .e_input_error .e_input_field .e_input,.login-container[data-v-65db9b06] .e_input_error .e_input_field .e_input:focus,.login-container[data-v-65db9b06] .e_input_error .e_input_field .e_input:hover {
    border: 1px solid #e94359
}

.login-container[data-v-65db9b06] .e_input_error .e_input_bottom_message .error_message {
    font-family: HDC Sparkle;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-top: 6px;
    text-transform: capitalize
}

.login-container .login[data-v-65db9b06] {
    color: #000;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 580px;
    padding: 40px 0 100px
}

.login-container .login .login-tradingview[data-v-65db9b06] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 24px
}

.login-container .login .login-tradingview img[data-v-65db9b06] {
    height: 36px;
    width: 94px
}

.login-container .login .login-tradingview h2[data-v-65db9b06] {
    color: #1c1c1e;
    font-family: HDC Sparkle;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    margin-top: 16px
}

.login-container .login .login-wrapper[data-v-65db9b06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px
}

.login-container .login-form .password[data-v-65db9b06] {
    margin-top: 16px
}

.login-container .login-form .form-link[data-v-65db9b06] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-top: 24px;
    text-align: right
}

.login-container .login-form .form-link .sub[data-v-65db9b06] {
    color: #0173e5;
    cursor: pointer
}

.login-container .login-form .form-link .sub[data-v-65db9b06]:hover {
    color: #4d9ded
}

.login-container .login-form .form-link .line[data-v-65db9b06] {
    background: #e9eaed;
    display: block;
    height: 10px;
    margin: 0 28px;
    width: 1px
}

.login-container .login-form .form-link .vfcode[data-v-65db9b06] {
    color: #0173e5
}

.login-container .login-form .form-link .vfcode[data-v-65db9b06]:hover {
    color: #4d9ded;
    cursor: pointer
}

.login-container .login-form button[data-v-65db9b06] {
    background-color: #0173e5;
    color: #fff;
    font-size: 14px;
    height: 48px;
    margin-top: 14px;
    width: 100%
}

.login-container .login-form button.btn-loading span[data-v-65db9b06] {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIj48c3R5bGU+QGtleWZyYW1lcyBsb2FkezAle3RyYW5zZm9ybTpyb3RhdGUoMCl9fTwvc3R5bGU+PGcgc3R5bGU9ImFuaW1hdGlvbjpsb2FkIDFzIGxpbmVhciBpbmZpbml0ZTt0cmFuc2Zvcm0tb3JpZ2luOmNlbnRlciBjZW50ZXIiPjxsaW5lYXJHcmFkaWVudCBpZD0icmlnaHQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTUwIiB5MT0iMjAiIHgyPSIxNTAiIHkyPSIxODAiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIuNSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggZD0iTTEwMCAwdjIwYzQ0LjEgMCA4MCAzNS45IDgwIDgwcy0zNS45IDgwLTgwIDgwdjIwYzU1LjIgMCAxMDAtNDQuOCAxMDAtMTAwUzE1NS4yIDAgMTAwIDB6IiBmaWxsPSJ1cmwoI3JpZ2h0KSIvPjxsaW5lYXJHcmFkaWVudCBpZD0ibGVmdCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI1MCIgeTE9IjAiIHgyPSI1MCIgeTI9IjE4MCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjUiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0yMCAxMDBjMC00NC4xIDM1LjktODAgODAtODBWMEM0NC44IDAgMCA0NC44IDAgMTAwczQ0LjggMTAwIDEwMCAxMDB2LTIwYy00NC4xIDAtODAtMzUuOS04MC04MHoiIGZpbGw9InVybCgjbGVmdCkiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+) no-repeat 50%;
    background-size: 18px 18px;
    color: transparent;
    display: inline-block;
    height: 20px
}

.login-container .login-form button.btn-complete span[data-v-65db9b06] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGQ9Ik0xNC45ODQuMjY0YS45MDguOTA4IDAgMCAwLTEuMjggMGwtOC4zMiA4LjMyLTMuODcyLTMuODcyYy0uMzItLjMyLS45MjgtLjMyLTEuMjQ4IDBhLjkwOC45MDggMCAwIDAgMCAxLjI4bDQuNDggNC40OGMuMTYuMTYuMzg0LjI1Ni42MDguMjU2LjEyOCAwIC40MTYgMCAuNjcyLS4yNTZsOC45Ni04Ljk2YS44Ny44NyAwIDAgMCAwLTEuMjQ4eiIgaWQ9ImEiLz48L2RlZnM+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat 50%;
    background-size: 18px 18px;
    color: transparent
}

.login-container .login-form button[data-v-65db9b06]:active,.login-container .login-form button[data-v-65db9b06]:hover {
    background: #4d9ded;
    color: #f0f1f4
}

.login-container .login-form button.login-btn-secondary[data-v-65db9b06] {
    background-color: #edf4ff;
    border-color: #edf4ff;
    color: #0173e5
}

.login-container .login-form button.login-btn-secondary[data-v-65db9b06]:hover {
    background-color: rgba(237,244,255,.7);
    border-color: rgba(237,244,255,.7);
    color: rgba(36,131,255,.7)
}

.login-container .login-form .login-btn-submit[data-v-65db9b06] {
    border-radius: 4px;
    margin-top: 24px
}

.login-container .login .pwd-input[data-v-65db9b06] {
    position: relative
}

.login-container .login .pwd-input>i.icon-pwd[data-v-65db9b06] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMTc4IDEwLjk2OCA3LjkwOCAxNGwtMS4zODQtLjU4IDEuMTI4LTIuNjkxYTkuMjA1IDkuMjA1IDAgMCAxLTEuOTE3LS42OTNsLTEuOCAxLjczMS0xLjA0LTEuMDggMS41MDYtMS40NDlDMy41MzcgOC42MjMgMi43MzYgNy44NDggMiA2LjkxNUwzLjE4OSA2YzEuODU4IDIuMzU2IDQuMTEgMy41MSA2LjgxIDMuNTEgMi43IDAgNC45NTItMS4xNTQgNi44MTMtMy41MUwxOCA2LjkxNmExMS45MDggMTEuOTA4IDAgMCAxLTIuMjM5IDIuMjAzbDEuNDg3IDEuNzI1LTEuMTM2Ljk4LTEuNjM0LTEuODk3YTkuMjE4IDkuMjE4IDAgMCAxLTIuMTEuNzk2bDEuMDcyIDIuNzI5LTEuMzk3LjU0OC0xLjE5Mi0zLjAzNGExMC41OTIgMTAuNTkyIDAgMCAxLTEuNjczLjAwMnoiIGZpbGw9IiM3RjhGQTQiLz48L3N2Zz4=) no-repeat 50%;
    color: #7f8fa4;
    cursor: pointer;
    height: 0;
    padding: 10px;
    position: absolute;
    right: 15px;
    top: 28px;
    width: 0
}

.login-container .login .pwd-input>i.icon-pwd.success[data-v-65db9b06] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTMuNzE1IDkuOTc4LjA5NS4xNTNjLjQwNS42MzQuODggMS4yNjkgMS40MTggMS44NTZDNi42ODggMTMuNTggOC4yOTggMTQuNSAxMCAxNC41YzEuNzAyIDAgMy4zMTEtLjkyIDQuNzcxLTIuNTEzYTEzLjU0MyAxMy41NDMgMCAwIDAgMS41MzQtMi4wNCAxMC45NzEgMTAuOTcxIDAgMCAwLTEuMzU4LTEuOTYyQzEzLjU3NSA2LjQxMiAxMS45NCA1LjUgMTAgNS41Yy0xLjggMC0zLjQyLjkxNi00Ljg0NCAyLjUwMmExMi4zOTggMTIuMzk4IDAgMCAwLTEuNDQxIDEuOTc2ek0xMCA0YzUuNTQxIDAgOCA2IDggNnMtMi45OTMgNi04IDYtOC02LTgtNiAyLjc3Mi02IDgtNnptLjExMyA3Ljc5NGEyIDIgMCAxIDAgMC00IDIgMiAwIDAgMCAwIDR6IiBmaWxsPSIjN0Y4RkE0Ii8+PC9zdmc+)
}

.login-container .login .pwd-input .password[data-v-65db9b06] {
    margin-top: 8px
}

.login-container .login .pwd-input .toggle-password[data-v-65db9b06] {
    color: #ccd2da;
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 12px;
    top: 15px;
    z-index: 2
}

.login-container .login .pwd-input .toggle-password[data-v-65db9b06]:hover {
    color: #9aa5b5
}

.login-container .login .pwd-input .toggle-password i[data-v-65db9b06] {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: 4px
}

.login-container .login .pwd-input .toggle-password i.hb_icon_pwd_show[data-v-65db9b06] {
    padding-top: 0
}

.login-container .login .name-input .name[data-v-65db9b06] {
    width: 100%
}

.login-container .login .name-input.input-phone[data-v-65db9b06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.login-container .login .name-input.input-phone[data-v-65db9b06] .country-countainer .country-show {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 44px
}

.login-container .login .name-input.input-phone .name[data-v-65db9b06] {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    margin-left: 10px
}

.login-container .login .name-input.input-phone dl[data-v-65db9b06] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 100px
}

.login-container .login .name-input.input-phone[data-v-65db9b06] .list-open .country-show-tel .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 4px 5px;
    transform-origin: 4px 5px
}

.login-container .login .qr[data-v-65db9b06] {
    position: relative
}

.login-container .login .qr .qr_title[data-v-65db9b06] {
    color: #495666;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

.login-container .login .qr .reg[data-v-65db9b06] {
    color: #1c242c;
    font-size: 14px;
    height: 52px;
    line-height: 20px;
    text-align: right;
    text-align: left
}

.login-container .login .forget[data-v-65db9b06] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    line-height: 20px;
    margin-top: 24px
}

.login-container .login .forget .forget-pwd[data-v-65db9b06] {
    color: #0173e5;
    cursor: pointer;
    font-weight: 400
}

.login-container .login .forget .forget-pwd[data-v-65db9b06]:hover {
    color: #4d9ded
}

.login-container .qr-inner[data-v-65db9b06] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 40px 24px
}

.login-container .qr-inner .qr-inner-header[data-v-65db9b06] {
    height: 44px
}

.login-container .qr-inner .qr-inner-header .qr-inner-title[data-v-65db9b06] {
    color: #000;
    font-family: PingFang SC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 22px;
    line-height: normal;
    text-align: center
}

.login-container .qr-inner .qr-inner-header[data-v-65db9b06] .qr-inner-describe {
    color: #565656;
    font-family: PingFang SC;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 2px;
    text-align: center
}

.login-container .qr-inner .qr-inner-header[data-v-65db9b06] .qr-inner-describe a {
    display: inline-block;
    font-family: PingFang SC;
    margin: 0 5px
}

.login-container .qr-inner .qr-inner-content[data-v-65db9b06] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    justify-content: center;
    min-width: 200px;
    position: relative
}

.login-container .qr-inner .qr-inner-content .left[data-v-65db9b06] {
    height: 200px;
    width: 180px
}

.login-container .qr-inner .qr-inner-content .left img[data-v-65db9b06] {
    height: 100%;
    width: 100%
}

.login-container .qr-inner .qr-inner-content .right[data-v-65db9b06] {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    justify-content: center;
    width: 50%
}

.login-container .qr-inner .qr-inner-content .qr-success[data-v-65db9b06] {
    background: hsla(0,0%,100%,.9);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.login-container .qr-inner .qr-inner-content .qr-success .affirm[data-v-65db9b06] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-top: 98px;
    text-align: center;
    width: 100%
}

.login-container .qr-inner .qr-inner-content .qr-success .affirm>p[data-v-65db9b06] {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px
}

.login-container .qr-inner .qr-inner-content .qr-success .affirm>button[data-v-65db9b06] {
    background: #0173e5;
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 24px;
    padding: 0 12px
}

.login-container .qr-inner .qr-inner-content .qr-success .success-content[data-v-65db9b06] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    padding-top: 98px;
    text-align: center;
    width: 100%
}

.login-container .qr-inner .qr-inner-content .qr-success .success-content>img[data-v-65db9b06] {
    height: 40px;
    width: 40px
}

.login-container .qr-inner .qr-inner-content .qr-success .success-content>p[data-v-65db9b06] {
    color: #242e48;
    font-size: 16px;
    line-height: 22px;
    margin-top: 24px
}

.login-container .qr-inner .qr-box[data-v-65db9b06] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid hsla(0,0%,87%,.2);
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-filter: drop-shadow(0 20px 40px rgba(0,0,0,.06)) drop-shadow(0 0 7.5px rgba(0,0,0,.04));
    filter: drop-shadow(0 20px 40px rgba(0,0,0,.06)) drop-shadow(0 0 7.5px rgba(0,0,0,.04));
    height: 200px;
    justify-content: center;
    padding: 8px;
    position: relative;
    width: 200px
}

.login-container .qr-inner .qr-box .qr-img[data-v-65db9b06] {
    height: 100%;
    width: 100%
}

.login-container .qr-inner .qr-box .qr-loading img[data-v-65db9b06] {
    height: 32px;
    width: 32px
}

.login-container .qr-inner .qr-box .qr-img-past[data-v-65db9b06] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(247,247,251,.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%
}

.login-container .qr-inner .qr-box .qr-img-past p[data-v-65db9b06] {
    color: #242e48;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.login-container .qr-inner .qr-box .qr-img-past button[data-v-65db9b06] {
    background: #0173e5;
    color: #fff;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    margin-top: 8px;
    padding: 0 12px
}

.login-container .login-inner[data-v-65db9b06] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 320px;
    padding: 40px 24px;
    width: 448px
}

.login-container .login-inner .box-title[data-v-65db9b06] {
    color: #000;
    font-family: PingFang SC;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    padding-bottom: 40px
}

.login-container .login-inner .login-code[data-v-65db9b06] {
    width: 100%
}

.login-container .login-inner .login-third[data-v-65db9b06] {
    padding: 0 24px 20px;
    width: 100%
}

.login-container .login-inner--content[data-v-65db9b06] {
    min-height: 500px;
    width: 100%
}

.login-container .box-tab[data-v-65db9b06] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    border-bottom: 2px solid #eaedf0;
    color: #596a7a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: flex-start;
    margin-bottom: 16px
}

.login-container .box-tab>p[data-v-65db9b06],.login-container .box-tab[data-v-65db9b06] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px
}

.login-container .box-tab>p[data-v-65db9b06] {
    cursor: pointer;
    line-height: 18px;
    margin-right: 24px
}

.login-container .box-tab .box-tab-action[data-v-65db9b06] {
    border-bottom: 2px solid #0173e5;
    color: #0173e5
}

.login-container .title[data-v-65db9b06] {
    font-size: 20px;
    height: 88px;
    line-height: 88px;
    text-align: center
}

.login-container .box-desc[data-v-65db9b06] {
    color: #495666;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 24px;
    text-align: center
}

.login-container .box-desc em[data-v-65db9b06] {
    display: inline-block
}

.login-container .error-info[data-v-65db9b06] {
    background-color: #feeeee;
    color: #df4a53;
    margin-bottom: 16px;
    padding: 16px;
    text-align: left
}

.login-container .login-tab[data-v-65db9b06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    height: 26px;
    margin-bottom: 8px;
    width: 100%
}

.login-container .login-tab>a[data-v-65db9b06] {
    color: #8a8a8e;
    display: inline-block;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    height: 20px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize
}

.login-container .login-tab>a[data-v-65db9b06]:hover {
    color: #0173e5
}

.login-container .login-tab .active[data-v-65db9b06] {
    color: #000;
    position: relative
}

.login-container .login-tab .active[data-v-65db9b06]:after {
    background: #0173e5;
    border-radius: 3px;
    bottom: -6px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 18px
}

.login-container .login-tab .active[data-v-65db9b06]:hover {
    color: #000;
    cursor: default
}

.login-container .reg_invitation[data-v-65db9b06] {
    cursor: pointer;
    margin-top: 24px
}

.login-container .reg_invitation .invitation_tips[data-v-65db9b06] {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.login-container .reg_invitation .invitation_tips>a[data-v-65db9b06] {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    position: relative
}

.login-container .reg_invitation .invitation_tips>a .input_top_tips[data-v-65db9b06] {
    display: none;
    left: 25px;
    top: 0;
    -webkit-transform: translateY(calc(-100% - 8px));
    transform: translateY(calc(-100% - 8px));
    width: 240px
}

.login-container .reg_invitation .invitation_tips>a:hover .input_top_tips[data-v-65db9b06] {
    display: block
}

.login-container .reg_invitation .invitation_tips i[data-v-65db9b06] {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy4xNDYgNC45NTVhMS4zMzMgMS4zMzMgMCAwIDAgMS43MDggMEw3LjUyIDIuNzMzQzcuODI0IDIuNDggOCAyLjEwNSA4IDEuNzF2LS4wNDJDOCAuOTMgNy40MDMuMzMzIDYuNjY3LjMzM0gxLjMzM0MuNTk3LjMzMyAwIC45MyAwIDEuNjY3di4wNDJjMCAuMzk2LjE3Ni43Ny40OCAxLjAyNGwyLjY2NiAyLjIyMnoiIGZpbGw9IiM4QThBOEUiLz48L3N2Zz4=) no-repeat 50%;
    background-size: contain;
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    vertical-align: middle;
    width: 8px
}

.login-container .reg_invitation .invitation_tips.down i[data-v-65db9b06] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.login-container .reg_invitation[data-v-65db9b06] .register_input_control {
    margin-top: 0
}

.login-container .reg-agreement[data-v-65db9b06] {
    color: #adadb4;
    font-size: 12px;
    line-height: 16px;
    margin-top: 50px
}

.login-container .reg-agreement img[data-v-65db9b06] {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    vertical-align: middle
}

.login-container .reg-agreement.turkey-agree[data-v-65db9b06] {
    display: inline-block
}

.login-container .reg-agreement.turkey-agree img[data-v-65db9b06] {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.login-container .reg-agreement.turkey-agree span[data-v-65db9b06] {
    line-height: 20px
}

.login-container .reg-agreement .input_top_tips[data-v-65db9b06] {
    left: 45px;
    top: 0;
    -webkit-transform: translateY(calc(-100% - 8px));
    transform: translateY(calc(-100% - 8px))
}

.login-container .reg-agreement[data-v-65db9b06] a {
    color: #0173e5
}

.login-container[data-v-65db9b06] .code-wrap {
    margin: -10vh 0 0;
    padding: 0 48px
}

.login-container[data-v-65db9b06] .verification-code .code-wrap {
    margin-top: 48px;
    padding: 0
}

@media(max-width: 1023px) {
    .login-container .login .qr-inner[data-v-65db9b06] {
        display:none
    }
}

@media(max-width: 448px) {
    .login-container .login[data-v-65db9b06] {
        padding:0
    }

    .login-container .login .login-inner[data-v-65db9b06] {
        width: 100%
    }
}

#__layout,#__nuxt,body {
    background: #fff;
    height: 100%
}

.h5-toast-wrap[data-v-65db9b06] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    width: 750px;
    z-index: 9999
}

.h5-toast-wrap .h5-toast[data-v-65db9b06] {
    background-color: #14181f;
    border-radius: 18px;
    color: #fff;
    font-size: 32px;
    line-height: 44px;
    margin: auto;
    max-width: 650px;
    padding: 30px;
    text-align: center
}

.h5-toast-wrap .h5-toast+.h5-toast[data-v-65db9b06] {
    margin-top: 20px
}

.tv-oauth-container[data-v-65db9b06] {
    background: #fff;
    height: 100vh;
    width: 100%
}

.tv-oauth-container .login-wrapper .qr-inner[data-v-65db9b06] {
    background-color: #fff;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px
}

.tv-oauth-container .login-wrapper .qr-inner .qr-inner-content .left[data-v-65db9b06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tv-oauth-container .login-wrapper .qr-inner .qr-inner-content .qr-img-wrapper .qr-img[data-v-65db9b06] {
    border: 2px solid #f2f6fa
}

.tv-oauth-container .login-wrapper .login-inner[data-v-65db9b06] {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px
}

.h5-toast-wrap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%) translateZ(0);
    transform: translateY(-50%) translateZ(0);
    width: 750px;
    z-index: 9999
}

.h5-toast-wrap .h5-toast {
    background-color: #14181f;
    border-radius: 18px;
    color: #fff;
    font-size: 32px;
    line-height: 44px;
    margin: auto;
    max-width: 650px;
    padding: 30px;
    text-align: center
}

.h5-toast-wrap .h5-toast+.h5-toast {
    margin-top: 20px
}

.v--modal-overlay[data-modal=model-account-lock] .v--modal-box {
    top: 302px!important
}

.v--modal-overlay[data-modal=model-account-lock] .dia_footer button:hover {
    opacity: .7
}

.issue-bg ::v-deep .v--modal {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.geetest_captcha.geetest_customTheme .geetest_bind_status_bar,.geetest_captcha.geetest_customTheme .geetest_box_btn:after,.geetest_captcha.geetest_customTheme .geetest_box_btn:before,.geetest_captcha.geetest_customTheme .geetest_gradient_bar,.geetest_captcha.geetest_customTheme .geetest_status_bar,.geetest_popup_wrap.geetest_customTheme .geetest_bind_status_bar,.geetest_popup_wrap.geetest_customTheme .geetest_box_btn:after,.geetest_popup_wrap.geetest_customTheme .geetest_box_btn:before,.geetest_popup_wrap.geetest_customTheme .geetest_gradient_bar,.geetest_popup_wrap.geetest_customTheme .geetest_status_bar {
    background-color: #0173e5!important
}

.geetest_captcha .geetest_holder .geetest_btn_svg,.geetest_popup_wrap .geetest_holder .geetest_btn_svg {
    display: none!important
}

.geetest_captcha.geetest_customTheme .geetest_click .geetest_submit,.geetest_captcha.geetest_customTheme .geetest_slide .geetest_btn,.geetest_popup_wrap.geetest_customTheme .geetest_click .geetest_submit,.geetest_popup_wrap.geetest_customTheme .geetest_slide .geetest_btn {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#06c),to(#0059b3))!important;
    background-image: linear-gradient(180deg,#06c,#0059b3)!important
}

@media screen and (max-width: 744px) {
    .geetest_popup .geetest_box_wrap,.geetest_popup_wrap .geetest_box_wrap {
        width:300px
    }
}