@charset "UTF-8";
/*!
* login_23_3_1
* (c) 2023 lincong1987
*/
#app {
  height: 100vh;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  background: url("../../img/login/login-bg.png") no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-height: 600px) {
  body {
    overflow-y: auto;
    height: 600px;
  }
  .login-page-wrapper {
    min-height: 600px;
  }
}
.login-page-wrapper {
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-page-title {
  font-family: MicrosoftYaHei-Bold, MicrosoftYaHei, "Microsoft Yahei", Verdana, Simsun, "Segoe UI Web Light", "Segoe UI Light", "Segoe UI Web Regular", "Segoe UI", "Segoe UI Symbol", "Helvetica Neue", Arial, serif;
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 64px;
  letter-spacing: 1px;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}
.login-page-title p {
  line-height: 28px;
  margin-top: 10px;
  color: #FFFFFF;
  text-align: center;
  font-size: 22px;
  font-family: DINPro-Medium, DINPro, Arial, serif;
  font-weight: 500;
}
.login-form {
  padding: 58px 64px 0;
  width: 522px;
  height: 424px;
  background: url("../../img/login/login-form-bg.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin: 63px auto 0;
}
.login-form .ui-login-form-content {
  top: 70px;
  left: 19px;
}
.login-form .ui-login-form-content .ui-login-form-field {
  position: relative;
  width: 394px;
  height: 44px;
  background: #FFFFFF;
  border-radius: 3px;
  border: 1px solid #63A1FE;
  margin-bottom: 24px;
  transition: box-shadow 0.6s;
}
.login-form .ui-login-form-content .ui-login-form-field.focus {
  transition: box-shadow 0.6s;
  box-shadow: inset 0px 0px 8px 0px #0284FE;
}
.login-form .ui-login-form-content .ui-login-form-field.focus .ui-login-form-field-icon.icon_user {
  background: url("../../img/login/login_field_icon_user_active.png") no-repeat;
}
.login-form .ui-login-form-content .ui-login-form-field.focus .ui-login-form-field-icon.icon_password {
  background: url("../../img/login/login_field_icon_psw_active.png") no-repeat;
}
.login-form .ui-login-form-content .ui-login-form-field.focus .ui-login-form-field-icon.icon_captcha {
  background: url("../../img/login/login_field_icon_captcha_active.png") no-repeat;
}
.login-form .ui-login-form-content .ui-login-form-field .ui-login-form-field-icon {
  position: absolute;
  z-index: 100;
  left: 12px;
  top: 11px;
  text-indent: -9999px;
  display: block;
  height: 22px;
  width: 22px;
  transition: background 0.8s;
}
.login-form .ui-login-form-content .ui-login-form-field .ui-login-form-field-icon.icon_user {
  background: url("../../img/login/login_field_icon_user.png") no-repeat;
}
.login-form .ui-login-form-content .ui-login-form-field .ui-login-form-field-icon.icon_password {
  background: url("../../img/login/login_field_icon_psw.png") no-repeat;
}
.login-form .ui-login-form-content .ui-login-form-field .ui-login-form-field-icon.icon_captcha {
  background: url("../../img/login/login_field_icon_captcha.png") no-repeat;
}
.login-form .ui-login-form-content .ui-login-form-field .ui-login-form-field-input {
  position: absolute;
  z-index: 99;
  border: none;
  font-weight: 700;
  background: transparent;
  ime-mode: disabled;
  padding: 10px 0;
  left: 42px;
  width: 350px;
  height: 24px;
  font-size: 18px;
  color: #BFBFBF;
  line-height: 24px;
  caret-color: #0284FE;
}
.login-form .ui-login-form-content .ui-login-form-field .ui-login-form-field-input:focus {
  outline: none;
  color: #0284FE;
}
.login-form .ui-login-form-content .ui-login-form-field .ui-login-form-field-placeholder {
  position: absolute;
  z-index: 98;
  top: 0px;
  padding: 10px 0;
  left: 42px;
  width: 360px;
  height: 24px;
  font-size: 18px;
  color: #BFBFBF;
  line-height: 24px;
  display: block;
}
.login-form .ui-login-form-content .ui-login-form-field.captcha_field {
  width: 218px;
  border-radius: 3px 0 0 3px;
}
.login-form .ui-login-form-content .ui-login-form-field.captcha_field .ui-login-form-field-input {
  width: 100px;
}
.login-form .ui-login-form-content .ui-login-form-field.captcha_field img {
  position: absolute;
  width: 176px;
  height: 46px;
  left: 219px;
  top: -1px;
  z-index: 101;
  cursor: pointer;
}
.login-form .ui-login-form-action {
  margin-top: 50px;
}
.login-form .ui-login-form-action button {
  display: block;
  width: 394px;
  height: 48px;
  overflow: hidden;
  text-align: center;
  background: #FFFFFF;
  border-radius: 2px;
  color: #FFFFFF;
  cursor: pointer;
  outline: none;
  border: none;
  background: url("../../img/login/login_icon_submit_bg.svg") no-repeat;
  transition: filter 0.6s;
  font-size: 24px;
}
.login-form .ui-login-form-action button:hover {
  filter: brightness(1.3);
}
.login-form .ui-login-form-action button:active {
  filter: brightness(0.9);
}
.login-form .ui-login-form-action a {
  display: none;
}
.login-footer {
  width: 100%;
  min-width: 1350px;
  position: sticky;
  bottom: 0px;
  height: 80px;
  background-color: #002F6C;
}
.login-footer-container {
  position: relative;
  margin: 0 auto;
  width: 70%;
  font-size: 16px;
  color: #FFFFFF;
}
.login-footer-container table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.login-footer-container table tbody tr td {
  height: 80px;
  vertical-align: middle;
  font-size: 16px;
}
.login-footer-container table tbody tr td a {
  color: #FFFFFF;
  text-decoration: none;
  height: 80px;
  vertical-align: middle;
  outline: none;
}
.login-footer-container table tbody tr td a img {
  vertical-align: middle;
  outline: none;
}
.star1,
.star2,
.star3 {
  width: 85px;
  height: 85px;
  position: absolute;
  top: 200px;
  left: 200px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: cover;
}
.star1-start {
  animation: star1 5s ease-in infinite;
}
.star2 {
  top: 200px;
  left: 50%;
  margin-left: 200px;
}
.star2-start {
  animation: star2 4s ease-in infinite;
}
.star3 {
  top: 100px;
  right: 300px;
}
.star3-start {
  animation: star3 3s linear infinite;
}
@keyframes star1 {
  0% {
    transform: translate(200px, -200px);
  }
  90% {
    transform: translate(-180px, 180px);
    opacity: 1;
  }
  to {
    transform: translate(-200px, 200px);
    opacity: 0;
  }
}
@keyframes star2 {
  0% {
    transform: translate(200px, -200px);
  }
  90% {
    transform: translate(-480px, 480px);
    opacity: 1;
  }
  to {
    transform: translate(-500px, 500px);
    opacity: 0;
  }
}
@keyframes star3 {
  0% {
    transform: translate(200px, -200px);
  }
  90% {
    transform: translate(-480px, 480px);
    opacity: 1;
  }
  to {
    transform: translate(-500px, 500px);
    opacity: 0;
  }
}