.login {
  width: 100%;
  height: 100vh;
  background-color: #F2F5FE;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 1.2rem;
}
.login .top-nav {
  background-color: #1F4D9C;
}
.login .main {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login .main .left {
  width: auto;
  height: 7.5rem;
}
.login .main .form {
  width: 5.8rem;
  background-color: #fff;
}
.login .main .form-title {
  font-size: 0.375rem;
  color: #484747;
  font-weight: bold;
  text-align: center;
  padding: 0.375rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.login .main .form-content {
  padding: 0.55rem;
}
.login .main .item {
  width: 100%;
  height: 0.625rem;
  border: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  padding: 0 0.125rem;
  border-radius: 0.05rem;
  margin-bottom: 0.5rem;
}
.login .main .item .icon {
  width: 0.35rem;
  height: 0.35rem;
  margin-right: 0.3rem;
}
.login .main .item input {
  flex: 1;
  font-size: 0.2rem;
}
.login .main .item .pwd-btn {
  width: 0.35rem;
  height: 0.35rem;
  margin-left: 0.15rem;
  cursor: pointer;
}
.login .main .yhxy {
  font-size: 0.175rem;
  color: #333;
  display: flex;
  align-items: center;
}
.login .main .yhxy a {
  color: #0952C9;
}
.login .main .yhxy input {
  margin-right: 0.1rem;
}
.login .main .submit {
  width: 100%;
  height: 0.7rem;
  background-color: #0952C9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.3rem;
  color: #fff;
  border-radius: 0.1rem;
  margin-top: 0.3rem;
  border-radius: 0.05rem;
  cursor: pointer;
  transition: all 0.3s;
}
.login .main .submit:hover {
  background-color: #024D9B;
}
.login .main .submit:active {
  transform: scale(0.9);
}
.login .main .btns {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.3rem;
}
.login .main .btns .btn {
  font-size: 0.2rem;
  line-height: 0.2rem;
  color: #9C9C9C;
  padding: 0 0.2rem;
}
.login .main .btns .btn:nth-child(1) {
  border-right: 1px solid #9C9C9C;
}
.login .main .btns .btn:hover {
  color: #0952C9;
}
.login .main .register {
  width: 12.75rem;
  height: auto;
  background-color: #fff;
  border-radius: 0.1rem;
}
.login .main .register-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0.8rem;
  border-bottom: 1px solid #e5e5e5;
}
.login .main .register-head-left {
  font-size: 0.3rem;
  color: #484747;
  font-weight: bold;
}
.login .main .register-head-right {
  font-size: 0.2rem;
  color: #1251B9;
}
.login .main .register-content {
  padding: 0.675rem 2.75rem 1.25rem;
}
.login .main .register-content .box {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.login .main .register-content .box .item {
  flex: 1;
  margin-bottom: 0;
}
.login .main .register-content .box .codebtn {
  padding: 0 0.2rem;
  height: 0.625rem;
  font-size: 0.225rem;
  color: #484747;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #D7D7D7;
  margin-left: 0.4rem;
  cursor: pointer;
}
.login .main .register-content .center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login .main .register-content .submit {
  width: 4.725rem;
}
.login .bottom {
  padding: 0.3rem 0;
  font-size: 0.175rem;
  color: #333;
  text-align: center;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .login {
    padding-top: 0.65rem;
  }
  .login .top-nav {
    display: none;
  }
  .login .main {
    flex-direction: column;
  }
  .login .main .left {
    width: 100%;
    height: auto;
  }
  .login .main .form {
    flex: 1;
    width: 100%;
  }
  .login .main .form-title {
    display: none;
  }
  .login .main .form-content {
    height: 100%;
    padding: 0.5rem 0.3rem;
  }
  .login .main .form-content .item {
    margin-bottom: 0.25rem;
  }
  .login .main .form-content .yhxy {
    margin-top: 0.5rem;
    display: inline-block;
  }
  .login .main .form-content .submit {
    height: 0.55rem;
    font-size: 0.2rem;
  }
  .login .main .register {
    width: 100%;
    height: 100%;
  }
  .login .main .register-head {
    display: none;
  }
  .login .main .register-content {
    height: 100%;
    padding: 0.2rem 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .login .main .register-content .item {
    margin-bottom: 0.25rem;
  }
  .login .main .register-content .box {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 0.25rem;
  }
  .login .main .register-content .box .item {
    width: 60%;
  }
  .login .main .register-content .box .codebtn {
    word-break: keep-all;
    font-size: 0.175rem;
    margin-left: 0.15rem;
  }
  .login .main .register-content .yhxy {
    margin-top: 0.5rem;
    display: inline-block;
  }
  .login .main .register-content .submit {
    width: 100%;
    height: 0.55rem;
    font-size: 0.2rem;
  }
  .login .bottom {
    padding: 0.15rem 0.2rem;
  }
}
.errClose{display:inline-block;width:18px;height:10px;
  background-image:url(../../../img/user/newRegister.png);background-position:-110px 0;cursor:pointer}
.errClose:hover,.errCloseHover{display:inline-block;width:18px;height:10px;background-image:url(../../../img/user/newRegister.png);background-position:-136px 0}
.errOpen{display:inline-block;width:20px;height:14px;background-image:url(../../../img/user/newRegister.png);background-position:-162px 0;cursor:pointer}
.errOpen:hover,.errOpenHover{display:inline-block;width:20px;height:14px;background-image:url(../../../img/user/newRegister.png);background-position:-188px 0}

.form-group{position:relative;margin-bottom:30px;clear:both}
.form-group-submit{margin:50px 0 20px}
.form-group-submit .btn-primary{font-size:16px!important}
.form-group input.form-control{width:100%;padding:0px 10px;
  border-radius: 0.05rem;height: 0.625rem;line-height:  0.625rem;
  padding-left: 0.775rem;
  border:1px solid #ccc;color:#999;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB",HeitiSC,"WenQuanYi Micro Hei",sans-serif}
.form-group .icon{width: 0.35rem;
  height: 0.35rem;
  margin-right: 0.3rem;position: absolute;    top: 0.13rem;
  left: 0.14rem;}
.form-group input.form-control:focus,.form-group input.form-control:hover,form-group input.focus{border:1px solid #a5a5a5;color:#333}
.form-group.err input{border:1px solid #ee3b3b}
.input-call-info{position:absolute;color:#555;font-size:13px}
.form-group .inputSuc,.form-group i.close,.form-group i.errClose,.form-group i.errOpen
{display:none;position:absolute;right:20px}

.form-group .inputSuc{top:15px}
.form-group i.close{top:18px}
.form-group .pwd-close{top:18px;right:20px}
.form-group .errClose{top:19px;right:20px}
.form-group .errOpen{top:16px;right:20px}
.top50{top:50px}
.form-group input.col-1{float:left;width:160px;margin-right:10px}
.col-2{float:left;width:130px}
.C_err_tips{position:absolute;color:#ff4c4c;font-size:13px}
a.button{display:inline-block;font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB",HeitiSC,"WenQuanYi Micro Hei",sans-serif;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
a.button:focus,a.button:hover{text-decoration:none}
.btn-gray{padding:0px 10px;height: 0.625rem;line-height:  0.625rem;color:#555;background:#fff;border:1px solid #ddd}
.btn-err,.btn-gray:active,.btn-gray:hover{color:#ee3b3b;border:1px solid #ee3b3b}

.form-group .capsLock{left:0}
.form-group .pw-tips{width:300px;left:0;top:50px}
.pw-tips{width:288px;overflow:hidden;position:absolute;top:42px;left:151px}
.pw-tips .txt{float:left;text-align:right;line-height:14px}
.pw-safe{width:120px;height:14px;overflow:hidden;position:relative;background:#a5a5a5;float:left}
.pw-bar{height:14px;overflow:hidden;background:#c00;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:width .4s linear}
.pw-weak .pw-bar{width:41px}
.pw-medium .pw-bar{width:82px}
.pw-strong .pw-bar{width:122px}
.pw-none .pw-bar{width:0}
.pw-letter{width:123px;height:14px;position:absolute;left:0;top:0}
.pw-letter span{float:left;width:40px;height:14px;line-height:14px;overflow:hidden;text-align:center;border-left:1px solid #fff;color:#fff}
.pw-suggest{display:inline-block;height:14px;line-height:14px;position:absolute;top:0;right:0;color:#2875cc}

#err-tip {
  width: 100%;
  height: 22px;
  line-height: 22px;
  background: #fee;
  color: #e3111e;
/*  position: relative;
  top: -21px;
  left: 11px;*/
  display: none;
  z-index: 2;
  margin-bottom:.15rem;
}
#err-tip span.icon{background-image: url(../../../img/user/spr-icon.png);}
#err-tip span.icon {
  width: 14px;
  height: 14px;
  overflow: hidden;
  float: left;
  margin: 4px 5px 0 10px;
  display: inline-block;
  background-position: -41px -54px;
}
.txt-error {
  border-color: #ff5757 !important;
}