.login {
  width: 100vw;
  height: 100vh;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.login .login_box {
  width: 100vw;
  height: 100vh;
  background: url(../image/login_bg.jpg) no-repeat center;
}

.login .login_box .login_form {
  width: 500rem;
  height: 580rem;
  background: #fff;
  border-radius: 31rem;
  position: absolute;
  right: 190rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.login .login_box .login_form .login_form_top {
  display: flex;
  height: 64rem;
}

.login .login_box .login_form .login_form_top .item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #666666;
  background: #F1F1F1;
}

.login .login_box .login_form .login_form_top .item.pitch_on {
  color: #4C7BFF;
  background: #fff;
}

.login .login_box .login_form .login_form_center {
  flex: 1;
  padding: 50rem;
  flex-direction: column;
  align-items: center;
  display: none;
}

.login .login_box .login_form .login_form_center.show {
  display: flex;
}

.login .login_box .login_form .login_form_center.box2 {
  flex-direction: column;
  justify-content: center !important;
  align-items: center;
}

.login .login_box .login_form .login_form_center.box2 .log_on {
  margin-top: 20rem;
  padding: 5rem 40rem;
  height: 48rem;
  background: #4C7BFF;
  border-radius: 4rem;
  color: #fff;
  font-size: 18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.login .login_box .login_form .login_form_center .title {
  font-size: 34rem;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #333333;
}

.login .login_box .login_form .login_form_center .account_number_an_mobile_phone {
  margin-top: 40rem;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.login .login_box .login_form .login_form_center .account_number_an_mobile_phone .register{
  width: 102rem;
  font-size: 20rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  border-bottom: 7px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10rem;
  cursor:pointer;
}

.login .login_box .login_form .login_form_center .account_number_an_mobile_phone .register.pitch_on{
  color: #4C7BFF;
  border-bottom: 7px solid #4C7BFF;
}

.login .login_box .login_form .login_form_center .input_box {
  flex-direction: column;
  margin-top: 36rem;
  display: none;
}

.login .login_box .login_form .login_form_center .input_box.show {
  display: flex;
}

.login .login_box .login_form .login_form_center .input_box .user_name,
.login .login_box .login_form .login_form_center .input_box .verification_code,
.login .login_box .login_form .login_form_center .input_box .cell_phone_number,
.login .login_box .login_form .login_form_center .input_box .password {
  width: 400rem;
  height: 48rem;
  background: #ECF0F5;
  border-radius: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20rem;
  padding-left: 62rem;
  box-sizing: border-box;
  position: relative;
}

.login .login_box .login_form .login_form_center .input_box .user_name.user_name,
.login .login_box .login_form .login_form_center .input_box .verification_code.user_name,
.login .login_box .login_form .login_form_center .input_box .cell_phone_number.user_name,
.login .login_box .login_form .login_form_center .input_box .password.user_name {
  background: url(../../content/image/user_name_icon.png) no-repeat 18rem center, #ECF0F5;
}

.login .login_box .login_form .login_form_center .input_box .user_name.password,
.login .login_box .login_form .login_form_center .input_box .verification_code.password,
.login .login_box .login_form .login_form_center .input_box .cell_phone_number.password,
.login .login_box .login_form .login_form_center .input_box .password.password {
  background: url(../../content/image/password_icon.png) no-repeat 18rem center, #ECF0F5;
}

.login .login_box .login_form .login_form_center .input_box .user_name.cell_phone_number,
.login .login_box .login_form .login_form_center .input_box .verification_code.cell_phone_number,
.login .login_box .login_form .login_form_center .input_box .cell_phone_number.cell_phone_number,
.login .login_box .login_form .login_form_center .input_box .password.cell_phone_number {
  background: url(../../content/image/cell_phone_number.png) no-repeat 18rem center, #ECF0F5;
}

.login .login_box .login_form .login_form_center .input_box .user_name input,
.login .login_box .login_form .login_form_center .input_box .verification_code input,
.login .login_box .login_form .login_form_center .input_box .cell_phone_number input,
.login .login_box .login_form .login_form_center .input_box .password input,
.login .login_box .login_form .login_form_center .input_box select {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
}

.login .login_box .login_form .login_form_center .input_box .user_name .getCode,
.login .login_box .login_form .login_form_center .input_box .verification_code .getCode,
.login .login_box .login_form .login_form_center .input_box .cell_phone_number .getCode,
.login .login_box .login_form .login_form_center .input_box .password .getCode {
  position: absolute;
  right: 10rem;
  color: #4C7BFF;
  font-size: 12rem;
  cursor: pointer;
}

.login .login_box .login_form .login_form_center .input_box .Denlu {
  margin-top: 28rem;
  width: 400rem;
  height: 48rem;
  background: #4C7BFF;
  border-radius: 4rem;
  color: #fff;
  font-size: 18rem;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

input {
  -webkit-box-shadow: 0 0 0 1000px #ECF0F5 inset;
}

.error_info{
	color:#e66f18;
	margin-top:10px;
	display:none;
}