@charset "utf-8";
@import url("../select/select.css");

* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: OCRATributePro-Bold;
    src: url(../../OCRATributePro-Bold.OTF);
}

@font-face {
    font-family: SourceHanSansCN-Regular;
    /* src: url(../../SourceHanSansCN-Regular.ttf); */
    src: url("../../font/SourceHanSansCNRegular/SourceHanSansCNRegular.eot"),
    url("../../font/SourceHanSansCNRegular/SourceHanSansCNRegular.ttf"),
    url("../../font/SourceHanSansCNRegular/SourceHanSansCNRegular.woff"),
    url("../../font/SourceHanSansCNRegular/SourceHanSansCNRegular.woff2"),
    url("../../font/SourceHanSansCNRegular/SourceHanSansCNRegular.svg");
}

@font-face {
    font-family: PingFangSC-Medium;
    src: url(../../PingFangSC-Medium.ttf);
}

@font-face {
    font-family: PingFangSC-Regular;
    src: url(../../PingFangSC-Regular.ttf);
}

@font-face {
    font-family: OCRATributePro-Regular;
    src: url(../../OCRATributePro-Regular.OTF);
}

/* CSS Document */
::-ms-clear {
    display: none;
}

::-ms-reveal {
    display: none;
}

a {
    text-decoration: none;
    outline: none;
}

a:visited {
    color: #000;
    text-decoration: none;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

li {
    list-style-type: none;
}

a:link {
    color: #0854A1;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    color: #0000ff;
    text-decoration: none;
}

img {
    border: 0;
}

h3 {
    margin: 0px;
    padding: 0px;
}

input {
    outline: none;
}

html {
    width: 100%;
    height: 100%;
}

body {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    width: 100%;
    height: 100%;
    font-family: "微软雅黑";
    overflow-x: auto;
    background: url(../../images/login/background.png) no-repeat center fixed;
    background-size: 100% 100%;
    display: flex;
}

.dialog {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    z-index: 3;
}

.dialog-container {
    width: 480px;
    height: 188px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.3), 0px 0px 0px 1px #D9D9D9;
    border-radius: 4px;
}

.dialog-header {
    width: 100%;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15), inset 0px -1px 0px 0px #D9D9D9;
    border-radius: 4px 4px 0px 0px;
    color: #182A4E;
    font-size: 16px;
    padding: 0 16px;
    text-align: left;
    font-family: PingFangSC-Regular, PingFang SC;
    position: relative;
}

.dialog-header .close-btn {
    position: absolute;
    color: #0854A1;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 26px;
    font-weight: lighter;
    cursor: pointer;
    border: 1px solid transparent;
}
.dialog-header .close-btn:hover {
    border-color: #0854A1;
    background-color: #e5f0fa;
}
.dialog-header .close-btn:active {
    border-color: #0854A1;
    background-color: #0854A1;
    color: #fff;
}

.dialog-content {
    padding: 24px 0 24px 80px;
}

.dialog-content .content-input {
    display: flex;
    align-items: center;
}

.dialog-content .errorCodeDiv {
    height: 26px;
    line-height: unset;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #e20909;
}

.content-input input {
    width: 160px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #BAC0C6;
    box-sizing: border-box;
    padding: 6px 8px;
    font-size: 14px;
    color: #182A4E;
}

.content-input div {
    width: 80px;
    height: 40px;
    margin: 0 16px;
}

.content-input a {
    width: 48px;
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #0854A1;
    line-height: 22px;
    cursor: pointer;
    margin: 0;
}

.dialog-footer {
    width: 480px;
    height: 56px;
    background: #FFFFFF;
    box-shadow: inset 0px 1px 0px 0px #D9D9D9;
    border-radius: 0px 0px 4px 4px;
    padding: 0 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#login_phone_form input.btn-hover, .dialog input.btn-hover {
    background: #81C6FE;
    color: #182A4E;
}

.login_form input.login_btn-hover, #login_phone_form input.login_btn-hover,
.login_form input.btn-down, #login_phone_form input.btn-down, .dialog input.btn-down {
    background: #3AA7FF;
    color: #182A4E;
    border: 0;
}

.panel_login {
    background-color: #fff;
    width: 1080px;
    height: 640px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0px 7px 45px 0px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.panel_login > div {
    width: 50%;
}
.panel_login .tab_item {
    display: inline-block;
    width: 120px;
    text-align: center;
    font-size: 14px;
    color: #5D697A;
    cursor: pointer;
}

.panel_login .tab_item span {
    padding-bottom: 3px;
    display: inline-block
}

.panel_login .tab_item:first-child span {
    border-bottom: 3px solid #0854A0;
    border-radius: 2px;
    color: #0854A1;
}

.slogan {
    flex: 1;
    background: url(../../images/login/formLeft.png) center no-repeat;
    background-size: 100% 100%;
    padding: 104px 0 0 84px;
    box-sizing: border-box;
}

.slogan p {
    font-size: 36px;
    font-family: OCRATributePro-Bold;
    font-weight: bold;
    color: #ffffff;
    line-height: 64px;
    letter-spacing: 10px;
}

.slogan .tips li {
    height: 62px;
    /* margin-bottom: 40px; */
    display: flex;
    align-items: center;
}

.slogan .tips {
    margin-top: 56px;
}

.slogan .tips li div:first-child {
    width: 8px;
    height: 8px;
    opacity: 0.85;
    border: 4px solid #f9f9f9;
    border-radius: 50%;
    margin-right: 10px;
}

.slogan .tips li div:last-child {
    width: calc(100% - 26px);
    font-size: 20px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: #f6f6f6;
    line-height: 22px;
    letter-spacing: 1px;
}

.title_blod {
    width: 100%;
    overflow: hidden;
}

.title_blod div {
    height: 45px;
    line-height: 45px;
    font-size: 32px;
    font-weight: 600;
    color: #111E36;
    font-family: PingFangSC-Medium, PingFang SC;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.title_blod span:first-child {
    display: block;
    font-size: 32px;
    font-family: OCRATributePro-Regular;
    font-weight: 400;
    color: #111e36;
    line-height: 36px;
    margin: 9px 10px 0 0;
}

.title_blod span:last-child {
    display: block;
    font-size: 32px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    color: #111e36;
    line-height: 45px;
}

.formpart {
    width: 540px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.hs_logo {
    width: 100%;
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px 0;
    box-sizing: border-box;
}

.hs_logo > img {
    max-width: 100%;
    max-height: 100%;

}

.panel_login h3 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-top: 25px;
}

.login_form {
    width: 320px;
    height: max-content;
    margin-top: 16px;
}

.login_form .formdata,
.remberPassword {
    margin-bottom: 24px;
    border: 1px solid #bac0c6;
    display: flex;
    flex-direction: row;
    border-radius: 2px;
}

.login_form .formdata {
    margin-bottom: 0;
}

.login_form .errorMsg {
    height: 26px;
    font-size: 12px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #e20909;
}

.login_form .formdata:hover {
    border: 1px solid #0854a1;
}

.login_form .formdata .icon {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
}

.login_form .formdata .icon #Layer_1,
#Layer_2 {
    margin-top: -2px;
}

.login_form .formdata input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset;
}

.login_form div input {
    width: 272px;
    height: 48px;
    background: #ffffff;
    border-radius: 2px;
    border: none;
    font-size: 14px;
    color: #182A4E;
    font-family: PingFangSC-Regular, PingFang SC;
}

.login_form div input::-webkit-input-placeholder {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #BAC0C6;
}

.errorCodeDiv {
    width: 320px;
    height: 20px;
    line-height: 20px;
    color: #e20909;
    font-size: 12px;
}

#labelId {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    border: 1px solid #bac0c6;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    cursor: pointer;
    box-sizing: border-box;
}

#labelId::before {
    display: inline-block;
    content: " ";
    width: 10px;
    height: 4px;
    border: 2px solid #0854a1;
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
    top: 6px;
    left: 4px;
    position: absolute;
    opacity: 0;
}

.login_form div input[type="checkbox"]:checked + label::before {
    opacity: 1;
    transition: all 0.5s;
}

.login_form div.remberPassword {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: none;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #111E36;
}

.login_form div.remberPassword input {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    border-radius: 1px;
    border: 1px solid #BAC0C6;
    background-color: #FFFFFF;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    cursor: pointer;
}

.login_form div.remberPassword input:after {
    content: "";
    font-size: 14px;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #0854A1;
}

.login_form div.remberPassword input:checked:after{
    content: "\2714";
}

::placeholder {
    /* Firefox, Chrome, Opera */
    font-size: 14px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 300;
    color: #bac0c6;
    line-height: 20px;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 14px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 300;
    color: #bac0c6;
    line-height: 20px;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 14px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 300;
    color: #bac0c6;
    line-height: 20px;
}

.login {
    width: 320px;
    height: 48px;
    background: #0854a1;
    border-radius: 2px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: 22px;
    cursor: pointer;
    border: none;
}

.login:hover {
    background: #114171;
}

.copy {
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #bac0c6;
    line-height: 20px;
    position: absolute;
    bottom: 20px;
    left: 110px;
}

.languageContainer {
    position: absolute;
    top: 3%;
    right: 2%;
}

#languageType {
    width: 100px;
    height: 21px;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
}

.verification_code {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#code_error {
    height: 26px;
    color: #e20909;
    font-size: 12px;
    visibility: hidden;
    font-family: PingFangSC-Regular, PingFang SC;
}

.login_form #captchaCode {
    width: 150px;
}

.login_form #captchaCode input {
    width: 140px;
    height: 37px;
    line-height: 37px;
    background: #ffffff;
    border-radius: 2px;
    text-indent: 14px;
    border: 1px solid #bac0c6;
}
.login_form #captchaCode input:hover,
.login_form #captchaCode input:focus{
    border: 1px solid #0854a1;
}

#changeCaptcha {
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #0854a1;
    line-height: 22px;
    margin-left: auto;
}

/* .text{float:left; width:190px; height:32px;background-color:#FFF; margin-left:60px; margin-top:20px;}
.text label{font-size:18px;line-height:auto;margin-left:11px;color:#3c3c3c;}
.login_form span{ float:left;}
.login_form span.autologin{ clear:both;width:86px; height:auto; margin:0px; margin-left:56px; margin-top:10px; color:#cfd9e2;}
.autologin input{margin-right:10px;}
.text input{float:left;border:none;border:0;clear:both;line-height:30px; font-size:18px;font-family:'微软雅黑'; margin-left:10px; height:30px; color:#3c3c3c; width:170px;}
.login{
    background-color: #446783;
    font-weight: bold;
    border: #6CDDFB solid 3px;
    font-size: 21px;
    color: #6CDDFB;
    height:36px; margin-left:30px;position:absolute;margin-top:16px;
}
.errorCodeDiv{height:30px;line-height: 30px;text-align: center;}
.errorCode{float:none;color: #FF7A4D;}
.languageContainer{
    float: right;
    margin-right: 10px;

}
.languageContainer #languageType{
    margin-top: 10px;
}

#languageType{
    border-radius: 5px;
    width: 100px;
} */

/*.languageContainer::after{*/
/*content: "";*/
/*clear: both;*/
/*}*/


.header {
    display: none;
}

.phoneCodeForm {
    width: 196px;
}
.phoneCodeForm input {
    width: 148px !important;
}
#phonecode_btn, .cancel-btn {
    display: block;
    width: 108px;
    box-sizing: border-box;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #0854a1;
    color: #0854a1;
    background: #fff;
}
#phonecode_btn:hover, .cancel-btn:hover {
    background: #e5f0fa;
    color: #0854a1;
    cursor: pointer;
}
#phonecode_btn:active, .cancel-btn:active {
    background: #0854a1;
    color: #fff;
    cursor: pointer;
}
#phonecode_btn[disabled] {
    background: #FFFFFF;
    color: #6B98C7;
    border-color: #ceddec;
    cursor: not-allowed;
}
.error-border,
.error-border:hover,
.error-border:focus {
    border-color: #e20909 !important;
}
.login[disabled] {
    background: #9cb9d9!important;
    color: #FFFFFF;
    cursor: not-allowed;
}
input.password {
    width: 228px !important;
}
.showPwdIcon {
    display: none;
}
.dialog-btn {
    width: 60px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    border-radius: 2px;
    margin-left: 16px;
}
.ok-btn {
    background: #0854A1;
    color: #FFFFFF;
    border: 1px solid #0854A1;
}
.ok-btn:hover,.ok-btn:active {
    background: #114171;
    color: #FFFFFF;
}