.login .aa {
  position: relative;
}
.login .aa .bg {
  width: 100%;
}
.login .aa .loginbox {
  width: 392px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.login .aa .loginbox .tlbox .cn {
  color: #fff;
}
.login .aa .loginbox .tlbox .en {
  color: rgba(255, 255, 255, 0.5);
}
.login .aa .loginbox .subbox {
  background: #fff;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 48px;
}
.login .aa .loginbox .subbox .inwrap {
  width: 322px;
  margin: 36px auto;
}
.login .aa .loginbox .subbox .inwrap input {
  display: block;
  width: 100%;
  border: none;
  height: 60px;
  outline: none;
  box-sizing: border-box;
  padding-left: 50px;
  border: 1px solid #dedede;
  font-size: 18px;
}
.login .aa .loginbox .subbox .inwrap .account {
  background: url(../images/login_02.png) no-repeat 17px center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.login .aa .loginbox .subbox .inwrap .password {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top: none;
  background: url(../images/login_03.png) no-repeat 17px center;
}
.login .aa .loginbox .subbox .inwrap .sub {
  background: #b71a35;
  color: #fff;
  text-align: center;
  line-height: 60px;
  border-radius: 5px;
  padding: 0;
  margin-top: 20px;
}
@media only screen and (min-width: 100px) and (max-width: 1024px) {
  .login .aa .loginbox {
    width: 90%;
  }
  .login .aa .loginbox .subbox {
    margin-top: 38px;
  }
  .login .aa .loginbox .subbox .inwrap {
    width: 90%;
  }
  .login .aa .loginbox .subbox .inwrap input {
    height: 44px;
    font-size: 14px;
  }
  .login .aa .loginbox .subbox .inwrap .sub {
    line-height: 44px;
  }
}