@charset "UTF-8";
.container[data-v-32809c6e] {
    width: 100%;
    min-width: 9.2rem;
    padding: .4rem
}

.container .banner-bg[data-v-32809c6e] {
    width: 100%;
    height: 7.33333rem;
    border-radius: .32rem;
    background: var(--bg_color_L2);
    margin-bottom: .32rem;
    margin-inline: auto;
    display: flex;
    overflow: auto;
    position: relative
}

.container .banner-bg>div[data-v-32809c6e] {
    flex: none;
    width: 100%;
    position: relative;
    padding-top: .81333rem;
    overflow-x: hidden
}

.container .banner-bg .my-team-lv[data-v-32809c6e] {
    width: fit-content;
    height: .58667rem;
    line-height: .58667rem;
    padding: 0 .26667rem;
    position: absolute;
    left: .32rem;
    top: .16rem;
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .32rem;
    background: var(--secondary_color2);
    border-radius: .10667rem
}

.container .banner-bg .question-mark[data-v-32809c6e] {
    width: .53333rem;
    height: .53333rem;
    position: absolute;
    right: .29333rem;
    top: -.61333rem
}

.container .banner-bg .l1[data-v-32809c6e] {
    padding-inline-start: .53333rem;
    color: var(--text_secondary);
    font-family: Poppins;
    font-size: .32rem;
    display: flex;
    height: .77333rem;
    align-items: center
}

.container .banner-bg .l1 .lv[data-v-32809c6e] {
    width: 2.13333rem;
    height: .77333rem;
    background-size: cover;
    background-repeat: no-repeat;
    margin-inline-start: .26667rem;
    margin-inline-end: .53333rem
}

.container .banner-bg .l1 .lv.lv0[data-v-32809c6e] {
    background-image: var(--v368d5e60)
}

.container .banner-bg .l1 .lv.lv1[data-v-32809c6e] {
    background-image: var(--v368d5e61)
}

.container .banner-bg .l1 .lv.lv2[data-v-32809c6e] {
    background-image: var(--v368d5e62)
}

.container .banner-bg .l1 .lv.lv3[data-v-32809c6e] {
    background-image: var(--v368d5e63)
}

.container .banner-bg .l1 .detail[data-v-32809c6e] {
    width: 1.54667rem;
    height: .68rem;
    border-radius: .16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text_btn_main)
}

.container .banner-bg .l2-0[data-v-32809c6e] {
    color: var(--text_secondary);
    text-align: center;
    font-size: .34667rem;
    margin-block-start: .26667rem;
    margin-block-end: .93333rem
}

.container .banner-bg .l2[data-v-32809c6e] {
    margin-block-start: .13333rem;
    margin-block-end: .48rem;
    padding: 0 .53333rem;
    height: 1.22667rem;
    display: flex;
    flex-direction: column;
    gap: .16rem
}

.container .banner-bg .l2>div[data-v-32809c6e] {
    height: .53333rem;
    display: flex;
    align-items: center
}

.container .banner-bg .l2>div .text[data-v-32809c6e] {
    width: 2.34667rem;
    flex: none;
    color: var(--text_secondary);
    text-align: center;
    font-family: Poppins;
    font-size: .34667rem;
    margin-inline-start: .10667rem;
    margin-inline-end: .24rem;
    line-height: .34667rem
}

.container .banner-bg .l2>div .step[data-v-32809c6e] {
    flex: 1;
    color: var(--text_secondary);
    font-size: .32rem;
    border-radius: .10667rem;
    border: .01333rem solid var(--Stroke_color);
    background: var(--bg_color_L4);
    text-align: center;
    position: relative;
    height: .48rem;
    overflow: hidden
}

.container .banner-bg .l2>div .step span[data-v-32809c6e] {
    position: relative;
    z-index: 1;
    color: var(--text_primary);
    font-size: .32rem
}

.container .banner-bg .l2>div .step>div[data-v-32809c6e] {
    position: absolute;
    top: .01333rem;
    left: 0;
    height: .48rem;
    border-radius: .02667rem;
    z-index: 0;
    background: var(--progress_bar)
}

.container .banner-bg .l2>div .icon[data-v-32809c6e] {
    width: .53333rem;
    height: .53333rem
}

.container .banner-bg .l3[data-v-32809c6e] {
    background: var(--main_gradient_color, linear-gradient(180deg, #06D6FD 0%, #0070F4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: .34667rem;
    margin-block-end: .25333rem;
    padding-inline-start: .61333rem
}

.container .banner-bg .l4[data-v-32809c6e] {
    height: 2.32rem;
    display: flex
}

.container .banner-bg .l4>div[data-v-32809c6e] {
    width: 33.3333333333%;
    color: var(--text_secondary);
    text-align: center;
    font-family: Poppins;
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: .37333rem;
    background-size: 2.41333rem 1.57333rem;
    background-repeat: no-repeat;
    background-position: top center
}

.container .banner-bg .l4>div[data-v-32809c6e]:nth-child(1) {
    padding: 1.57333rem .37333rem 0;
    background-image: var(--v368d370b)
}

.container .banner-bg .l4>div[data-v-32809c6e]:nth-child(2) {
    padding: 1.57333rem .13333rem 0;
    background-image: var(--v368d3e89)
}

.container .banner-bg .l4>div[data-v-32809c6e]:nth-child(3) {
    padding: 1.57333rem 0 0;
    background-image: var(--v368d526b)
}

.container .banner-bg .l4>div span[data-v-32809c6e] {
    background: var(--main_gradient_color, linear-gradient(180deg, #06D6FD 0%, #0070F4 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.container .banner-bg .pageList[data-v-32809c6e] {
    width: fit-content;
    height: .32rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: .18667rem;
    display: flex;
    align-items: center;
    z-index: 100
}

.container .banner-bg .pageList .icon[data-v-32809c6e] {
    width: .32rem;
    height: .32rem
}

.container .banner-bg .pageList .list[data-v-32809c6e] {
    display: flex;
    gap: .25333rem;
    margin-inline: .44rem
}

.container .banner-bg .pageList .list div[data-v-32809c6e] {
    width: .16rem;
    height: .16rem;
    background: var(--main_color);
    border-radius: 50%;
    opacity: .5
}

.container .banner-bg .pageList .list div.active[data-v-32809c6e] {
    opacity: 1
}

.container .withdrawal[data-v-32809c6e] {
    width: 100%;
    height: fit-content;
    background: var(--bg_color_L3);
    border-radius: .32rem;
    position: relative;
    overflow: hidden
}

.container .withdrawal-l1[data-v-32809c6e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bg_color_L2)
}

.container .withdrawal-l1 .left[data-v-32809c6e] {
    flex: 1;
    padding-inline-start: .8rem;
    padding-top: .32rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.container .withdrawal-l1 .left .title1[data-v-32809c6e] {
    color: var(--text_primary);
    font-family: Poppins;
    font-size: .37333rem
}

.container .withdrawal-l1 .left .title2[data-v-32809c6e] {
    height: 1.04rem;
    color: var(--norm_hint_color);
    font-family: Unbounded;
    font-size: .64711rem
}

.container .withdrawal-l1 .right[data-v-32809c6e] {
    flex: 1;
    padding-top: .05333rem
}

.container .withdrawal-l1 .right .btn[data-v-32809c6e] {
    min-width: 2.66667rem;
    height: .85333rem;
    width: fit-content;
    line-height: .85333rem;
    color: var(--text_btn_main);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    border-radius: .21333rem;
    margin: auto
}

.container .withdrawal-l1.s2 .right[data-v-32809c6e] {
    padding: .34667rem 0
}

.container .withdrawal-l1.s2 .right .btn[data-v-32809c6e] {
    min-width: 2.33333rem;
    height: .77333rem;
    line-height: .77333rem
}

.container .withdrawal-l1.s2 .right .btn.detail[data-v-32809c6e] {
    background: var(--norm_orange_color)
}

.container .withdrawal-l1.s2 .right .btn+.btn[data-v-32809c6e] {
    margin-top: .21333rem
}

.container .withdrawal-l1.s2 .right .btn.disabled[data-v-32809c6e] {
    pointer-events: none;
    background: var(--button_dis);
    color: var(--text_disabled);
    box-shadow: none
}

.container .withdrawal-l2[data-v-32809c6e] {
    min-height: .98667rem;
    line-height: .98667rem;
    width: 100%;
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem
}

.container .withdrawal-l2 span[data-v-32809c6e] {
    color: var(--norm_hint_color)
}

.container .withdrawal-l2.s2[data-v-32809c6e] {
    display: flex;
    justify-content: space-between;
    padding: .21333rem .42667rem
}

.container .withdrawal-l2 .flex-s[data-v-32809c6e] {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    line-height: .56rem
}

.container .withdrawal-l2 .flex-s span[data-v-32809c6e] {
    line-height: .69333rem
}

.container .btn2[data-v-32809c6e] {
    width: 100%;
    line-height: .53333rem;
    height: 1.06667rem;
    color: var(--text_btn_main, #F1F7FF);
    text-align: center;
    font-size: .42667rem;
    margin-top: .53333rem;
    border-radius: .66667rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.container .share[data-v-32809c6e] {
    width: 100%;
    height: .85333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .21333rem;
    gap: .4rem
}

.container .share .icon[data-v-32809c6e] {
    width: .66667rem;
    height: .66667rem
}

.container .share>div[data-v-32809c6e] {
    width: calc(50% - .2rem);
    height: 100%;
    line-height: 1.06667rem;
    color: var(--text_secondary);
    text-align: center;
    font-size: .29333rem;
    display: flex;
    align-items: center;
    gap: .13333rem;
    padding: 0 .32rem;
    border-radius: .21333rem;
    border: .02667rem solid #50232A
}

.container .link-wrapper[data-v-32809c6e] {
    display: flex;
    justify-content: space-between;
    gap: .4rem;
    color: var(--text_primary);
    font-size: .32rem;
    margin-top: .42667rem
}

.container .link-wrapper>div[data-v-32809c6e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .13333rem;
    border-radius: .16rem;
    padding: .26667rem 0;
    border: .01333rem solid var(--Stroke_color);
    background: var(--bg_color_L2)
}

.container .link-wrapper>div img[data-v-32809c6e] {
    width: .96rem;
    height: .96rem
}

.mask[data-v-32809c6e] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000e6;
    z-index: 999998
}

.mask-body[data-v-32809c6e] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .42667rem
}

.mask-body .title[data-v-32809c6e] {
    background: linear-gradient(150deg, #ffcc58 27.97%, #fc973c 48.28%, #fff1af 69.35%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    font-family: Poppins;
    font-size: .66667rem;
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center
}

.mask-body .title .icon[data-v-32809c6e] {
    width: .58667rem;
    height: 1.22667rem
}

.mask-body .amount[data-v-32809c6e] {
    height: 1.17333rem;
    line-height: 1.17333rem;
    text-align: center;
    text-shadow: 0 .05333rem .05333rem rgba(0, 0, 0, .25);
    -webkit-text-stroke-width: .02rem;
    -webkit-text-stroke-color: #000;
    font-family: Poppins;
    font-size: .90667rem;
    font-style: normal;
    font-weight: 500;
    background: linear-gradient(180deg, #fffa7b 22.55%, #fffb5e 44.98%, #ffe770, #ffb06a 73.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: .42667rem
}

.mask-body .text[data-v-32809c6e] {
    height: .56rem;
    color: var(--text_btn_main, #F1F7FF);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.mask-body .btn[data-v-32809c6e] {
    display: flex;
    width: 4rem;
    height: 1.17333rem;
    justify-content: center;
    align-items: center;
    border-radius: .66667rem;
    background: var(--main_gradient_color);
    font-size: .37333rem;
    color: var(--text_btn_main, #F1F7FF);
    text-align: center
}

.mask-body .close[data-v-32809c6e] {
    width: .42667rem;
    height: .42667rem;
    position: absolute;
    top: -.42667rem;
    right: -.42667rem
}

.mask-body .light[data-v-32809c6e] {
    width: 5.52rem;
    height: 5.52rem;
    background-image: url(/images/Light-CDrpLksm.webp);
    background-size: cover;
    animation: irregularSpin-32809c6e 3s linear infinite;
    position: relative
}

.mask-body .light .gift[data-v-32809c6e] {
    width: 2.88rem;
    height: 2.88rem;
    background-image: url(/images/gift-Bx1ke0_S.webp);
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: counterSpin-32809c6e 3s linear infinite
}

@keyframes irregularSpin-32809c6e {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes counterSpin-32809c6e {
    0% {
        transform: translate(-50%, -50%) rotate(0) scale(1)
    }
    25% {
        transform: translate(-50%, -50%) rotate(-90deg) scale(1.2)
    }
    50% {
        transform: translate(-50%, -50%) rotate(-180deg) scale(1)
    }
    75% {
        transform: translate(-50%, -50%) rotate(-270deg) scale(1.2)
    }
    to {
        transform: translate(-50%, -50%) rotate(-360deg) scale(1)
    }
}

.container[data-v-dc2f6b93] {
    margin-block-start: .33333rem;
    height: fit-content;
    position: relative;
    padding-bottom: 3.30667rem
}

.container .l1[data-v-dc2f6b93] {
    color: var(--text_secondary);
    font-family: Poppins;
    font-size: .32rem;
    height: .37333rem;
    line-height: .37333rem;
    text-align: center;
    font-weight: 600;
    position: relative;
    margin: .21333rem auto 0
}

.container .l1 .z1[data-v-dc2f6b93] {
    position: relative;
    z-index: 1
}

.container .l1 span[data-v-dc2f6b93] {
    background: var(--main_gradient_color);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.container .time[data-v-dc2f6b93] {
    background: linear-gradient(90deg, #fff0, #ffffff1a 20.49%, #fff3 50.46%, #ffffff1a 79.8%, #fff0);
    height: .53333rem;
    width: fit-content;
    min-width: 5.04rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .16rem auto 0
}

.container .rank[data-v-dc2f6b93] {
    height: 5.33333rem;
    position: relative
}

.container .rank>.item[data-v-dc2f6b93] {
    position: absolute;
    transform: translate(-50%);
    width: 2.66667rem;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain
}

.container .rank>.item .head[data-v-dc2f6b93] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    bottom: -.26667rem;
    margin: 0 auto
}

.container .rank>.item .head>div[data-v-dc2f6b93] {
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: 10;
    width: fit-content;
    height: fit-content
}

.container .rank>.item .head>div[data-v-dc2f6b93]:after {
    content: "";
    position: absolute;
    display: block
}

.container .rank>.item .head img[data-v-dc2f6b93] {
    width: 1.30667rem;
    height: 1.30667rem;
    border-radius: 50%;
    background-color: #fff
}

.container .rank>.item>.body[data-v-dc2f6b93] {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    gap: .08rem;
    box-sizing: border-box;
    padding-bottom: .38667rem
}

.container .rank>.item>.body>div[data-v-dc2f6b93] {
    height: .37333rem;
    line-height: .37333rem;
    font-size: .32rem
}

.container .rank>.item>.body .name[data-v-dc2f6b93] {
    color: var(--text_primary, #D4E8FF);
    text-align: center;
    font-family: Poppins;
    font-size: .32rem
}

.container .rank>.item>.body .reward[data-v-dc2f6b93] {
    color: var(--text_primary, #D4E8FF);
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 700;
    display: flex;
    gap: .06667rem;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: .64rem;
    line-height: .64rem
}

.container .rank>.item>.body .rankC[data-v-dc2f6b93] {
    position: relative;
    display: inline-block;
    text-align: center;
    font-style: normal;
    font-size: .32rem;
    font-weight: 500;
    color: var(--norm_hint_color)
}

.container .rank>.item.r1[data-v-dc2f6b93] {
    left: 50%;
    top: .24rem;
    background-image: url(/images/base1-BBZlM_-F.webp)
}

.container .rank>.item.r1 .head[data-v-dc2f6b93] {
    width: 2.66667rem;
    height: 2.66667rem;
    position: relative
}

.container .rank>.item.r1 .head>div img[data-v-dc2f6b93] {
    width: 1.6rem;
    height: 1.6rem;
    border: .05333rem solid #F4BD51
}

.container .rank>.item.r1 .head>div[data-v-dc2f6b93]:after {
    width: .93333rem;
    height: .77333rem;
    background: url(/images/icon-champion1-DMHgnztG.webp) no-repeat center/contain;
    top: -.50667rem;
    left: 50%
}

.container .rank>.item.r2[data-v-dc2f6b93] {
    left: 20%;
    top: .61333rem;
    background-image: url(/images/base2-BcEmeOHk.webp)
}

.container .rank>.item.r2 .head[data-v-dc2f6b93] {
    width: 2.21333rem;
    height: 2.42667rem;
    position: relative
}

.container .rank>.item.r2 .head>div img[data-v-dc2f6b93] {
    border: .05333rem solid #A3BEE1
}

.container .rank>.item.r2 .head>div[data-v-dc2f6b93]:after {
    content: "";
    position: absolute;
    display: block;
    width: .73333rem;
    height: .61333rem;
    background: url(/images/icon-champion2-DaA4hek_.webp) no-repeat center/contain;
    top: -.37333rem;
    left: 50%
}

.container .rank>.item.r3[data-v-dc2f6b93] {
    right: 20%;
    top: .61333rem;
    transform: translate(50%);
    background-image: url(/images/base3-Bx42yyPF.webp)
}

.container .rank>.item.r3 .head[data-v-dc2f6b93] {
    width: 2.13333rem;
    height: 2.4rem;
    position: relative
}

.container .rank>.item.r3 .head>div img[data-v-dc2f6b93] {
    border: .05333rem solid #DDB47E
}

.container .rank>.item.r3 .head>div[data-v-dc2f6b93]:after {
    width: .73333rem;
    height: .61333rem;
    background: url(/images/icon-champion3-DIMWHkda.webp) no-repeat center/contain;
    top: -.37333rem;
    left: 50%
}

.container .chechbox[data-v-dc2f6b93] {
    width: 6.82667rem;
    height: 1.06667rem;
    line-height: 1.06667rem;
    margin: auto;
    color: var(--text_btn_main);
    text-align: center;
    border-radius: .66667rem;
    margin-top: .53333rem;
    font-size: .42667rem
}

.container>.reward[data-v-dc2f6b93] {
    width: calc(100% - .8rem);
    height: fit-content;
    border-radius: .32rem;
    border: .02667rem solid var(--Stroke_color);
    background: var(--bg_color_L2);
    margin: .53333rem auto 0;
    padding: .32rem 0 .34667rem
}

.container>.reward .head[data-v-dc2f6b93] {
    line-height: .53333rem;
    min-height: .53333rem;
    width: 7.26667rem;
    margin: auto;
    color: var(--text_primary);
    text-align: center;
    font-size: .42667rem;
    position: relative
}

.container>.reward .head .question[data-v-dc2f6b93] {
    width: .53333rem;
    height: .53333rem;
    position: absolute;
    top: 0;
    right: -.53333rem;
    z-index: 1
}

.container>.reward .c[data-v-dc2f6b93] {
    display: flex;
    flex-direction: column;
    gap: .16rem;
    text-align: center;
    margin-top: .42667rem
}

.container>.reward .c .l1[data-v-dc2f6b93] {
    color: var(--text_secondary);
    font-size: .42667rem;
    height: .64rem;
    line-height: .64rem
}

.container>.reward .c .l2[data-v-dc2f6b93] {
    color: var(--norm_hint_color);
    font-size: 1.28rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.33333rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.container>.reward .c .l2 span[data-v-dc2f6b93] {
    font-family: Unbounded;
    font-size: 1.2rem
}

.container>.reward .c .l3[data-v-dc2f6b93] {
    color: var(--text_secondary);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    height: .56rem;
    line-height: .56rem
}

.container>.reward .c .l3>span[data-v-dc2f6b93] {
    color: var(--norm_hint_color);
    font-family: Roboto
}

.container>.reward .c .l3>span>span[data-v-dc2f6b93] {
    font-family: Poppins
}

.container>.reward .c .btn[data-v-dc2f6b93] {
    border-radius: .66667rem;
    background: var(--main_gradient_color);
    height: 1.06667rem;
    line-height: .53333rem;
    width: 8.56rem;
    color: var(--text_btn_main);
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.container>.reward .c .l4[data-v-dc2f6b93] {
    color: var(--text_secondary);
    text-align: center;
    font-size: .37333rem;
    height: .56rem;
    line-height: .56rem
}

.container>.reward .c .l4 span[data-v-dc2f6b93] {
    color: var(--main_color)
}

.container .cumulative[data-v-dc2f6b93] {
    height: fit-content;
    width: calc(100% - .8rem);
    margin: 0 auto;
    position: relative;
    margin-top: .56rem;
    padding: .32rem 0 .42667rem;
    border: .02667rem solid var(--Stroke_color);
    background: var(--bg_color_L2);
    border-radius: .32rem
}

.container .cumulative .head[data-v-dc2f6b93] {
    line-height: .53333rem;
    min-height: .53333rem;
    width: 7.26667rem;
    margin: auto;
    color: var(--text_primary);
    text-align: center;
    font-size: .42667rem;
    position: relative
}

.container .cumulative .head .question[data-v-dc2f6b93] {
    width: .53333rem;
    height: .53333rem;
    position: absolute;
    top: 0;
    right: -.53333rem;
    z-index: 1
}

.container .cumulative .money[data-v-dc2f6b93] {
    width: 8.13333rem;
    height: 2.64rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .16rem;
    margin: auto;
    margin-top: .38667rem
}

.container .cumulative .money .list[data-v-dc2f6b93] {
    flex: none;
    width: 7.78667rem;
    height: 1.65333rem;
    display: flex;
    gap: .48rem;
    align-items: center;
    justify-content: center
}

.container .cumulative .money .list>div[data-v-dc2f6b93] {
    flex: 1;
    padding-top: 1.17333rem;
    color: var(--main_color);
    text-align: center;
    font-family: Roboto;
    font-size: .32rem;
    line-height: .48rem;
    background-repeat: no-repeat;
    background-size: 1.17333rem;
    background-position: top
}

.container .cumulative .money .list>div.m1[data-v-dc2f6b93] {
    background-image: url(/images/money1-DL_vjEse.webp)
}

.container .cumulative .money .list>div.m2[data-v-dc2f6b93] {
    background-image: url(/images/money2-CzHDVgHM.webp)
}

.container .cumulative .money .list>div.m3[data-v-dc2f6b93] {
    background-image: url(/images/money3-VnuAQkyF.webp)
}

.container .cumulative .money .list>div.m4[data-v-dc2f6b93] {
    background-image: url(/images/money4-T875JKqe.webp)
}

.container .cumulative .money .list>div.m5[data-v-dc2f6b93] {
    background-image: url(/images/money5-DzpVK2wV.webp)
}

.container .cumulative .money .ball[data-v-dc2f6b93] {
    position: relative;
    flex: none;
    display: flex;
    width: 100%;
    height: .24rem;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: .66667rem;
    border: .01333rem solid var(--Stroke_color);
    background: var(--bg_color_L4)
}

.container .cumulative .money .ball[data-v-dc2f6b93]:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: .66667rem;
    background: var(--progress_bar);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.container .cumulative .money .ball.p0[data-v-dc2f6b93]:after {
    width: 0%
}

.container .cumulative .money .ball.p1[data-v-dc2f6b93]:after {
    width: 10%
}

.container .cumulative .money .ball.p2[data-v-dc2f6b93]:after {
    width: 30%
}

.container .cumulative .money .ball.p3[data-v-dc2f6b93]:after {
    width: 50%
}

.container .cumulative .money .ball.p4[data-v-dc2f6b93]:after {
    width: 70%
}

.container .cumulative .money .ball.p5[data-v-dc2f6b93]:after {
    width: 100%
}

.container .cumulative .money .ball>div[data-v-dc2f6b93] {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: relative
}

.container .cumulative .money .ball>div .svgIcon[data-v-dc2f6b93] {
    width: .29333rem;
    height: .32rem
}

.container .cumulative .money .ball>div .confirm[data-v-dc2f6b93] {
    position: absolute;
    left: 50%;
    top: .04rem;
    transform: translate(-45%);
    width: .26667rem;
    height: .18667rem
}

.container .cumulative .money .amount[data-v-dc2f6b93] {
    flex: none;
    width: 7.78667rem;
    height: .37333rem;
    color: var(--text_primary);
    text-align: center;
    font-family: Roboto;
    font-size: .32rem;
    display: flex;
    gap: .34667rem;
    align-items: center;
    justify-content: center
}

.container .cumulative .money .amount>div[data-v-dc2f6b93] {
    flex: 1
}

.container .cumulative .text[data-v-dc2f6b93] {
    flex: none;
    color: var(--text_secondary);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    margin-top: .21333rem
}

.container .cumulative .text[data-v-dc2f6b93] span {
    color: var(--norm_hint_color)
}

.container .route[data-v-dc2f6b93] {
    display: flex;
    height: fit-content;
    gap: .13333rem;
    width: calc(100% - .8rem);
    margin: .29333rem auto 0
}

.container .route>div[data-v-dc2f6b93] {
    flex: 1;
    height: 2rem;
    display: flex;
    flex-direction: column;
    border-radius: .16rem;
    border: .02667rem solid var(--Stroke_color);
    background: var(--bg_color_L2);
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .37333rem;
    align-items: center;
    justify-content: center
}

.container .route>div span[data-v-dc2f6b93] {
    color: var(--text_secondary);
    font-size: .48rem
}

.container .route>div>div[data-v-dc2f6b93]:first-of-type {
    height: .56rem;
    display: flex;
    gap: .10667rem;
    align-items: center;
    justify-content: center
}

.container .route>div .glod[data-v-dc2f6b93] {
    color: var(--norm_hint_color);
    font-size: .48rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .16rem
}

.container .route>div .glod .icon[data-v-dc2f6b93] {
    width: .53333rem;
    height: .53333rem
}

.container .layout-right[data-v-dc2f6b93],
.container .layout-left[data-v-dc2f6b93] {
    min-width: 1.73333rem;
    width: fit-content;
    height: .8rem;
    background: var(--main_gradient_color);
    position: absolute;
    color: var(--text_btn_main, #F1F7FF);
    top: 3.92rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .21333rem;
    font-size: .32rem
}

.container .layout-left[data-v-dc2f6b93] {
    border-radius: 0 .21333rem .21333rem 0;
    left: 0
}

.container .layout-right[data-v-dc2f6b93] {
    border-radius: .21333rem 0 0 .21333rem;
    right: 0
}

.footer[data-v-dc2f6b93] {
    width: 9.33333rem;
    height: fit-content;
    position: fixed;
    bottom: 1.08rem;
    left: 50%;
    transform: translate(-50%);
    padding: .33333rem .21333rem 1.46667rem;
    z-index: 10;
    border-radius: .32rem;
    border: .02667rem solid var(--Stroke_color, #2E3847);
    background: var(--bg_color_L4, #111325)
}

.footer>div[data-v-dc2f6b93] {
    flex: none
}

.footer>div[data-v-dc2f6b93]:first-of-type {
    line-height: .37333rem;
    color: var(--text_secondary);
    font-size: .32rem
}

.footer>div[data-v-dc2f6b93]:first-of-type span {
    color: var(--main_color)
}

.footer>div.btn[data-v-dc2f6b93] {
    width: 6.93333rem;
    height: .85333rem;
    border-radius: .66667rem;
    background: var(--main_gradient_color);
    color: var(--text_btn_main);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .42667rem;
    margin: .32rem auto 0
}

.mark[data-v-dc2f6b93] {
    width: 100vw;
    height: 100vh;
    background: #000000b3;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: flex;
    justify-content: center;
    align-items: center
}

.mark .box[data-v-dc2f6b93] {
    border-radius: .32rem;
    border: .02667rem solid var(--main_gradient_color);
    background: var(--bg_color_L4);
    width: calc(100% - .8rem);
    max-width: 10rem;
    height: 12rem;
    position: relative;
    height: fit-content;
    padding: 1.81333rem .2rem .2rem
}

.mark .box[data-v-dc2f6b93]:after {
    content: "";
    width: calc(100% + .05333rem);
    height: calc(100% + .05333rem);
    border-radius: .32rem;
    position: absolute;
    top: -.02667rem;
    left: -.02667rem;
    z-index: -1;
    background: var(--main_gradient_color)
}

.mark .box .close[data-v-dc2f6b93] {
    background: url(data:image/webp;base64,UklGRsoDAABXRUJQVlA4WAoAAAAQAAAAHwAAIAAAQUxQSHUBAAABkGPbtmpFOzjjZWj0x4t44/Jx99Ay74QTvYzQ3aETkLk7lFeFGrq741zknXNvSQMigoHbto0SCbi9nPsE/oeO29bbcXZPM+0FalZr/VQZy3uqtd6hy4rS2gZ1pf4aAUA9sMELqO97BMoY/sUwuz+Udllhf2nfhGKu+IqAmLLeLQPqWeApDrZ6y2IAkFs+IBBYZg5UhAiX7bgVjLd5wvL+pa4DyPzuynC8p9xylwCR37+X/LQUtncjuCyzstRanGfaK1Pe4hcX2AtQKCONqW8GNeKkMPW3WoM8rSea9wtl5VMt9dN4aw8eH7AELd2/vn6dY+fGROvEFsfiavtbAzU5NQOb+wxJKcwIt0Ignk+pnJZzxYEI7ZrCJIk9uqxYNoZCmCTsfBkDUPgRk8+ZtPOeIlDGyKf9r8KkSIufTj4G/hvVNLU+18smRVrsnVufbFIERBU1tfplIQcwUOa3NhdFAKAoLyMcQ4CJ2HCGuvJqgWDVRAQAAFZQOCAuAgAA8AwAnQEqIAAhAD5JHItEIqGhGqQAKASEtgBdmbtfh/umAUIDxDdwBuh/9L/yvWd+gB0lP7keiBngy4P65i2WxAAz+0D4/f7jyO6gH6u9Vr9oySNEQxZy+H0pT55sgy3wh8vaq5QUK661xxnArplbAAD+2ucTd9VVD/lWt20DcAD/5ok5Rav/FD9K8ctNf/66I4LspDQNcsYoQDz3u+b8Uzdca0x42t5F+/F2YCyT01/UiKI3787W58ZuLZHjFuPkGWrDs6cH37jkvrVS99Rkf/SHGM6HOXj2sa4t85vjDySnFtHMDeoYJDzo3hbufmACL48rud75z+LReSHfb35/URfyopjel87Hon4fuUlLlYcVoLqVyrmRRQiNor9zH1OKRmnmV2y8m6B+KnufakNH79gHaTIqOlSjRk9E43AJxRt1s0H1/EtqJuZJ3WL57mKMpQd9hyBKj+H77f8IIffiatNAS/b/3MvtP/Js6MqnlZGluT71k1+XUU1PBlFBtUOaVH5bw+WmzMOg+AjPHj4xTzK7ZgDenaPj/puodzXjoI8eKKQXfSMnpYS3QUtzg1nKO3r9QNvFqdXPjsqQDlSn/DhD+kf2H8YVZUdLGsx8J+aMrd309svJ53bN+8Oez3eMX8yI8RoFdsMBXN7cg+Zcd8vL2r8hRqI9UOfluFkN+YCs0RRwUle9MMPNIzkH8oll9UpaUKuhwGgTrIL/mB//06HyBDTu6P/5GoAAAAAA) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: .42667rem;
    height: .42667rem;
    top: -1.6rem;
    right: .4rem
}

.mark .box .jackpot[data-v-dc2f6b93] {
    position: absolute;
    top: -1.6rem;
    left: 50%;
    transform: translate(-50%)
}

.mark .box .body[data-v-dc2f6b93] {
    width: 100%;
    height: 11.2rem;
    display: flex;
    flex-direction: column;
    gap: .16rem;
    overflow: auto
}

.mark .box .body>.item[data-v-dc2f6b93] {
    height: 1.33333rem;
    width: 100%;
    flex: none;
    display: flex;
    padding: 0 .58667rem 0 .26667rem;
    justify-content: space-between;
    align-items: center;
    border-radius: .21333rem;
    border: .02667rem solid var(--Stroke_color);
    background: var(--bg_color_L2);
    gap: .26667rem;
    animation: .2s ease-out .2s 1 normal both running fly-in-left-dc2f6b93
}

.mark .box .body>.item.r1[data-v-dc2f6b93] {
    background: var(--bg_color_L1, #202733)
}

.mark .box .body>.item.r2[data-v-dc2f6b93] {
    background: var(--bg_color_L1, #202733)
}

.mark .box .body>.item.r3[data-v-dc2f6b93] {
    background: var(--bg_color_L1, #202733)
}

.mark .box .body>.item .rank[data-v-dc2f6b93] {
    flex: none;
    width: .66667rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: .96rem .76rem;
    background-position: center
}

.mark .box .body>.item .rank>div[data-v-dc2f6b93] {
    color: var(--text_tertiary);
    text-align: center;
    font-size: .42667rem;
    font-style: italic;
    font-weight: 600;
    line-height: .85333rem
}

.mark .box .body>.item .rank.first[data-v-dc2f6b93] {
    width: .96rem;
    background-image: url(/images/r1-typ0GTK9.webp)
}

.mark .box .body>.item .rank.second[data-v-dc2f6b93] {
    width: .96rem;
    background-image: url(/images/r2-B9mKO6xm.webp)
}

.mark .box .body>.item .rank.third[data-v-dc2f6b93] {
    width: .96rem;
    background-image: url(/images/r3-Cgz8CkG8.webp)
}

.mark .box .body>.item .user[data-v-dc2f6b93] {
    flex: none;
    width: 1.2rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.mark .box .body>.item .user img[data-v-dc2f6b93] {
    width: .85333rem;
    height: .85333rem
}

.mark .box .body>.item .user>div[data-v-dc2f6b93] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.2rem;
    height: 1.13333rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.mark .box .body>.item .user>div.l1[data-v-dc2f6b93] {
    background-image: url(/images/g1-DPeC4ANe.webp)
}

.mark .box .body>.item .user>div.l2[data-v-dc2f6b93] {
    background-image: url(/images/g2-DaUit5Ud.webp)
}

.mark .box .body>.item .user>div.l3[data-v-dc2f6b93] {
    background-image: url(/images/g3-BHmmuUby.webp)
}

.mark .box .body>.item .name[data-v-dc2f6b93] {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: .05333rem;
    color: var(--text_secondary);
    font-family: Poppins;
    font-size: .32rem
}

.mark .box .body>.item .name>div[data-v-dc2f6b93]:first-child {
    height: .48rem;
    line-height: .48rem
}

.mark .box .body>.item .name .y[data-v-dc2f6b93] {
    color: var(--main_color);
    font-family: Poppins;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: .32rem;
    height: .32rem;
    display: flex;
    align-items: center;
    gap: .10667rem
}

.mark .box .body>.item .amount[data-v-dc2f6b93] {
    flex: 1;
    color: var(--norm_hint_color);
    text-align: right;
    font-size: .32rem
}

.jackpot[data-v-dc2f6b93] {
    width: 9.36rem;
    height: 2.90667rem;
    background-image: var(--v0163511c);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: .33333rem auto 0
}

.jackpot .ranking-icon[data-v-dc2f6b93] {
    width: .66667rem;
    height: .66667rem;
    position: absolute;
    top: 0;
    right: .4rem;
    z-index: 1
}

.jackpot .amountList[data-v-dc2f6b93] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1.33333rem;
    gap: .21333rem;
    position: relative;
    left: -.08rem
}

.jackpot .amountList>div[data-v-dc2f6b93] {
    width: .52rem;
    padding: 0 .02667rem;
    flex: none;
    text-align: center;
    font-family: Impact;
    font-size: .90667rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    background: linear-gradient(180deg, #fbcd67 16.27%, #e7be6c 27.59%, #fbf9c8 40.92%, #f9f2a4 52.49%, #c49954 62.03%, #d29d4d 68.28%, #fee777 74.86%, #ba8741 79.39%, #b6672e 84.94%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 .04rem .04rem rgba(19, 1, 5, .9))
}

@keyframes fly-in-left-dc2f6b93 {
    0% {
        transform: translate(-1.33333rem);
        opacity: 0
    }
    to {
        transform: translate(0);
        opacity: 1
    }
}

.dialogTitle[data-v-dc2f6b93] {
    color: var(--text_primary);
    text-align: center;
    font-size: .53333rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.nav[data-v-105d3941] {
    height: 1.44rem;
    line-height: normal;
    margin-right: -.4rem;
    margin-left: -1.06667rem;
    background: var(--bg_color_L2);
    display: flex;
    align-items: center;
    padding-inline-start: 1.46667rem;
    color: var(--text_tertiary);
    text-align: center;
    font-family: Poppins;
    font-size: .34667rem;
    position: relative;
    z-index: 1
}

.nav>div[data-v-105d3941] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100% - .05333rem);
    width: 33.3333333333%;
    flex: none
}

.nav>div span[data-v-105d3941] {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nav>div.active[data-v-105d3941] {
    color: var(--text_primary);
    position: relative
}

.nav>div.active[data-v-105d3941]:after {
    content: "";
    width: 1.30667rem;
    height: .02667rem;
    background: var(--main_gradient_color);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 1
}

.page-title[data-v-32f3fd8b] {
    display: flex;
    height: 1.17333rem;
    padding: .22667rem 0;
    justify-content: center;
    align-items: center;
    color: var(--text_primary);
    font-size: .48rem;
    font-weight: 600;
    margin-bottom: .16rem;
    position: relative;
    background: var(--bg_color_L2)
}

.page-content[data-v-32f3fd8b] {
    padding: .32rem .4rem .4rem;
    background: var(--bg_color_L1)
}

.commission-section[data-v-32f3fd8b] {
    margin-bottom: .42667rem;
    background: var(--secondary_color2);
    border-radius: .21333rem
}

.commission-section .commission-info[data-v-32f3fd8b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .21333rem;
    height: 3.06667rem;
    border-radius: .21333rem;
    background-image: var(--v12dc42d8);
    background-size: cover;
    background-position: center
}

.commission-section .commission-info .commission-title[data-v-32f3fd8b] {
    color: var(--text_primary);
    text-align: center;
    font-family: Poppins;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 500;
    line-height: .58667rem
}

.commission-section .commission-info .commission-amount[data-v-32f3fd8b] {
    color: var(--main_color);
    font-family: Poppins;
    font-size: .66667rem;
    font-style: normal;
    font-weight: 600;
    line-height: .50667rem
}

.subordinates-card[data-v-32f3fd8b] {
    background-color: var(--bg_color_L2);
    border-radius: .21333rem;
    overflow: hidden;
    box-shadow: 0 .05333rem .37333rem #383a4c08;
    min-height: 6.24rem
}

.subordinates-card .tab-header[data-v-32f3fd8b] {
    display: flex;
    gap: .05333rem
}

.subordinates-card .tab-header .tab-item[data-v-32f3fd8b] {
    flex: 1;
    height: 1.06667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .37333rem;
    color: var(--text_btn_main);
    background: var(--secondary_color3)
}

.subordinates-card .tab-content[data-v-32f3fd8b] {
    padding: .26667rem .33333rem;
    display: flex;
    align-items: stretch
}

.subordinates-card .tab-content .line[data-v-32f3fd8b] {
    flex: none;
    width: .01333rem;
    background: var(--Dividing_line_color)
}

.subordinates-card .tab-content .content-item[data-v-32f3fd8b] {
    flex: 1;
    display: flex;
    flex-direction: column
}

.subordinates-card .tab-content .content-item .item[data-v-32f3fd8b] {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: var(--text_primary);
    font-size: .37333rem;
    font-weight: 500
}

.subordinates-card .tab-content .content-item .item .title[data-v-32f3fd8b] {
    font-size: .32rem;
    text-wrap: wrap;
    text-align: center;
    font-weight: 400;
    color: var(--text_secondary)
}

.subordinates-card .tab-content .content-item .item .green[data-v-32f3fd8b] {
    color: var(--norm_green_color)
}

.subordinates-card .tab-content .content-item .item .yellow[data-v-32f3fd8b] {
    color: var(--norm_hint_color)
}

.subordinates-card2[data-v-32f3fd8b] {
    min-height: 6.24rem;
    display: flex;
    flex-direction: column;
    background: var(--bg_color_L2);
    border-radius: .21333rem
}

.subordinates-card2 .half[data-v-32f3fd8b] {
    padding: 0 .4rem;
    flex: 1;
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .37333rem;
    height: 3.12rem;
    box-sizing: border-box;
    color: var(--text_primary)
}

.subordinates-card2 .half .item[data-v-32f3fd8b] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--text_secondary)
}

.subordinates-card2 .half .item .text[data-v-32f3fd8b] {
    color: var(--text_primary)
}

.subordinates-card2 .half+.half[data-v-32f3fd8b] {
    padding: .57333rem .4rem 0;
    border-top: .01333rem solid var(--Dividing_line_color)
}

.subordinates-card2 .half+.half .item[data-v-32f3fd8b] {
    justify-content: start
}

.subordinates-card2 .half .amount[data-v-32f3fd8b] {
    background: var(--bg_color_L3);
    border-radius: .66667rem;
    min-width: 3.2rem;
    display: flex;
    width: fit-content;
    height: .8rem;
    justify-content: center;
    align-items: center;
    padding: 0 .26667rem;
    color: var(--main_color);
    font-size: .42667rem;
    font-weight: 500;
    margin-bottom: .16rem
}

.my-swipe[data-v-32f3fd8b] {
    padding-bottom: .8rem
}

.my-swipe[data-v-32f3fd8b] .van-swipe__indicators {
    bottom: .4rem
}

.my-swipe[data-v-32f3fd8b] .van-swipe__indicators i {
    background-color: var(--text_tertiary);
    width: .13333rem;
    height: .13333rem;
    border-radius: .13333rem
}

.my-swipe[data-v-32f3fd8b] .van-swipe__indicators i.van-swipe__indicator--active {
    width: .26667rem
}

.invitation-btn[data-v-32f3fd8b] {
    height: 1.17333rem;
    font-size: .4rem;
    font-weight: 500;
    border-radius: .66667rem;
    color: var(--text_btn_main);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .42667rem
}

.invitation-card[data-v-32f3fd8b] {
    background-color: var(--bg_color_L2);
    border-radius: .26667rem;
    overflow: hidden;
    box-shadow: var(--box_shadow_1);
    padding: 0 .42667rem
}

.invitation-card .invitation-item[data-v-32f3fd8b] {
    display: flex;
    align-items: center;
    gap: .21333rem;
    border-bottom: .01333rem solid var(--Dividing_line_color);
    font-size: .37333rem;
    height: 1.17333rem
}

.invitation-card .invitation-item[data-v-32f3fd8b]:last-child {
    border-bottom: none
}

.invitation-card .invitation-item .icon[data-v-32f3fd8b] {
    width: .64rem;
    height: .64rem
}

.invitation-card .invitation-item .icon2[data-v-32f3fd8b] {
    width: .42667rem;
    height: .42667rem
}

.invitation-card .invitation-item .item-text[data-v-32f3fd8b] {
    flex: 1;
    color: var(--text_primary)
}

.invitation-card .invitation-item .item-code[data-v-32f3fd8b] {
    color: var(--text_primary);
    font-size: .32rem
}