.user-login {
  display: flex;
  height: 100vh;
  background-color: #fff;

  &__left {
    position: relative;
    width: 43%;
    height: 100%;
    padding-top: 56px;
    background: linear-gradient(180deg, #e2ecff 0%, #f6fafe 100%);

    &__top {
      display: flex;
      align-items: center;
      margin-left: 50px;
      color: @text-color;
      font-size: 30px;
      font-family: Alibaba;
    }

    &__title {
      position: relative;
      display: flex;
      justify-content: center;
      margin-top: 70px;
      margin-left: 85px;
      color: #111111;
      font-weight: 500;
      font-size: 45px;
      font-family: Alibaba;

      &__img {
        position: relative;
        top: -10px;
        width: 85px;
        height: 47px;
      }
    }

    &__message {
      display: flex;
      justify-content: center;
      margin-top: 18px;
      color: #606b7a;
      font-size: 26px;
      font-family: Alibaba;
    }

    &__bottom-img {
      width: 100%;
      height: calc(100% - 300px);
      margin-top: 50px;
      object-fit: contain;
    }
  }

  &__right {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 57%;
    height: 100%;
    background: #fff;

    &__title {
      margin-bottom: 24px;
      color: @primary-color;
      font-size: 36px;
      font-family: Alibaba;
    }

    &__content {
      width: 640px;
      padding: 60px 60px 45px;
      background-color: white;
      border-radius: 10px;
      box-shadow: 0px 3px 20px rgba(153, 153, 153, 0.16);

      &__title {
        margin-bottom: 40px;
        color: @text-color;
        font-size: 22px;
        font-family: Alibaba;
      }

      &__form {
        &__captcha {
          width: 170px;
          height: 66px;
          padding-left: 22px;
          cursor: pointer;
        }
        :global {
          .ant-form-item {
            margin-bottom: 32px;

            &:last-child {
              margin-bottom: 0;
            }
          }
          .ant-input-affix-wrapper {
            padding: 10px 11px;
            color: @text-color;
            font-size: 18px !important;
            background-color: white;
            border: 1px solid #caced8;
            border-radius: 13px;

            .ant-input {
              height: 44px;
              font-size: 18px !important;
            }
          }

          .ant-btn {
            width: 100%;
            height: 76px;
            font-size: 20px;
            border-radius: 38px;
          }
        }
      }
    }
  }

  input {
    font-size: 18px !important;
  }

  input:-webkit-autofill {
    font-size: 18px !important;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: @text-color !important;
  }

  input:-webkit-autofill::first-line {
    font-size: 18px !important;
  }
}

.login-input-prefix {
  display: flex;
  align-items: center;
  height: 44px;
  margin-right: 15px;

  &__icon {
    width: 24px;
    height: 26px;
    margin-right: 18px;
    margin-left: 14px;
  }

  &__line {
    width: 1px;
    height: 30px;
    background-color: #caced8;
  }
}
