.page-login[data-v-22caa822] {
  position: relative;
  width: 100%;
  height: 100vh;
}
.page-login .login-form-wp[data-v-22caa822] {
  position: absolute;
  width: 360px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  padding: 20px;
  border: 1px solid #ebeef5;
  border-top: 10px solid #b380e2;
  border-radius: 4px;
  background: #fff;
  color: #303133;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  overflow: hidden;
}
.page-login .login-bg[data-v-22caa822] {
  position: absolute;
  z-index: 1;
  height: 100px;
  width: 100%;
  top: 50%;
  left: 0;
  background: #b380e2;
  transform: translate(0, -50%);
}
.page-login .login-form-header[data-v-22caa822] {
  text-align: center;
  color: #b380e2;
}
.page-login .login-form .iconfont[data-v-22caa822] {
  font-size: 16px;
  padding-left: 3px;
  color: #b380e2;
}
.el-button--primary[data-v-22caa822],
.el-button--primary[data-v-22caa822]:focus,
.el-button--primary.is-active[data-v-22caa822],
.el-button--primary[data-v-22caa822]:active {
  background: #b380e2;
  border-color: #b380e2;
}
.el-button--primary[data-v-22caa822]:hover {
  background: #bf99e2;
  border-color: #bf99e2;
  color: #fff;
}