@charset "UTF-8";
/* 改变主题色变量 */
[data-v-f5719f82]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.svg-box svg[data-v-f5719f82] {
  position: fixed;
  z-index: 0;
}
.svg-box .svg-left-top[data-v-f5719f82] {
  left: 270px;
  top: 132px;
  animation: svg-ani-1-data-v-f5719f82 14s infinite;
}
.svg-box .svg-left-bottom[data-v-f5719f82] {
  left: 86px;
  bottom: 59px;
  animation: svg-ani-2-data-v-f5719f82 10s infinite;
}
.svg-box .svg-right-top[data-v-f5719f82] {
  right: 283px;
  top: 97px;
  animation: svg-ani-3-data-v-f5719f82 12s infinite;
}
.svg-box .svg-right-bottom[data-v-f5719f82] {
  right: 0;
  bottom: 102px;
  animation: svg-ani-4-data-v-f5719f82 16s infinite;
}
@keyframes svg-ani-1-data-v-f5719f82 {
0% {
    transform: rotate3D(0, 1, 1, 0deg);
}
100% {
    transform: rotate3D(0, 1, 1, 360deg);
}
}
@keyframes svg-ani-2-data-v-f5719f82 {
0% {
    transform: rotate3D(0, 1, 1, 0deg);
}
100% {
    transform: rotate3D(0, 1, 1, 360deg);
}
}
@keyframes svg-ani-3-data-v-f5719f82 {
0% {
    transform: rotate3D(0, 0, 0, 0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes svg-ani-4-data-v-f5719f82 {
0% {
    transform: rotate3D(0, 0, 0, 0deg);
}
25% {
    transform: rotate3D(0, 1, 1, 80deg);
}
50% {
    transform: rotate3D(0, 1, 1, 180deg);
}
75% {
    transform: rotate3D(0, 1, 1, 222deg);
}
100% {
    transform: rotate3D(0, 1, 1, 360deg);
}
}

.message-tips {
  min-width: 368px !important;
}

@charset "UTF-8";
/* 改变主题色变量 */
[data-v-37dfd6fc]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.login-page[data-v-37dfd6fc] {
  width: 100vw;
  height: 100vh;
  background: #f0f3f7;
}
.login-page .center[data-v-37dfd6fc] {
  text-align: center;
}
.login-page .center img[data-v-37dfd6fc] {
  border-radius: 8px;
}
.login-page .login-box[data-v-37dfd6fc] {
  width: 368px;
  position: absolute;
  top: calc(50vh - 320px);
  left: calc(50vw - 184px);
  z-index: 99;
}
.login-page .login-box .qrcode-box[data-v-37dfd6fc] {
  width: 368px;
  height: 368px;
  background: #ffffff;
  text-align: center;
  color: #000;
  padding: 30px;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 16px;
  animation: fade-in 0.6s;
}
.login-page .login-box .qrcode-box img[data-v-37dfd6fc] {
  width: 92%;
}
.login-page .login-box .login-change-way[data-v-37dfd6fc] {
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  margin-top: 20px;
}
.login-page .login-box .tips[data-v-37dfd6fc] {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  margin: 31px 0 41px 0;
}
.login-page .login-box .form-item[data-v-37dfd6fc] {
  margin-top: 24px;
}
.login-page .login-box .submit-login[data-v-37dfd6fc] {
  width: 368px;
  height: 40px;
  background: #12b48a;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 6px;
  color: #ffffff;
  cursor: pointer;
}
.login-page .login-box .submit-login[data-v-37dfd6fc]:hover {
  opacity: 0.9;
}
.login-page .login-box .icon-box[data-v-37dfd6fc] {
  width: 22px;
  height: 22px;
  line-height: 25px;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 20px;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(#0090f3, #27a8ff);
  cursor: pointer;
}
.login-page .login-box[data-v-37dfd6fc]  .ofs-form-item {
  margin-bottom: 0;
}
.login-page .login-box[data-v-37dfd6fc]  .ofs-checkbox__input.is-checked + .ofs-checkbox__label {
  color: rgba(0, 0, 0, 0.65);
}
.login-page .login-box[data-v-37dfd6fc]  .ofs-checkbox__input.is-checked .ofs-checkbox__inner {
  background-color: #42b3bd;
  border-color: #42b3bd;
}
.login-page .login-box[data-v-37dfd6fc]  .ofs-input__inner:focus {
  border-color: #42b3bd;
}
.login-page .login-box[data-v-37dfd6fc]  .ofs-input__icon {
  color: #42b3bd;
  font-size: 16px;
}
.no-shadow[data-v-37dfd6fc] {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0) !important;
}
.qrcode-box[data-v-37dfd6fc] {
  width: 368px;
  height: 368px;
  background: #ffffff;
  text-align: center;
  color: #000;
  padding: 30px;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 16px;
  animation: fade-in 0.6s;
  margin-left: 10px;
  position: relative;
  box-shadow: 0px 0px 18px 0px rgba(51, 51, 51, 0.16);
  border-radius: 2px;
}
.qrcode-box .qrcode-title[data-v-37dfd6fc] {
  position: relative;
  bottom: -14px;
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}
.qrcode-box img[data-v-37dfd6fc] {
  width: 92%;
}
.password_reset_title[data-v-37dfd6fc] {
  width: calc(100% + 24px);
  margin-left: -12px;
  height: 49px;
  line-height: 37px;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.password_reset_content[data-v-37dfd6fc] {
  padding: 0 12px 12px;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}
.password_reset_content .label[data-v-37dfd6fc] {
  margin-top: 23px;
}
.password_reset_content .input[data-v-37dfd6fc] {
  margin-top: 10px;
  position: relative;
}
.password_reset_content .input .reset_password_tips[data-v-37dfd6fc] {
  color: red;
  position: absolute;
  font-size: 12px;
  opacity: 0.7;
  margin-left: 12px;
  margin-top: 3px;
  font-weight: normal;
}