.vipWrap[data-v-8263c4aa] {
  padding-right: 0 !important;
  position: relative;
  width: 900px;
  margin: 0 auto;
  background-image: linear-gradient(179deg, #FFFFFF 6%, #F1F6FF 78%, #E6EEFF 100%);
}
.vipWrap .topWrap[data-v-8263c4aa] {
    position: relative;
    width: 100%;
    height: 194px;
    border-radius: 2px 2px 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-top: 1px;
    overflow: hidden;
}
.vipWrap .topWrap .userInfo[data-v-8263c4aa] {
      padding: 0 48px;
      box-sizing: border-box;
}
.vipWrap .topWrap .userInfo .headerImg[data-v-8263c4aa] {
        width: 50px;
        height: 50px;
        display: inline-block;
        margin-right: 24px;
        margin-top: 30px;
}
.vipWrap .topWrap .userInfo .headerImg img[data-v-8263c4aa] {
          width: 100%;
          height: 100%;
          border-radius: 50%;
}
.vipWrap .topWrap .userInfo .userName[data-v-8263c4aa] {
        display: inline-block;
        vertical-align: top;
        padding-top: 34px;
}
.vipWrap .topWrap .userInfo .userName .name[data-v-8263c4aa] {
          font-weight: 600;
          font-size: 18px;
          color: #FFFFFF;
          letter-spacing: 0;
          line-height: 26px;
}
.vipWrap .topWrap .userInfo .userName .name .lvIco[data-v-8263c4aa] {
            width: 54px;
            height: 18px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
}
.vipWrap .topWrap .userInfo .userName .tip[data-v-8263c4aa] {
          opacity: 0.5;
          font-weight: 400;
          font-size: 14px;
          color: #FFFFFF;
          letter-spacing: 0;
          line-height: 22px;
          cursor: pointer;
}
.vipWrap .topWrap .userInfo .explain[data-v-8263c4aa] {
        display: inline-block;
        float: right;
        line-height: 110px;
        font-size: 14px;
        color: #8D9199;
        cursor: pointer;
}
.vipWrap .topWrap .topBottomImg[data-v-8263c4aa] {
      width: 100%;
      height: 82px;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 5;
}
.vipWrap .topWrap .tabs[data-v-8263c4aa] {
      position: absolute;
      top: 124px;
      left: 120px;
}
.vipWrap .topWrap .tabs span[data-v-8263c4aa] {
        color: #fff;
        font-size: 18px;
}
.vipWrap .topWrap .tabs span[data-v-8263c4aa]:last-child {
          margin-left: 234px;
}
.vipWrap .topWrap .tabs span.active[data-v-8263c4aa]:first-child {
          color: transparent;
          background-image: linear-gradient(107deg, #FFEEE4 0%, #DF8F3F 22%, #FFCC9A 100%);
          -webkit-background-clip: text;
                  background-clip: text;
}
.vipWrap .topWrap .tabs span.active[data-v-8263c4aa]:last-child {
          color: transparent;
          background-image: linear-gradient(107deg, #E4EFFF 0%, #3F68DF 22%, #9ABBFF 100%);
          -webkit-background-clip: text;
                  background-clip: text;
}
.vipWrap .rightBtn[data-v-8263c4aa] {
    display: inline-block;
}
.vipWrap .content[data-v-8263c4aa] {
    width: 100%;
    min-height: 600px;
}
.vipWrap .content .cardWrap[data-v-8263c4aa] {
      padding: 0 36px 18px;
      display: flex;
}
.vipWrap .content .cardWrap .vip[data-v-8263c4aa] {
        position: relative;
        width: 240px;
        height: 165px;
        border-radius: 4px;
        box-sizing: border-box;
        margin-right: 16px;
        background: #FFFFFF;
        border: 1px solid #EDEEF0;
}
.vipWrap .content .cardWrap .vip .imageWrap[data-v-8263c4aa] {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          width: 100%;
          height: 40px;
}
.vipWrap .content .cardWrap .vip .imageWrap .images[data-v-8263c4aa] {
            padding-left: 24px;
            padding-top: 14px;
            width: 101px;
            height: 12px;
}
.vipWrap .content .cardWrap .vip .contentWrap[data-v-8263c4aa] {
          height: 120px;
          background-color: #fff;
          border-radius: 0 0 6px 6px;
}
.vipWrap .content .cardWrap .vip1[data-v-8263c4aa] {
        background-image: linear-gradient(90deg, #FFF9F2 3%, #FFEDD9 40%, #FFC283 76%, #FFD5A8 100%);
}
.vipWrap .content .cardWrap .vip1 .imageWrap[data-v-8263c4aa] {
          background-image: linear-gradient(90deg, #FFF9F2 3%, #FFEDD9 40%, #FFC283 76%, #FFD5A8 100%);
          border-radius: 6px 6px 0 4px 4px 0;
}
.vipWrap .content .cardWrap .vip1.vipActive[data-v-8263c4aa] {
          border: 2px solid #FFC283;
}
.vipWrap .content .cardWrap .vip1.vipActive .contentWrap[data-v-8263c4aa] {
            background: #FFFCF8;
}
.vipWrap .content .cardWrap .vip1.vipActive .name[data-v-8263c4aa] {
            color: #D08033;
}
.vipWrap .content .cardWrap .vip1.vipActive .price[data-v-8263c4aa] {
            color: #E19245;
}
.vipWrap .content .cardWrap .vip1.vipActive .price span[data-v-8263c4aa] {
              opacity: 0.6;
}
.vipWrap .content .cardWrap .vip2[data-v-8263c4aa] {
        background-image: linear-gradient(90deg, #F7FAFF 0%, #EEF3FF 40%, #B9D2FF 82%, #E1EBFF 100%);
}
.vipWrap .content .cardWrap .vip2 .imageWrap[data-v-8263c4aa] {
          background-image: linear-gradient(90deg, #F7FAFF 0%, #EEF3FF 40%, #B9D2FF 82%, #E1EBFF 100%);
          border-radius: 6px 6px 0 4px 4px 0;
}
.vipWrap .content .cardWrap .vip2.vipActive[data-v-8263c4aa] {
          border: 2px solid #6D9BED;
}
.vipWrap .content .cardWrap .vip2.vipActive .contentWrap[data-v-8263c4aa] {
            background: #FAFBFF;
}
.vipWrap .content .cardWrap .vip2.vipActive .name[data-v-8263c4aa] {
            color: #326BD6;
}
.vipWrap .content .cardWrap .vip2.vipActive .price[data-v-8263c4aa] {
            color: #3B77E8;
}
.vipWrap .content .cardWrap .vip2.vipActive .price span[data-v-8263c4aa] {
              opacity: 0.6;
}
.vipWrap .content .cardWrap .vip3[data-v-8263c4aa] {
        background-image: linear-gradient(90deg, #4262AB 35%, #1F295D 85%, #1F1F45 100%);
}
.vipWrap .content .cardWrap .vip3 .imageWrap[data-v-8263c4aa] {
          background-image: linear-gradient(90deg, #4262AB 35%, #1F295D 85%, #1F1F45 100%);
          border-radius: 6px 6px 0 4px 4px 0;
}
.vipWrap .content .cardWrap .vip3.vipActive[data-v-8263c4aa] {
          box-sizing: border-box;
          border: 2px solid #4262AB;
}
.vipWrap .content .cardWrap .vip3.vipActive .name[data-v-8263c4aa] {
            color: #3B4F8F;
}
.vipWrap .content .cardWrap .vip3.vipActive .price[data-v-8263c4aa] {
            color: #3B4F8F;
}
.vipWrap .content .cardWrap .vip3.vipActive .price span[data-v-8263c4aa] {
              opacity: 0.6;
}
.vipWrap .content .cardWrap .rate[data-v-8263c4aa] {
        position: absolute;
        top: -8px;
        left: -2px;
        width: 75px;
        height: 24px;
        background-image: linear-gradient(180deg, #F6595A 0%, #E22223 100%);
        box-shadow: 0 0 1px 0 #ca9f092b;
        border-radius: 12px 0 12px 0;
        font-weight: 500;
        font-size: 12px;
        color: #FFFFFF;
        text-align: center;
        line-height: 24px;
}
.vipWrap .content .cardWrap .mini[data-v-8263c4aa] {
        position: absolute;
        top: 18px;
        right: 16px;
        width: 54px;
        height: 18px;
}
.vipWrap .content .cardWrap .name[data-v-8263c4aa] {
        padding-top: 33px;
        padding-left: 28px;
        padding-bottom: 8px;
        font-weight: 600;
        font-size: 18px;
        color: #282C33;
        line-height: 26px;
}
.vipWrap .content .cardWrap .price[data-v-8263c4aa] {
        padding-left: 28px;
        font-weight: 700;
        font-size: 24px;
        color: #191B21;
        line-height: 24px;
}
.vipWrap .content .cardWrap .price span[data-v-8263c4aa] {
          font-weight: 400;
          font-size: 12px;
          color: #8D9199;
          line-height: 18px;
}
.vipWrap .content .cardWrap .originalPrice[data-v-8263c4aa] {
        text-decoration: line-through;
        display: inline-block;
}
.vipWrap .content .detail[data-v-8263c4aa] {
      width: 100%;
      position: relative;
}
.vipWrap .content .detail .explain[data-v-8263c4aa] {
        position: absolute;
        top: 60px;
        right: 64px;
        font-size: 18px;
        color: #8D9199;
        line-height: 44px;
}
.vipWrap .content .detail .detailImg[data-v-8263c4aa] {
        width: 100%;
        height: 362px;
}
.vipWrap .content .detail .lookDetail[data-v-8263c4aa] {
        position: absolute;
        bottom: 46px;
        left: 0;
        width: 100%;
        font-weight: 400;
        font-size: 14px;
        color: #8D9199;
        text-align: center;
        line-height: 22px;
}
.vipWrap .topWrap2[data-v-8263c4aa] {
    padding: 0 36px;
}
.vipWrap .topWrap2 .type[data-v-8263c4aa] {
      font-weight: 600;
      font-size: 12px;
      color: #8D9199;
      line-height: 18px;
      margin-bottom: 12px;
}
.vipWrap .topWrap2 .tabText[data-v-8263c4aa] {
      width: 100%;
      display: flex;
      margin-bottom: 24px;
}
.vipWrap .topWrap2 .tabText div[data-v-8263c4aa] {
        width: 128px;
        height: 36px;
        background: #F8F8FA;
        border-radius: 4px;
        text-align: center;
        line-height: 36px;
        display: inline-block;
        vertical-align: top;
        color: #67686E;
        font-size: 14px;
        margin-right: 12px;
}
.vipWrap .topWrap2 .tabText .active[data-v-8263c4aa] {
        font-weight: 600;
        color: #1F6DFE;
        background: #F0F6FF;
}
.vipWrap .refueCon[data-v-8263c4aa] {
    position: relative;
    z-index: 3;
    margin-top: -4px;
}
.vipWrap .refueCon .slideWrap[data-v-8263c4aa] {
      padding-left: 36px;
      box-sizing: border-box;
}
.vipWrap .refueCon .slideWrap .listWrap[data-v-8263c4aa] {
        display: flex;
        flex-wrap: wrap;
}
.vipWrap .refueCon .slideWrap .boxCon[data-v-8263c4aa] {
        position: relative;
        width: 200px;
        height: 165px;
        border: 1px solid #DADFEC;
        background: #DADFEC;
        border-radius: 4px;
        text-align: center;
        margin-right: 12px;
        margin-bottom: 12px;
}
.vipWrap .refueCon .slideWrap .boxCon .rate[data-v-8263c4aa] {
          position: absolute;
          top: -8px;
          left: -2px;
          padding-left: 8px;
          height: 24px;
          background-image: linear-gradient(180deg, #F6595A 0%, #E22223 100%);
          box-shadow: 0 0 1px 0 #ca9f092b;
          border-radius: 12px 0 12px 0;
          font-weight: 500;
          font-size: 12px;
          color: #FFFFFF;
          text-align: center;
          line-height: 24px;
}
.vipWrap .refueCon .slideWrap .boxCon .refueTop[data-v-8263c4aa] {
          height: 119px;
          background: #ffffff;
          box-sizing: border-box;
          border-radius: 6px;
}
.vipWrap .refueCon .slideWrap .boxCon .refueTop .p1[data-v-8263c4aa] {
            padding-top: 36px;
            font-weight: 600;
            font-size: 18px;
            color: #63646A;
            letter-spacing: 0;
            text-align: center;
            line-height: 26px;
            margin-bottom: 10px;
}
.vipWrap .refueCon .slideWrap .boxCon .refueTop .p2 .span1[data-v-8263c4aa] {
            text-decoration: line-through;
            font-weight: 400;
            font-size: 14px;
            color: #8D9199;
            letter-spacing: 0;
            line-height: 22px;
}
.vipWrap .refueCon .slideWrap .boxCon .refueTop .p2 .span2[data-v-8263c4aa] {
            font-weight: 400;
            font-size: 12px;
            color: #1F6DFE;
            letter-spacing: 0;
            text-align: center;
            line-height: 18px;
}
.vipWrap .refueCon .slideWrap .boxCon .refueTop .p2 .span3[data-v-8263c4aa] {
            font-weight: 700;
            font-size: 24px;
            color: #1F6DFE;
            letter-spacing: 0;
            line-height: 24px;
}
.vipWrap .refueCon .slideWrap .boxCon .refueTop .discount[data-v-8263c4aa] {
            width: 50px;
            height: 32px;
            position: absolute;
            top: 8px;
            left: -4px;
}
.vipWrap .refueCon .slideWrap .boxCon .bottomWrap[data-v-8263c4aa] {
          width: 200px;
          height: 46px;
          background: #DADFEC;
          border-radius: 6px 6px 0 4px 4px 0;
          line-height: 46px;
          font-size: 14px;
          color: #63646A;
          letter-spacing: 0;
          text-align: center;
          position: relative;
}
.vipWrap .refueCon .slideWrap .boxCon .bottomWrap .hot[data-v-8263c4aa] {
            position: absolute;
            width: 28px;
            height: 25px;
            right: 0;
            bottom: 0;
}
.vipWrap .refueCon .slideWrap .active[data-v-8263c4aa] {
        border: 1px solid #1F6DFE;
        box-shadow: 0 6px 20px 0 #8192aa24;
}
.vipWrap .refueCon .slideWrap .active .refueTop .p1[data-v-8263c4aa] {
          color: #282C33;
}
.vipWrap .refueCon .slideWrap .active .bottomWrap[data-v-8263c4aa] {
          color: #ffffff;
          background: #1F6DFE;
}
.vipWrap .refueCon .slideWrap .listBlock[data-v-8263c4aa] {
        margin-bottom: 24px;
}
.vipWrap .refueCon .slideWrap .listBlock .listTitle[data-v-8263c4aa] {
          margin-bottom: 16px;
}
.vipWrap .refueCon .slideWrap .listBlock .listTitle .p1[data-v-8263c4aa] {
            font-weight: 600;
            font-size: 16px;
            color: #282C33;
            line-height: 24px;
            margin-right: 16px;
            display: inline-block;
            vertical-align: top;
}
.vipWrap .refueCon .slideWrap .listBlock .listTitle .p2[data-v-8263c4aa] {
            font-size: 14px;
            color: #92979B;
            line-height: 24px;
            display: inline-block;
            vertical-align: top;
}
.vipWrap .tipWrap[data-v-8263c4aa] {
    padding: 48px;
    box-sizing: border-box;
}
.vipWrap .tipWrap .tipTitle[data-v-8263c4aa] {
      font-weight: 600;
      font-size: 32px;
      color: #282C33;
      line-height: 48px;
      margin-bottom: 24px;
}
.vipWrap .tipWrap .tipContent[data-v-8263c4aa] {
      font-size: 28px;
      color: #63646A;
      line-height: 44px;
}
.vipWrap .buttonWrap[data-v-8263c4aa] {
    width: 100%;
    height: 72px;
    position: sticky;
    z-index: 9;
    display: flex;
    justify-content: space-between;
    bottom: 0;
    right: 0;
    left: 0;
    background: #FFFFFF;
    padding: 0 48px 0 40px;
    box-sizing: border-box;
}
.vipWrap .buttonWrap .buyBtn .originalPrice[data-v-8263c4aa] {
      margin-right: 16px;
      font-weight: 700;
      font-size: 20px;
      line-height: 72px;
}
.vipWrap .buttonWrap .agreement[data-v-8263c4aa] {
      text-align: center;
      color: #8d9199ff;
      font-size: 28px;
      font-weight: 400;
      line-height: 62px;
}
.vipWrap .buttonWrap .agreement .selectChange[data-v-8263c4aa] {
        width: 44px;
        height: 44px;
        display: inline-block;
        vertical-align: top;
}
.vipWrap .buttonWrap .agreement .agreementFile[data-v-8263c4aa] {
        color: #282C33;
        font-weight: 600;
}
.vipWrap .payDialog[data-v-8263c4aa] .el-dialog__body {
    padding: 22px 0 0 0;
}
.vipWrap .payDialog .payDiv[data-v-8263c4aa] {
    text-align: center;
}
.vipWrap .payDialog .payDiv .errTip[data-v-8263c4aa] {
      width: 440px;
      height: 66px;
      background: #FFF9F9;
      border: 1px solid #FFC0C0;
      border-radius: 2px;
      margin: 0 auto 20px auto;
      padding: 11px 16px 11px 40px;
      box-sizing: border-box;
      position: relative;
}
.vipWrap .payDialog .payDiv .errTip .tipIco[data-v-8263c4aa] {
        position: absolute;
        left: 20px;
        top: 16px;
        width: 14px;
        height: 14px;
}
.vipWrap .payDialog .payDiv .errTip .tipTxt[data-v-8263c4aa] {
        width: 380px;
        height: 44px;
        color: #191b21;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
}
.vipWrap .payDialog .payDiv .errTip .tipTxt .errFont[data-v-8263c4aa] {
          color: #FF0505;
          font-weight: 600;
}
.vipWrap .payDialog .payDiv .errTip .tipTxt .serverQr[data-v-8263c4aa] {
          float: right;
          cursor: pointer;
          color: #1D6EFE;
}
.vipWrap .payDialog .payDiv .payAmount[data-v-8263c4aa] {
      text-align: center;
      color: #191b21;
      font-size: 14px;
      font-weight: 600;
      line-height: 22px;
}
.vipWrap .payDialog .payDiv .payAmount span[data-v-8263c4aa] {
        color: #FF0000;
}
.vipWrap .payDialog .payDiv .qrWrap[data-v-8263c4aa] {
      width: 180px;
      height: 180px;
      position: relative;
      border: 1px solid #e1e2e6;
      margin: 8px auto 0 auto;
      vertical-align: top;
}
.vipWrap .payDialog .payDiv .qrWrap .timeOut[data-v-8263c4aa] {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        background: rgba(0, 0, 0, 0.7);
        top: 0;
        left: 0;
        color: #ffffff;
        text-align: center;
        cursor: pointer;
}
.vipWrap .payDialog .payDiv .qrWrap .timeOut .refresh[data-v-8263c4aa] {
          font-size: 50px;
          margin-top: 60px;
          margin-bottom: 7px;
}
.vipWrap .payDialog .payDiv .payHint[data-v-8263c4aa] {
      line-height: 32px;
      margin-top: 10px;
      vertical-align: top;
}
.vipWrap .payDialog .payDiv .payHint img[data-v-8263c4aa] {
        vertical-align: middle;
        margin-right: 5px;
}
.vipWrap .payDialog .payDiv .bottomText[data-v-8263c4aa] {
      width: 100%;
      height: 42px;
      line-height: 42px;
      text-align: center;
      margin-top: 40px;
      color: #A1A6B6;
}
.vipWrap .payDialog .payDiv .bottomText img[data-v-8263c4aa] {
        width: 14px;
        height: 14px;
        margin-right: 6px;
        vertical-align: middle;
        margin-top: -5px;
}
.vipWrap .payDialog .payDiv .payNotice[data-v-8263c4aa] {
      height: 74px;
      background: #f5f7fa;
      line-height: 74px;
}
.vipWrap .explainDialog[data-v-8263c4aa] .el-dialog__body {
    padding: 0;
}
.vipWrap .explainDialog[data-v-8263c4aa] .el-dialog__header {
    display: none;
}
.vipWrap .explainDialog .header[data-v-8263c4aa] {
    position: relative;
    height: 100px;
    background: url(../img/explain.b808efd1.png) no-repeat;
    background-size: 100%;
}
.vipWrap .explainDialog .header[data-v-8263c4aa] .el-icon-close {
      position: absolute;
      top: 28px;
      right: 32px;
      font-size: 20px;
      cursor: pointer;
}
.vipWrap .explainDialog .header .title[data-v-8263c4aa] {
      padding: 27px 0 3px;
      font-weight: 600;
      font-size: 18px;
      color: #000000;
      letter-spacing: 0;
      text-align: center;
      line-height: 26px;
}
.vipWrap .explainDialog .images[data-v-8263c4aa] {
    display: flex;
    padding: 0 30px;
    justify-content: space-between;
}
.vipWrap .explainDialog .images .items[data-v-8263c4aa] {
      margin: 24px 0 21px;
      width: 144px;
      height: 134px;
      background: #FAFAFA;
      border: 1px solid #F3F3F4;
      border-radius: 2px;
      text-align: center;
}
.vipWrap .explainDialog .images .items img[data-v-8263c4aa] {
        margin-top: 14px;
        width: 60px;
        height: 60px;
}
.vipWrap .explainDialog .images .items p[data-v-8263c4aa] {
        font-size: 14px;
        color: #787C88;
        letter-spacing: 0;
        text-align: center;
        line-height: 22px;
}
.vipWrap .explainDialog .images .items.activeImg[data-v-8263c4aa] {
        background: #EFF5FF;
        border: 1px solid #1D6EFE;
}
.vipWrap .explainDialog .images .items.activeImg p[data-v-8263c4aa] {
          color: #191B21;
}
.vipWrap .explainDialog .textWrap[data-v-8263c4aa] {
    display: flex;
    height: 170px;
    background: #EFF5FF;
    border-radius: 2px;
}
.vipWrap .explainDialog .textWrap span[data-v-8263c4aa] {
      margin-top: 24px;
      display: inline-block;
      width: 1px;
      height: 126px;
      background: #DCE2EE;
}
.vipWrap .explainDialog .textWrap .item[data-v-8263c4aa] {
      width: 50%;
      padding: 10px 34px;
}
.vipWrap .explainDialog .textWrap .item p[data-v-8263c4aa] {
        margin-top: 12px;
        font-weight: 600;
        font-size: 14px;
        color: #000000;
        letter-spacing: 0;
        line-height: 22px;
}
.vipWrap .explainDialog .textWrap .item div[data-v-8263c4aa] {
        margin-top: 8px;
        font-weight: 400;
        font-size: 12px;
        color: #000000;
        letter-spacing: 0;
        line-height: 18px;
}

.vipLookWrap {
  width: 840px !important;
  overflow-y: auto;
  height: 100%;
  max-height: 860px;
}
.vipLookWrap .el-message-box__header, .vipLookWrap .el-message-box__content {
    padding: 0;
}
.vipLookWrap .el-message-box__headerbtn {
    z-index: 2;
}
.qrWrapFixed {
  width: 100px !important;
  min-width: 100px !important;
  padding: 4px;
  text-align: center;
}
.qrWrapFixed span {
    color: #000C17;
    font-size: 12px;
    margin-top: 6px;
    display: block;
    text-align: center;
}