.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -14px;
    margin-left: -14px
}

.m-0 {
    margin: 0!important
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.p-0 {
    padding: 0!important
}

.d-flex {
    display: flex!important
}

.position-relative {
    position: relative!important
}

.login-lg-text {
    color: #373d41
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn:not(:disabled):not(.disabled),
.f-btn-icon,
.k-quick-reply {
    cursor: pointer
}

.btn-group>.btn:first-child,
.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
    margin-left: 0
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    flex: 0 1 auto
}

.btn {
    display: inline-block;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .125rem .8125rem;
    border-radius: .125rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn,
.btn-lg,
.btn-sm {
    font-size: .875rem;
    line-height: 1.4286
}

.btn,
.modal-header .close {
    border: 1px solid transparent
}

.btn,
.custom-control-label::before {
    vertical-align: middle;
    font-weight: 400
}

.btn,
.k-sprite,
.page-link {
    text-align: center
}

.bg-transparent {
    background-color: transparent!important
}

button,
select {
    text-transform: none
}

button {
    border-radius: 0
}

button,
hr,
input {
    overflow: visible
}

.p-1 {
    padding: .25rem!important
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 8rem;
    padding: .25rem 0;
    margin: .125rem 0 0;
    font-size: .875rem;
    color: rgba(0, 0, 0, .85);
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: .125rem;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15)
}

.dropdown-item {
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0
}

.border-bottom {
    border-bottom: 1px solid #d9d9d9!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.align-middle {
    vertical-align: middle!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.w-100 {
    width: 100%!important
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.50003rem + 2px);
    padding: .125rem .5rem;
    font-size: .875rem;
    line-height: 1.4286;
    color: rgba(0, 0, 0, .85);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d9d9d9;
    border-radius: .125rem;
    box-shadow: 0 0 0;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.float-left {
    float: left!important
}

.remember-info {
    padding: 0 0 0 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .2rem;
    margin-left: -1.25rem
}

.form-check-label {
    margin-bottom: 0
}

.float-right {
    float: right!important
}

.form-actions {
    position: relative
}

.btn-login {
    background: #24abe9;
    color: #fff;
    height: 3.25rem;
    font-size: 1rem
}

.btn {
    display: inline-block;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .125rem .8125rem;
    border-radius: .125rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn,
.ng-busy-default-wrapper,
.page-link {
    text-align: center
}

.bg-transparent {
    background-color: transparent!important
}

.text-center {
    text-align: center!important
}

.alert {
    padding: .75rem 1.25rem;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: .125rem
}

.p-1 {
    padding: .25rem!important
}

.form-actions .login-tips {
    top: 0;
    left: 0;
    right: 0
}

*,
::after,
::before {
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: PingFangSC-Regular, "Microsoft YaHei", "Segoe UI", Segoe, Arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4286;
    color: rgba(0, 0, 0, .85);
    background-color: #fff
}

body,
caption {
    text-align: left
}

.position-relative {
    position: relative!important
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
hr,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.form-control:hover {
    color: #000;
    border-color: #48a7ff;
    box-shadow: 0 0 0
}

.form-control:hover,
.was-validated .farris-input-wrap .custom-control-input:valid~.custom-control-label::before {
    background-color: transparent
}

.form-control:focus {
    outline: 0;
    background-color: transparent!important
}

.form-control:focus::-ms-value {
    color: rgba(0, 0, 0, .85);
    background-color: transparent
}

.form-control[multiple],
.form-control[size]:not([size="1"]) {
    height: auto;
    padding-right: .5rem;
    background-image: none
}

.form-control:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.custom-select:focus {
    border-color: #388fff
}

.custom-select:focus {
    outline: 0;
    box-shadow: 0 0 0, 0 0 2px 1px rgba(150, 208, 250, .7)
}

.custom-select:focus::-ms-value {
    color: rgba(0, 0, 0, .85);
    background-color: transparent
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .5rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    display: none
}

.h1,
h1 {
    font-size: 1.625rem
}

.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    color: inherit
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

.dropdown-toggle::after {
    margin-bottom: 5px;
    color: #bfbfbf;
    display: inline-block;
    margin-left: 2px;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-bottom: 0;
    border-left: 4px solid transparent
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    width: 0;
    height: 0;
    content: "";
    vertical-align: -3px
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input:not([type=image i]) {
    box-sizing: border-box
}

.w-100 {
    width: 100%!important
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.50003rem + 2px);
    padding: .125rem 1.5rem .125rem .5rem;
    line-height: 1.4286;
    color: rgba(0, 0, 0, .85);
    vertical-align: middle;
    background: url(../../../img/down_choose.svg) right .5rem center no-repeat transparent;
    background-size: 12px 5px;
    border: 1px solid #d9d9d9;
    border-radius: .125rem;
    box-shadow: 0 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dropdown-menu,
.nav,
.navbar-nav {
    list-style: none
}

.dropdown-header,
.dropdown-item,
.dropdown-item-text {
    padding: .25rem 1.5rem;
    display: block
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

a {
    color: #57708d;
    text-decoration: none;
    background-color: transparent
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    color: rgba(0, 0, 0, .85);
    text-decoration: none;
    background-color: #ddf4ff
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

.d-block {
    display: block!important
}

.alert-warning {
    color: #7f4f19;
    background-color: #fdead6;
    border-color: #fce2c5
}

.alert-warning hr {
    border-top-color: #fbd6ad
}

.alert-warning .alert-link {
    color: #543411
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-danger hr {
    border-top-color: #f1b0b7
}

.alert-danger .alert-link {
    color: #491217
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light hr {
    border-top-color: #ececf6
}

.alert-light .alert-link {
    color: #686868
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca
}

.alert-dark hr {
    border-top-color: #b9bbbe
}

.alert-dark .alert-link {
    color: #040505
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0
    }
    to {
        background-position: 0 0
    }
}

ul {
    list-style: none
}

#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    display: none
}

#OpenWindow {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .7);
    display: none;
    padding-bottom: 2px;
    width: 404px;
    z-index: 11000;
    left: 50%;
    margin-left: -202px;
    opacity: 1;
    position: fixed;
    top: 100px
}

#OpenWindow-header {
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 18px 18px 14px
}

.jsclose {
    display: block;
    height: 14px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 14px;
    z-index: 2
}

#OpenWindow .txt-fld {
    border-bottom: 1px solid #eee;
    padding: 14px 20px;
    position: relative;
    width: 364px
}

.reset {
    border-bottom: 1px solid #eee;
    padding: 14px 34px;
    position: relative
}

#OpenWindow .txt-fld input {
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    font-family: "Microsoft YaHei", PingFangSC-Regular, "Segoe UI", Segoe, Arial, sans-serif;
    font-size: 1.2em;
    outline: medium none;
    padding: 8px;
    width: 244px
}

#OpenWindow .btn-fld {
    text-align: center;
    margin-top: 10px;
    margin-bottom: -7px
}

.clearfix {
    height: 20px;
    margin-top: 8px
}

.loginsection {
    margin: 0 0 12px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    height: 32px!important
}

.loginText {
    font-family: PingFangSC-Regular;
    font-size: 18px!important;
    color: rgba(0, 0, 0, .65)!important;
    margin-top: 10px!important;
    margin-bottom: 5px!important
}

.innerimg {
    width: 15px;
    position: absolute;
    left: 150px;
    top: 17px
}

::-webkit-input-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0, 0, 0, .45)
}

:-moz-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0, 0, 0, .45)
}

::moz-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0, 0, 0, .45)
}

:-ms-input-placeholder {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0, 0, 0, .45)
}

.main {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto
}

.bodyback {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important;
    min-width: 1024.5px;
    min-height: 476.25px
}

.bodyimg {
    height: 55px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    display: flex;
    align-items: center;
    z-index: 999
}

.bodylogo {
    align-items: center;
    margin-left: 5%;
    height: 18px
}

.languagetype {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    letter-spacing: 0
}

.lan {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    letter-spacing: 0
}

.login-sectionex {
    background-color: rgba(255, 255, 255);
    backdrop-filter: blur(7px) brightness(100%);
    padding-right: 37px;
    float: right;
    margin-right: 22%;
    width: 381px;
    padding-left: 37px;
    border-radius: 8px;
    display: none
}

.lanEx {
    position: absolute;
    right: 2%;
    top: 20%
}

.formselect {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0, 0, 0, .85);
    padding-left: 36px
}

.selectimg {
    margin-top: -35px;
    margin-left: 10px;
    position: absolute;
    vertical-align: middle;
    margin-top: 8px
}

.formbtn {
    height: 2.5rem;
    background-color: #388fff;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #fff;
    letter-spacing: .8px;
    background: #388fff;
    border-radius: 3px;
    margin-top: 2px
}

.otherway {
    float: left;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: rgba(0, 0, 0, .65);
    line-height: 22px;
    margin-bottom: 24px;
    margin-top: 11px
}

.rememberInfo_lab {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: rgba(0, 0, 0, .65);
    letter-spacing: 0;
    text-align: left;
    line-height: 22px
}

.forgetpwd {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #388fff;
    line-height: 22px;
    cursor: pointer
}

.lan-origin-state {
    display: none
}

.lg-login-zh-CHS {
    display: inline-block;
    width: auto;
    height: 1.31rem;
    background-size: 30px auto
}

.lg-login-zh-CHT {
    display: inline-block;
    width: auto;
    height: 1.31rem;
    background-size: 30px auto
}

.lg-login-en {
    display: inline-block;
    width: auto;
    height: 1.31rem;
    background-size: 30px auto
}

.login_overlay {
    display: none;
    opacity: .5;
    position: absolute;
    right: 11%;
    padding-right: 37px;
    float: right;
    margin-right: 0;
    width: 381px;
    padding-left: 37px;
    background-color: transparent;
    z-index: 100;
    left: 0;
    height: 100%
}

.login-setting-out {
    position: absolute;
    left: 0;
    right: 0;
    top: 55px;
    bottom: 55px
}

.login-setting-sectionex-right {
    display: block !important;
    position: absolute;
    right: 11%;
    margin-right: 0;
    top: 15%;
    /* margin-top: -15% */
}

.login-setting-sectionex-center {
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -190px !important;
}

.login-setting-hr {
    margin-top: 10px;
    margin-bottom: 16px;
    height: 1px;
    border: none
}

.login-setting-vc {
    display: inline;
    margin-bottom: 12px!important;
    height: 30px!important;
    border: none;
    background-color: transparent;
    padding-left: 27px;
    width: 180px
}

.login-setting-vcode-img {
    width: 100px;
    height: 30px;
    margin-left: 10px;
    margin-right: 50px
}

.login-setting-rem {
    width: 14px;
    height: 14px
}

.login-setting-oauth {
    margin-left: 10px;
    float: left;
    margin-top: 14px
}

.login-setting-whole {
    height: 55px;
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center
}

.login-setting-whole-authex {
    align-items: center;
    display: block;
    margin: 0 auto;
    color: #999
}

.login-setting-whole-ex {
    list-style: none;
    display: inline-fle
}

.login-setting-header {
    font-size: 1.5rem;
    line-height: 2;
    margin-top: -18px
}

.login-setting-warning {
    color: rgba(0, 0, 0, .45);
    display: block
}

.login-setting-error {
    color: red;
    display: block
}

.login-setting-success {
    color: rgba(92, 193, 113);
    display: block
}

.login-setting-changepw-input {
    display: inline;
    float: right;
    padding-right: 24px
}

.login-setting-changepw-img {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 26px;
    display: none
}

.login-setting-password-img {
    position: absolute;
    top: 30%;
    margin-bottom: -8px;
    right: 6px;
    display: none
}

.login-setting-password-img2 {
    position: absolute;
    top: 45%;
    margin-top: -5px;
    right: 40px;
    display: none
}

.login-setting-changepw-sub {
    height: 2.25rem;
    position: relative;
    margin-bottom: 14px
}

.login-setting-reset-out {
    font-size: 1.5rem;
    line-height: 2;
    margin-top: -18px
}

.login-setting-reset-select {
    width: 85px;
    display: inline
}

.login-setting-reset-input {
    display: inline;
    float: right;
    margin-left: 4px;
    width: 230px
}

.login-setting-reset-sub {
    height: 2.25rem;
    position: relative;
    margin-bottom: 14px
}

.login-setting-authen-span {
    padding-top: 0!important;
    padding-right: 0;
    margin: 0!important;
    position: relative;
    background-color: transparent!important
}

.login-setting-authen-vcode-img {
    position: absolute;
    top: 50%;
    margin-top: -7.5px
}

.login-form-ex {
    padding-bottom: 10px;
}

.new-loginform-contact-title{
    width: 44px;
    height: 135px;
    background-image: linear-gradient(46deg, #2E77FF 0%, #2A87FF 100%);
    box-shadow: 0 0 14px 0 rgb(94 112 153 / 41%);
    border-radius: 22px;
    position: absolute;
    right: 6px;
    top: 23%;
    writing-mode: tb;
    font-family: PingFangSC-Medium;
    font-size: 12.81px;
    color: #FFFFFF;
    text-align: center;
    line-height: 17.08px;
    font-weight: 500;
    padding-right: 10px;
    letter-spacing: 2px;
    z-index: 999;
    cursor: pointer;
}

.new-loginform-contact-title-hover{
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);
    width: 400px;
    position: absolute;
    right: 63px;
    top: 23%;
    border-radius: 8px;
    z-index: 999;
    padding: 1% 2% 1% 2%;
    max-height: 400px;
    overflow-y: scroll;
}
.new-loginform-contact-title-hover-border{
    margin-top: 3.3%
}
.new-loginform-contact-title-hover-title{
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #000000;
    font-weight: 600;
    display: inline;
    white-space: pre;
}

.new-loginform-contact-title-hover-value{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #434E5C;
    line-height: 22px;
    font-weight: 400;
    margin-top: 1.3%;
    white-space: pre;
}

.new-loginform-contact-title-more{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #2A87FF;
    font-weight: 400;
    bottom: 0;
    right: 5%;
    position: relative;
    cursor: pointer;
    margin-top: 3%;
    float: right;
}
.new-loginform-contact-title-tri{
    background: #FFFFFF;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    width: 25px;
    height: 25px;
    position: absolute;
    right: 61px;
    top: 25%;
    z-index: 999;
    transform: rotate(45deg);
}

.msg-login-out{
    position: absolute;
    background: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,0.06);
    border-radius: 16px;
    width: 400px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 150px;
}

.msg-login-innercontext{
    font-size: 15px;
    color: #2D2F33;
    line-height: 22px;
    font-weight: 400;
}

.msg-login-btn-out{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    padding-right: 20px;
}

.msg-login-btn-info{
    background-image: linear-gradient(-51deg, #328BFF 0%,
                    #2A87FF 100%);
    box-shadow: 0 4px 10px 0 rgba(69,144,255,0.25);
    border-radius: 6px;
    font-size: 13px;
    color: #FFFFFF;
    text-align: right;
    font-weight: 400;
}

.msg-login-btn-ok{
    background-image: linear-gradient(-51deg, #328BFF 0%, #2A87FF 100%);box-shadow: 0 4px 10px 0 rgba(69,144,255,0.25);border-radius: 6px;font-size: 13px;color: #FFFFFF;font-weight: 400;
}
.msg-login-btn-cancel{
    background: #FFFFFF;border: 1px solid #E8EBF2;box-shadow: 0 2px 6px 0 rgba(31,35,41,0.06);border-radius: 6px;font-size: 13px;color: #2D2F33;text-align: center;line-height: 18px;font-weight: 400;margin-right: 8px;
}
.msg-dialog-user-edit{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 18px !important;
    margin-top: 25px;
}

.msg-login-innercontext-sub{
    font-size: 13px;
    color: #747B8B;
    line-height: 20px;
    font-weight: 400;
    display: inline-block;
}