.login {
  height: 100vh;
  .aside {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    box-sizing: border-box;
    background-image: url('../../assets/images/logo/tpxt.png');
    background-size: cover;
    background-position-x: center;
    background-position-y: center;
    overflow: hidden;
    &-h {
      position: relative;
      top: 20%;
      display: flex;
      justify-content: center;
    }
    h1 {
      font-size: 60px;
      color: rgb(255, 255, 255);
    }
  }
  .login-form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 1%);

    max-width: 450px;
    width: 75%;
    ::v-deep .el-form-item__label {
      color: #fff;
      font-size: 18px;
      font-weight: 500;
      width: 67px !important;
    }
    .el-form-item {
      margin-bottom: 46px;
    }
    .el-input {
      width: 90%;
    }
  }
}
@media screen and (max-width: 1760px) {
  .login .aside h1 {
    top: 25%;
    font-size: 55px;
  }
}
@media screen and (max-width: 1620px) {
  .login .aside h1 {
    font-size: 50px;
  }
}
