body {
  background: url(../images/loginBg.png) no-repeat;
  width:100%;
  min-height: 600px;
  margin: 0;
  padding: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}
#login-wrap {
  width: 100%;
  position: relative;
}
#login-wrap .login-title {
  position: absolute;
  top: 50px;
  width: 100% ;
  text-align: center;
  color: #fff;
  font-size: 40px;
}
#login-wrap .login-content-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 800px;
  width: 100%;

}
#login-wrap .login-content-wrap .left-img {
  width: 40%;
  margin-right: 100px;
}
#login-wrap .login-content-wrap .right-person-infow {
  margin:auto;
  background: #fff;
  width: 500px;
  height: 400px;
  border-radius: 5px;
}
#login-wrap .login-content-wrap .right-person-infow .layui-form{
  width: 80%;
  margin-left: 20px;
  margin-top: 100px;
}
#login-wrap .login-content-wrap .right-person-infow .layui-form .login-btn{
  background: #20528F;
  width: 100%;
  margin: 50px auto;
}
#login-wrap .login-content-wrap .right-person-infow .to-register,.to-login {
  float: right;
  margin-right: 20px;
  color: #2D8CF0;
  cursor: pointer;
}
#login-wrap .login-content-wrap .login-form-wrap {
  /*display: none;*/
}
#login-wrap .login-content-wrap .register-form-wrap {
  display: none;
  height: 500px;
}