@import '~@/assets/style/public.scss';
$item-bottom: 24px;
$login-input-height: 52px;
$forget-input-height: 50px;

.login-page {
  background: resolve('bg-login.png') no-repeat;
  background-size: 100% 100%;
  height: 100%;
  .login-container-height {
    height: 528px;
  }
  .forget-container-height {
    height: 566px;
  }
  .login-container {
    box-sizing: border-box;
    width: 551px;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate(14%,-50%);
    padding: 42px 36px;
    background-color: white;
    z-index: 9999;
    font-family: 'Microsoft YaHei','Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB',SimSun,sans-serif;
    .header {
      font-size: 30px;
      line-height: 30px;
      color: #333333;
      margin-bottom: $item-bottom;
    }
    .login-type {
      font-size:24px;
      line-height: 24px;
      margin-bottom: 36px;
      cursor: pointer;
    }
    .login-content{
      .forget-psd{
        margin: 0px auto;
        color: #909399;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        text-decoration: underline;
        text-align:center;
      }
      .is-login{
        color:#333333;
      }
    }
    .forget-content{
      @mixin input-height {
        height: $forget-input-height !important;
      }
      /deep/.ai-input__inner{
        @include input-height();
      }
      /deep/.ai-input__icon{
        @include input-height();
      }
      /deep/.ai-button{
        @include input-height();
      }
      .is-forget{
        display: flex;
        align-items: center;
        color:#08acf1;
        margin-left:-2px;
      }
      
    }
  }
  .logo-group {
    margin-top: -75px - 70px;
    position: relative;
    top: 75px;
    img {
      height: 140px;
    }
  }
  // 登录表单
  .form-group {
    width: 300px;
    // 重新设置卡片阴影
    .ai-card {
      box-shadow: 0 0 8px 0 rgba(232,237,250,.6), 0 2px 4px 0 rgba(232,237,250,.5);
      .ai-card__body {
        padding-top: 70px;
      }
    }
    // 登录按钮
    .button-login {
      width: 100%;
    }
    // 输入框左边的图表区域缩窄
    .ai-input-group__prepend {
      padding: 0px 14px;
    }
    .login-code {
      height: 40px - 2px;
      display: block;
      //margin: 0px -20px;
      margin-left: 10px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
    }
    .login-code-img, .ai-iconfont-kejian, .ai-iconfont-bukejian {
      cursor: pointer;
    }
  }
  // 帮助按钮
  .button-help {
    width: 300px;
    margin-top: 20px;
  }
  .user-btn {
    @extend %flex-center-col;
    @extend %unable-select;
    padding: 10px 0px;
    border-radius: 4px;
    &:hover {
      background-color: $color-bg;
      i {
        color: $color-text-normal;
      }
      span {
        color: $color-text-normal;
      }
    }
    i {
      font-size: 36px;
      color: $color-text-sub;
    }
    span {
      font-size: 12px;
      margin-top: 10px;
      color: $color-text-sub;
    }
  }
}