.ibiz-kq-login-view {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  background-image: url('/assets/img/user-login/bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;

  .ibiz-kq-login-view-box {
    display: flex;
    width: 68%;
    height: 76%;

    .ibiz-kq-login-view-box-left {
      width: 50%;
      height: 100%;
      padding: 8% 6%;
      background-color: #fff;
      border-radius: 16px 0 0 16px;

      .ibiz-kq-login-view-box-left-top {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12%;

        .ibiz-kq-login-view-box-left-top-jh {
          display: inline-block;
          width: 78px;
          height: 78px;
          margin-right: 13px;
        }

        .ibiz-kq-login-view-box-left-top-text {
          font-family: MicrosoftYaHei-Bold, MicrosoftYaHei, sans-serif;
          font-size: 32px;
          font-weight: bold;
          color: #0080cc;
          text-align: center;
          letter-spacing: 4px;
        }
      }

      .ibiz-kq-login-view-main-content {
        .ivu-form-item {
          .ivu-form-item-content {
            .ibiz-kq-login-view-form-label {
              display: flex;
              align-items: center;
              margin-bottom: 10px;

              .ibiz-kq-login-view-form-label-text {
                display: inline-block;
                margin-left: 5px;
                font-family: PingFangSC-Regular, 'PingFang SC', sans-serif;
                font-size: 20px;
                font-weight: 400;
                color: #666;
              }
            }

            .ivu-input {
              height: 56px;
              padding: 17px 18px;
              background: #fafafa;
              border-radius: 4px;
              box-shadow: inset 0 0 2px 0 rgb(0 0 0 / 50%);

              &::placeholder {
                font-family: PingFangSC-Regular, 'PingFang SC', sans-serif;
                font-size: 20px;
                color: #999;
              }
            }

            .ivu-input-suffix i {
              line-height: 56px;
            }
          }
        }

        .ibiz-kq-login-view-buttons {
          margin-top: 61px;

          .ivu-form-item-content {
            display: flex;
            justify-content: space-between;

            .ivu-btn {
              width: 48%;
              height: 48px;
              font-family: PingFangSC-Semibold, 'PingFang SC', sans-serif;
              font-size: 20px;
              font-weight: 600;
              letter-spacing: 6px;
              border-radius: 4px;

              .ivu-load-loop {
                width: 20px;
              }

              &:nth-child(1) {
                color: #fff;
                background-color: #0080cc;
              }

              &:nth-child(2) {
                color: #666;
                background-color: #fafafa;
              }
            }
          }
        }
      }
    }

    .ibiz-kq-login-view-box-right {
      width: 50%;
      height: 100%;

      > img {
        width: 100%;
        height: 100%;
      }
    }
  }
}

@include b('kq-login-view') {
  @include e(password) {
    input {
      -webkit-text-security: disc;
    }
    @include when('show-pwd') {
      input {
        -webkit-text-security: unset;
      }
    }
  }
}
