*{margin: 0;padding: 0}
body{background-color: #fff;background:  url("../../chemi_images/login/login_bg.png") center  no-repeat; background-size: cover;overflow: hidden}
.chemi-inner{}
.chemi-top{display: inline-flex;align-items: center;width: 100%;height:10vh;background-color:#1B956E }
.chemi-middle{height:80vh;width: 100%;overflow: hidden;display: inline-flex;align-items: center}
.chemi-logo-div{height:50%;}
.chemi-logo{height:100%;margin-left: 48px;}
.line{margin: 0 16px}
.login-text{font-size:26px;  font-family:SourceHanSansCN-Regular;  font-weight:400;  color:#ffffff;position: relative;}
.chemi-top .sevice-phone{font-size: 22px;color: #fff;margin-left: 20px; font-weight:400;  font-family:SourceHanSansCN-Regular;position: absolute;right: 40px}
.login-form-div{width:450px;  height:520px;  background:rgba(255,255,255,1);  border-radius:2px;position: absolute;overflow: hidden;right:10%;top:50%;transform: translateY(-50%)}
.login-form-div-inner{padding:0px 40px;position: relative;z-index: 3}
.loginFail{position: relative;width: 370px;height: 28px;line-height: 28px;font-size: 12px;background: rgba(255,62,62,0.20);border: 1px solid #FFB9B9;border-radius: 1px 0 0 1px;margin: 0 auto 10px;color: #FF4343;padding-left: 38px;box-sizing: border-box;visibility: hidden;}
.loginFail .errTle{position: absolute;display: inline-block;left: 14px;top: 5px;width: 16px;height: 16px;background: url("../../chemi_images/login/err.png") center no-repeat}
.login-form-title{font-size:24px;  font-family:SourceHanSansCN-Medium;  font-weight:500;  color:rgba(27,149,110,1);height:84px;text-align: center;line-height: 120px}
.form-border{border:1px solid rgba(221,221,221,1);border-radius:2px;;margin-bottom: 25px;width: 100%;height: 40px;}
/*.form-border:nth-of-type(3){margin-bottom: 35px;}*/
.form-border .code-btn{position: absolute;right:0;top: 0;height: 100%;line-height: 40px;width: 100px;background: #1B956E;text-align: center;color: #ffffff;cursor: pointer;font-size: 12px}
.form-border .code-btn.opaBtn{opacity: 0.5;cursor: default;}
.form-border .btnBox{position: absolute;right:0;top: 0;height: 40px;width: 100px;z-index: 55;display: none;}
.info-column-middle{display: inline-flex;align-items: center;justify-content: center}
.user-passWord{width: 40px;height: 40px;float: left}
.user-img{width: 100%;height: 100%;background: url("../../chemi_images/login/user.png") center no-repeat;display: inline-block}
.passWord-img{width: 100%;height: 100%;background: url("../../chemi_images/login/passWord.png") center no-repeat;display: inline-block}
.codeR{width: 100%;height: 100%;background: url("../../chemi_images/login/yzm.png") center no-repeat;display: inline-block}
.input-style{width: calc(100% - 60px);height: 40px;border: none;line-height: 40px;padding: 0 10px;float: left}
.remember-password{font-size: 12px;color: #999999;margin-bottom:30px;display: flex;align-items: center;justify-content: space-between;}
#isLogin{margin-right: 3px}
#loginBtn{width:100%;  height:40px;cursor: pointer;margin-bottom: 8px; color: #fff;background:linear-gradient(-61deg,rgba(27,149,110,1) 0%,rgba(35,160,120,1) 100%);  box-shadow:0px 5px 9px 1px rgba(27,149,110,0.2);border: 1px solid #1B956E ; border-radius:2px;}
#loginBtn:hover{opacity: 0.9}
.login-form-div-inner .sevice-phone{font-size: 14px;color: #999999;margin-left: 0; font-weight:400;  font-family:SourceHanSansCN-Regular; }
.login-form-div-img{width:100%;height:75px;background: url("../../chemi_images/login/login-img.png") no-repeat;position: absolute;bottom: 0;background-size: cover}
.footer-info{height:10vh;width: 100%;background-color:#1B956E ;font-size:14px;font-family:SourceHanSansCN-Regular;  font-weight:400;  color:#ffffff;}
.footer-info div {text-align: center}
.mmBox{position: relative;}
.toggleMM{position: absolute;right: 0;top:50%;transform: translateY(-50%);width: 40px;height: 100%;cursor: pointer;background-color: #ffffff;z-index: 100;}
.toggleMM.see img{width: 50%;height: 50%;transform: translate(50%,50%)}
.toggleMM.nosee img{width: 50%;height: 50%;transform: translate(50%,50%)}
input[type=checkbox]{display: inline-block;vertical-align: middle;margin-bottom: 2px;}
.forgetWord:hover{cursor: pointer;text-decoration: underline;}

@media screen and (max-width: 1367px) {
    .login-text,.chemi-top .sevice-phone { font-size: 18px;}
    .login-form-div{width:420px; height: 450px;}
    .login-form-title{font-size: 20px;height: 70px;line-height: 105px;}
    .form-border,.remember-password{margin-bottom: 20px;}
    .form-border{border-width: 2px;}
}