.user-login-container {
  background-image: url('../assets/img/login/login_bg.png');
  background-repeat: no-repeat;
  height: 100vh;
  background-size: 100vw auto;
  position: relative;
  .user-login-container--content {
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    .user-login-container--logo {
      width: 100vw;
      height: 144px;
      text-align: center;
      > img {
        height: 144px;
      }
    }
    .user-login--type {
      width: 268px;
      margin: 0 auto;
      margin-top: 66px;
      .user-login--type-item {
        font-size: 16px;
        cursor: pointer;
        margin-right: 10px;
        color: rgba(255, 255, 255, 0.7);
        &.active {
          color: #fff;
          font-size: 22px;
        }
      }
    }
    .van-form {
      width: 85vw;
      padding-top: 30px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .van-cell {
      width: 268px;
      border-radius: 8px;
      margin-bottom: 14px;
    }
    .user-login-container--config {
      width: 268px;
      line-height: 20px;
      color: white;
      font-size: 14px;
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      .van-checkbox {
        .van-checkbox__label {
          color: #fff;
        }
      }
    }
    .user-login-container--protocol {
      line-height: 20px;
      color: white;
      font-size: 12px;
      // width: 268px;
      min-width: 268px;
      margin-bottom: 15px;
      display: flex;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
      .van-checkbox {
        margin-right: 6px;
      }
    }
    .user-login-container--other {
      width: 268px;
      line-height: 20px;
      color: white;
      font-size: 12px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 600;
    }
    .user-login-container--btngroup {
      margin-top: 20px;
      .van-button {
        width: 268px;
        background: #fcecc8;
        color: #a57825;
        font-size: 18px;
        border-radius: 8px;
        border: 1px solid #fcecc8;
        margin: 0 auto;
        height: 48px;
        &:first-child {
          margin-bottom: 10px;
        }
        .van-loading {
          padding-top: 0;
        }
      }
      .van-button--disabled {
        width: 268px;
        height: 48px;
        background: #fcecc8;
        color: #a57825;
        font-size: 18px;
        border-radius: 8px;
        border: 1px solid #fcecc8;
        margin: 0 auto;
        opacity: 1;
      }
    }
  }
}