@charset 'utf-8';

.Validform_wrong,.Validform_right{
  display: block;
}

/*===banner===*/
.banner{
  height: 212px;
  border-top: 5px solid #24bbc4;
  background: url(../images/banner.jpg) no-repeat center center;
  background-color: #2b87c1;
}

/*===form===*/
.content{
  padding-top: 20px;
  padding-bottom: 100px;
  background: url(../images/bg.jpg) no-repeat top center;
  background-color: #fff;
}
.form-head{
  padding-top: 50px;
  padding-bottom: 20px; 
}
.form-register-head{
  background: url(../images/login_icon_1.png) no-repeat top center;
}
.form-login-head{
  background: url(../images/login_icon_2.png) no-repeat top center;
}
.form-resetPassword-head{
  background: url(../images/login_icon_3.png) no-repeat top center;
}
.form-head h3{
  font-size: 18px;
  font-weight: bold;
  color: #297db2;
  text-align: center;
}
.form{
  padding: 24px 0 24px 40px;  
  margin: 0 auto; 
  border-radius: 7px;
  border: 1px solid #dadada;
  border-top: 5px solid #297db2;
  box-shadow: 1px 1px 1px #e6e7e7;
  background-color: #f5f5f5;
}
.form.register,.form.resetPasswordHandle{
  width: 575px;
}
.form.login,.form.resetPasswordApply{
  padding: 24px 40px 0 40px;
  width: 362px;
  text-align: center;
}
.form-input{
  display: inline-block;
  padding-left: 40px;
  padding-right: 15px;
  width: 280px;
  height: 36px;
  border: 1px solid #d2d2d2;
  border-radius: 18px;
}
.form-input.account{
  background: url(../images/login_email.png) no-repeat 4px center;
}
.form-input.password{
  background: url(../images/login_password.png) no-repeat 4px center;
}
.form-input-tips{
  padding-left: 16px;
  font-size: 12px;
  color: #6a6969;
}
.form-btn-submit,.form-btn-toReset,.form-btn-reset{
  padding: 8px 0;
  width: 280px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-color: #338bc2;
  border-radius: 16px;
  border: none;
  cursor: pointer;
}
.form-btn-toReset{
  display: block;
}
.form-login-entry{
  padding-left: 16px;
  font-size: 12px;
  color: #f35e2a;
}
.form-register-entry{
  display: block;
  margin-top: 18px;
  font-size: 12px;
  color: #e73544;
  text-align: center;
}
.form-login-entry:hover,.form-register-entry:hover{
  color: #777;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-style: dashed;
}
.form-btn-box{
  margin-top: 28px;
}
.forgetPassword{
  float: right;
  margin-right: 8px;
  font-size: 12px;
  color: #999;
}
.forgetPassword:hover{
  color: #338bc2;
}
.forgetPasswordNew{
  /*float: right;*/
  /*margin-left: 20px;*/
  /*font-size: 14px;*/
  /*color: #999;*/
  display: inline-flex; /* 或 flex */
  align-items: center; /* 垂直居中 */
  gap: 8px; /* 可选：调整图标与文字的间距 */
  line-height:2em;
  color: #e73544;
}
.forgetPasswordNew:hover{
  color: #777;
  font-weight: bold;
  text-decoration: underline;
  text-decoration-style: dashed;
}

.header,.banner,.content,.footer{
  min-width: 1200px;
}
.form-description{
  padding: 20px 0;
}
.form-description p{
  line-height: 30px;
}
.toLogin {
  display: block;
  padding-bottom: 20px;
  color: #f35e2a;
  font-size: 12px;
}