@charset "UTF-8";
/****** 常用的mixin和函数 ******/
@keyframes throttleAnimation {
0% {
    transform: translate3d(-0.1875rem, 0, 0);
}
100% {
    transform: translate3d(0.1875rem, 0, 0);
}
}
.throttle {
  animation: throttleAnimation 0.15s cubic-bezier(0.85, -0.04, 0.2, 1.11) 2;
}
.page-container .login-wrapper .input-number-box {
  height: 2.75rem !important;
  border-color: #DCDFE6;
}
.page-container .login-wrapper .pwd-input .el-input__inner {
  padding-right: 3.4375rem !important;
}
.page-container .login-wrapper .el-input .el-input__icon {
  color: #6f6f6f !important;
}
.page-container .login-wrapper .el-input .el-input__inner {
  background: transparent !important;
  color: #303133 !important;
}
.page-container .login-wrapper .el-input .el-input__inner::-moz-placeholder {
    color: #606266 !important;
}
.page-container .login-wrapper .el-input .el-input__inner::placeholder {
    color: #606266 !important;
}
.page-container .login-wrapper .el-checkbox {
  color: #303133 !important;
}
.page-container .login-wrapper .el-checkbox__inner {
  background: transparent !important;
  border-color: #DCDFE6 !important;
}
.page-container .login-wrapper .is-checked .el-checkbox__inner {
  border-color: #26AF9B !important;
  background: #26AF9B !important;
}
.page-container .login-wrapper .is-checked .el-checkbox__inner::after {
    border-color: #ffffff !important;
}
.page-container .login-wrapper .input-number-box {
  border-color: #DCDFE6 !important;
}
.login-dropdown-menu .el-dropdown-menu__item {
  color: #606266 !important;
}
.login-dropdown-menu .el-dropdown-menu__item:hover {
    background: #EAF7F5 !important;
}
.login-dropdown-menu.el-popper {
  border-color: transparent !important;
  background: #ffffff !important;
}
.login-dropdown-menu.el-popper .popper__arrow {
    border-top-color: white !important;
    border-bottom-color: white !important;
}
.login-dropdown-menu.el-popper .popper__arrow::after {
      border-top-color: white !important;
      border-bottom-color: white !important;
}
.login-autocomplete-input li {
  color: #606266 !important;
}
.login-autocomplete-input li:hover {
    background: #EAF7F5 !important;
}
.login-autocomplete-input.el-popper {
  border-color: transparent !important;
  background: #ffffff !important;
}
.login-autocomplete-input.el-popper .popper__arrow {
    border-top-color: white !important;
    border-bottom-color: white !important;
}
.login-autocomplete-input.el-popper .popper__arrow::after {
      border-top-color: white !important;
      border-bottom-color: white !important;
}

@charset "UTF-8";
/****** 常用的mixin和函数 ******/
@keyframes throttleAnimation-3ae1f5b4 {
0% {
    transform: translate3d(-0.1875rem, 0, 0);
}
100% {
    transform: translate3d(0.1875rem, 0, 0);
}
}
.throttle[data-v-3ae1f5b4] {
  animation: throttleAnimation-3ae1f5b4 0.15s cubic-bezier(0.85, -0.04, 0.2, 1.11) 2;
}
.page-container[data-v-3ae1f5b4] {
  min-height: 100vh;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  padding-top: 2.75rem;
  box-sizing: border-box;
  background: #F2F6FC !important;
}
.page-container .login-nav-bar[data-v-3ae1f5b4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 997;
    display: flex;
    align-items: center;
    height: 2.75rem;
    padding: 0 0.9375rem;
    background: #151515;
}
[data-theme="light"] .page-container .login-nav-bar[data-v-3ae1f5b4] {
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !important;
}
[data-theme="dark"] .page-container .login-nav-bar[data-v-3ae1f5b4] {
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.12) !important;
}
.page-container .login-nav-bar .logo-box[data-v-3ae1f5b4] {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      cursor: pointer;
}
.page-container .login-nav-bar .logo-box .logo-img[data-v-3ae1f5b4] {
        height: 2.25rem;
        width: auto;
}
.page-container .login-nav-bar .menu-box[data-v-3ae1f5b4] {
      height: 100%;
      margin-left: 1.875rem;
      display: flex;
      align-items: center;
}
.page-container .login-nav-bar .menu-box .menu-item[data-v-3ae1f5b4] {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0.9375rem;
        font-size: 0.875rem;
        color: #CFCECC;
        cursor: pointer;
}
.page-container .login-nav-bar .menu-box .menu-item[data-v-3ae1f5b4]:hover {
          background: #151515;
}
.page-container .login-nav-bar .right-box[data-v-3ae1f5b4] {
      flex: 1;
      display: flex;
      justify-content: flex-end;
      align-items: center;
}
.page-container .login-nav-bar .right-box .setting-box[data-v-3ae1f5b4] {
        display: flex;
        align-items: center;
}
.page-container .login-nav-bar .right-box .setting-box .icon-box[data-v-3ae1f5b4] {
          min-width: 2.25rem;
          height: 2.25rem;
          display: flex;
          justify-content: center;
          align-items: center;
          padding-left: 0.3125rem;
}
.page-container .login-nav-bar .right-box .setting-box .icon-box .iconfont[data-v-3ae1f5b4] {
            color: #303133;
}
.page-container .login-nav-bar .right-box .setting-box .icon-box .iconfont[data-v-3ae1f5b4]:hover {
              color: #26AF9B;
}
.page-container .login-wrapper[data-v-3ae1f5b4] {
    display: flex;
    width: 100%;
}
.page-container .login-wrapper .left-img-box[data-v-3ae1f5b4] {
      flex: 4;
      display: flex;
      flex-direction: column;
      align-items: center;
      background: url(../../static/img/loginBg04.eef9cafc.png) no-repeat;
      background-size: cover;
}
.page-container .login-wrapper .left-img-box .title-box[data-v-3ae1f5b4] {
        color: #FFFFFF;
        margin-bottom: 0.625rem;
        margin-top: 4.375rem;
        text-align: center;
}
.page-container .login-wrapper .left-img-box .title-box .title[data-v-3ae1f5b4] {
          font-size: 2.25rem;
          margin-bottom: 0.625rem;
}
.page-container .login-wrapper .left-img-box .bg-img[data-v-3ae1f5b4] {
        width: 50rem;
        height: auto;
}
.page-container .login-wrapper .left-img-box .download-btn-box[data-v-3ae1f5b4] {
        display: flex;
}
.page-container .login-wrapper .left-img-box .download-btn-box .download-btn[data-v-3ae1f5b4] {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 9.375rem;
          height: 2.5rem;
          color: #ffffff;
          font-size: 0.875rem;
          border-radius: 0.25rem;
          border: 1px solid #ffffff;
}
.page-container .login-wrapper .left-img-box .join-tg[data-v-3ae1f5b4] {
        margin: 1.25rem 0 0.75rem 0;
        font-size: 0.875rem;
        color: #CFCECC;
        border-bottom: 1px solid;
        border-color: #CFCECC;
}
.page-container .login-wrapper .left-img-box .description[data-v-3ae1f5b4] {
        font-size: 0.75rem;
        color: #9F9D99;
}
.page-container .login-wrapper .login-box[data-v-3ae1f5b4] {
      flex: 3;
      display: flex;
      justify-content: center;
      background: #FFFFFF;
}
.page-container .login-wrapper .login-box .login-body[data-v-3ae1f5b4] {
        margin-top: 4.375rem;
        width: 26.25rem;
        position: relative;
        padding-bottom: 4.375rem;
}
.page-container .login-wrapper .login-box .login-body .title-box .title[data-v-3ae1f5b4] {
          text-align: left;
          font-size: 2rem;
          color: #303133;
}
.page-container .login-wrapper .login-box .login-body .agree-box[data-v-3ae1f5b4] {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          box-sizing: border-box;
          font-size: 0.75rem;
          margin: 0.3125rem 0 0.625rem 0;
}
.page-container .login-wrapper .login-box .login-body .api-login-box[data-v-3ae1f5b4] {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          margin: 1.875rem 0 0.9375rem;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .exchange-list[data-v-3ae1f5b4] {
            width: 100%;
            height: 1.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 1rem;
            line-height: 1rem;
            margin-bottom: 1.25rem;
            color: #8B9CAF;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .exchange-list .exchange-item[data-v-3ae1f5b4] {
              height: 100%;
              flex: 1;
              display: flex;
              justify-content: center;
              align-items: flex-end;
              cursor: pointer;
              margin-right: 1.875rem;
              padding-bottom: 0.5rem;
              border-bottom: 2px solid transparent;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .exchange-list .exchange-item[data-v-3ae1f5b4]:last-child {
                margin-right: 0;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .exchange-list .exchange-item.active[data-v-3ae1f5b4] {
                border-color: #26AF9B;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .select-node-box[data-v-3ae1f5b4] {
            width: 100%;
            height: 1.75rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-radius: 0.25rem;
            padding: 0 0.9375rem;
            box-sizing: border-box;
            font-size: 0.8125rem;
            margin-bottom: 1.5625rem;
            background: #E7ECF2;
            color: #303133;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .more-btn-box[data-v-3ae1f5b4] {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #26AF9B;
            font-size: 0.875rem;
            cursor: pointer;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .input-number-box[data-v-3ae1f5b4] {
            width: 100%;
            padding: 0;
            margin-bottom: 0.9375rem;
            font-size: 0.8125rem;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .invite-code[data-v-3ae1f5b4] {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            font-size: 0.8125rem;
            color: #606266;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .invite-code .code-icon[data-v-3ae1f5b4] {
              font-size: 0.875rem;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .autocomplete-input[data-v-3ae1f5b4] {
            width: 100%;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .toggle-login-mode-btn[data-v-3ae1f5b4] {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #DCDFE6;
            border-radius: 0.25rem;
            width: 100%;
            height: 2.75rem;
            margin: 0.625rem 0;
            font-size: 0.875rem;
            color: #303133;
            cursor: pointer;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .toggle-login-mode-btn[data-v-3ae1f5b4]:hover {
              color: #26AF9B;
              border-color: #26AF9B;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .login-btn[data-v-3ae1f5b4] {
            width: 100%;
            height: 2.875rem;
            margin: 0.625rem 0;
            color: #ffffff !important;
            border-color: #26AF9B;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .auth-btn[data-v-3ae1f5b4] {
            flex: 1;
            margin: 0 1.875rem 0 0;
            box-sizing: border-box;
            height: 2.875rem;
            color: #303133;
            border-color: #DCDFE6;
            background: transparent !important;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .btn-selected[data-v-3ae1f5b4] {
            border-color: #26AF9B !important;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .divider-box[data-v-3ae1f5b4] {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0.9375rem 0 0.9375rem 0;
            width: 100%;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .divider-box .line[data-v-3ae1f5b4] {
              height: 1px;
              flex: 1;
              background: #313235;
}
.page-container .login-wrapper .login-box .login-body .api-login-box .divider-box .divider-desc[data-v-3ae1f5b4] {
              font-size: 0.75rem;
              margin: 0 0.625rem;
              color: #C0C4CC;
}
.page-container .login-wrapper .login-box .login-body .btn[data-v-3ae1f5b4] {
          font-size: 0.8125rem;
          margin-top: 0.625rem;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #303133;
}
.page-container .login-wrapper .login-box .login-body .btn-hover[data-v-3ae1f5b4]:hover {
          color: #26AF9B;
}
.page-container .mask[data-v-3ae1f5b4] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 9999;
}
#howToLogin[data-v-3ae1f5b4] {
  color: #606266;
  font-size: 0.8125rem;
  font-weight: 400;
}
#howToLogin[data-v-3ae1f5b4]:hover {
    color: #26AF9B !important;
}
#officialLogin[data-v-3ae1f5b4] {
  margin-right: 0.3125rem;
  width: 1rem;
  height: 1rem;
}
#agreeText2[data-v-3ae1f5b4] {
  font-weight: 400;
  font-size: 0.75rem;
  text-decoration: underline;
  color: #303133;
}
#agreeText2[data-v-3ae1f5b4]:hover {
    color: #26AF9B;
}
.remember-pwd[data-v-3ae1f5b4] {
  font-size: 0.75rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.625rem;
}