#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

@charset "UTF-8";
/* 设置rem基础单位 */
html[data-v-d77f98ba] {
  font-size: 16px;
}

/* 根据屏幕大小调整基础font-size */
.preference-container[data-v-d77f98ba] {
  height: calc(100% - 2rem);
  display: flex;
  justify-content: center;
  padding: 1rem;
  background-color: #f5f5f5;
  font-family: Arial, sans-serif;
}
.preference-card[data-v-d77f98ba] {
  width: 100%;
  height: calc(100% - 2.5rem);
  overflow-y: auto;
  background: white;
  border: 0.05rem solid #e0e0e0;
  border-radius: 0.25rem;
  padding: 1.25rem;
  margin: 0 auto;
  box-shadow: 0 0.125rem 0.75rem 0 rgba(0, 0, 0, 0.1);
}
.preference-card[data-v-d77f98ba] .el-checkbox .el-checkbox__input .el-checkbox__inner {
    width: 1.2rem;
    height: 1.2rem;
}
.preference-card[data-v-d77f98ba] .el-checkbox .el-checkbox__input .el-checkbox__inner::after {
      width: 0.3rem;
      height: 0.6rem;
      top: 0.1rem;
      left: 0.35rem;
}
.preference-card[data-v-d77f98ba] .el-checkbox .el-checkbox__label {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-left: 1rem;
}
.preference-title[data-v-d77f98ba] {
  font-size: 1.2rem;
}
.preference-header[data-v-d77f98ba] {
  margin-bottom: 1.25rem;
}
.preference-header h2[data-v-d77f98ba] {
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0;
    text-align: center;
}
.preference-description[data-v-d77f98ba] {
  margin-bottom: 1.6rem;
}
.preference-description p[data-v-d77f98ba] {
    margin: 0 0 0.5rem 0;
    line-height: 1.5;
}
.preference-description[data-v-d77f98ba] .el-checkbox {
    display: flex;
    align-items: center;
}
.preference-description[data-v-d77f98ba] .el-checkbox .el-checkbox__label {
      white-space: normal;
}
.preference-section[data-v-d77f98ba] {
  margin-bottom: 1.6rem;
}
.preference-section h3[data-v-d77f98ba] {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 0 0 0.5rem 0;
}
.preference-section p[data-v-d77f98ba] {
    margin-bottom: 1rem;
}
.preference-section .el-divider--horizontal[data-v-d77f98ba] {
    margin: 1.4rem 0;
    height: 0.05rem;
}
.checkbox-group[data-v-d77f98ba] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.communication-channels[data-v-d77f98ba] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.channel-row[data-v-d77f98ba] {
  display: flex;
  gap: 1.25rem;
}
.channel-row[data-v-d77f98ba] .el-checkbox {
    width: 10rem;
}
.preference-button[data-v-d77f98ba] {
  margin-top: 2rem;
  margin-bottom: 2rem;
  text-align: center;
  padding: 0 1rem;
}
.preference-button .el-button[data-v-d77f98ba] {
    height: 2.6rem;
    line-height: 2.6rem;
    font-size: 1rem;
    padding: 0;
    background-color: #000;
    border-color: #000;
    width: 100%;
    max-width: 35rem;
}

@charset "UTF-8";
.chanel-login[data-v-5001d2f5] {
  height: 100%;
  overflow-y: auto;
  background-color: #fff;
}
.chanel-login .top-bar[data-v-5001d2f5] {
    width: 100%;
    height: 0.8rem;
    background-color: #000;
}
.chanel-login .login-container .logo[data-v-5001d2f5] {
    border-top: 8px solid #000;
    border-bottom: 1px solid #ECECEC;
    width: 100%;
    text-align: center;
    background: url(../img/chanel-logo-mobile.cf000521.svg) no-repeat;
    background-position: 50%;
    background-size: 11.3rem 1.8rem;
    box-sizing: border-box;
    height: 6.3rem;
}
.chanel-login .login-container .link[data-v-5001d2f5] {
    text-decoration: underline;
    cursor: pointer;
}
.chanel-login .login-container .header[data-v-5001d2f5] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0 2.4rem;
    position: relative;
}
.chanel-login .login-container .header .title[data-v-5001d2f5] {
      font-size: 1.8rem;
      font-weight: 600;
      color: #1D1D1D;
      margin: 0;
      line-height: 2.3rem;
      letter-spacing: 0.1rem;
}
.chanel-login .login-container .header .language-selector[data-v-5001d2f5] {
      display: flex;
      align-items: center;
      font-size: 1.4rem;
      color: #1D1D1D;
      cursor: pointer;
      position: absolute;
      right: 2rem;
}
.chanel-login .login-container .header .language-selector i[data-v-5001d2f5] {
        margin-left: 0.5rem;
        font-size: 1.2rem;
}
.chanel-login .login-container .login-tabs[data-v-5001d2f5] {
    display: flex;
    margin-bottom: 5.2rem;
    border-bottom: 1px solid #ECECEC;
    padding: 0 3.2rem;
}
.chanel-login .login-container .login-tabs .tab-item[data-v-5001d2f5] {
      flex: 1;
      text-align: center;
      padding-bottom: 1.2rem;
      font-size: 1.4rem;
      color: #A0A0A0;
      cursor: pointer;
      letter-spacing: 0.1rem;
}
.chanel-login .login-container .login-tabs .tab-item span[data-v-5001d2f5] {
        display: inline-block;
}
.chanel-login .login-container .login-tabs .tab-item.active span[data-v-5001d2f5] {
        color: #1D1D1D;
        position: relative;
}
.chanel-login .login-container .login-tabs .tab-item.active span[data-v-5001d2f5]::after {
          content: '';
          display: block;
          width: 100%;
          height: 0.4rem;
          background: #1D1D1D;
          position: absolute;
          bottom: -1.2rem;
}
.chanel-login .login-container .form-container[data-v-5001d2f5] {
    padding: 0 2rem;
}
.chanel-login .login-container .form-container[data-v-5001d2f5] .el-form-item {
      margin-bottom: 4rem;
}
.chanel-login .login-container .form-container[data-v-5001d2f5] .el-form-item .el-form-item__content {
        line-height: normal;
}
.chanel-login .login-container .form-container[data-v-5001d2f5] .el-form-item .el-form-item__error {
        font-size: 1rem;
        color: #CC0200;
        padding-top: 0.4rem;
}
.chanel-login .login-container .form-container .input-group[data-v-5001d2f5] {
      position: relative;
}
.chanel-login .login-container .form-container .input-group .input-label[data-v-5001d2f5] {
        position: absolute;
        font-size: 1.4rem;
        color: #A0A0A0;
        line-height: 2.4rem;
        top: 0;
        left: 0;
        transition: all 0.3s ease;
        pointer-events: none;
        z-index: 1;
}
.chanel-login .login-container .form-container .input-group.floating-label.focused .input-label[data-v-5001d2f5] {
        top: -2.1rem;
        font-size: 1.2rem;
}
.chanel-login .login-container .form-container .input-group .note[data-v-5001d2f5] {
        font-size: 1.2rem;
        color: #A0A0A0;
        line-height: 2rem;
        margin-top: 0.5rem;
}
.chanel-login .login-container .form-container .input-group .account-input[data-v-5001d2f5] .el-input__inner {
        border: none;
        border-bottom: 0.1rem solid #D8D8D8;
        border-radius: 0;
        padding: 0;
        font-size: 1.4rem;
        background: transparent;
        height: 2.4rem;
        line-height: 2.4rem;
        color: #1D1D1D;
}
.chanel-login .login-container .form-container .input-group .account-input[data-v-5001d2f5] .el-input__inner::-moz-placeholder {
          color: transparent;
}
.chanel-login .login-container .form-container .input-group .account-input[data-v-5001d2f5] .el-input__inner::placeholder {
          color: transparent;
}
.chanel-login .login-container .form-container .input-group .verification-container[data-v-5001d2f5] {
        display: flex;
        align-items: center;
        border-bottom: 0.1rem solid #ddd;
        height: 2.4rem;
        line-height: 2.4rem;
        box-sizing: border-box;
}
.chanel-login .login-container .form-container .input-group .verification-container .verification-input[data-v-5001d2f5] {
          flex: 1;
}
.chanel-login .login-container .form-container .input-group .verification-container .verification-input[data-v-5001d2f5] .el-input__inner {
            border: none;
            border-radius: 0;
            padding: 0;
            font-size: 1.4rem;
            background: transparent;
            height: 2.4rem;
            line-height: 2.4rem;
            color: #1D1D1D;
}
.chanel-login .login-container .form-container .input-group .verification-container .verification-input[data-v-5001d2f5] .el-input__inner::-moz-placeholder {
              color: transparent;
}
.chanel-login .login-container .form-container .input-group .verification-container .verification-input[data-v-5001d2f5] .el-input__inner::placeholder {
              color: transparent;
}
.chanel-login .login-container .form-container .input-group .verification-container .get-code-btn[data-v-5001d2f5] {
          font-size: 1.4rem;
          color: #D2D2D2;
          cursor: pointer;
          white-space: nowrap;
          padding-left: 1rem;
          -webkit-tap-highlight-color: transparent;
}
.chanel-login .login-container .form-container .input-group .verification-container .get-code-highlight[data-v-5001d2f5] {
          color: #1D1D1D;
}
.chanel-login .login-container .form-container .input-group.is-error[data-v-5001d2f5] .el-input__inner, .chanel-login .login-container .form-container .input-group.is-error .verification-container[data-v-5001d2f5] {
        border-bottom: 0.2rem solid #CC0200;
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] {
      margin-top: 6rem;
      /* 自定义checkbox选中样式 */
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] .el-checkbox {
        display: flex;
        align-items: flex-start;
        white-space: normal;
        margin-right: 0;
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] .el-checkbox:last-child {
          margin-bottom: 0;
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] .el-checkbox .el-checkbox__input {
          margin-top: 0.4rem;
          width: 1.3rem;
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] .el-checkbox .el-checkbox__input .el-checkbox__inner {
            width: 1.2rem;
            height: 1.2rem;
            border: 0.2rem solid #1D1D1D;
            border-radius: 0;
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] .el-checkbox .el-checkbox__input .el-checkbox__inner::after {
              width: 0.25rem;
              height: 0.6rem;
              top: 0.05rem;
              left: 50%;
              transform: rotate(45deg) scaleY(1) translateX(-50%);
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] .el-checkbox .el-checkbox__label {
          font-size: 1.2rem;
          line-height: 2rem;
          padding-left: 0.8rem;
          color: #1D1D1D;
          flex: 1;
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] .el-checkbox__input.is-checked .el-checkbox__inner {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgB7dZBDoQgDAXQQjyGclXgqsA5YFozJEqIFITNZP5KjfKkSlUcx5FgIN570XO+hEXZ910rpXTe32BBCBFCmJQSIAbOOXuDesvxhFwOnWNOLV2J4LbF2Zip0BMyDWohUyAO8hriIiyoXA8jCGVrIeV6GEGaEHzXAAUxQ1iMEXqR87xrr6stWLx7g4Pp6sVMhNJ8RiEEKp19g1BYvY4wnBnkmbWQWpXYTTVjUkromUlOV/cmDAaz7Hv0h6bl9jKM/qhw8nul+wBUz3Nt8B+dMQAAAABJRU5ErkJggg==);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        border: none;
        width: 1.25rem;
}
.chanel-login .login-container .form-container .privacy-agreement[data-v-5001d2f5] .el-checkbox__input.is-checked .el-checkbox__inner::after {
        display: none;
}
.chanel-login .login-container .form-container .submit-box[data-v-5001d2f5] {
      display: flex;
      justify-content: center;
}
.chanel-login .login-container .form-container .submit-btn[data-v-5001d2f5] {
      height: 4.4rem;
      line-height: 4.4rem;
      font-size: 1.4rem;
      padding: 0;
      color: #F9F9F9;
      background-color: #000;
      width: 33.5rem;
      border-radius: 0;
      position: fixed;
      bottom: 4rem;
      transition: bottom 0.3s ease;
}
.chanel-login .login-container .form-container .submit-btn.keyboard-visible[data-v-5001d2f5] {
        position: relative;
        bottom: auto;
        margin-top: 10rem;
}
.chanel-login .login-container .form-container .submit-btn.is-disabled[data-v-5001d2f5] {
        background-color: #F9F9F9;
        color: #D2D2D2;
        border-color: #D8D8D8;
}
.chanel-login .login-container .qrcode-container[data-v-5001d2f5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    margin: 0 auto;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.chanel-login .login-container .qrcode-container .qrcode-text[data-v-5001d2f5] {
      color: #000000;
      font-size: 1.4rem;
      line-height: 2rem;
      text-align: center;
}
.chanel-login .login-container .qrcode-container .qrcode-img[data-v-5001d2f5] {
      width: 14rem;
      height: 14rem;
      margin: 3.2rem 0 1.6rem;
}
.chanel-login .login-container .qrcode-container .qrcode-text-note[data-v-5001d2f5] {
      font-size: 1.2rem;
      color: #A0A0A0;
      line-height: 2rem;
      text-align: center;
}
.chanel-login .login-container .qrcode-container .refresh-code[data-v-5001d2f5] {
      cursor: pointer;
      color: #1D1D1D;
      font-size: 1.4rem;
      line-height: 2.4rem;
      margin-top: 0.8rem;
      border-bottom: 1px solid #1D1D1D;
}
.chanel-login[data-v-5001d2f5] .el-drawer__wrapper .el-drawer__header {
    padding: 20px;
    margin-bottom: 0;
}
.chanel-login[data-v-5001d2f5] .el-drawer__wrapper .el-drawer__header .el-drawer__close-btn {
      color: #1D1D1D;
      font-size: 18px;
}
.chanel-login[data-v-5001d2f5] .el-drawer__wrapper .error-content {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
}
.chanel-login[data-v-5001d2f5] .el-drawer__wrapper .error-content .error-title {
      font-size: 18px;
      font-weight: 600;
      color: #1D1D1D;
      margin-bottom: 20px;
      line-height: 23px;
}
.chanel-login[data-v-5001d2f5] .el-drawer__wrapper .error-content .error-text {
      font-size: 14px;
      color: #1D1D1D;
      line-height: 24px;
}
.chanel-login[data-v-5001d2f5] .el-drawer__wrapper .error-content .confirm-button {
      margin-top: 40px;
      height: 44px;
      line-height: 44px;
      font-size: 14px;
      padding: 0;
      color: #F9F9F9;
      background-color: #000;
      width: 335px;
      border-radius: 0;
}
.chanel-login[data-v-5001d2f5] .el-drawer__wrapper .error-content .confirm-button:hover, .chanel-login[data-v-5001d2f5] .el-drawer__wrapper .error-content .confirm-button:focus {
        background-color: #1D1D1D;
        border-color: #1D1D1D;
}
.en-channel div[data-v-5001d2f5], .en-channel span[data-v-5001d2f5] {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
}

@charset "UTF-8";
.qr-code-invalid[data-v-705332ba] {
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qr-code-invalid .logo[data-v-705332ba] {
    font-weight: 600;
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
    letter-spacing: 0.2rem;
    color: #000;
    border-top: 8px solid #000;
    border-bottom: 1px solid #ECECEC;
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 1.6rem 0;
    font-size: 2.2rem;
}
.qr-code-invalid .invalid-content[data-v-705332ba] {
    text-align: center;
}
.qr-code-invalid .invalid-content .content-title[data-v-705332ba] {
      font-size: 18px;
      font-weight: 500;
      line-height: 23px;
      margin-bottom: 8px;
}
.qr-code-invalid .invalid-content .info-text[data-v-705332ba] {
      font-size: 12px;
      color: #000;
      line-height: 20px;
      margin-bottom: 32px;
}

.kr-container[data-v-589b612c] {
  max-width: 100rem;
  margin: 0 auto;
  padding: 2rem;
  line-height: 2rem;
  color: #1D1D1D;
  box-sizing: border-box;
}
.kr-container .kr-title[data-v-589b612c] {
    font-size: 1.8rem;
    line-height: 3.6rem;
    text-align: center;
}
.kr-container .kr-small-title[data-v-589b612c] {
    font-size: 1.2rem;
    line-height: 2.4rem;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}
.kr-container .kr-text-content[data-v-589b612c] {
    font-size: 1.2rem;
}
.kr-container .kr-text-content .kr-text[data-v-589b612c] {
      font-size: 1.2rem;
      display: flex;
}
.kr-container .kr-text-content .kr-text .num[data-v-589b612c] {
        margin-right: 0.5rem;
}
.kr-container .kr-text-content ol[data-v-589b612c] {
      padding-left: 3rem;
}
.kr-container .kr-text-content ol .kr-text-li[data-v-589b612c] {
        padding-left: 0.5rem;
}
.kr-container .table[data-v-589b612c] {
    margin-top: 1rem;
}
.kr-container .table table[data-v-589b612c] {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #000;
}
.kr-container .table table tr[data-v-589b612c] {
        border-bottom: 1px solid #000;
}
.kr-container .table table tr[data-v-589b612c]:last-child {
          border-bottom: none;
}
.kr-container .table table tr td[data-v-589b612c] {
          padding: 1rem;
          border-right: 1px solid #000;
          vertical-align: middle;
          text-align: center;
}
.kr-container .table table tr td[data-v-589b612c]:last-child {
            border-right: none;
}
.kr-container .table table tr td.label[data-v-589b612c] {
            background-color: #f5f5f5;
            width: 30%;
            font-weight: normal;
}
.kr-container .table table tr td.content[data-v-589b612c] {
            background-color: #fff;
            width: 70%;
}
.kr-container .bylaw[data-v-589b612c] {
    margin: 3.6rem 0 0.5rem;
}

@charset "UTF-8";
.en-container[data-v-6e3026a8] {
  max-width: 100rem;
  margin: 0 auto;
  padding: 2rem;
  line-height: 2rem;
  color: #1D1D1D;
  box-sizing: border-box;
}
.en-container div[data-v-6e3026a8], .en-container span[data-v-6e3026a8], .en-container ul[data-v-6e3026a8], .en-container ol[data-v-6e3026a8], .en-container li[data-v-6e3026a8], .en-container tr[data-v-6e3026a8], .en-container td[data-v-6e3026a8], .en-container th[data-v-6e3026a8] {
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}
.en-container strong[data-v-6e3026a8] {
    font-weight: 600;
}
.en-container .en-title[data-v-6e3026a8] {
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
    font-weight: 600;
}
.en-container .en-article[data-v-6e3026a8] {
    line-height: 2rem;
    margin-bottom: 1rem;
}
.en-container .en-article .article-title[data-v-6e3026a8] {
      font-size: 1.2rem;
      font-weight: bold;
      line-height: 2rem;
      margin-bottom: 0.5rem;
}
.en-container .en-article .article-content[data-v-6e3026a8] {
      font-size: 1.2rem;
      line-height: 2rem;
      padding-left: 1rem;
}
.en-container .en-article .article-content .definition[data-v-6e3026a8] {
        display: flex;
        margin-bottom: 0.5rem;
}
.en-container .en-article .article-content .definition .definition-number[data-v-6e3026a8] {
          margin-right: 1rem;
          min-width: 2rem;
}
.en-container .en-article .article-content .definition .definition-text[data-v-6e3026a8] {
          flex: 1;
}
.en-container .en-article .follow-box[data-v-6e3026a8] {
      padding-left: 3rem;
      margin-bottom: 0.5rem;
}
.en-container .en-article .follow-box .follow-box-item .follow-box-item-text[data-v-6e3026a8] {
        display: flex;
}
.en-container .en-article .follow-box .follow-box-item .num[data-v-6e3026a8] {
        margin-right: 0.5rem;
        display: inline-block;
        min-width: 2rem;
}
.en-container .table[data-v-6e3026a8] {
    margin-top: 1rem;
}
.en-container .table table[data-v-6e3026a8] {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #000;
}
.en-container .table table tr[data-v-6e3026a8] {
        border-bottom: 1px solid #000;
}
.en-container .table table tr[data-v-6e3026a8]:last-child {
          border-bottom: none;
}
.en-container .table table tr td[data-v-6e3026a8] {
          padding: 1rem;
          border-right: 1px solid #000;
          vertical-align: middle;
          text-align: center;
          font-weight: 600;
}
.en-container .table table tr td[data-v-6e3026a8]:last-child {
            border-right: none;
}
.en-container .table table tr td.label[data-v-6e3026a8] {
            background-color: #B8B8FF;
            width: 30%;
}
.en-container .table table tr td.content[data-v-6e3026a8] {
            background-color: #B8B8FF;
            width: 70%;
}
.en-container .bylaw[data-v-6e3026a8] {
    margin: 3.6rem 0 0.5rem;
}

.conditions-container[data-v-751d2bce] {
  border-top: 1px solid #ECECEC;
  height: 100vh;
  overflow-y: auto;
}

.error-page[data-v-43fbf7ac] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
  font-family: 'Arial', sans-serif;
}
.error-content[data-v-43fbf7ac] {
  text-align: center;
  animation: fadeIn-43fbf7ac 1s ease-in-out;
}
.error-code[data-v-43fbf7ac] {
  font-size: 120px;
  font-weight: bold;
  color: #2c3e50;
  margin: 0;
  animation: bounce-43fbf7ac 1.5s infinite;
}
.error-message[data-v-43fbf7ac] {
  font-size: 24px;
  color: #34495e;
  margin: 10px 0;
}
.error-description[data-v-43fbf7ac] {
  font-size: 16px;
  color: #7f8c8d;
  margin: 10px 0 20px;
}
@keyframes fadeIn-43fbf7ac {
from {
    opacity: 0;
    transform: translateY(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes bounce-43fbf7ac {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
}
40% {
    transform: translateY(-30px);
}
60% {
    transform: translateY(-15px);
}
}

@charset "UTF-8";
body,
button,
input,
select,
textarea {
  font: 12px "Century-Gothic", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  color: #333; }

html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {
  padding: 0;
  margin: 0;
  border: 0;
  font-weight: normal;
  font-family: "PingFang SC"; }

html, body {
  height: 100%;
  overflow: hidden; }

@font-face {
  font-family: 'BrilliantCut-Black';
  src: url(../fonts/BrilliantCut-Black.414a20d5.ttf); }

@font-face {
  font-family: 'BrilliantCut-Light';
  src: url(../fonts/BrilliantCut-Light.a37d91b5.ttf); }

@font-face {
  font-family: 'Century-Gothic-Bold';
  src: url(../fonts/Century-Gothic-Bold.7bea0c92.ttf); }

@font-face {
  font-family: 'Century-Gothic';
  src: url(../fonts/Century-Gothic.8917856b.ttf); }

/* author: Jarvis */
/*设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效*/
.hdp-uf {
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  /* 老版本语法: Firefox (buggy) */
  /* 混合版本语法: IE 10 */
  /* 新版本语法: Chrome 21+ */
  display: flex;
  /* 新版本语法: Opera 12.1, Firefox 22+ */ }

.hdp-uf-show {
  /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  /* 老版本语法: Firefox (buggy) */
  /* 混合版本语法: IE 10 */
  /* 新版本语法: Chrome 21+ */
  display: flex !important;
  /* 新版本语法: Opera 12.1, Firefox 22+ */ }

/* justify-content 设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式*/
/*这里旧版语法有4个参数，而新版语法有5个参数，兼容写法新版语法的 space-around 是不可用的*/
/*box-pack: start | end | center | justify;*/
/*主轴对齐：左对齐（默认） | 右对齐 | 居中对齐 | 左右对齐*/
/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
/*主轴对齐方式：左对齐（默认） | 右对齐 | 居中对齐 | 两端对齐 | 平均分布*/
/*横向起始位置对齐*/
.hdp-uf-hfs {
  -moz-justify-content: start;
  justify-content: flex-start; }

/*横向结束位置对齐*/
.hdp-uf-hfe {
  -moz-justify-content: end;
  justify-content: flex-end; }

/*横向居中*/
.hdp-uf-hc {
  -moz-justify-content: center;
  justify-content: center; }

/*横向平均分布*/
.hdp-uf-hsb {
  -moz-justify-content: justify;
  justify-content: space-between; }

/*横向平均地分布,两端保留子元素与子元素之间间距大小的一半*/
.hdp-uf-hsa {
  justify-content: space-around; }

/* align-items 定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式*/
/*这里的参数除了写法不同，其实是功能是一样的*/
/*box-align: start | end | center | baseline | stretch;*/
/*交叉轴对齐：顶部对齐（默认） | 底部对齐 | 居中对齐 | 文本基线对齐 | 上下对齐并铺满*/
/*align-items: flex-start | flex-end | center | baseline | stretch;*/
/*交叉轴对齐方式：顶部对齐（默认） | 底部对齐 | 居中对齐 | 上下对齐并铺满 | 文本基线对齐*/
/*纵向起始位置的边界紧靠住该行的纵向起始边界*/
.hdp-uf-vfs {
  -moz-align-items: start;
  align-items: flex-start; }

/*纵向起始位置的边界紧靠住该行的纵向结束边界*/
.hdp-uf-vfe {
  -moz-align-items: end;
  align-items: flex-end; }

/*纵向居中*/
.hdp-uf-vc {
  -moz-align-items: center;
  align-items: center; }

/*如弹性盒子元素的行内轴与侧轴为同一条，则该值与'flex-start'等效。其它情况下，该值将参与基线对齐*/
.hdp-uf-vb {
  -moz-align-items: baseline;
  align-items: baseline; }

/*如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制*/
.hdp-uf-vs {
  -moz-align-items: stretch;
  align-items: stretch; }

/* flex-direction 该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。这将决定flex需要如何进行排列*/
/*子元素的显示方向*/
/*子元素的显示方向可通过 box-direction + box-orient + flex-direction 实现*/
/*横向排列 主轴与行内轴方向作为默认的书写模式。即横向从左到右排列（左对齐）*/
.hdp-uf-dr {
  -moz-flex-direction: row;
  flex-direction: row; }

/*横向排列 对齐方式与row相反(右到左)*/
/*这里补充说明一点： box 写法的 box-direction 只是改变了子元素的排序，并没有改变对齐方式，需要新增一个 box-pack 来改变对齐方式。*/
.hdp-uf-drr {
  -webkit-box-pack: end;
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse; }

/*纵向排列 主轴与块轴方向作为默认的书写模式。即纵向从(上往下)排列（顶对齐）*/
.hdp-uf-dc {
  -moz-flex-direction: column;
  flex-direction: column; }

/*纵向排列 对齐方式与column相反 (下往上)*/
.hdp-uf-dcr {
  -webkit-box-pack: end;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse; }

/* flex-wrap 该属性控制flex容器是单行或者多行*/
/*flex容器为单行。该情况下flex子项可能会溢出容器*/
.hdp-uf-wn {
  flex-wrap: nowrap; }

/*flex容器为多行。该情况下flex子项溢出的部分会被放置到新行，子项内部会发生断行*/
.hdp-uf-ww {
  -o-flex-wrap: wrap;
  flex-wrap: wrap; }

/*反转 wrap 排列*/
.hdp-uf-wwr {
  flex-wrap: wrap-reverse; }

/*是否允许放大缩小*/
/* 上面是允许放大，box语法中 box-flex 如果不是0就表示该子元素允许伸缩，而flex是分开的，
上面 flex-grow 是允许放大（默认不允许），下面的 flex-shrink 是允许缩小（默认允许）。
box-flex 默认值为0，也就是说，在默认的情况下，在两个浏览器中的表现是不一样的 */
/* 这里还有一点，就是新旧语法的算法是不一样的，假设 box-flex 的值不等于0，旧语法中，如果有多余的空间，box-flex 的值越大，说明空白部分的占比越多，反之亦然 */
/* 而新版的语法中，放大的比例是直接按 flex-grow 的值来分配的，flex-grow 的缩放会覆盖 flex-shrink:0 */
/*是否允许放大*/
.hdp-uf-gw {
  -moz-flex-grow: 1;
  flex-grow: 1; }

/*是否允许缩小*/
.hdp-uf-sk {
  -webkit-box-flex: 1;
  flex-shrink: 1; }

/*子元素的显示次序*/
.hdp-uf-order {
  -moz-order: 1;
  order: 1; }

/*img显示配置*/
.hdp-uf-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.hdp-uf-img1 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.hdp-uf-img2 {
  background-repeat: repeat-x;
  background-size: auto 100%; }

.hdp-uf-img3 {
  background-repeat: repeat-y;
  background-size: 100% auto; }

.hdp-uf-img4 {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center; }

.hdp-uf-img5 {
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center; }

.hdp-uf-img6 {
  background-repeat: no-repeat;
  background-position: center; }

.hdp-uf-img7 {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center; }

.hdp-uf-txt-ww {
  word-wrap: normal;
  word-break: break-all;
  white-space: pre-wrap; }

/* Element UI 黑色主题覆盖 */
/* Loading 颜色 */
.el-loading-spinner .circular .path {
  stroke: #000 !important; }

/* Button primary 主题 */
.el-button--primary {
  background-color: #000 !important;
  border-color: #000 !important;
  color: #fff !important; }

.el-button--primary:hover,
.el-button--primary:focus {
  background-color: #333 !important;
  border-color: #333 !important; }

.el-button--primary:active {
  background-color: #000 !important;
  border-color: #000 !important; }