@charset "utf-8";


* {
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: OCRATributePro-Bold;
    src: url("../../font/OCRATributePro-Bold.OTF");
}
@font-face {
    font-family: PingFangSC;
    src: url("../../font/PingFangSC-Regular.ttf");
}
@font-face {
    font-family: PingFangSC-Medium;
    src: url("../../font/PingFangSC-Medium.ttf");
}
@font-face {
    font-family: SourceHanSansCN-Regular;
    src: url("../../font/SourceHanSansCN-Regular.ttf");
}
@font-face {
    font-family: OCRATributePro-Regular;
    src: url("../../font/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: #000;
    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;
}
.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;
}
.slogan {
    flex: 1;
    background: url(../../images/login/formLeft.png) center no-repeat;
    background-size: 100% 100%;
    padding: 104px 0 0 44px;
    box-sizing: border-box;
}
.slogan.noText{
    background: url(../../images/login/leftImg.png) center no-repeat;
    background-size: 100% 100%;
}
.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;
    width: calc(100% - 26px);
    font-size: 20px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgb(246, 246, 246);
    line-height: 22px;
    letter-spacing: 1px;
}
.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: Chinese Quote,Hiragino Sans GB, Microsoft Yalei, Helvetica Neue, Helvetica, Arial, 'sans-serif';
    font-weight: 400;
    color: #f6f6f6;
    line-height: 22px;
    letter-spacing: 1px;
}
.title_blod {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: max-content;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
}
.title_blod span.title4D{
    font-family: PingFangSC;
    font-weight: 500;
    font-size: 30px;
    color: #111E36;
}
/*定制标题*/
.title_blockDZ{
    font-family: PingFangSC;
    font-weight: 500;
    font-size: 30px;
    color: #111E36;
    line-height: 42px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.title_blockDZ span:first-child {
    display: block;
}
.title_blockDZ span:last-child {
    display: block;
}
.formpart {
    width: 540px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.hs_logo {
    width: 120px;
    height: 39px;
    margin-top: 60px;
    background: url(../../images/login/logo-3.png) center no-repeat;
    background-size: 100% 100%;
}
.panel_login h3 {
    font-size: 20px;
    text-align: center;
    color: #fff;
    margin-top: 25px;
}
#login_form {
    width: 320px;
    height: max-content;
}
#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: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #e20909;
    line-height: 22px;
}
#login_form .formdata:hover {
    border: 1px solid #0854a1 !important;
}
#login_form .formdata .icon {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
#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;
    -webkit-text-fill-color: #000;
}
#login_form div input {
    width: 272px;
    height: 44px;
    /*line-height: 44px;*/
    font-size: 18px;
    background: #ffffff;
    border-radius: 2px;
    border: none;
}
.errorCodeDiv {
    position: absolute;
    bottom: 66px;
    width: 320px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: red;
}
#login_form div input[type="checkbox"] {
    display: none;
    width: 22px;
    height: 22px;
    margin-right: 12px;
    border: 1px solid yellow;
    cursor: pointer;
    position: relative;
    border-radius: 1px;
}
#labelId {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    border: 1px solid #bac0c6;
    cursor: pointer;
    position: relative;
    border-radius: 2px;
    cursor: pointer;
}
#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;
    transform: all 0.5s;
}
#eyesIcon{
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    position: absolute;
    right: 13px;
    top: 13px;
}
#eyesIcon:hover{
    background-color: #E5F0FA;
    border: 1px solid #0854A1;
}
#eyesIcon:active{
    background-color: #0753A0;
    border: 1px solid #0753A0;
}
#eyesIcon.hide{
    background-image: url('../../images/login/eye-hide.png');
}
#eyesIcon.show{
    background-image: url('../../images/login/eye-show.png');
}
.remberPassword {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: none;
}
.remberPassword span {
    font-size: 14px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: #111e36;
    line-height: 20px;
}
::placeholder {
    /* Firefox, Chrome, Opera */
    font-size: 14px;
    font-weight: 300;
    color: #bac0c6;
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    font-size: 14px;
    font-weight: 300;
    color: #bac0c6;
}
::-ms-input-placeholder {
    /* Microsoft Edge */
    font-size: 14px;
    font-weight: 300;
    color: #bac0c6;
}

.login {
    width: 320px;
    height: 48px;
    background: #0854a1;
    border-radius: 2px;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: #ffffff;
    line-height: 22px;
    cursor: pointer;
    border: none;
}
.login:hover {
    background: #114171;
}
.copy {
    font-size: 14px;
    font-family: SourceHanSansCN-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;
}
#code_error {
    height: 30px;
    color: #e20909;
    font-size: 12px;
    line-height: 22px;
}
#login_form #captchaCode {
    width: 150px;
    height: 44px;
    border: 1px solid #bac0c6;
}
#login_form #captchaCode:hover {
    border: 1px solid #0854a1 !important;
}
#login_form #captchaCode input {
    width: 100%;
    height: 100%;
    line-height: 44px;
    background: #ffffff;
    border-radius: 2px;
    text-indent: 14px;
}
#changeCaptcha {
    font-size: 14px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: #0854a1;
    line-height: 20px;
    margin-left: auto;
}
#changeCaptcha:hover {
    color: #114171;
}
/* .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;*/
/*}*/

#language-icon{
    width:16px;
    height: 16px;
    display: inline-block;
    background: url(../../images/login/earth.png) center no-repeat;
    background-size: 100% 100%;
}
.header {
    position: relative;
    width: 100%;
    min-width: 540px;
    min-height: 400px;
    overflow: hidden;
}
.my-select {
    min-width: 50px;
    padding: 10px 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 17px;
    z-index: 9999;
}
.select-input {
    margin-left: 10px;
    color: #182a4e;
    font-weight: 400;
    font-size: 14px;
    border: none;
    cursor: pointer;
    padding: 0 10px 0 0;
    background: rgba(0, 0, 0, 0);
}
.select-input::placeholder {
    color: #182a4e;
}
#input__suffix {
    transition: 0.2s;
    transform-origin: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.select-input:focus {
    outline: none;
}
.select-panel {
    display: none;
    transform-origin: center top;
    border: 1px solid #e4e7ed;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
    box-sizing: border-box;
    position: absolute;
    right: 0;
    height: 0;
    transition: 0.5s;
    padding: 8px 0;
}
.select-panel-active {
    display: block;
}
.panel-content {
    list-style: none;
    padding: 0px;
}
.panel-content li {
    font-size: 14px;
    padding: 0 16px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    cursor: pointer;
}
.panel-content li:hover {
    background-color: #e5f0fa;
    /* box-shadow: inset 0px -1px 0px 0px rgba(8, 84, 161, 1); */
}

.selected {
    background: #e5f0fa;
    box-shadow: inset 0px -1px 0px 0px #0854a1;
}