* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

html, body {
  width: 100%;
  height: 100%; }

button {
  border: none;
  outline: none;
  color: #ffffff;
  cursor: pointer;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 4px;
  font-weight: 500;
  background-color: #1466ed;
  height: 40px;
  line-height: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  button[size=small] {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px; }
  button[size=mini] {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 3px; }
  button[disabled='disabled'] {
    background-color: #9ABEF7 !important;
    color: #ffffff !important;
    cursor: not-allowed !important; }
  button[type='text'] {
    background-color: transparent;
    color: #1466ed;
    padding: 0; }
  button img {
    width: 16px;
    vertical-align: middle; }

input::-ms-clear,
input::-ms-reveal {
  display: none; }

img, video {
  border: none; }
  img[src=''], video[src=''] {
    display: none !important; }

.clear-both {
  clear: both; }

.mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }

.text-overflow, .main-container .main-container-fixed.sub-account-box .sub-account-body li > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.custom-select-box-list {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  max-height: 136px;
  overflow-y: auto;
  padding: 4px 0;
  margin: 0;
  background-color: #ffffff;
  border: 1px solid #e4e7ed;
  border-radius: 2px;
  z-index: 10; }
  .custom-select-box-list li {
    padding: 0 16px;
    font-size: 14px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #9398a0;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer; }
    .custom-select-box-list li.disabled {
      color: #6B6968;
      cursor: default; }
    .custom-select-box-list li:not(:first-child):hover {
      background-color: #f5f7fa; }
    .custom-select-box-list li.active {
      color: #1466ed; }

.custom-dropdown {
  position: relative;
  display: inline-block;
  font-size: 14px;
  vertical-align: middle; }
  .custom-dropdown > p {
    line-height: 20px;
    color: #1466ed;
    cursor: pointer; }
  .custom-dropdown > ul {
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 10;
    background-color: #fff;
    border: 1px solid #f1f1f2;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); }
    .custom-dropdown > ul li {
      line-height: 34px;
      padding: 0 16px;
      font-size: 14px;
      color: #9398a0;
      cursor: pointer;
      outline: none;
      overflow: hidden;
      white-space: nowrap; }
      .custom-dropdown > ul li:hover {
        background-color: #f5f7fa; }

.popover-box {
  display: inline;
  position: relative; }
  .popover-box > span {
    font-weight: 500;
    color: #9398a0;
    font-size: 12px; }
  .popover-box .popover-wrap {
    display: none;
    width: 160px;
    margin-left: -32px;
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    z-index: 11;
    position: absolute;
    bottom: 24px;
    left: 0;
    background-color: #ffffff;
    border: 1px solid #EBEEF5;
    color: #9398a0;
    line-height: 1.4;
    text-align: justify;
    font-size: 12px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
    .popover-box .popover-wrap .popover-content {
      width: 100%;
      position: relative;
      z-index: 2;
      padding: 8px;
      text-align: center;
      word-wrap: break-word; }
      .popover-box .popover-wrap .popover-content img {
        width: 100%;
        max-width: 120px;
        height: auto; }
    .popover-box .popover-wrap .triangle {
      width: 0;
      height: 0;
      border-top: 20px solid #ffffff;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent;
      position: absolute;
      bottom: -8px;
      left: 50%;
      margin-left: -25px; }
    .popover-box .popover-wrap.dark {
      background-color: #4d5664;
      border-color: #4d5664; }
      .popover-box .popover-wrap.dark .popover-content {
        color: #ffffff; }
      .popover-box .popover-wrap.dark .triangle {
        border-top-color: #4d5664; }
      .popover-box .popover-wrap.dark.left .triangle {
        border-top-color: transparent;
        border-left-color: #4d5664; }
    .popover-box .popover-wrap.left {
      bottom: 30%;
      right: 100%;
      left: auto;
      min-width: auto; }
      .popover-box .popover-wrap.left .triangle {
        border-top: 10px solid transparent;
        border-left: 12px solid transparent;
        border-right: none;
        border-bottom: 10px solid transparent;
        bottom: 6px;
        left: 100%; }

.form-item {
  position: relative; }
  .form-item label {
    line-height: 17px;
    font-size: 12px;
    font-weight: 500;
    color: #212c3d;
    margin-bottom: 4px;
    display: block; }
  .form-item .form-item-content {
    position: relative; }
    .form-item .form-item-content div {
      position: relative; }
      .form-item .form-item-content div input {
        width: 100%;
        height: 40px;
        line-height: 38px;
        font-size: 14px;
        color: #212c3d;
        padding: 0 12px;
        border-radius: 4px;
        border: 1px solid #dbdddf;
        outline: none;
        -webkit-box-shadow: 0 0 0 1000px white inset;
        /* WebKit browsers */
        /* Mozilla Firefox 4 to 18 */
        /* Mozilla Firefox 19+ */
        /* Internet Explorer 10+ */ }
        .form-item .form-item-content div input::-webkit-input-placeholder {
          color: #c3c6ca;
          font-size: 14px;
          font-weight: 500; }
        .form-item .form-item-content div input:-moz-placeholder {
          color: #c3c6ca;
          font-size: 14px;
          font-weight: 500; }
        .form-item .form-item-content div input::-moz-placeholder {
          color: #c3c6ca;
          font-size: 14px;
          font-weight: 500; }
        .form-item .form-item-content div input:-ms-input-placeholder {
          color: #c3c6ca;
          font-size: 14px;
          font-weight: 500; }
        .form-item .form-item-content div input[disabled] {
          background-color: #f5f7fa;
          border-color: #e4e7ed;
          color: #c0c4cc;
          cursor: not-allowed !important; }
      .form-item .form-item-content div.input-icon-show > img {
        position: absolute;
        left: 12px;
        top: 12px;
        width: 16px;
        height: 16px; }
      .form-item .form-item-content div.input-icon-show input {
        padding-left: 40px; }
      .form-item .form-item-content div .show-password {
        background-color: #ffffff;
        position: absolute;
        right: 1px;
        top: 2px;
        height: 36px;
        width: 42px;
        text-align: center; }
        .form-item .form-item-content div .show-password img {
          display: none;
          width: 24px;
          height: 24px;
          margin-top: 6px;
          cursor: pointer; }
        .form-item .form-item-content div .show-password[data-type='hide'] img.show {
          display: block; }
        .form-item .form-item-content div .show-password[data-type='show'] img.hide {
          display: block; }
      .form-item .form-item-content div .error-message {
        visibility: hidden;
        display: block;
        height: 16px;
        padding-left: 2px;
        color: #f56c6c;
        font-size: 12px;
        line-height: 17px; }
    .form-item .form-item-content.form-item-right-btn > div {
      width: 240px; }
    .form-item .form-item-content.form-item-right-btn button {
      position: absolute;
      right: 0;
      top: 0;
      background-color: #E8F0FD;
      color: #1467ED; }
  .form-item.input-error input {
    border-left-color: #f56c6c !important;
    border-right-color: #f56c6c !important;
    border-top-color: #f56c6c !important;
    border-bottom-color: #f56c6c !important; }
  .form-item.input-error span.error-message {
    height: auto;
    min-height: 17px;
    padding-top: 4px;
    padding-bottom: 16px;
    visibility: visible; }

.form-label-left .form-item, .form-label-right .form-item {
  height: 56px; }
  .form-label-left .form-item label, .form-label-right .form-item label {
    line-height: 40px;
    display: block;
    padding-right: 10px;
    margin-bottom: 0; }
  .form-label-left .form-item .form-item-content, .form-label-right .form-item .form-item-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-left: 80px; }
    .form-label-left .form-item .form-item-content.form-item-right-btn > div, .form-label-right .form-item .form-item-content.form-item-right-btn > div {
      width: 164px; }

.form-label-right .form-item label {
  text-align: right; }

.full-screen-loading {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #ffffff;
  opacity: 0.9; }
  .full-screen-loading div {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -120px;
    text-align: center; }
    .full-screen-loading div img {
      width: 60px;
      height: 60px; }
    .full-screen-loading div p {
      margin-top: 20px;
      font-size: 14px;
      color: #1466ed; }

.global-message {
  position: fixed;
  top: -100px;
  z-index: 9999;
  width: 100%;
  margin: 0 auto;
  right: 0;
  left: 0;
  text-align: center; }
  .global-message .global-message-content {
    display: inline-block;
    background-color: #ffffff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
    border-radius: 4px;
    padding: 15px;
    min-width: 325px;
    max-width: 80%;
    overflow: hidden; }
    .global-message .global-message-content img, .global-message .global-message-content p {
      float: left; }
    .global-message .global-message-content img {
      width: 16px;
      height: 16px;
      margin-right: 10px; }
    .global-message .global-message-content p {
      text-align: left;
      color: #4d5464;
      font-size: 14px;
      line-height: 16px;
      width: 90%; }

.main-container-fixed {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 40px 40px 24px;
  background-color: #ffffff;
  display: none; }

#sliderCaptcha {
  display: none;
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.2); }
  #sliderCaptcha .slider-captcha-container {
    position: absolute;
    background-color: white;
    z-index: 9;
    padding: 15px;
    top: 50px;
    left: 65px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(57, 63, 73, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(57, 63, 73, 0.1);
    box-shadow: 0 4px 8px 0 rgba(57, 63, 73, 0.1); }
    #sliderCaptcha .slider-captcha-container .slider-title {
      padding-bottom: 10px;
      font-size: 14px;
      font-weight: 500;
      color: #242424;
      line-height: 17px; }
    #sliderCaptcha .slider-captcha-container .image-container {
      position: relative;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    #sliderCaptcha .slider-captcha-container .sliderContainer {
      position: relative;
      text-align: center;
      line-height: 40px;
      background: #f7f9fa;
      color: #45494c;
      border-radius: 2px;
      width: 100%;
      margin-top: 10px; }
      #sliderCaptcha .slider-captcha-container .sliderContainer .sliderbg {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background-color: #f5f5f5;
        height: 38px;
        border-radius: 2px;
        width: 310px; }
    #sliderCaptcha .slider-captcha-container .slider-tool-bar {
      margin-top: 10px;
      border-top: solid 1px #F5F5F5;
      padding-top: 10px; }
      #sliderCaptcha .slider-captcha-container .slider-tool-bar .iconfont {
        font-size: 24px;
        color: #707070; }
      #sliderCaptcha .slider-captcha-container .slider-tool-bar .slider-tool-bar__cancel {
        margin-left: 18px; }
      #sliderCaptcha .slider-captcha-container .slider-tool-bar a {
        cursor: pointer; }
      #sliderCaptcha .slider-captcha-container .slider-tool-bar img {
        width: 24px;
        height: 24px;
        cursor: pointer; }
  #sliderCaptcha .sliderContainer_active .sliderMask {
    border-width: 1px 0 1px 1px; }
  #sliderCaptcha .sliderContainer_success .slider .sliderIconBox {
    background-size: 28px 28px; }
  #sliderCaptcha .sliderContainer_success .sliderMask {
    border-width: 1px 0 1px 1px;
    background-color: #D2F4EF; }
  #sliderCaptcha .sliderContainer_success .sliderIcon:before {
    color: #21A20F;
    content: "\e649";
    font-size: 20px; }
  #sliderCaptcha .sliderContainer_fail .slider .sliderIconBox {
    background-size: 28px 28px; }
  #sliderCaptcha .sliderContainer_fail .sliderMask {
    background-color: #fce1e1; }
  #sliderCaptcha .sliderContainer_fail .sliderIcon:before {
    color: #ed2d14;
    content: "\e631";
    font-size: 20px; }
  #sliderCaptcha .sliderMask {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    background: #D1E9FE;
    border-radius: 2px; }
  #sliderCaptcha .slider {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 40px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-transition: background .2s linear;
    transition: background .2s linear;
    border-radius: 2px; }
    #sliderCaptcha .slider img {
      width: 16px; }
    #sliderCaptcha .slider .sliderIconBox {
      width: 34px;
      height: 28px;
      background-size: 30px 28px;
      background-repeat: no-repeat;
      background-position: center;
      margin: 6px auto; }
  #sliderCaptcha .slider:hover .sliderIcon {
    background-position: 0 -13px; }
  #sliderCaptcha .sliderText {
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 14px;
    font-weight: 400;
    color: #9398a0;
    line-height: 20px; }
  #sliderCaptcha .sliderIcon:before {
    content: '\e632'; }
  #sliderCaptcha .refreshIcon {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    margin: 6px;
    color: rgba(0, 0, 0, 0.25);
    font-size: 1rem;
    z-index: 5;
    -webkit-transition: color .3s linear;
    transition: color .3s linear; }
  #sliderCaptcha .refreshIcon:hover {
    color: #6c757d; }

.footer-container {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  line-height: 44px;
  z-index: 1;
  text-align: center; }
  .footer-container span {
    color: #9398a0;
    font-size: 12px;
    font-weight: 500;
    margin: 0 16px; }

::-webkit-scrollbar {
  height: 8px;
  width: 8px;
  cursor: pointer; }

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  height: 8px;
  width: 8px;
  background: rgba(140, 140, 140, 0.42);
  cursor: pointer; }

::-webkit-scrollbar-thumb:hover {
  background: rgba(140, 140, 140, 0.8); }

::-webkit-scrollbar-track {
  border-radius: 5px;
  cursor: pointer; }

body > div {
  position: absolute; }

body .plain-auth-show, body .second-auth-show {
  display: none; }
body.plain-auth .plain-auth-show {
  display: block; }
body.second-auth .second-auth-show {
  display: block; }

.custom-label {
  margin-top: 8px;
  font-size: 0;
  text-align: left; }
  .custom-label > * {
    margin-right: 8px; }
  .custom-label > a {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    color: #1466ed; }
    .custom-label > a:hover {
      opacity: 0.8; }
  .custom-label.custom-label-right {
    text-align: right; }
    .custom-label.custom-label-right > * {
      margin-left: 8px;
      margin-right: 0; }
  .custom-label.custom-label-center {
    text-align: center; }
    .custom-label.custom-label-center > * {
      margin-left: 8px; }
  .custom-label.custom-label-between .custom-label-first {
    text-align: left;
    margin-right: 0; }
  .custom-label.custom-label-between.between-2 > *.custom-label-last, .custom-label.custom-label-between.between-3 > *.custom-label-last, .custom-label.custom-label-between.between-all > *.custom-label-last {
    float: right;
    margin-right: 0; }
  .custom-label.custom-label-between.between-3 {
    text-align: center; }
    .custom-label.custom-label-between.between-3 > * {
      float: none;
      display: inline;
      display: inline-block;
      margin-right: 0; }
      .custom-label.custom-label-between.between-3 > *.custom-label-first {
        float: left; }

.body-dialog {
  display: none;
  width: 100%;
  height: 100%;
  z-index: 11; }
  .body-dialog > div.body-dialog-wrapper {
    width: 50%;
    margin: 120px auto 50px;
    padding: 0 20px 20px;
    background: #ffffff;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1; }
    .body-dialog > div.body-dialog-wrapper .dialog-header {
      padding: 20px 0;
      position: relative; }
      .body-dialog > div.body-dialog-wrapper .dialog-header .dialog-header-title {
        text-align: center;
        line-height: 24px;
        font-size: 18px;
        color: #212c3d; }
      .body-dialog > div.body-dialog-wrapper .dialog-header .dialog-header-close {
        position: absolute;
        right: 0;
        top: 20px;
        font-size: 0;
        cursor: pointer; }
    .body-dialog > div.body-dialog-wrapper .dialog-body {
      padding: 30px 0 0;
      max-height: 400px;
      overflow: auto; }
      .body-dialog > div.body-dialog-wrapper .dialog-body > * {
        display: block; }
    .body-dialog > div.body-dialog-wrapper .dialog-footer {
      padding: 20px 0 0;
      text-align: right; }
      .body-dialog > div.body-dialog-wrapper .dialog-footer button {
        margin-left: 16px;
        vertical-align: middle; }
        .body-dialog > div.body-dialog-wrapper .dialog-footer button.btn-close {
          background: #ffffff;
          border: 1px solid #f1f1f2;
          color: #9398a0; }
      .body-dialog > div.body-dialog-wrapper .dialog-footer.left {
        text-align: left; }
        .body-dialog > div.body-dialog-wrapper .dialog-footer.left button {
          margin: 0 16px 0 0; }
      .body-dialog > div.body-dialog-wrapper .dialog-footer.center {
        text-align: center; }
        .body-dialog > div.body-dialog-wrapper .dialog-footer.center button {
          margin: 0 16px; }

.header-container {
  top: 0px;
  left: 48px;
  height: 96px;
  line-height: 96px;
  z-index: 2; }
  .header-container img {
    margin-right: 16px;
    height: 27px;
    width: auto; }
  .header-container img, .header-container .header-title {
    vertical-align: middle; }
  .header-container .header-title {
    color: #212c3d;
    font-size: 24px;
    font-weight: 900; }

.background-container {
  width: 100%;
  height: 100%;
  z-index: 1;
  font-size: 0; }
  .background-container img, .background-container video {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    -o-object-fit: cover;
       object-fit: cover; }

.main-container {
  display: none;
  background-color: #ffffff;
  padding: 40px 40px 24px;
  border-radius: 4px;
  min-width: 460px;
  max-width: 470px;
  min-height: 500px;
  z-index: 2;
  top: 50%;
  right: 10%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
  .main-container.custom-position-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .main-container.custom-position-left {
    top: 50%;
    left: 10%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .main-container .switch-auth-mode {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 56px;
    height: 56px;
    background-repeat: no-repeat; }
    .main-container .switch-auth-mode[data-mode='0'] {
      background-image: url("./images/scan-switch.jpg"); }
    .main-container .switch-auth-mode[data-mode='2'] {
      background-image: url("./images/plain-switch.jpg"); }
    .main-container .switch-auth-mode:hover .popover-wrap {
      display: block; }
    .main-container .switch-auth-mode .mode {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .main-container .switch-auth-mode .mode div {
        cursor: pointer;
        width: 80px;
        height: 80px;
        position: absolute;
        top: -38px;
        right: -38px;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
    .main-container .switch-auth-mode .popover-wrap {
      width: 104px; }
      .main-container .switch-auth-mode .popover-wrap .triangle {
        left: auto;
        right: -12px; }
  .main-container .main-herder-fixed {
    overflow: hidden;
    text-align: center;
    width: 140%;
    height: 50px;
    padding: 5px 0;
    position: absolute;
    top: -70px;
    left: -20%; }
    .main-container .main-herder-fixed img, .main-container .main-herder-fixed span {
      vertical-align: middle; }
    .main-container .main-herder-fixed img {
      height: 100%;
      width: auto;
      margin-right: 10px; }
    .main-container .main-herder-fixed span {
      font-size: 30px;
      font-weight: 600; }
  .main-container .main-herder {
    margin-bottom: 20px; }
    .main-container .main-herder .login-form-name {
      font-size: 0;
      line-height: 40px; }
      .main-container .main-herder .login-form-name img, .main-container .main-herder .login-form-name span {
        vertical-align: middle; }
      .main-container .main-herder .login-form-name img {
        height: 34px;
        width: auto;
        margin-right: 12px; }
      .main-container .main-herder .login-form-name span {
        color: #212c3d;
        font-size: 18px;
        font-weight: 900; }
    .main-container .main-herder .second-auth-tips-box {
      margin-top: 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 12px 16px;
      background-color: #F3F7FF;
      border-radius: 3px 3px 3px 3px;
      position: relative; }
      .main-container .main-herder .second-auth-tips-box img {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 16px;
        top: 13px; }
      .main-container .main-herder .second-auth-tips-box p {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: #1466ed;
        padding-left: 28px; }
  .main-container .main-auth-tabs-box {
    display: none;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f2; }
    .main-container .main-auth-tabs-box .main-auth-tabs-swiper-box {
      overflow: hidden; }
      .main-container .main-auth-tabs-box .main-auth-tabs-swiper-box .main-auth-tabs {
        font-size: 0;
        white-space: nowrap;
        height: 35px !important;
        text-align: center; }
        .main-container .main-auth-tabs-box .main-auth-tabs-swiper-box .main-auth-tabs li {
          float: none;
          font-size: 14px;
          font-weight: 700;
          color: #9398a0;
          width: auto;
          height: 33px;
          line-height: 24px;
          cursor: pointer;
          display: inline;
          padding: 0 16px 12px; }
          .main-container .main-auth-tabs-box .main-auth-tabs-swiper-box .main-auth-tabs li.active {
            color: #1466ed;
            border-bottom: 2px solid #1466ed; }
          .main-container .main-auth-tabs-box .main-auth-tabs-swiper-box .main-auth-tabs li:hover {
            color: #1466ed; }
    .main-container .main-auth-tabs-box .swiper-button-prev, .main-container .main-auth-tabs-box .swiper-button-next {
      display: none; }
    .main-container .main-auth-tabs-box.main-auth-tabs-more {
      padding: 0 23px; }
      .main-container .main-auth-tabs-box.main-auth-tabs-more .swiper-button-prev, .main-container .main-auth-tabs-box.main-auth-tabs-more .swiper-button-next {
        display: block;
        margin-top: -25px;
        width: 15px;
        height: 15px;
        border-top: 7.5px solid transparent;
        border-bottom: 7.5px solid transparent;
        cursor: pointer; }
        .main-container .main-auth-tabs-box.main-auth-tabs-more .swiper-button-prev:after, .main-container .main-auth-tabs-box.main-auth-tabs-more .swiper-button-next:after {
          content: ''; }
      .main-container .main-auth-tabs-box.main-auth-tabs-more .swiper-button-next {
        float: right;
        margin-right: -23px;
        border-left: 7.5px solid #212c3d; }
        .main-container .main-auth-tabs-box.main-auth-tabs-more .swiper-button-next.swiper-button-disabled {
          border-left-color: #c3c6ca; }
      .main-container .main-auth-tabs-box.main-auth-tabs-more .swiper-button-prev {
        float: left;
        margin-left: -23px;
        border-right: 7.5px solid #212c3d; }
        .main-container .main-auth-tabs-box.main-auth-tabs-more .swiper-button-prev.swiper-button-disabled {
          border-right-color: #c3c6ca; }
  .main-container .main-auth-content > * {
    display: none;
    min-height: 246px; }
    .main-container .main-auth-content > *.active {
      display: block; }
  .main-container .main-auth-content .loginForm_ssl_cert {
    font-size: 0;
    text-align: center; }
    .main-container .main-auth-content .loginForm_ssl_cert p {
      color: #9398a0;
      font-size: 12px;
      font-weight: 500;
      margin-top: 16px; }
  .main-container .main-auth-content .loginForm_dingtalk_qr iframe {
    border: none;
    display: block;
    margin: 0 auto;
    -webkit-transform: scale(0.84);
    transform: scale(0.84);
    position: relative;
    top: -40px; }
  .main-container .main-auth-content .loginForm_pki_cert .loginForm_pki_cert_cert input {
    cursor: pointer; }
  .main-container .main-auth-content .loginForm_pki_cert .loginForm_pki_cert_pin {
    display: none; }
  .main-container .main-auth-content .loginForm_pki_cert .loginForm_pki_cert_fingerprint {
    display: none;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 0;
    height: auto; }
    .main-container .main-auth-content .loginForm_pki_cert .loginForm_pki_cert_fingerprint p {
      color: #9398a0;
      font-size: 12px;
      font-weight: 500;
      margin-top: 16px; }
  .main-container .main-auth-content .loginForm_pki_cert .no-pki-server-box {
    text-align: center; }
    .main-container .main-auth-content .loginForm_pki_cert .no-pki-server-box .custom-dropdown > p {
      color: #1466ed; }
    .main-container .main-auth-content .loginForm_pki_cert .no-pki-server-box .custom-dropdown a {
      color: #9398a0; }
    .main-container .main-auth-content .loginForm_pki_cert .no-pki-server-box .custom-dropdown label {
      padding-left: 16px; }
    .main-container .main-auth-content .loginForm_pki_cert .no-pki-server-box > p {
      color: #9398a0;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px; }
    .main-container .main-auth-content .loginForm_pki_cert .no-pki-server-box > a {
      font-size: 14px;
      color: #1466ed; }
  .main-container .main-auth-content .loginForm_pki_cert.pin-cert .loginForm_pki_cert_pin {
    display: block; }
  .main-container .main-auth-content .loginForm_pki_cert.fingerprint-cert .loginForm_pki_cert_fingerprint {
    display: block; }
  .main-container .main-auth-content .loginForm_pki_cert.no-pki-server .no-pki-server-box {
    display: block; }
  .main-container .main-auth-content .loginForm_qr_code {
    text-align: center; }
    .main-container .main-auth-content .loginForm_qr_code > p, .main-container .main-auth-content .loginForm_qr_code .qr_code-status-tips {
      color: #9398a0;
      font-size: 12px;
      font-weight: 500;
      height: 20px;
      line-height: 20px; }
    .main-container .main-auth-content .loginForm_qr_code .qr_code-box {
      width: 188px;
      height: 188px;
      margin: -10px auto 0;
      position: relative; }
      .main-container .main-auth-content .loginForm_qr_code .qr_code-box .qr_code-img {
        display: block;
        width: 100%;
        height: 100%; }
        .main-container .main-auth-content .loginForm_qr_code .qr_code-box .qr_code-img[src=''] {
          display: none; }
      .main-container .main-auth-content .loginForm_qr_code .qr_code-box .qr_code-logo {
        width: 40px;
        height: 40px;
        position: absolute;
        top: 74px;
        left: 74px;
        background-color: #ffffff;
        border-radius: 4px;
        padding: 2px;
        border: 2px solid #ffffff;
        z-index: 2; }
        .main-container .main-auth-content .loginForm_qr_code .qr_code-box .qr_code-logo[src=''] {
          display: none; }
      .main-container .main-auth-content .loginForm_qr_code .qr_code-box .qr_code-mask {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.9); }
      .main-container .main-auth-content .loginForm_qr_code .qr_code-box .qr_code-refresh {
        display: none;
        border-radius: 50%;
        font-size: 30px;
        position: absolute;
        top: 69px;
        left: 79px;
        width: 30px;
        height: 30px;
        padding: 5px;
        z-index: 11;
        cursor: pointer; }
      .main-container .main-auth-content .loginForm_qr_code .qr_code-box .qr_code-status-tips {
        display: none;
        position: absolute;
        top: 104px;
        left: 0;
        width: 100%;
        z-index: 11;
        color: #333333; }
    .main-container .main-auth-content .loginForm_qr_code .qr_code-success-box {
      display: none; }
      .main-container .main-auth-content .loginForm_qr_code .qr_code-success-box p {
        height: 22px;
        opacity: 1;
        color: #212c3d;
        font-size: 16px;
        font-weight: 500;
        margin: 8px auto; }
      .main-container .main-auth-content .loginForm_qr_code .qr_code-success-box span {
        color: #9398a0;
        font-size: 14px;
        font-weight: 500; }
    .main-container .main-auth-content .loginForm_qr_code.qr_code-error .qr_code-box .qr_code-mask, .main-container .main-auth-content .loginForm_qr_code.qr_code-error .qr_code-box .qr_code-refresh, .main-container .main-auth-content .loginForm_qr_code.qr_code-error .qr_code-box .qr_code-status-tips {
      display: block; }
    .main-container .main-auth-content .loginForm_qr_code.qr_code-success .qr_code-status-tips, .main-container .main-auth-content .loginForm_qr_code.qr_code-success .qr_code-box, .main-container .main-auth-content .loginForm_qr_code.qr_code-success .scan-tips {
      display: none; }
    .main-container .main-auth-content .loginForm_qr_code.qr_code-success .qr_code-success-box {
      display: block; }
  .main-container .main-auth-content .loginForm_verify_code .loginForm_verify_code_getCodeType {
    padding-bottom: 16px; }
    .main-container .main-auth-content .loginForm_verify_code .loginForm_verify_code_getCodeType label {
      line-height: 17px;
      font-size: 12px;
      font-weight: 500;
      color: #9398a0; }
    .main-container .main-auth-content .loginForm_verify_code .loginForm_verify_code_getCodeType > label {
      margin-bottom: 4px;
      display: block;
      color: #212c3d; }
    .main-container .main-auth-content .loginForm_verify_code .loginForm_verify_code_getCodeType div label {
      margin-right: 24px;
      cursor: pointer; }
      .main-container .main-auth-content .loginForm_verify_code .loginForm_verify_code_getCodeType div label input {
        margin-right: 8px; }
      .main-container .main-auth-content .loginForm_verify_code .loginForm_verify_code_getCodeType div label input, .main-container .main-auth-content .loginForm_verify_code .loginForm_verify_code_getCodeType div label span {
        vertical-align: middle; }
  .main-container .main-auth-content .loginForm_zyzq_qr {
    font-size: 0;
    text-align: center;
    position: relative; }
    .main-container .main-auth-content .loginForm_zyzq_qr > div {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%; }
      .main-container .main-auth-content .loginForm_zyzq_qr > div img {
        width: 180px;
        height: 182px; }
    .main-container .main-auth-content .loginForm_zyzq_qr > img {
      width: 160px;
      height: 160px;
      position: relative;
      top: 10px;
      z-index: 2; }
      .main-container .main-auth-content .loginForm_zyzq_qr > img[src=''] {
        display: none; }
  .main-container .main-auth-content .loginForm_fido_uaf > div {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px; }
    .main-container .main-auth-content .loginForm_fido_uaf > div > p {
      padding-top: 10px;
      line-height: 24px;
      font-size: 14px;
      color: #9398a0; }
  .main-container .main-auth-btn .main-auth-btn-top {
    display: none;
    position: relative;
    font-size: 0;
    margin-bottom: 8px; }
    .main-container .main-auth-btn .main-auth-btn-top input, .main-container .main-auth-btn .main-auth-btn-top span, .main-container .main-auth-btn .main-auth-btn-top a {
      vertical-align: middle; }
    .main-container .main-auth-btn .main-auth-btn-top input {
      width: 15px;
      height: 15px;
      color: #D9D9D9;
      margin: 0 8px 0 0;
      cursor: pointer; }
      .main-container .main-auth-btn .main-auth-btn-top input[type=checkbox]::after {
        background-color: #ffffff;
        color: #ffffff;
        width: 16px;
        height: 16px;
        display: inline-block;
        visibility: visible;
        padding-left: 0px;
        text-align: center;
        content: ' ';
        border-radius: 2px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        border: 1px solid #dbdddf; }
      .main-container .main-auth-btn .main-auth-btn-top input[type=checkbox]:checked::after {
        content: "";
        background-color: #1466ed;
        border-color: #1466ed; }
      .main-container .main-auth-btn .main-auth-btn-top input[type=checkbox]:checked::before {
        content: '';
        position: absolute;
        top: 3px;
        left: 6px;
        width: 3px;
        height: 8px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        z-index: 1; }
    .main-container .main-auth-btn .main-auth-btn-top span, .main-container .main-auth-btn .main-auth-btn-top a {
      font-size: 12px;
      font-weight: 500;
      line-height: 17px; }
    .main-container .main-auth-btn .main-auth-btn-top span {
      color: #9398a0; }
    .main-container .main-auth-btn .main-auth-btn-top a {
      color: #1466ed; }
  .main-container .main-auth-btn > button {
    display: block;
    width: 100%; }
  .main-container .main-auth-btn .second-auth-back {
    display: none;
    font-size: 0;
    text-align: center;
    padding: 8px 0 8px; }
    .main-container .main-auth-btn .second-auth-back img, .main-container .main-auth-btn .second-auth-back span {
      vertical-align: middle; }
    .main-container .main-auth-btn .second-auth-back img {
      width: 18px;
      height: 18px;
      margin-right: 8px; }
    .main-container .main-auth-btn .second-auth-back span {
      font-size: 12px;
      color: #1466ed;
      cursor: pointer; }
  .main-container .main-auth-third-party {
    display: none;
    margin-top: 24px; }
    .main-container .main-auth-third-party > span, .main-container .main-auth-third-party > a {
      float: left; }
    .main-container .main-auth-third-party > span {
      color: #212c3d;
      font-size: 12px;
      font-weight: 500;
      margin-right: 16px;
      line-height: 36px;
      height: 36px; }
    .main-container .main-auth-third-party > a {
      position: relative;
      margin-right: 8px;
      font-size: 0; }
      .main-container .main-auth-third-party > a:hover > div {
        display: block; }
      .main-container .main-auth-third-party > a > p {
        padding: 4px 0;
        color: #9398a0;
        font-size: 12px;
        font-weight: 500; }
      .main-container .main-auth-third-party > a > img {
        width: 36px;
        height: 36px;
        border-radius: 999px; }
      .main-container .main-auth-third-party > a > div {
        display: none;
        position: absolute;
        bottom: 42px;
        left: -14px;
        background-color: #444d58;
        font-size: 0;
        border-radius: 4px;
        line-height: 27px; }
        .main-container .main-auth-third-party > a > div p {
          color: #ffffff;
          font-size: 12px;
          font-weight: 500;
          padding: 0 9px;
          white-space: nowrap;
          word-break: break-all; }
  .main-container .main-auth-tips {
    font-size: 12px;
    color: #9398a0;
    line-height: 20px;
    text-align: center;
    margin-top: 16px; }
  .main-container .main-container-fixed > p {
    height: 25px;
    line-height: 25px;
    color: #212c3d;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 24px; }
  .main-container .main-container-fixed.first-login-change-pwd-box > div > p {
    line-height: 22px;
    opacity: 1;
    color: #626a76;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 16px; }
  .main-container .main-container-fixed.first-login-change-pwd-box > div > button {
    display: block;
    width: 100%; }
  .main-container .main-container-fixed.first-login-change-pwd-box > div .back-auth-home {
    text-align: center;
    margin-top: 8px; }
  .main-container .main-container-fixed.first-login-change-pwd-box .first-login-change-pwd-step2 {
    display: none;
    text-align: center; }
    .main-container .main-container-fixed.first-login-change-pwd-box .first-login-change-pwd-step2 button {
      margin-top: 16px; }
  .main-container .main-container-fixed.sub-account-box {
    min-height: 440px; }
    .main-container .main-container-fixed.sub-account-box > span {
      color: #4D5464;
      font-size: 14px; }
    .main-container .main-container-fixed.sub-account-box .sub-account-header {
      margin-top: 10px;
      border-left: 1px solid #E6E6E6;
      border-top: 1px solid #E6E6E6;
      border-right: 1px solid #E6E6E6;
      border-radius: 5px 5px 0 0;
      color: #242424;
      overflow: hidden;
      text-align: center; }
      .main-container .main-container-fixed.sub-account-box .sub-account-header li {
        width: 30%;
        float: left;
        font-size: 14px;
        height: 35px;
        line-height: 35px; }
        .main-container .main-container-fixed.sub-account-box .sub-account-header li.select {
          width: 10% !important; }
    .main-container .main-container-fixed.sub-account-box .sub-account-body {
      border: 1px solid #E6E6E6;
      border-radius: 0 0 5px 5px;
      color: #9398a0;
      height: 200px;
      text-align: center;
      overflow-y: auto; }
      .main-container .main-container-fixed.sub-account-box .sub-account-body li {
        width: 100%;
        height: 35px; }
        .main-container .main-container-fixed.sub-account-box .sub-account-body li > * {
          float: left;
          height: 35px;
          line-height: 35px;
          width: 30%;
          position: relative;
          padding: 0 4px; }
          .main-container .main-container-fixed.sub-account-box .sub-account-body li > *.select {
            width: 10%; }
        .main-container .main-container-fixed.sub-account-box .sub-account-body li > span {
          font-size: 12px; }
    .main-container .main-container-fixed.sub-account-box > button {
      display: block;
      width: 100%;
      margin-top: 20px; }

#cloneMainContainerDom {
  visibility: hidden;
  right: 100%; }

.init-error-box {
  display: none;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #ffffff; }
  .init-error-box .init-error-warp {
    text-align: center;
    padding-top: 200px;
    margin: 0 auto;
    width: 50%; }
    .init-error-box .init-error-warp .init-error-title {
      height: 25px;
      line-height: 25px;
      color: #212c3d;
      font-size: 18px;
      font-weight: 900;
      margin-bottom: 24px; }
    .init-error-box .init-error-warp .init-error-content > div {
      position: relative; }
      .init-error-box .init-error-warp .init-error-content > div h1 {
        display: none;
        font-size: 70px;
        font-weight: 900;
        color: #1466ed;
        position: absolute;
        width: 100%;
        padding-top: 60px;
        left: 0;
        top: 0; }
    .init-error-box .init-error-warp .init-error-content > p.init-error-text {
      font-size: 14px;
      font-weight: 400;
      color: #9398a0;
      margin-top: 16px;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
      word-break: break-all; }
  .init-error-box.init-error-400 .init-error-content img {
    width: 60px;
    height: 60px; }
  .init-error-box.init-error-401 .init-error-content h1 {
    display: block !important; }

@media screen and (max-width: 767px) {
  .body-dialog {
    top: 0;
    left: 0; }
    .body-dialog > div.body-dialog-wrapper {
      width: 92% !important; }

  .header-container {
    width: 100%;
    height: auto;
    line-height: 30px;
    padding-top: 19px;
    left: 0;
    text-align: center; }

  .main-container {
    width: 100%;
    padding: 24px;
    position: relative;
    left: 0 !important;
    top: 68px !important;
    right: 0 !important;
    min-width: auto;
    max-width: 100%;
    -webkit-transform: none !important;
    transform: none !important;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0; }
    .main-container .switch-auth-mode {
      display: none; }
    .main-container .main-herder-fixed {
      display: none; }
    .main-container .login-form-name {
      text-align: center; }

  .init-error-box .init-error-warp {
    padding-top: 120px;
    width: 100%; }
    .init-error-box .init-error-warp .init-error-content > p.init-error-text {
      padding: 0 16px;
      max-height: 200px;
      overflow-y: auto; } }
.iframe-auth .header-container {
  display: none; }
.iframe-auth .main-container {
  top: 0; }

/*# sourceMappingURL=index.css.map */