@charset "UTF-8";
/* 侧边栏宽度 */
/* 折叠后的侧边栏宽度 */
/* app默认字体大小 */
/* 搜索容器高度(可动态修改) */
/* app主题色 */
/* table 配色 */
.app-LockScreen {
  height: 100vh;
  background: url(../../static/images/0b44aaf5cf332b4bb30af09a06763d8a.png) no-repeat;
  background-size: cover;
  position: relative;
}
.app-LockScreen .lockScreen-box {
    z-index: 8;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -78px;
    transform: translate(-50%, -50%);
    color: #fff;
}
.app-LockScreen .lockScreen-box .avatarImage {
      margin-bottom: 20px;
}
.app-LockScreen .box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 90px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 45px;
    transform: translateX(-50%);
    margin-top: 60px;
}
.app-LockScreen .box.err-animation {
      animation: kfr-box 0.3s forwards ease-in;
}
.app-LockScreen .box .password-input .el-input__inner {
      height: 90px;
      font-size: 20px;
      color: #fff;
      padding: 0 50px;
      background: transparent;
      border: none;
      border-radius: 45px;
      /* 自定义自动填充样式 */
}
.app-LockScreen .box .password-input .el-input__inner:-internal-autofill-previewed, .app-LockScreen .box .password-input .el-input__inner:-internal-autofill-selected {
        -webkit-text-fill-color: #fff !important;
}
.app-LockScreen .box .password-input .el-input__inner::-webkit-input-placeholder {
        font-size: 16px;
}
.app-LockScreen .box .password-input .el-input__inner::-moz-placeholder {
        font-size: 16px;
}
.app-LockScreen .box .password-input .el-input__inner:-moz-placeholder {
        font-size: 16px;
}
.app-LockScreen .box .password-input .el-input__inner:-ms-input-placeholder {
        font-size: 16px;
}
.app-LockScreen .box .password-input .el-input__suffix {
      height: 30px;
      top: 30px;
      right: 100px;
}
.app-LockScreen .box .password-input .el-input__suffix i {
        font-size: 28px;
}
.app-LockScreen .box .el-icon-right,
    .app-LockScreen .box .el-icon-loading {
      color: #fff;
      font-size: 32px;
      position: absolute;
      right: 50px;
      top: 28px;
      cursor: pointer;
}
.app-LockScreen .box .el-icon-right:hover,
      .app-LockScreen .box .el-icon-loading:hover {
        color: #a61c00;
}
@keyframes kfr-box {
33% {
    transform: translateX(-45%);
}
66% {
    transform: translateX(-55%);
}
100% {
    transform: translateX(-50%);
}
}