.head[data-v-2d1b3697] {
  width: 1200px;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  margin-left: -600px;
  padding-top: 20px;
  font-size: 14px;
  color: #ffffff;
}
.head .login i[data-v-2d1b3697] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    margin-right: 12px;
}
.head .login i img[data-v-2d1b3697] {
      width: calc(100% - 4px);
      height: calc(100% - 4px);
      border-radius: 50%;
}
.head .login p[data-v-2d1b3697] {
    max-width: 100px;
}
.head .login span[data-v-2d1b3697] {
    margin-left: 6px;
    padding-left: 6px;
    border-left: 1px solid #fff;
    cursor: pointer;
}
.head .not-login[data-v-2d1b3697] {
    width: 112px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid #ffffff;
    cursor: pointer;
}
.head .not-login i[data-v-2d1b3697] {
      width: 0px;
      height: 12px;
      border: 1px solid #ffffff;
      margin: 0 12px;
}

.banner img[data-v-94a9d88c] {
  width: 100%;
  height: 400px;
  -o-object-fit: cover;
     object-fit: cover;
}

.select[data-v-12cf2478] {
  position: relative;
}
.title[data-v-12cf2478] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  color: #333333;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  cursor: default;
}
.title em[data-v-12cf2478] {
    font-weight: bold;
    font-size: 18px;
}
.el-icon-arrow-down[data-v-12cf2478] {
  font-size: 12px;
  margin-left: 4px;
  font-weight: bold;
}
.rotate180[data-v-12cf2478] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.option[data-v-12cf2478] {
  width: 320px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0 8px 1px rgba(0, 0, 0, 0.16);
  border-radius: 12px 12px 12px 12px;
  position: absolute;
  padding: 10px 0 0 0;
}
.option li[data-v-12cf2478] {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    line-height: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer;
}
.option li[data-v-12cf2478]:hover {
      background: #f6f8f9;
}
.option li[data-v-12cf2478]:last-child {
      color: #999999;
      cursor: default;
      font-size: 12px;
}
.option li[data-v-12cf2478]:last-child:hover {
        background: none;
}

@charset "UTF-8";
/* 辅助类 - 修复缺失的 flex 布局类 */
.flex[data-v-1f1048b0] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.alignCenter[data-v-1f1048b0] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.justifyCenter[data-v-1f1048b0] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.alignEnd[data-v-1f1048b0] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.upgrade-goods[data-v-1f1048b0] {
  width: 1200px;
  margin: 0 auto;
}
.upgrade-goods h2[data-v-1f1048b0] {
    padding: 100px 0 40px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.upgrade-goods h2[data-v-1f1048b0]::after, .upgrade-goods h2[data-v-1f1048b0]::before {
      content: "";
      display: block;
      width: 50px;
      height: 4px;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffc067));
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffc067 100%);
      margin: 0 24px;
}
.upgrade-goods h2[data-v-1f1048b0]::after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
.upgrade-goods .upgrade-container[data-v-1f1048b0] {
    min-height: 260px;
}
.upgrade-goods .upgrade-info[data-v-1f1048b0] {
    width: 1200px;
    height: 280px;
    background: #fff;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.upgrade-goods .upgrade-info__box[data-v-1f1048b0] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 502px;
      height: 280px;
}
.upgrade-goods .upgrade-info__img[data-v-1f1048b0] {
      width: 180px;
      height: 180px;
      margin-right: 50px;
}
.upgrade-goods .upgrade-info__img img[data-v-1f1048b0] {
        display: block;
        width: 100%;
        height: 100%;
}
.upgrade-goods .upgrade-info__content[data-v-1f1048b0] {
      height: 180px;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      padding-top: 10px;
}
.upgrade-goods .upgrade-info__duration[data-v-1f1048b0] {
      color: #333;
      font-size: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin: 26px 0 14px 0;
}
.upgrade-goods .upgrade-info__duration em[data-v-1f1048b0] {
        color: #f2973b;
}
.upgrade-goods .upgrade-info__price[data-v-1f1048b0] {
      color: #333;
      font-size: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
}
.upgrade-goods .upgrade-info__price i[data-v-1f1048b0] {
        color: #ff3c30;
        font-size: 14px;
}
.upgrade-goods .upgrade-info__price h3[data-v-1f1048b0] {
        color: #ff3c30;
        font-size: 24px;
        font-weight: bold;
}
.upgrade-goods .upgrade-info__btn[data-v-1f1048b0] {
      width: 140px;
      height: 44px;
      background: -webkit-gradient(linear, left top, right top, from(#ffde9b), to(#ffbf65));
      background: linear-gradient(90deg, #ffde9b 0%, #ffbf65 100%);
      border-radius: 22px;
      text-align: center;
      line-height: 44px;
      font-size: 14px;
      color: #333;
      margin-top: 20px;
      cursor: pointer;
      -webkit-transition: background 0.2s ease;
      transition: background 0.2s ease;
}
.upgrade-goods .upgrade-info__btn[data-v-1f1048b0]:hover {
        background: -webkit-gradient(linear, left top, right top, from(#ffe4ae), to(#ffcd85));
        background: linear-gradient(90deg, #ffe4ae 0%, #ffcd85 100%);
}
.upgrade-goods .upgrade-info--empty > img[data-v-1f1048b0] {
      width: 180px;
      height: 180px;
      margin-right: 46px;
}
.upgrade-goods .upgrade-info--empty .upgrade-info__desc p[data-v-1f1048b0] {
      font-size: 18px;
      color: #333;
      line-height: 23px;
      margin-bottom: 38px;
}
.upgrade-goods .upgrade-info--empty .upgrade-info__empty-btn[data-v-1f1048b0] {
      width: 140px;
      height: 44px;
      background: -webkit-gradient(linear, left top, right top, from(#ffde9b), to(#ffbf65));
      background: linear-gradient(90deg, #ffde9b 0%, #ffbf65 100%);
      border-radius: 22px;
      color: #333;
      font-size: 14px;
      text-align: center;
      line-height: 44px;
      cursor: pointer;
      -webkit-transition: background 0.2s ease;
      transition: background 0.2s ease;
      margin-top: 16px;
}
.upgrade-goods .upgrade-info--empty .upgrade-info__empty-btn[data-v-1f1048b0]:hover {
        background: -webkit-gradient(linear, left top, right top, from(#ffe4ae), to(#ffcd85));
        background: linear-gradient(90deg, #ffe4ae 0%, #ffcd85 100%);
}
.upgrade-goods .upgrade-text[data-v-1f1048b0] {
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-top: 8px;
}
.upgrade-goods .upgrade-text--first[data-v-1f1048b0] {
      margin-top: 21px;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog {
    border-radius: 16px;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body {
      padding: 20px 20px 36px;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body p {
        font-size: 14px;
        color: #333;
        line-height: 24px;
        text-align: center;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .commodity {
        margin-top: 24px;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .commodity .product-box__left {
          width: 180px;
          height: 60px;
          font-size: 16px;
          color: #333;
          border-radius: 8px;
          background: #f6f8f9;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .commodity .product-box__left * {
            color: #333;
            font-size: 16px;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .commodity .product-box__left p {
            text-align: left;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .commodity .product-box__right {
          width: 180px;
          height: 80px;
          font-size: 16px;
          color: #333;
          border-radius: 8px;
          background: #fff4e6;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .commodity .product-box__right p {
            text-align: left;
            font-weight: bold;
            color: #ab4105;
            font-size: 16px;
            line-height: 20px;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .commodity .product-box__right em {
            font-size: 14px;
            color: #dc946a;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .commodity img {
          margin: 26px 20px;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .pay-price {
        font-size: 16px;
        color: #333;
        margin-top: 45px;
        text-align: center;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .pay-price span {
          font-size: 30px;
          font-weight: bold;
          color: #ff3c30;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .pay-price em {
          font-size: 16px;
          color: #ff3c30;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .qrcode {
        margin: 22px auto;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__body .qrcode img {
          width: 160px;
          height: 160px;
}
.upgrade-goods[data-v-1f1048b0] .upgrade-dialog .el-dialog__header .el-dialog__headerbtn {
      top: 20px;
      right: 20px;
}
.tip-dialog p[data-v-1f1048b0] {
  color: #666;
  font-size: 14px;
  text-align: center;
}
.tip-dialog .dialog-btn[data-v-1f1048b0] {
  width: 140px;
  height: 40px;
  background: -webkit-gradient(linear, left top, right top, from(#ffde9b), to(#ffbf65));
  background: linear-gradient(90deg, #ffde9b 0%, #ffbf65 100%);
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  margin: 30px auto 10px;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.tip-dialog .dialog-btn[data-v-1f1048b0]:hover {
    background: -webkit-gradient(linear, left top, right top, from(#ffe4ae), to(#ffcd85));
    background: linear-gradient(90deg, #ffe4ae 0%, #ffcd85 100%);
}
.tip-dialog[data-v-1f1048b0] .el-dialog {
  border-radius: 16px;
}
.tip-dialog[data-v-1f1048b0] .el-dialog .el-dialog__body {
    padding: 26px 20px 20px 20px;
}

.comparison[data-v-f6a841d2] {
  width: 1200px;
  margin: 0 auto;
}
.comparison h2[data-v-f6a841d2] {
    padding: 100px 0 40px;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.comparison h2[data-v-f6a841d2]::after, .comparison h2[data-v-f6a841d2]::before {
      content: "";
      display: block;
      width: 50px;
      height: 4px;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffc067));
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffc067 100%);
      margin: 0 24px;
}
.comparison h2[data-v-f6a841d2]::after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
.comparison .main[data-v-f6a841d2] {
    width: 1200px;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
}
.comparison .main .table[data-v-f6a841d2] {
      border-radius: 12px;
      border: 1px solid #eeeeee;
      overflow: hidden;
}
.comparison .main .table .thead[data-v-f6a841d2] {
        background: #f5f7f9;
        border-radius: 12px 12px 0 0;
}
.comparison .main .table .thead .th[data-v-f6a841d2] {
          color: #333333;
}
.comparison .main .table .tbody .tr[data-v-f6a841d2]:not(:last-child) {
        border-bottom: 1px solid #eeeeee;
}
.comparison .main .table .tbody .tr .td h4[data-v-f6a841d2] {
        color: #000033;
}
.comparison .main .table .tbody .tr .td h5[data-v-f6a841d2] {
        color: #999999;
}
.comparison .main .table .tbody .tr .td p[data-v-f6a841d2] {
        color: #666666;
        text-align: center;
}
.comparison .main .table .thead[data-v-f6a841d2],
      .comparison .main .table .tbody[data-v-f6a841d2] {
        width: 100%;
}
.comparison .main .table .thead .tr[data-v-f6a841d2],
        .comparison .main .table .tbody .tr[data-v-f6a841d2] {
          width: 100%;
}
.comparison .main .table .thead .th[data-v-f6a841d2],
        .comparison .main .table .thead .td[data-v-f6a841d2],
        .comparison .main .table .tbody .th[data-v-f6a841d2],
        .comparison .main .table .tbody .td[data-v-f6a841d2] {
          height: 80px;
          font-size: 14px;
          line-height: 24px;
}
.comparison .main .table .thead .th[data-v-f6a841d2]:first-child,
          .comparison .main .table .thead .td[data-v-f6a841d2]:first-child,
          .comparison .main .table .tbody .th[data-v-f6a841d2]:first-child,
          .comparison .main .table .tbody .td[data-v-f6a841d2]:first-child {
            width: 310px;
            padding-left: 20px;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
}
.comparison .main .tableFooter-mask[data-v-f6a841d2] {
      width: 1200px;
      height: 100px;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(49.78%, rgba(255, 255, 255, 0.97)), to(#ffffff));
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.97) 49.78%, #ffffff 100%);
      border-radius: 0px 0px 16px 16px;
      position: absolute;
      bottom: 20px;
      left: 0;
}
.comparison .button[data-v-f6a841d2] {
    width: 160px;
    height: 44px;
    background: #ffffff;
    border-radius: 22px;
    border: 1px solid #f2973b;
    text-align: center;
    line-height: 44px;
    margin: 20px auto 0;
    color: #f2973b;
    cursor: pointer;
}
.comparison .button[data-v-f6a841d2]:hover {
      background: #fff4e6;
      color: #f2973b;
}
.comparison .button .el-icon-arrow-down[data-v-f6a841d2] {
      font-size: 10px;
      color: #f2973b;
      margin-left: 4px;
}
.rotate180[data-v-f6a841d2] {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rule[data-v-3fa76dec] {
  width: 1200px;
  margin: 0 auto;
}
.rule h2[data-v-3fa76dec] {
    padding: 100px 0 40px;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.rule h2[data-v-3fa76dec]::after, .rule h2[data-v-3fa76dec]::before {
      content: "";
      display: block;
      width: 50px;
      height: 4px;
      background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffc067));
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffc067 100%);
      margin: 0 24px;
}
.rule h2[data-v-3fa76dec]::after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
}
.rule .main[data-v-3fa76dec] {
    width: 1200px;
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 100px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.rule .main p[data-v-3fa76dec] {
      font-size: 14px;
      color: #333333;
      line-height: 30px;
      text-align: justify;
}
.rule .main p[data-v-3fa76dec] a {
        color: #2970ff;
}
.rule .main .table[data-v-3fa76dec] {
      margin: 20px 0;
      border-radius: 12px;
      border: 1px solid #eeeeee;
      overflow: hidden;
}
.rule .main .table .thead[data-v-3fa76dec] {
        background: #f5f7f9;
        border-radius: 12px 12px 0 0;
}
.rule .main .table .thead .th[data-v-3fa76dec] {
          color: #333333;
}
.rule .main .table .tbody .tr[data-v-3fa76dec]:not(:last-child) {
        border-bottom: 1px solid #eeeeee;
}
.rule .main .table .tbody .tr .td[data-v-3fa76dec] {
        color: #666666;
}
.rule .main .table .thead[data-v-3fa76dec],
      .rule .main .table .tbody[data-v-3fa76dec] {
        width: 100%;
}
.rule .main .table .thead .tr[data-v-3fa76dec],
        .rule .main .table .tbody .tr[data-v-3fa76dec] {
          width: 100%;
}
.rule .main .table .thead .th[data-v-3fa76dec],
        .rule .main .table .thead .td[data-v-3fa76dec],
        .rule .main .table .tbody .th[data-v-3fa76dec],
        .rule .main .table .tbody .td[data-v-3fa76dec] {
          height: 48px;
          font-size: 14px;
}

.black-keep-on-record[data-v-440ebcbb] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 25px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #000;
}
.black-keep-on-record p[data-v-440ebcbb] {
    text-align: center;
    font-size: 12px;
    color: #999999;
    line-height: 1.4;
}
.black-keep-on-record p a[data-v-440ebcbb] {
      font-size: 12px;
      color: #888888;
}
.black-keep-on-record p a[data-v-440ebcbb]:hover {
        color: #f60;
}

.upgradeVip[data-v-1be598c2] {
  position: relative;
  min-width: 1200px;
  background: #f5f7f9;
}