@el-blue: #3e83e9;

@font-face {
  font-family: 'AL'; /* 自定义字体名 */
  src: url('../ifont/PingFang Heavy.ttf') format('truetype'); /* 引入ttf格式的字体文件 */
  font-weight: normal; /* 字体粗细 */
  font-style: normal; /* 字体样式 */
}


html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;

  .container {
    height: 100%;
    box-sizing: border-box;
    background: url('../images/bg.png') top center no-repeat;
    background-size: 100% 100%;
    padding: 6% 10% 10%;
    display: flex;
    flex-direction: column;

    .login-logo {
      // background: url('../js/projectset/image/logof.png') no-repeat center;
      font-family: 'AL';
      font-weight: 700;
      // text-align: center;
      font-size: 83px;
      color: #fff;
      height: 100px;
      margin-bottom: 10px;
      background-size: contain;
    }

    .bottom-box {
      flex: 1;
      position: relative;

      .bg-left {
        background: url('../images/bg-left.png') no-repeat center left;
        height: 100%;
        background-size: 80% 80%;
      }

      .bg-right {
        background-color: #fff;
        border-radius: 15px;
        padding: 2.6vw;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);

        .form-title {
          line-height: 28px;
          font-size: 28px;
          color: #3e83e9;
          text-align: center;
          letter-spacing: 2px;
          margin-bottom: 1em;
        }

        .login-form {
          .layui-input {
            padding-left: 20px;
            border-radius: 20px;
            background-color: #f7f7f7;
          }

          .layui-input,
          .layui-select {
            border-radius: 0.781vw;
            background-color: #f7f7f7;
          }

          .layui-form-select dl {
            border-radius: 0.391vw;
          }

          .layui-form-select dl dd.layui-this {
            background-color: @el-blue;
          }

          .layui-form-select .layui-edge {
            right: 0.781vw;
          }

          .person~.layui-form-select::before {
            font-family: 'layui-icon';
            content: '\e66f';
            position: absolute;
            font-size: 0.781vw;
            top: 50%;
            left: 0.781vw;
            transform: translateY(-50%);
            color: #757575;
          }

          .office~.layui-form-select::before {
            font-family: 'layui-icon';
            content: '\e857';
            position: absolute;
            font-size: 0.781vw;
            top: 50%;
            left: 0.781vw;
            transform: translateY(-50%);
            color: #757575;
          }

          .password {
            position: relative;
            margin-bottom: 1.5vw;

            &::before {
              font-family: 'layui-icon';
              content: '\e673';
              position: absolute;
              font-size: 0.781vw;
              top: 50%;
              left: 0.781vw;
              transform: translateY(-50%);
              color: #757575;
            }
          }

          .btn {
            .layui-btn {
              letter-spacing: 0.195vw;
              font-size: 0.803vw;
              width: 100%;
              height: 2.2vw;
              line-height: 2.2vw;
              border-radius: 0.781vw;
              background-color: @el-blue;
              box-shadow: 0.078vw 0.117vw 0.313vw 0.078vw rgb(193 193 193 / 60%);
            }
          }
        }
      }
    }
  }
}