.privileges[data-v-25633824] {
    display: flex;
    align-items: center;
    height: 1.49333rem;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.privileges[data-v-25633824]::-webkit-scrollbar {
    display: none
}

.privileges .need[data-v-25633824] {
    flex: 0 0 auto;
    display: flex;
    align-items: center
}

.privileges .arrow[data-v-25633824] {
    width: .26667rem;
    height: .37333rem;
    margin-right: .02667rem
}

.privileges .upgrade-wrapper[data-v-25633824] {
    width: 4.26667rem;
    aspect-ratio: 320/112;
    -webkit-aspect-ratio: 320/112;
    scale: .95;
    border-radius: .26667rem;
    border: .02667rem solid var(--Stroke_color, #2E3847);
    background: var(--bg_color_L2, #202733);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .32rem;
    text-align: center
}

.privileges .upgrade-wrapper .content[data-v-25633824] {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.privileges .upgrade-wrapper .content .info[data-v-25633824] {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.privileges .upgrade-wrapper .content .info .wa[data-v-25633824] {
    color: var(--text_secondary, #86A1C0);
    width: 2.26667rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    align-items: center;
    justify-content: center
}

.privileges .upgrade-wrapper .sign[data-v-25633824] {
    width: .85333rem;
    height: .85333rem
}

.privileges .upgrade-wrapper .lock[data-v-25633824] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.privileges .upgrade-wrapper .lock .suoBg[data-v-25633824] {
    width: .64rem;
    height: .53333rem
}

.privileges .upgrade-wrapper .lock .suo[data-v-25633824] {
    position: absolute;
    width: .42667rem;
    height: .42667rem
}

.privileges .upgrade-wrapper .value[data-v-25633824] {
    color: var(--norm_hint_color, #EDB04C)
}

.vip[data-v-c73aa9e7] {
    display: flex;
    flex-direction: column;
    gap: .42667rem;
    height: 100%;
    padding: .32rem .4rem
}

.vip .card[data-v-c73aa9e7] {
    padding: .42667rem .42667rem .42667rem .13333rem;
    border-radius: .26667rem;
    display: flex;
    flex: none
}

.vip .card .s .l1[data-v-c73aa9e7] {
    display: flex
}

.vip .card .s .l1 .v[data-v-c73aa9e7] {
    padding-top: .06667rem;
    width: 4.66667rem
}

.vip .card .s .l1 .v .v1[data-v-c73aa9e7] {
    font-size: .42667rem;
    height: .42667rem;
    font-style: normal;
    font-weight: 600;
    line-height: .42667rem;
    margin-bottom: .09333rem
}

.vip .card .s .l1 .v .v2[data-v-c73aa9e7] {
    border-top-right-radius: .66667rem;
    position: relative
}

.vip .card .s .l1 .v .v2 span[data-v-c73aa9e7] {
    position: relative;
    z-index: 10
}

.vip .card .s .l1 .v .v3[data-v-c73aa9e7] {
    border-bottom-right-radius: .66667rem
}

.vip .card .s .l1 .v .v3 span[data-v-c73aa9e7] {
    position: relative;
    z-index: 10
}

.vip .card .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card .s .l1 .v .v3[data-v-c73aa9e7] {
    font-size: .32rem;
    position: relative;
    left: -.32rem;
    padding-inline-start: .32rem;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vip .card .s .l1 .v .v2 .line[data-v-c73aa9e7],
.vip .card .s .l1 .v .v3 .line[data-v-c73aa9e7] {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0
}

.vip .card .s .l1 .v .v4[data-v-c73aa9e7] {
    border-radius: 0 .66667rem .66667rem 0;
    font-size: .32rem;
    position: relative;
    left: -.32rem;
    top: .21333rem;
    padding-inline-start: .32rem;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    height: .53333rem
}

.vip .card .s .l1 .v .v4 .line[data-v-c73aa9e7] {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0
}

.vip .card .s .l1 .v .v4 span[data-v-c73aa9e7] {
    position: relative;
    z-index: 10;
    top: .04rem
}

.vip .card .s .l1 .v .max[data-v-c73aa9e7] {
    position: relative;
    left: -.4rem;
    width: 100%;
    height: .96rem;
    border-top-right-radius: .66667rem;
    border-bottom-right-radius: .66667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    font-weight: 400
}

.vip .card .s .icon[data-v-c73aa9e7] {
    width: 2.13333rem;
    height: 2.13333rem;
    position: relative;
    z-index: 10
}

.vip .card .e[data-v-c73aa9e7] {
    color: var(--text_color_L1);
    text-align: center;
    font-family: Poppins;
    font-size: .32rem;
    flex: none;
    align-items: center;
    display: flex;
    gap: .21333rem
}

.vip .card .e .icon[data-v-c73aa9e7] {
    width: .8rem;
    height: .8rem
}

.vip .card.vip0[data-v-c73aa9e7] {
    border: .01333rem solid #CCD7EB;
    background: linear-gradient(104deg, #f5f8ff 2.61%, #eef4fc 23.31%, #e0e9f4 41.75%, #f3f9ff 62.29%, #dce5ef 76.67%, #c3d5ea 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #e1e9f7 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #6079a859;
    color: #364570
}

.vip .card.vip0 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip0 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip0 .s .l1 .v .v4[data-v-c73aa9e7] {
    background-color: #d6e7fa
}

.vip .card.vip0 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(62, 95, 133, .1)
}

.vip .card.vip0 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip0 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #e4eaff, #b8c6f1)
}

.vip .card.vip0 .s .l3[data-v-c73aa9e7] {
    color: #7782a0
}

.vip .card.vip1[data-v-c73aa9e7],
.vip .card.vip2[data-v-c73aa9e7],
.vip .card.vip3[data-v-c73aa9e7] {
    border: .01333rem solid #EBC9B1;
    background: linear-gradient(104deg, #fff7ef 2.61%, #fff3eb 23.31%, #fee8d5 41.75%, #fff2e5 62.29%, #ffead7 76.67%, #fcc092 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #f9ead9 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #a87e6059;
    color: #7e4836
}

.vip .card.vip1 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip1 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip1 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip2 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip2 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip2 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip3 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip3 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip3 .s .l1 .v .v4[data-v-c73aa9e7] {
    background-color: #faddc5
}

.vip .card.vip1 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip2 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip3 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(133, 81, 62, .1)
}

.vip .card.vip1 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip1 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip2 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip2 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip3 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip3 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #ffeb93, #ff8653)
}

.vip .card.vip1 .s .l3[data-v-c73aa9e7],
.vip .card.vip2 .s .l3[data-v-c73aa9e7],
.vip .card.vip3 .s .l3[data-v-c73aa9e7] {
    color: #a1735a
}

.vip .card.vip4[data-v-c73aa9e7],
.vip .card.vip5[data-v-c73aa9e7],
.vip .card.vip6[data-v-c73aa9e7],
.vip .card.vip7[data-v-c73aa9e7] {
    border: .01333rem solid #B1C2EB;
    background: linear-gradient(104deg, #eff3ff 2.61%, #ebf1ff 23.31%, #d5e1fe 41.75%, #e5ecff 62.29%, #d7e2ff 76.67%, #9dbffd 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #d9e2f9 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #6074a859;
    color: #3a5e9b
}

.vip .card.vip4 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip4 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip4 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip5 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip5 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip5 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip6 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip6 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip6 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip7 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip7 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip7 .s .l1 .v .v4[data-v-c73aa9e7] {
    background-color: #c5d7fa
}

.vip .card.vip4 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip5 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip6 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip7 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(62, 86, 133, .1)
}

.vip .card.vip4 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip4 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip5 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip5 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip6 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip6 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip7 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip7 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #d9e4ff 26.28%, #92cbff)
}

.vip .card.vip4 .s .l3[data-v-c73aa9e7],
.vip .card.vip5 .s .l3[data-v-c73aa9e7],
.vip .card.vip6 .s .l3[data-v-c73aa9e7],
.vip .card.vip7 .s .l3[data-v-c73aa9e7] {
    color: #698ac1
}

.vip .card.vip8[data-v-c73aa9e7] {
    border: .01333rem solid #EBB1B1;
    background: linear-gradient(104deg, #ffefef 2.61%, #ffebeb 23.31%, #fed5d5 41.75%, #ffe5e5 62.29%, #ffd7d7 76.67%, #fd9d9d 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #f9d9d9 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #a8606059;
    color: #9b3a3a
}

.vip .card.vip8 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip8 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip8 .s .l1 .v .v4[data-v-c73aa9e7] {
    background-color: #fac5c5
}

.vip .card.vip8 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(133, 62, 62, .1)
}

.vip .card.vip8 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip8 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #ffa797, #ff7070)
}

.vip .card.vip8 .s .l3[data-v-c73aa9e7] {
    color: #da6c6c
}

.vip .card.vip9[data-v-c73aa9e7],
.vip .card.vip10[data-v-c73aa9e7] {
    border: .01333rem solid #EBD9B1;
    background: linear-gradient(104deg, #fffeef 2.61%, #fffdeb 23.31%, #fff0ce 41.75%, #fffae5 62.29%, #fff6d7 76.67%, #ffdf7e 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #f9efd9 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #a8916059;
    color: #9a5308
}

.vip .card.vip9 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip9 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip9 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip10 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip10 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip10 .s .l1 .v .v4[data-v-c73aa9e7] {
    background-color: #fae3be
}

.vip .card.vip9 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip10 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(133, 62, 62, .1)
}

.vip .card.vip9 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip9 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip10 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip10 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #ffe789, #ffc551)
}

.vip .card.vip9 .s .l3[data-v-c73aa9e7],
.vip .card.vip10 .s .l3[data-v-c73aa9e7] {
    color: #b9844d
}

.vip .card.vip11[data-v-c73aa9e7],
.vip .card.vip12[data-v-c73aa9e7] {
    border: .01333rem solid #EBB1D9;
    background: linear-gradient(104deg, #ffeffa 2.61%, #ffebf9 23.31%, #fed5f1 41.75%, #ffe5f7 62.29%, #ffd7f2 76.67%, #fd9ddf 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #f9d9ef inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #a8609159;
    color: #9b3a66
}

.vip .card.vip11 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip11 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip11 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip12 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip12 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip12 .s .l1 .v .v4[data-v-c73aa9e7] {
    background-color: #ffc7ec
}

.vip .card.vip11 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip12 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(133, 62, 109, .1)
}

.vip .card.vip11 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip11 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip12 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip12 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #ff9dc9, #ff65b0)
}

.vip .card.vip11 .s .l3[data-v-c73aa9e7],
.vip .card.vip12 .s .l3[data-v-c73aa9e7] {
    color: #c85f8e
}

.vip .card.vip13[data-v-c73aa9e7],
.vip .card.vip14[data-v-c73aa9e7] {
    border: .01333rem solid #B1D6EB;
    background: linear-gradient(104deg, #eff9ff 2.61%, #ebf8ff 23.31%, #d5effe 41.75%, #e5f5ff 62.29%, #d7f0ff 76.67%, #79d7ff 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #d9edf9 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #608da859;
    color: #09699d
}

.vip .card.vip13 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip13 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip13 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip14 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip14 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip14 .s .l1 .v .v4[data-v-c73aa9e7] {
    background-color: #c8e8fa
}

.vip .card.vip13 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip14 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(62, 108, 133, .1)
}

.vip .card.vip13 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip13 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip14 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip14 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #97e7ff, #4ecdff)
}

.vip .card.vip13 .s .l3[data-v-c73aa9e7],
.vip .card.vip14 .s .l3[data-v-c73aa9e7] {
    color: #3799cd
}

.vip .card.vip15[data-v-c73aa9e7],
.vip .card.vip16[data-v-c73aa9e7] {
    border: .01333rem solid #B7EBB1;
    background: linear-gradient(104deg, #f0ffef 2.61%, #edffeb 23.31%, #d3ffce 41.75%, #e7ffe5 62.29%, #dbffd7 76.67%, #85ec79 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #dcf9d9 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #67a86059;
    color: #068945
}

.vip .card.vip15 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip15 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip15 .s .l1 .v .v4[data-v-c73aa9e7],
.vip .card.vip16 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip16 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip16 .s .l1 .v .v4[data-v-c73aa9e7] {
    background-color: #c4fac3
}

.vip .card.vip15 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip16 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(63, 133, 62, .1)
}

.vip .card.vip15 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip15 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip16 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip16 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #8cf09d, #42e766)
}

.vip .card.vip15 .s .l3[data-v-c73aa9e7],
.vip .card.vip16 .s .l3[data-v-c73aa9e7] {
    color: #12b35f
}

.vip .card.vip17[data-v-c73aa9e7],
.vip .card.vip18[data-v-c73aa9e7] {
    border: .01333rem solid #B1EBE1;
    background: linear-gradient(104deg, #effffc 2.61%, #ebfffc 23.31%, #cefff7 41.75%, #e5fffb 62.29%, #d7fff8 76.67%, #5df2dc 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #d9f9f4 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #60a89c59;
    color: #068982
}

.vip .card.vip17 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip17 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip18 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip18 .s .l1 .v .v3[data-v-c73aa9e7] {
    background-color: #bbfaeb
}

.vip .card.vip17 .s .l1 .v .v3[data-v-c73aa9e7],
.vip .card.vip18 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(62, 133, 116, .1)
}

.vip .card.vip17 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip17 .s .l1 .v .line[data-v-c73aa9e7],
.vip .card.vip18 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip18 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #76f2e3 28.5%, #30f2f0)
}

.vip .card.vip17 .s .l3[data-v-c73aa9e7],
.vip .card.vip18 .s .l3[data-v-c73aa9e7] {
    color: #0da9a1
}

.vip .card.vip19[data-v-c73aa9e7] {
    border: .01333rem solid #BFB1EB;
    background: linear-gradient(104deg, #f2efff 2.61%, #f0ebff 23.31%, #daceff 41.75%, #ebe5ff 62.29%, #e0d7ff 76.67%, #805df2 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #e0d9f9 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #7160a859;
    color: #793dce
}

.vip .card.vip19 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip19 .s .l1 .v .v3[data-v-c73aa9e7] {
    background-color: #d7c7f9
}

.vip .card.vip19 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(84, 62, 133, .1)
}

.vip .card.vip19 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip19 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #deb5ff 33.5%, #cc7bff)
}

.vip .card.vip19 .s .l3[data-v-c73aa9e7] {
    color: #965be8
}

.vip .card.vip20[data-v-c73aa9e7] {
    border: .01333rem solid #B1B2EB;
    background: linear-gradient(104deg, #70d3ff 2.61%, #d8f8ff 23.31%, #cee9ff 41.75%, #edfcff 62.29%, #ffd7fe 76.67%, #da78f2 98%);
    box-shadow: 0 .04rem .01333rem #ffffffd9 inset, 0 .06667rem .05333rem #e4d9f9 inset, 0 -.02rem .05333rem #ffffff73 inset, 0 .02667rem .21333rem #9160a859;
    color: #3d53ce
}

.vip .card.vip20 .s .l1 .v .v2[data-v-c73aa9e7],
.vip .card.vip20 .s .l1 .v .v3[data-v-c73aa9e7] {
    background-color: #c9dfff
}

.vip .card.vip20 .s .l1 .v .v3[data-v-c73aa9e7] {
    border-top: .01333rem solid rgba(84, 62, 133, .1)
}

.vip .card.vip20 .s .l1 .v .max[data-v-c73aa9e7],
.vip .card.vip20 .s .l1 .v .line[data-v-c73aa9e7] {
    background: linear-gradient(90deg, #63d5ff 28.5%, #d67fff)
}

.vip .card.vip20 .s .l3[data-v-c73aa9e7] {
    color: #6277eb
}

.vip .content[data-v-c73aa9e7] {
    display: flex;
    flex: none;
    height: calc(100vh - 6.93333rem);
    overflow: hidden
}

.vip .content .s[data-v-c73aa9e7] {
    display: flex;
    flex-direction: column;
    flex: none;
    width: 2.48rem;
    height: calc(100vh - 6.93333rem);
    overflow: auto;
    padding-inline-end: .32rem
}

.vip .content .s>div[data-v-c73aa9e7] {
    border-radius: .16rem;
    color: var(--text_primary, #D4E8FF);
    background: var(--bg_color_L2, #202733);
    font-size: .37333rem;
    height: 1.65333rem;
    display: flex;
    margin-bottom: .21333rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: none
}

.vip .content .s>div.d[data-v-c73aa9e7] {
    background: var(--secondary_color2, #304059)
}

.vip .content .s>div.d .c[data-v-c73aa9e7] {
    color: var(--main_color, #4298EA)
}

.vip .content .s>div.active[data-v-c73aa9e7] {
    border-radius: .16rem;
    color: var(--text_inverse, #3C3D3F);
    background: var(--secondary_color5, #7F9AB5)
}

.vip .content .s>div.active .c[data-v-c73aa9e7] {
    color: var(--text_inverse, #3C3D3F)
}

.vip .content .s>div .l1[data-v-c73aa9e7] {
    display: flex;
    align-items: center;
    gap: .10667rem
}

.vip .content .s>div .l1 .icon[data-v-c73aa9e7] {
    width: .74667rem;
    height: .74667rem
}

.vip .content .s>div .c[data-v-c73aa9e7] {
    font-size: .32rem;
    line-height: .48rem;
    color: var(--main_color, #4298EA)
}

.vip .content .s>div .lock[data-v-c73aa9e7] {
    width: .58667rem;
    height: .58667rem
}

.vip .content>.e[data-v-c73aa9e7] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: calc(100vh - 6.93333rem);
    overflow: auto;
    gap: .32rem
}

.vip .content>.e .lv0[data-v-c73aa9e7] {
    padding: .45333rem 0;
    border-radius: .16rem;
    color: var(--text_primary, #D4E8FF);
    background: var(--bg_color_L2);
    box-shadow: var(--box_shadow_1);
    text-align: center;
    font-size: .37333rem
}

.vip .content>.e .lv0 .numb[data-v-c73aa9e7] {
    color: var(--norm_hint_color, #EDB04C)
}

.vip .content>.e .l1 .title[data-v-c73aa9e7] {
    color: var(--text_primary, #D4E8FF);
    font-size: .37333rem;
    margin-bottom: .21333rem;
    text-align: center
}

.vip .content>.e .l1 .b[data-v-c73aa9e7] {
    display: flex;
    flex-direction: column;
    border-radius: .16rem;
    background: var(--bg_color_L2, #202733);
    box-shadow: 0 .05333rem .05333rem #03112440;
    font-size: .34667rem;
    color: var(--text_color_L1);
    height: fit-content;
    overflow: hidden;
    padding-bottom: .12rem
}

.vip .content>.e .l1 .b .c[data-v-c73aa9e7] {
    display: flex;
    flex: 1
}

.vip .content>.e .l1 .b .c .rt[data-v-c73aa9e7] {
    color: var(--norm_hint_color)
}

.vip .content>.e .l1 .b .c>div[data-v-c73aa9e7] {
    flex: 1;
    text-align: center;
    padding: .16rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--text_primary, #D4E8FF)
}

.vip .content>.e .l1 .b .c>div .numb[data-v-c73aa9e7] {
    color: var(--norm_hint_color, #EDB04C)
}

.vip .content>.e .l1 .b .c>div.e[data-v-c73aa9e7] {
    position: relative
}

.vip .content>.e .l1 .b .c>div.e[data-v-c73aa9e7]:after {
    content: "";
    display: block;
    width: .01333rem;
    height: .82667rem;
    position: absolute;
    left: -.01333rem;
    top: 50%;
    transform: translateY(-50%);
    border-radius: .06667rem;
    background: var(--Dividing_line_color, #354053)
}

.vip .content>.e .l1 .b .step[data-v-c73aa9e7] {
    height: .21333rem;
    width: calc(100% - .42667rem);
    border-radius: .16rem;
    background: var(--secondary_color2);
    position: relative;
    flex: none;
    margin: auto
}

.vip .content>.e .l1 .b .step>div[data-v-c73aa9e7] {
    position: absolute;
    height: 100%;
    width: 50%;
    z-index: 10;
    max-width: 50%
}

.vip .content>.e .l1 .b .step .bar[data-v-c73aa9e7] {
    background: var(--progress_bar, linear-gradient(270deg, #F8A956 0%, #D4762A 100%));
    border-radius: .16rem;
    position: absolute;
    height: 100%;
    z-index: 10;
    max-width: 100%
}

.vip .content>.e .l1 .b .step .l[data-v-c73aa9e7] {
    right: 50%;
    background: var(--norm_red_color);
    border-radius: .16rem 0 0 .16rem
}

.vip .content>.e .l1 .b .step .r[data-v-c73aa9e7] {
    left: 50%;
    background: var(--progress_bar);
    border-radius: 0 .16rem .16rem 0
}

.vip .content>.e .l1 .b .step .icon_step[data-v-c73aa9e7] {
    width: .34667rem;
    height: .34667rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10
}

.vip .content>.e .l2[data-v-c73aa9e7] {
    height: fit-content;
    border-radius: .26667rem;
    background: var(--bg_color_L2);
    padding: .42667rem .32rem;
    display: flex;
    flex-direction: column;
    gap: .32rem
}

.vip .content>.e .l2 .head[data-v-c73aa9e7] {
    font-size: .42667rem;
    color: var(--text_primary, #D4E8FF);
    text-align: center
}

.vip .content>.e .l2 .i[data-v-c73aa9e7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .16rem
}

.vip .content>.e .l2 .i .title[data-v-c73aa9e7],
.vip .content>.e .l2 .i .title2[data-v-c73aa9e7] {
    color: var(--text_primary, #D4E8FF);
    font-size: .37333rem;
    text-align: start;
    width: 100%
}

.vip .content>.e .l2 .i .title2[data-v-c73aa9e7] {
    display: flex;
    justify-content: space-between
}

.vip .content>.e .l2 .i .title2 .y[data-v-c73aa9e7] {
    color: var(--norm_hint_color, #EDB04C)
}

.vip .content>.e .l2 .i .item[data-v-c73aa9e7] {
    width: 100%
}

.vip .content>.e .l2 .i .item .l2-title[data-v-c73aa9e7] {
    display: flex;
    align-items: center;
    gap: .05333rem;
    font-size: .32rem;
    color: var(--text_primary, #D4E8FF);
    margin-bottom: .05333rem
}

.vip .content>.e .l2 .i .item .l2-title .icon_reward[data-v-c73aa9e7] {
    width: .64rem;
    height: .64rem
}

.vip .content>.e .l2 .i .item .l2-title span[data-v-c73aa9e7]:not(.ar_icon) {
    flex: 1;
    text-align: end;
    color: var(--norm_red_color)
}

.vip .content>.e .l2 .i .item .l2-title span:not(.ar_icon).y[data-v-c73aa9e7] {
    color: var(--norm_hint_color, #EDB04C)
}

.vip .content>.e .l2 .i .item .l2-title .r[data-v-c73aa9e7] {
    flex: 1;
    text-align: end;
    color: var(--norm_red_color)
}

.vip .content>.e .l2 .i .item .l2-title .r.a[data-v-c73aa9e7] {
    color: var(--norm_hint_color, #EDB04C)
}

.vip .content>.e .l2 .i .item .l2-num[data-v-c73aa9e7] {
    height: .42667rem;
    border-radius: .05333rem;
    background: var(--bg_color_L3);
    color: var(--norm_red_color);
    font-size: .32rem;
    font-weight: 500;
    text-align: center
}

.vip .content>.e .l2 .i .item .l2-num.a[data-v-c73aa9e7] {
    color: var(--norm_hint_color, #EDB04C)
}

.vip .content>.e .l2 .i .btn[data-v-c73aa9e7] {
    height: .85333rem;
    line-height: .85333rem;
    padding: 0 .85333rem;
    width: fit-content
}

.vip .content>.e .l2.flex[data-v-c73aa9e7] {
    height: auto
}

.vip .content>.e .l2.flex .no[data-v-c73aa9e7] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text_secondary, #86A1C0);
    font-size: .37333rem
}

.vip .content>.e .l3[data-v-c73aa9e7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .37333rem;
    border-radius: .26667rem;
    background: var(--bg_color_L2, #202733);
    flex: none;
    min-height: 3.38667rem;
    margin-bottom: .21333rem;
    padding: .42667rem;
    box-sizing: border-box
}

.vip .content>.e .l3 .t[data-v-c73aa9e7] {
    color: var(--text_primary, #D4E8FF);
    text-align: center;
    font-size: .37333rem
}

.vip .content>.e .l3 .amount[data-v-c73aa9e7] {
    color: var(--norm_hint_color, #EDB04C);
    text-align: center;
    font-size: .42667rem;
    font-weight: 600;
    margin-bottom: .21333rem
}

.vip .content>.e .l3.no[data-v-c73aa9e7] {
    color: var(--text_secondary, #86A1C0)
}

.vip .btn[data-v-c73aa9e7] {
    height: 1.06667rem;
    width: 100%;
    line-height: 1.06667rem;
    border-radius: .66667rem;
    color: var(--text_btn_main, #F1F7FF);
    text-align: center;
    font-size: .37333rem;
    font-weight: 600;
    background: var(--main_gradient_color, linear-gradient(180deg, #06D6FD 0%, #0070F4 100%));
    box-shadow: 0 -.01333rem #ffffff40 inset, 0 .02667rem #79ffffb3 inset, 0 .05333rem .10667rem #00000040
}

.vip .btn.canReceived[data-v-c73aa9e7] {
    background: var(--button_dis, #3C4754);
    color: var(--text_disabled, #5E6C7A);
    box-shadow: none;
    pointer-events: none
}

.receive[data-v-c73aa9e7] {
    position: relative;
    width: 100%;
    height: .93333rem
}

.receiveIcon[data-v-c73aa9e7] {
    width: 3.65333rem;
    height: 2.53333rem;
    position: absolute;
    left: 50%;
    bottom: .85333rem;
    transform: translate(-50%)
}

.receive-body[data-v-c73aa9e7] {
    display: flex;
    flex-direction: column;
    gap: .16rem;
    color: var(--text_color_L2);
    font-size: .37333rem;
    text-align: center
}

.receive-body .a[data-v-c73aa9e7] {
    color: var(--norm_hint_color, #EDB04C);
    font-size: .42667rem;
    font-weight: 600
}