@charset "UTF-8";
html,
body {
  height: 100%;
}
body {
  background-image: url(/imgs/regulator_login/bg.png);
  background-size: 100%;
  font-family: PingFangSC, PingFang SC;
  position: relative;
}
.center {
  height: 100%;
  width: 800px;
  margin: 0px auto;
  margin-top: -50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.center .title {
  font-size: 50px;
  font-weight: bold;
  background: linear-gradient(90deg, #F5FFFF 0%, #99C1FF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: AlimamaShuHeiTi, AlimamaShuHeiTi;
  margin-bottom: 30px;
}
.center .outer-container {
  background: linear-gradient(90deg, rgba(8, 52, 116, 0) 0%, #002B69 49%, rgba(8, 52, 116, 0) 100%);
  opacity: 0.9;
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.center .outer-container .up,
.center .outer-container .down {
  background: linear-gradient(90deg, rgba(19, 88, 186, 0) 0%, #47D3FF 47%, rgba(19, 88, 186, 0) 100%);
  height: 4px;
  width: 100%;
}
.center .outer-container .login-box {
  background: rgba(10, 35, 81, 0.5);
  box-shadow: inset 0px 0px 30px 0px #0046AC;
  border: 2px solid;
  border-image: linear-gradient(180deg, #2d8dff, #00c2ff, #1d7bff) 2 2;
  padding: 50px;
}
.center .outer-container .login-box .login-inner-box {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.center .outer-container .login-box .login-inner-box #login-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.center .outer-container .login-box .login-title {
  display: flex;
  gap: 7px;
  font-size: 18px;
  color: #2D8DFF;
  text-transform: none;
}
.center .outer-container .login-box .login-title .vertical-line {
  background: #2D8DFF;
  width: 4px;
}
.center .outer-container .login-box input[type=text],
.center .outer-container .login-box input[type=password] {
  background-color: #07397D !important;
  border: 1px solid #3075D2 !important;
  width: 350px;
  color: #fff !important;
}
.center .outer-container .login-box input[type=text]::placeholder,
.center .outer-container .login-box input[type=password]::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.center .outer-container .login-box .pw {
  display: flex;
  justify-content: space-between;
}
.center .outer-container .login-box .pw .remeber-password {
  display: flex;
}
.center .outer-container .login-box .pw .remeber-password .layui-form-checkbox > div {
  color: #CED5D6 !important;
}
.center .outer-container .login-box .pw .remeber-password .layui-form-checkbox[lay-skin=primary] > i {
  background-color: transparent;
  border-color: #d2d2d2 !important;
}
.center .outer-container .login-box .pw .remeber-password .layui-form-checkbox[lay-skin=primary]:hover > i {
  border-color: #d2d2d2 !important;
}
.center .outer-container .login-box .pw .forget-password {
  color: #CED5D6 !important;
  justify-content: space-between;
}
.center .outer-container #mysubmit {
  background-color: #0096DA;
}
.center .outer-container .verify_box {
  background: #07397D !important;
  border: 1px solid #3075D2 !important;
}
.center .outer-container .verify_box .verify_drag_box {
  background: #0096DA;
  color: #fff !important;
}
.center .outer-container .verify_box .verify_tip {
  color: #CED5D6 !important;
}
.footer {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5C73A5;
  gap: 25px;
}