body {
  background-color: #f7f7f9; }

.login {
  width: 15.9750rem; }
  .login .backgroundBox {
    height: 2.3430rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: #8e4edc; }
    .login .backgroundBox img {
      width: 6.8160rem;
      height: 0.8520rem; }
  .login .background {
    display: none; }
  .login .main {
    background: #ffffff;
    padding: 0 0.6816rem 0.6816rem; }
    .login .main .title {
      font-size: 0.6816rem;
      font-weight: 500;
      color: #1d2129;
      line-height: 0.9372rem;
      margin: 1.0224rem auto 0.3408rem; }
    .login .main .tips {
      font-size: 0.5112rem;
      color: #86909c;
      line-height: 0.7242rem;
      margin: 0.6816rem 0 0.1704rem; }
    .login .main > .input {
      width: 14.6118rem;
      height: 1.7040rem;
      background: rgba(22, 93, 255, 0.1);
      border-radius: 0.1704rem;
      border: 0.0426rem solid #dcdcdc;
      padding: 0.5112rem;
      font-size: 0.5112rem;
      color: #1d2129; }
    .login .main .forget {
      font-size: 0.5112rem;
      color: #1d2129;
      line-height: 0.7242rem;
      margin: 0.5112rem 0 0 auto; }
    .login .main .submit {
      width: 7.0290rem;
      height: 1.5336rem;
      background: #165dff;
      border-radius: 0.1704rem;
      justify-content: center;
      align-items: center;
      display: flex;
      font-size: 0.5964rem;
      font-weight: 500;
      color: #ffffff;
      margin: 1.4910rem auto 0; }
    .login .main .addUser {
      font-size: 0.5112rem;
      color: #1d2129;
      line-height: 0.7242rem;
      margin: 1.7040rem auto 0; }
    .login .main .container {
      flex-direction: row;
      width: 14.6118rem;
      height: 1.7040rem;
      background: rgba(22, 93, 255, 0.1);
      border-radius: 0.1704rem;
      border: 0.0426rem solid #dcdcdc;
      padding: 0.5112rem;
      font-size: 0.5112rem;
      color: #1d2129; }
      .login .main .container .input {
        border: none;
        background-color: #e7eeff;
        flex: 1; }
      .login .main .container .getCode {
        color: #3491fa; }
    .login .main .agreement {
      margin: 0.6816rem auto 0;
      font-size: 0.4686rem; }
      .login .main .agreement .icon {
        font-size: 0.5964rem; }