.login-page {
  min-height: 100vh;
  background-image: url(/images/bg-login.png?2c5467bb580fb66db89c5f49cf94e1eb);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
.login-page .login-container .title {
  margin-bottom: 80px;
}
.login-page .login-container .login-form {
  width: 320px;
  margin: 0 auto;
  padding: 80px;
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}
.login-page .login-container .login-form h2 {
  font-weight: bold;
  font-size: 30px;
  color: #404E8E;
  margin-bottom: 50px;
}
.login-page .login-container .login-form .layui-form .layui-form-item {
  margin-bottom: 30px;
}
.login-page .login-container .login-form .layui-form .layui-form-item:last-child {
  margin-bottom: 0;
}
.login-page .login-container .login-form .layui-form .layui-input {
  border-width: 0 0 1px 0;
}
.login-page .login-container .login-form .layui-form .layui-input:focus {
  border-color: #d2d2d2 !important;
  box-shadow: none;
}
.login-page .login-container .login-form .layui-form .layui-form-checked[lay-skin=primary] > i {
  border-color: #404E8E !important;
  background-color: #404E8E;
}
.login-page .login-container .login-form .layui-form .layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: #404E8E;
}
.login-page .login-container .login-form .layui-form .layui-btn {
  background-color: #404E8E;
  height: 48px;
  line-height: 48px;
  border-radius: 4px;
}
.login-page .login-container .login-form .layui-form .btn-login-submit {
  position: relative;
  font-size: 16px;
}
.login-page .login-container .login-form .layui-form .btn-login-submit .iconfont {
  position: absolute;
  right: 15px;
}