@charset "UTF-8";
.sheet-mask[data-v-753e099d] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #00000080;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.sheet-panel[data-v-753e099d] {
    width: 100%;
    max-width: 10rem;
    max-height: 80vh;
    background: var(--bg_color_L2);
    border-radius: .21333rem .21333rem 0 0;
    will-change: transform
}

.bottom-sheet-enter-active[data-v-753e099d],
.bottom-sheet-leave-active[data-v-753e099d] {
    transition: opacity .25s ease
}

.bottom-sheet-enter-from[data-v-753e099d],
.bottom-sheet-leave-to[data-v-753e099d] {
    opacity: 0
}

.bottom-sheet-enter-from .sheet-panel[data-v-753e099d] {
    transform: translateY(100%)
}

.card[data-v-1cf8903d] {
    padding: .32rem;
    background-color: var(--bg_color_L3);
    border: .02667rem solid var(--Stroke_color);
    border-radius: .21333rem;
    display: flex;
    flex-direction: column;
    gap: .32rem
}

.card+.card[data-v-1cf8903d] {
    margin-top: .32rem
}

.title[data-v-1cf8903d] {
    font-size: .34667rem;
    color: var(--text_secondary)
}

.inputCode[data-v-1cf8903d] {
    width: 100%;
    height: .93333rem;
    background-color: var(--bg_color_L4);
    border: .02667rem solid var(--Stroke_color);
    border-radius: .21333rem;
    padding: 0 .32rem;
    line-height: .93333rem;
    box-sizing: border-box;
    outline: none;
    font-size: .32rem;
    color: var(--text_primary);
    min-width: 0
}

.inputCode[data-v-1cf8903d]::placeholder {
    color: var(--text_placeholder);
    font-size: .32rem
}

.contact[data-v-1cf8903d] {
    display: flex;
    justify-content: center;
    gap: .4rem
}

.contact .btn[data-v-1cf8903d] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .16rem;
    flex: 1;
    font-size: .34667rem;
    padding: .13333rem 0;
    border: .02667rem solid var(--Stroke_color);
    background-color: var(--bg_color_L4);
    border-radius: .21333rem;
    color: var(--text_secondary)
}

.contact .icon[data-v-1cf8903d] {
    width: .61333rem;
    height: .61333rem
}

article[data-v-1cf8903d] {
    max-width: 100vw
}

article[data-v-1cf8903d] * {
    max-width: 100%;
    height: auto
}

.invite-withdrawal[data-v-1b0de003] {
    width: 100%;
    height: 1.38667rem;
    display: flex;
    flex-direction: column;
    gap: .16rem;
    margin-bottom: .42667rem
}

.invite-times[data-v-1b0de003] {
    margin-bottom: .42667rem;
    width: 100%;
    height: 1.38667rem;
    display: flex;
    align-items: center
}

.title[data-v-1b0de003] {
    color: var(--text_primary);
    font-family: Poppins;
    font-size: .37333rem;
    font-weight: 700;
    line-height: .53333rem
}

.title[data-v-1b0de003] span {
    color: var(--norm_hint_color)
}

.step[data-v-1b0de003] {
    width: 100%;
    height: .16rem;
    background: var(--bg_color_L4);
    border-radius: .16rem;
    overflow: hidden
}

.step div[data-v-1b0de003] {
    height: 100%;
    background: var(--progress_bar);
    border-radius: .16rem 0 0 .16rem;
    transition: width .3s ease
}

.step-text[data-v-1b0de003] {
    color: var(--text_secondary);
    font-size: .32rem;
    font-weight: 500;
    line-height: .45333rem;
    text-align: end
}

.step-text span[data-v-1b0de003] {
    color: var(--norm_hint_color)
}

.left-pic[data-v-1b0de003] {
    background-image: var(--v0938a0c8);
    background-size: 1.13333rem 1.17333rem;
    background-repeat: no-repeat;
    background-position: left center;
    padding-inline-start: 1.37333rem
}

.invite-withdrawal[data-v-7f686bf1] {
    width: 100%;
    height: 1.38667rem;
    display: flex;
    flex-direction: column;
    gap: .16rem;
    margin-bottom: .42667rem
}

.invite-times[data-v-7f686bf1] {
    width: 100%;
    height: 1.38667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .16rem;
    margin-bottom: .42667rem
}

.invite-times .text[data-v-7f686bf1] {
    font-size: .37333rem;
    font-weight: 500;
    color: var(--text_primary)
}

.invite-times .text[data-v-7f686bf1] span {
    color: var(--norm_hint_color)
}

.title[data-v-7f686bf1] {
    color: var(--text_primary);
    font-family: Poppins;
    font-size: .37333rem;
    font-weight: 700;
    line-height: .53333rem
}

.title[data-v-7f686bf1] span {
    color: var(--norm_hint_color)
}

.step[data-v-7f686bf1] {
    width: 100%;
    height: .16rem;
    background: var(--bg_color_L4);
    border-radius: .16rem;
    overflow: hidden
}

.step div[data-v-7f686bf1] {
    height: 100%;
    background: var(--progress_bar);
    border-radius: .16rem 0 0 .16rem;
    transition: width .3s ease
}

.step-text[data-v-7f686bf1] {
    color: var(--text_secondary);
    font-size: .32rem;
    font-weight: 500;
    line-height: .45333rem;
    text-align: end
}

.step-text span[data-v-7f686bf1] {
    color: var(--norm_hint_color)
}

.left-pic1[data-v-7f686bf1] {
    background-image: var(--v34a8b124);
    background-size: 1.17333rem 1.17333rem;
    background-repeat: no-repeat;
    background-position: left center;
    padding-inline-start: 1.37333rem
}

.left-pic2[data-v-7f686bf1] {
    background-image: var(--v34a8a9a2);
    background-size: 1.17333rem 1.17333rem;
    background-repeat: no-repeat;
    background-position: left center;
    padding-inline-start: 1.37333rem
}

.left-pic3[data-v-7f686bf1] {
    background-image: var(--v34a8a220);
    background-size: 1.17333rem 1.17333rem;
    background-repeat: no-repeat;
    background-position: left center;
    padding-inline-start: 1.37333rem
}

.left-pic4[data-v-7f686bf1] {
    background-image: var(--v34a89a9e);
    background-size: 1.17333rem 1.17333rem;
    background-repeat: no-repeat;
    background-position: left center;
    padding-inline-start: 1.37333rem
}

.btn-small[data-v-7f686bf1] {
    color: var(--text_btn_main);
    display: flex;
    width: 2.77333rem;
    height: .85333rem;
    justify-content: center;
    align-items: center;
    font-size: .37333rem;
    font-weight: 500;
    border-radius: .66667rem
}

.rankCard ul[data-v-74334686] {
    display: flex;
    flex-direction: column;
    gap: .42667rem;
    margin-bottom: .42667rem
}

.rankCard ul li[data-v-74334686] {
    background-color: var(--bg_color_L3);
    border: .02667rem solid var(--Stroke_color);
    padding: .21333rem .32rem;
    height: 1.49333rem;
    border-radius: .21333rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text_primary);
    font-size: .37333rem;
    font-weight: 500;
    line-height: .53333rem
}

.rankCard ul li span[data-v-74334686] {
    color: var(--norm_hint_color)
}

.rankCard ul li .bonus[data-v-74334686] {
    width: 40%
}

.rankCard ul li .rank[data-v-74334686] {
    display: flex;
    align-items: center;
    gap: .24rem
}

.rankCard ul li i[data-v-74334686] {
    width: 1.06667rem;
    height: 1.06667rem
}

.rankCard ul li i.dayIcon[data-v-74334686] {
    background: url(/images/rank1-Cxj2a-Rt.webp) no-repeat center;
    background-size: .65333rem 1.06667rem
}

.rankCard ul li i.weekIcon[data-v-74334686] {
    background: url(/images/rank2-9p8Mo5-M.webp) no-repeat center;
    background-size: .65333rem 1.06667rem
}

.rankCard ul li i.monthIcon[data-v-74334686] {
    background: url(/images/rank3-B6tIRv0y.webp) no-repeat center;
    background-size: .65333rem 1.06667rem
}

.agentCard .nav-list[data-v-d811ce8b] {
    display: flex;
    gap: .2rem;
    margin-bottom: .42667rem
}

.agentCard .nav-list li[data-v-d811ce8b] {
    display: flex;
    width: 2.93333rem;
    height: 1.17333rem;
    padding: .16rem .26667rem;
    justify-content: center;
    align-items: center;
    gap: .16rem;
    border-radius: .66667rem;
    background: var(--bg_color_L2);
    box-shadow: 0 .05333rem .05333rem #00000040, 0 .02667rem #2e384a inset;
    color: var(--text_secondary);
    text-align: center;
    font-size: .37333rem;
    font-weight: 400;
    line-height: .48rem;
    position: relative
}

.agentCard .nav-list li.curr[data-v-d811ce8b] {
    color: var(--text_btn_main);
    text-shadow: .01333rem .02667rem .02667rem rgba(0, 0, 0, .3);
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: .48rem;
    border-radius: .66667rem;
    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
}

.agentCard .nav-list li .tip[data-v-d811ce8b] {
    height: .42667rem;
    line-height: .42667rem;
    color: #fff;
    padding: 0 .13333rem;
    position: absolute;
    right: 0;
    top: -.21333rem;
    border-radius: .66667rem;
    border: .01333rem solid var(--secondary_color1, #e1efff);
    background: var(--progress_bar, linear-gradient(270deg, #f8a956 0%, #d4762a 100%))
}

.agentCard .nav-list li .iconLock[data-v-d811ce8b] {
    width: .53333rem;
    height: .53333rem;
    background: url(data:image/webp;base64,UklGRmgBAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSLYAAAABgFVtb97mg2AG+5gsDGYGNYOVQSEEQiAEgiEYgiAYgi7k2pL3cx0RE4D/I8v3KzOuVB3KI4ZNJ4UBFJ0WulF0UZLXpcN6nnWgtxPVyicAUIwePqcRYshuTp9mHnj7Ms1HLd8lox6pDMrkIHPp2dVZngtZA4+5GlHnNPTH9ZxQZIcvADg2aBjKNjWuJ0ON02quHcTIX9QTwL6DtiM33WJ9rkf0uTvimqP4CefA26sSy+nDNeH/DFZQOCCMAAAAEAQAnQEqKAAoAD6dSJtKqBVSk5UkWAnEoAuyFxyLSwiAx9uXRx9LtUAA/t0P/+6Z/+8+H/+7bnNhSLyjQ6WWUYfBvPAf03KssdHp8goeIJCX/9Aa4///dnwyddU3B09VNgaXKGO1Ve/+nTYJ/vr3sbH/rAzF3nKK2WFyJMmcEpQRMb7drTfr1FX/JAA=) no-repeat center;
    background-size: contain
}

.agentCard .nav-list li .iconLock.iconLock_act[data-v-d811ce8b] {
    background: url(data:image/webp;base64,UklGRiIBAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSLYAAAABgFVtb97mg2AG+5gsDGYGNYOVQSEEQiAEgiEYgiAYgi7k2pL3cx0RE4D/I8v3KzOuVB3KI4ZNJ4UBFJ0WulF0UZLXpcN6nnWgtxPVyicAUIwePqcRYshuTp9mHnj7Ms1HLd8lox6pDMrkIHPp2dVZngtZA4+5GlHnNPTH9ZxQZIcvADg2aBjKNjWuJ0ON02quHcTIX9QTwL6DtiM33WJ9rkf0uTvimqP4CefA26sSy+nDNeH/DFZQOCBGAAAAUAMAnQEqKAAoAD6dSp9LogiJygAsBOJZwDO7BP9kI8B1RAAA/u4C//66z/+uWv/+t4Zo+Ju7//+8THyCzZOTlmZdpIAAAA==) no-repeat center;
    background-size: contain
}

.rewardCont[data-v-d811ce8b] {
    border-radius: .21333rem;
    background: var(--bg_color_L3)
}

.rewardCont .rewardTitle[data-v-d811ce8b] {
    height: 3.09333rem;
    padding-left: .32rem;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: .21333rem .21333rem 0 0;
    background: var(--secondary_color2);
    color: var(--text_primary, #d4e8ff);
    text-align: center;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 500;
    line-height: .45333rem
}

.rewardCont .rewardTitle .leftImg img[data-v-d811ce8b] {
    width: 2.13333rem;
    height: 2.13333rem
}

.rewardCont .rewardTitle .leftImg p[data-v-d811ce8b] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text_primary);
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    gap: .05333rem;
    line-height: .32rem
}

.rewardCont .rewardTitle .leftImg p .i[data-v-d811ce8b] {
    width: .32rem;
    height: .32rem
}

.rewardCont .rewardTitle .rightProcess[data-v-d811ce8b] {
    font-style: normal;
    font-weight: 400;
    line-height: .42667rem;
    margin-left: .53333rem
}

.rewardCont .rewardTitle .rightProcess p[data-v-d811ce8b] {
    font-size: .37333rem;
    color: var(--text_primary);
    text-align: left;
    margin-bottom: .16rem
}

.rewardCont .rewardTitle .rightProcess p span[data-v-d811ce8b] {
    color: var(--norm_hint_color)
}

.rewardCont .rewardTitle .rightProcess .firstBar[data-v-d811ce8b] {
    margin-bottom: .32rem
}

.rewardCont .rewardTitle .rightProcess .processBar[data-v-d811ce8b] {
    width: 5.8rem;
    height: .16rem;
    border-radius: .06667rem;
    background: var(--bg_color_L4)
}

.rewardCont .rewardTitle .rightProcess .processBar .line[data-v-d811ce8b] {
    height: 100%;
    border-radius: .06667rem;
    background: var(--progress_bar, linear-gradient(270deg, #f8a956 0%, #d4762a 100%))
}

.rewardCont .rewardTitle.tit[data-v-d811ce8b] {
    background: var(--bg_color_L4)
}

.rewardCont .rewardItem[data-v-d811ce8b] {
    display: flex;
    flex-direction: column;
    padding: .32rem 0
}

.rewardCont .rewardItem .item1[data-v-d811ce8b] {
    display: flex;
    padding: 0 .32rem;
    justify-content: space-between;
    align-items: center;
    color: var(--text_secondary, #86a1c0);
    font-size: .34667rem;
    font-style: normal;
    font-weight: 500;
    height: 1.12rem;
    line-height: .45333rem;
    margin-bottom: .16rem
}

.rewardCont .rewardItem .item1 span[data-v-d811ce8b] {
    font-size: .53333rem;
    color: var(--norm_hint_color)
}

.rewardCont .rewardItem .timeLeft[data-v-d811ce8b] {
    margin: .26667rem 0 0 .32rem;
    display: flex;
    align-items: center;
    color: var(--norm_red_color, #DB2C23);
    text-align: center;
    font-family: Poppins;
    font-size: .32rem;
    gap: .16rem
}

.rewardCont .rewardItem .icon[data-v-d811ce8b] {
    width: .32rem;
    height: .32rem
}

.rewardCont.invitCont[data-v-d811ce8b] {
    margin-top: .42667rem
}

.rewardCont.invitCont .rewardTitle[data-v-d811ce8b] {
    height: 1.09333rem
}

.rewardCont.invitCont .rewardTitle span[data-v-d811ce8b] {
    color: var(--norm_hint_color);
    margin-right: .2rem
}

.loss-container[data-v-a33c1693] {
    display: flex;
    flex-direction: column;
    gap: .4rem
}

.loss-container-box[data-v-a33c1693] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: .21333rem
}

.loss-container-box__title[data-v-a33c1693] {
    width: 100%;
    background: var(--bg_color_L4);
    padding: .32rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .34667rem;
    font-weight: 500;
    color: var(--text_primary, #D4E8FF)
}

.loss-container-box__container[data-v-a33c1693] {
    background: var(--bg_color_L3, #2D3747);
    padding: .32rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: .32rem
}

.loss-container-box__container-received[data-v-a33c1693] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .34667rem;
    color: var(--text_secondary, #86A1C0);
    width: 100%
}

.loss-container-box__container-received .amount[data-v-a33c1693] {
    color: var(--norm_hint_color, #EDB04C);
    font-size: .66667rem
}

.loss-container-box__container-btn[data-v-a33c1693] {
    display: flex;
    width: 6.66667rem;
    height: 1.17333rem;
    padding: .13333rem;
    justify-content: center;
    align-items: center;
    gap: .13333rem;
    border-radius: .66667rem;
    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;
    color: var(--text_btn_main, #F1F7FF);
    text-shadow: .01333rem .02667rem .02667rem rgba(0, 0, 0, .3);
    font-size: .42667rem;
    font-weight: 600
}

.loss-container-box__container-expired[data-v-a33c1693] {
    width: 100%;
    color: var(--text_secondary, #86A1C0);
    font-size: .32rem
}

.loss-container-box__container-expired .expired-time[data-v-a33c1693] {
    display: flex;
    gap: .13333rem
}

.loss-container-box__container-expired .expired-time[data-v-a33c1693] .countdown-timer span {
    color: var(--norm_red_color, #DB2C23)
}

.agentCard .nav-list[data-v-6d0ded1f] {
    display: flex;
    gap: .2rem;
    margin-bottom: .42667rem
}

.agentCard .nav-list li[data-v-6d0ded1f] {
    display: flex;
    width: 2.93333rem;
    height: 1.17333rem;
    padding: .16rem .26667rem;
    justify-content: center;
    align-items: center;
    gap: .16rem;
    border-radius: .66667rem;
    background: var(--bg_color_L2);
    box-shadow: 0 .05333rem .05333rem #00000040, 0 .02667rem #2e384a inset;
    color: var(--text_secondary);
    text-align: center;
    font-size: .37333rem;
    font-weight: 400;
    line-height: .48rem;
    position: relative
}

.agentCard .nav-list li.curr[data-v-6d0ded1f] {
    color: var(--text_btn_main);
    text-shadow: .01333rem .02667rem .02667rem rgba(0, 0, 0, .3);
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: .48rem;
    border-radius: .66667rem;
    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
}

.agentCard .nav-list li .tip[data-v-6d0ded1f] {
    height: .42667rem;
    line-height: .42667rem;
    color: #fff;
    padding: 0 .13333rem;
    position: absolute;
    right: 0;
    top: -.21333rem;
    border-radius: .66667rem;
    border: .01333rem solid var(--secondary_color1, #e1efff);
    background: var(--progress_bar, linear-gradient(270deg, #f8a956 0%, #d4762a 100%))
}

.agentCard .nav-list li .iconLock[data-v-6d0ded1f] {
    width: .53333rem;
    height: .53333rem;
    background: url(data:image/webp;base64,UklGRmgBAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSLYAAAABgFVtb97mg2AG+5gsDGYGNYOVQSEEQiAEgiEYgiAYgi7k2pL3cx0RE4D/I8v3KzOuVB3KI4ZNJ4UBFJ0WulF0UZLXpcN6nnWgtxPVyicAUIwePqcRYshuTp9mHnj7Ms1HLd8lox6pDMrkIHPp2dVZngtZA4+5GlHnNPTH9ZxQZIcvADg2aBjKNjWuJ0ON02quHcTIX9QTwL6DtiM33WJ9rkf0uTvimqP4CefA26sSy+nDNeH/DFZQOCCMAAAAEAQAnQEqKAAoAD6dSJtKqBVSk5UkWAnEoAuyFxyLSwiAx9uXRx9LtUAA/t0P/+6Z/+8+H/+7bnNhSLyjQ6WWUYfBvPAf03KssdHp8goeIJCX/9Aa4///dnwyddU3B09VNgaXKGO1Ve/+nTYJ/vr3sbH/rAzF3nKK2WFyJMmcEpQRMb7drTfr1FX/JAA=) no-repeat center;
    background-size: contain
}

.agentCard .nav-list li .iconLock.iconLock_act[data-v-6d0ded1f] {
    background: url(data:image/webp;base64,UklGRiIBAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSLYAAAABgFVtb97mg2AG+5gsDGYGNYOVQSEEQiAEgiEYgiAYgi7k2pL3cx0RE4D/I8v3KzOuVB3KI4ZNJ4UBFJ0WulF0UZLXpcN6nnWgtxPVyicAUIwePqcRYshuTp9mHnj7Ms1HLd8lox6pDMrkIHPp2dVZngtZA4+5GlHnNPTH9ZxQZIcvADg2aBjKNjWuJ0ON02quHcTIX9QTwL6DtiM33WJ9rkf0uTvimqP4CefA26sSy+nDNeH/DFZQOCBGAAAAUAMAnQEqKAAoAD6dSp9LogiJygAsBOJZwDO7BP9kI8B1RAAA/u4C//66z/+uWv/+t4Zo+Ju7//+8THyCzZOTlmZdpIAAAA==) no-repeat center;
    background-size: contain
}

.rewardCont[data-v-6d0ded1f] {
    border-radius: .21333rem;
    background: var(--bg_color_L3)
}

.rewardCont .rewardTitle[data-v-6d0ded1f] {
    height: 1.38667rem;
    padding-left: .32rem;
    display: flex;
    justify-content: start;
    align-items: center;
    border-radius: .21333rem .21333rem 0 0;
    background: var(--bg_color_L4);
    color: var(--text_primary, #d4e8ff);
    text-align: center;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 500;
    line-height: .45333rem
}

.rewardCont .rewardTitle i[data-v-6d0ded1f] {
    margin-left: .4rem;
    width: 2.08rem;
    height: .74667rem;
    background: url(/images/agent1-CxFN_rII.webp) no-repeat center;
    background-size: contain
}

.rewardCont .rewardTitle i.agent_1[data-v-6d0ded1f] {
    background: url(/images/agent2-DuN6nKTq.webp) no-repeat center;
    background-size: contain
}

.rewardCont .rewardTitle i.agent_2[data-v-6d0ded1f] {
    background: url(/images/agent3-CM6eJf1t.webp) no-repeat center;
    background-size: contain
}

.rewardCont .rewardTitle i.agent_3[data-v-6d0ded1f] {
    background: url(/images/agent4-DWB1aKWN.webp) no-repeat center;
    background-size: contain
}

.rewardCont .rewardItem[data-v-6d0ded1f] {
    display: flex;
    flex-direction: column;
    padding: .32rem 0
}

.rewardCont .rewardItem .item1[data-v-6d0ded1f] {
    display: flex;
    padding: 0 .32rem;
    justify-content: space-between;
    align-items: center;
    color: var(--text_secondary, #86a1c0);
    font-size: .34667rem;
    font-style: normal;
    font-weight: 500;
    height: 1.12rem;
    line-height: .45333rem;
    margin-bottom: .16rem
}

.rewardCont .rewardItem .item1 span[data-v-6d0ded1f] {
    font-size: .53333rem;
    color: var(--norm_hint_color)
}

.rewardCont .item2[data-v-6d0ded1f] {
    margin-top: .32rem;
    padding: .32rem 0;
    border-top: .01333rem dashed var(--Dividing_line_color);
    display: flex
}

.rewardCont .item2.rankText[data-v-6d0ded1f] {
    display: block;
    color: var(--text_secondary);
    text-align: center;
    font-size: .34667rem;
    font-style: normal;
    font-weight: 500;
    line-height: .45333rem
}

.rewardCont .item2.rankText span[data-v-6d0ded1f] {
    color: var(--norm_hint_color)
}

.rewardCont .item2>div[data-v-6d0ded1f] {
    width: 50%;
    color: var(--text_secondary);
    text-align: center;
    font-family: Poppins;
    font-size: .34667rem;
    font-style: normal;
    font-weight: 500;
    line-height: .45333rem
}

.rewardCont .item2>div[data-v-6d0ded1f]:first-child {
    border-right: .01333rem dashed var(--Dividing_line_color)
}

.rewardCont .item2>div p[data-v-6d0ded1f] {
    margin-top: .16rem;
    font-size: .48rem;
    color: var(--norm_hint_color)
}

.rewardCont .item3[data-v-6d0ded1f] {
    display: flex;
    justify-content: space-between;
    padding: .32rem;
    align-items: center
}

.rewardCont .item3 .invitRight[data-v-6d0ded1f] {
    color: var(--norm_hint_color);
    text-align: right;
    font-size: .53333rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.rewardCont .item3 .invitLeft[data-v-6d0ded1f] {
    display: flex;
    flex-direction: column;
    gap: .16rem;
    color: var(--text_primary);
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: .53333rem
}

.rewardCont .item3 .invitLeft span[data-v-6d0ded1f] {
    color: var(--text_primary);
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    line-height: .53333rem
}

.rewardCont .item3 .invitLeft em[data-v-6d0ded1f] {
    color: var(--norm_hint_color);
    font-style: normal
}

.rewardCont .item3 .invitLeft p[data-v-6d0ded1f] {
    text-align: right;
    font-size: .32rem;
    color: var(--text_primary)
}

.rewardCont .item3 .invitLeft div[data-v-6d0ded1f] {
    width: 5.44rem;
    height: .16rem;
    border-radius: .06667rem;
    background: var(--bg_color_L4)
}

.rewardCont .item3 .invitLeft div i[data-v-6d0ded1f] {
    display: block;
    height: 100%;
    border-radius: .06667rem;
    background: var(--progress_bar, linear-gradient(270deg, #f8a956 0%, #d4762a 100%))
}

.rewardCont.invitCont[data-v-6d0ded1f] {
    margin-bottom: .42667rem
}

.rewardCont.invitCont .rewardTitle[data-v-6d0ded1f] {
    height: 1.09333rem
}

.rewardCont.invitCont .item2[data-v-6d0ded1f] {
    margin-top: 0;
    padding: .32rem 0;
    border-top: none
}

.rewardCont.rankCont[data-v-6d0ded1f] {
    margin-bottom: .42667rem
}

.rewardCont.rankCont .rewardTitle[data-v-6d0ded1f] {
    gap: .16rem
}

.rewardCont.rankCont .rewardTitle i[data-v-6d0ded1f] {
    width: .64rem;
    height: .64rem;
    background: url(data:image/webp;base64,UklGRkwDAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSEkBAAABkJVte942HwQziCCEQcwgZZAy8Bg4DMJgHoNCEAQzmBjEDJ7nQHIV739nETEB8Z/x/Fj6b4eMTwVrVAS9H5EV/CzWp9ekjyfyGUBARVzfulIRUARFxBoV1beexXWIKPh5RPASMbv1ZC8RUawBAaxbUTh1FE8VgCIU3H8RDfen9B1B5VW2UNQ5IhUFtGUXLavtFhGRiniADVC5RTMVlVetXitFc+xOqFJtXR88KlCXvdG9sw4dk1uKKNZbihjHiFhgJ5OjcyiWFFlEy/xYxnXOguAwfNNbT5w3XbK723XMKNb3p87Rfy7YRhVFFdXnFC+9PnIRWgqKmL9OQ7z87C4qIs5x7BdaKtZrHD03QARYh8PivdhE8THED5iW0oB8iR/1Mmu+DfEDJ53jh07yx3AvTd1KndNRowIqtpejkipijTodFWnuvMY/bwBWUDgg3AEAALAMAJ0BKjAAMAA+jTqWSCmlJyk1WA1QoBGJbADKL4v6Net2p/GXOA20v6zfiB8AP2A/TP3mf6B+qvuA9ADpAPQA/Wb0x/Ye/bgjeTajzOwN+15kav/YQ1OH2LF/GqOUkN4Lcpp4EQpHYB/DwW8AAP7vyJX/9ZUBCIE3h62I2bBehMa7KGghidu8fI1wQeoc/c04yedSvP+ZaJJTf6+gbBj+5wGKD5Uh+KTyAEfazjJfBuvLUyN9AhEsa5JnL8uv7imMqcqyQRGeOc2TiDG8Ge4Br4/n2I7PP9xgM2HFA4sPH+a/QZymffA04oQv+2HOVqz/M1XA/M/zs94olMWuqNWuyzMkFS++36pqm3zh9ooZ2ZACdlDCE9c0UklYAyDkCU2trMhNPiowdQZw9r0WhSHR9Sy6G66VStcsaRFWtvVg2VTn/JiZ7oHCvTJUZqZlc2IPd5AvyYlG9URbOvFPTk7YgKwrTOBCD78LzYo/RAb+rF4zspXV7ug//oCf/9jx//YZn//YkzsZLkLHReib2vYJMYdCvv9fQQ/EcDKOo97MV7CHnPcHgU2OkV6DsP55w6texz07FEVGz7DCZoFsF2an7uh/InHtXI++883fyOfU+5fJOuvZ2XYxgAAA) no-repeat center;
    background-size: contain;
    margin-left: 0
}

.rewardCont.rankCont .rewardTitle .lock[data-v-6d0ded1f] {
    padding: 0 .21333rem;
    height: .56rem;
    border-radius: .66667rem;
    border: .01333rem solid var(--main_color, #4298ea);
    font-size: .32rem;
    color: var(--main_color)
}

.rewardCont.rankCont .text[data-v-6d0ded1f] {
    padding: .32rem 0;
    color: var(--text_secondary);
    text-align: center;
    font-size: .34667rem;
    font-weight: 500;
    line-height: .45333rem
}

.rewardCont.rankCont .text span[data-v-6d0ded1f] {
    color: var(--norm_hint_color)
}

.rewardCont.rankCont .rankList[data-v-6d0ded1f] {
    display: flex;
    flex-direction: column;
    gap: .32rem;
    padding: .32rem
}

.rewardCont.rankCont .rankList li[data-v-6d0ded1f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text_secondary);
    font-size: .37333rem;
    font-style: normal;
    font-weight: 500;
    height: 1.33333rem;
    line-height: .48rem;
    border-radius: .16rem;
    border: .01333rem solid var(--main_color);
    padding: 0 .26667rem
}

.rewardCont.rankCont .rankList li .left[data-v-6d0ded1f] {
    display: flex;
    align-items: center;
    width: 5.33333rem;
    gap: .26667rem
}

.rewardCont.rankCont .rankList li .left .no[data-v-6d0ded1f] {
    color: var(--text_tertiary);
    text-align: center;
    font-size: .42667rem;
    font-weight: 600;
    line-height: .85333rem;
    width: .66667rem
}

.rewardCont.rankCont .rankList li .left .info[data-v-6d0ded1f] {
    display: flex;
    gap: .26667rem;
    align-items: center
}

.rewardCont.rankCont .rankList li .left .info img[data-v-6d0ded1f] {
    width: .85333rem;
    height: .85333rem;
    border-radius: 50%;
    object-fit: cover
}

.rewardCont.rankCont .rankList li .left .name[data-v-6d0ded1f] {
    font-size: .32rem;
    color: var(--text_primary)
}

.rewardCont.rankCont .rankList li .left .reward[data-v-6d0ded1f] {
    display: flex;
    align-items: center;
    gap: .10667rem;
    font-size: .26667rem;
    color: var(--text_secondary)
}

.rewardCont.rankCont .rankList li .left .reward svg[data-v-6d0ded1f] {
    width: .26667rem;
    height: .26667rem
}

.rewardCont.rankCont .rankList li .right[data-v-6d0ded1f] {
    font-size: .37333rem;
    color: var(--norm_hint_color)
}

.nav[data-v-16db4811] {
    display: flex;
    border-radius: .66667rem;
    background: var(--bg_color_L3);
    height: .96rem;
    width: calc(100% - 1.81333rem);
    margin: 0 auto
}

.nav>div[data-v-16db4811] {
    flex: none;
    width: 50%;
    height: .96rem;
    line-height: .96rem;
    color: var(--text_secondary);
    text-align: center;
    font-family: Poppins;
    font-size: .32rem
}

.nav>div.active[data-v-16db4811] {
    border-radius: .66667rem;
    background: var(--main_gradient_color);
    color: var(--text_btn_main);
    font-size: .37333rem;
    font-weight: 700
}

.task-c[data-v-16db4811] {
    max-height: 7.06667rem;
    overflow-y: auto
}

.task-item[data-v-16db4811] {
    margin-top: .42667rem
}

.task-item .head[data-v-16db4811] {
    height: 1.28rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: .21333rem .21333rem 0 0;
    background: var(--bg_color_L4);
    padding: 0 .32rem
}

.task-item .head .title[data-v-16db4811] {
    color: var(--main_color);
    font-family: Roboto;
    font-size: .32rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1
}

.task-item .head .title img[data-v-16db4811],
.task-item .head .title .icon[data-v-16db4811] {
    width: .64rem;
    height: .64rem;
    margin-right: .16rem;
    flex: none
}

.task-item .head .status[data-v-16db4811] {
    flex: none;
    width: fit-content;
    color: var(--text_btn_main);
    font-family: Roboto;
    font-size: .37333rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .05333rem
}

.task-item .head .status .p-2[data-v-16db4811] {
    margin-inline-end: .34667rem
}

.task-item .head .status .icon[data-v-16db4811] {
    width: .42667rem;
    height: .42667rem;
    margin-right: .05333rem
}

.task-item .head .status .icon.amount[data-v-16db4811] {
    background-image: url(data:image/webp;base64,UklGRkwDAABXRUJQVlA4WAoAAAAQAAAAJwAAJwAAQUxQSAQBAAABkFDbdt1GF4IYyAxaBi0TDQNBMARDMIMJg5hBw8Bi4DA4t19ZzwgiYgJ0+m257bYf/0tWYJoP8J+seVSan+DuVsa8NOPTax5Qn+CR86nZ4LG31DcbD3+knurQrWMCIlz/alHP/NsMjmX9ZSLuSD9W4/AqaXI8vkmqhiizS/oAR2OkCV8AsgqOx85azAUg634NZ925gEFq1/iQmi+Ib9Id4kyVVscDr9JCGLBL+mcuUCQlHAzsWZI2YgBm/axBhj39ko4QgKLfK+MweNHfG8Ns2FNHaqMAWlbv1MbtWf1pHQDYj6zTpXXx07AkjSyNPrO9a3TZAAPYbO+KnMq6HRxtrZPOAlZQOCAiAgAAkA4AnQEqKAAoAD5tMpVIJCKiISOLAIANiWwAnTLs9eec/kl7EVS/p23kGe7AZ3m3k8wH7AfqB70vSAf4D/AerB/mesA8rX9tPgv8oAmhgU7uS4oGjgTcFmS9Xy6XOEpSK0mlp+gIoff/8xZ7P23/FWxBZyBwp9CMwb5bJYAA/vwT4lOfD1h30D1Lbhw0js1K3Z2jCeliy0cbqoObMLAxvM7N3k3ywgbK782RFze6oHzuB/40/JXyafkgxUaCZPczAPzrq+25mUpiCn5AuKksOkMKP98l0085diKB+4yXlyBs20oh+Q1w+Y0EOqzZkxIyJzBuf8avpAKgLq3flb4gjoDP4RrKhc+c6Ap+oeCTYvSzfiH2E3j24tM79Oyy1vOHjo/065++mP03g4EG7fN3OSlcibFYB2J4jstOgWeumcebq2xq8MiOSCnt5/+4J/dVWydHG4Uoq+arVUiPbVPIwaAb8EQ6NrabzHttsMmj+mE4JPIpCIrtg5PaP12IfODK6dFJi/TgKFjVfzy9jXM3ZiXUOHg5/e+MKzsJ3v/ji7PpjqnVgqtlg+BqA8fRM1mH/arOvAqb8hv2SN/B+wpce/xvLyryptq3//4Nyzmupzx8xxh7GhSm7txzko3C2xo0YOaVwdP2KDmO9GR5gN4YuFMElIWoH3N3QmlkdRVCpZANEQ30tbJ6n6dwbcyQ/zf2giaqMZkwWBL+J+5nEI1mEAAA);
    background-size: cover
}

.task-item .head .status .amount[data-v-16db4811] {
    color: var(--norm_hint_color)
}

.task-item .head .icon[data-v-16db4811] {
    width: .64rem;
    height: .64rem
}

.task-item .body-1[data-v-16db4811] {
    padding: .42667rem .32rem;
    background: var(--bg_color_L3);
    border-radius: 0 0 .21333rem .21333rem
}

.task-item .body-1 .activity-btn[data-v-16db4811] {
    margin: 0 auto
}

.task-item .l2 .description[data-v-16db4811] {
    margin-bottom: .10667rem;
    font-family: Roboto;
    font-size: .32rem;
    color: var(--text_secondary);
    text-align: left
}

.task-item .l2 .step[data-v-16db4811] {
    width: 100%;
    height: .4rem;
    background: var(--secondary_color2);
    border-radius: .12rem;
    overflow: hidden;
    position: relative
}

.task-item .l2 .step>div[data-v-16db4811]:not(.progress) {
    height: 100%;
    background: var(--progress_bar);
    border-radius: .2rem;
    transform: rotate(180deg)
}

.task-item .l2 .step .progress[data-v-16db4811] {
    position: absolute;
    height: 100%;
    line-height: .4rem;
    right: .21333rem;
    top: 0;
    color: var(--text_btn_main);
    font-size: .32rem
}

.task-item .l2+.l2[data-v-16db4811] {
    margin-top: .08rem
}

.washCode[data-v-ae5f98fd] {
    padding: 0 0 .32rem
}

.content[data-v-ae5f98fd] {
    padding: 0 .66667rem .2rem .32rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .01333rem dashed var(--Dividing_line_color);
    position: relative
}

.content-bg[data-v-ae5f98fd] {
    width: 9.2rem;
    height: 2.53333rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover
}

.content .left[data-v-ae5f98fd] {
    padding-top: .58667rem
}

.content .left p[data-v-ae5f98fd] {
    color: var(--text_primary);
    text-align: center;
    font-size: .42667rem;
    font-style: normal;
    font-weight: 600;
    line-height: .37333rem
}

.content .left span[data-v-ae5f98fd] {
    color: var(--norm_hint_color);
    text-align: right;
    font-size: .53333rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.content .right[data-v-ae5f98fd] {
    width: 3.16rem;
    height: 2.33333rem;
    background: url(/images/washBox-CqESXDGg.webp) no-repeat center center;
    background-size: contain
}

.wash-handle[data-v-ae5f98fd] {
    align-items: center;
    background: var(--bg_color_L3);
    padding: .32rem 0;
    flex-direction: column;
    gap: .21333rem
}

.wash-handle p[data-v-ae5f98fd] {
    color: var(--text_secondary);
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: .37333rem
}

.wash-handle p span[data-v-ae5f98fd] {
    color: var(--norm_red_color)
}

.weekCard .title[data-v-94947aa0] {
    margin: 0 auto;
    width: 7.38667rem;
    height: .96rem;
    border-radius: .66667rem;
    background: var(--bg_color_L1);
    box-shadow: 0 .02667rem #fff3 inset, 0 -.05333rem .37333rem #1b1f42b3;
    display: flex
}

.weekCard .title>div[data-v-94947aa0] {
    border-radius: .66667rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    color: var(--text_secondary);
    text-align: center;
    font-size: .32rem;
    font-style: normal;
    font-weight: 500;
    line-height: .45333rem
}

.weekCard .title>div.act[data-v-94947aa0] {
    background: var(--main_gradient_color);
    color: var(--text_btn_main);
    font-weight: 700
}

.weekCard .content[data-v-94947aa0] {
    margin-top: .42667rem;
    width: 100%;
    border-radius: .26667rem;
    background: var(--bg_color_L3, #2D3747);
    padding: .32rem
}

.weekCard .content p[data-v-94947aa0] {
    font-size: .37333rem
}

.weekCard .content .daily_text[data-v-94947aa0] {
    color: var(--text_primary);
    font-size: .42667rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: .32rem
}

.weekCard .content .claim-text[data-v-94947aa0] {
    color: var(--text_secondary);
    font-size: .32rem;
    font-weight: 500;
    margin-bottom: .53333rem;
    display: flex;
    gap: .16rem
}

.weekCard .content .claim-text i[data-v-94947aa0] {
    width: .13333rem;
    height: .13333rem;
    margin: .10667rem;
    border-radius: .02667rem;
    transform: rotate(45deg);
    background: var(--secondary_color4)
}

.weekCard .content .text[data-v-94947aa0] {
    color: var(--text_primary);
    font-weight: 500;
    line-height: .53333rem;
    margin: .32rem 0 .16rem
}

.weekCard .content .amount[data-v-94947aa0] {
    text-align: center;
    color: var(--norm_hint_color);
    font-size: .58667rem;
    font-weight: 600
}

.weekCard .content .date_text[data-v-94947aa0] {
    color: var(--text_primary);
    font-size: .37333rem;
    text-align: center;
    margin: .32rem 0 .53333rem
}

.bottomTip[data-v-94947aa0] {
    margin-top: .42667rem;
    font-size: .32rem;
    color: var(--text_secondary)
}

.jackpotMain[data-v-e78a835f] {
    padding: 0 0 .32rem;
    max-height: 9.33333rem
}

.jackpotMain .content[data-v-e78a835f] {
    border-radius: .21333rem;
    background: var(--bg_color_L3);
    margin-bottom: .32rem
}

.jackpotMain .content .top[data-v-e78a835f] {
    display: flex;
    justify-content: space-between;
    font-size: .4rem;
    color: var(--text_primary);
    padding-right: .32rem;
    margin-bottom: .32rem
}

.jackpotMain .content .top span[data-v-e78a835f] {
    display: flex;
    justify-content: center;
    align-items: center
}

.jackpotMain .content .top span.s0[data-v-e78a835f] {
    color: var(--norm_green_color)
}

.jackpotMain .content .top[data-v-e78a835f] :first-child {
    border-radius: .21333rem 0 .53333rem;
    background: var(--secondary_color2);
    display: flex;
    min-width: 3.49333rem;
    height: 1.06667rem;
    padding: .13333rem;
    justify-content: center;
    align-items: center
}

.jackpotMain .content .left img[data-v-e78a835f] {
    width: 2.02667rem;
    height: 2.02667rem
}

.jackpotMain .middle[data-v-e78a835f] {
    display: flex;
    gap: .21333rem;
    margin-bottom: .32rem;
    padding: 0 .32rem;
    font-size: .32rem;
    color: var(--text_primary)
}

.jackpotMain .middle span[data-v-e78a835f] {
    display: flex;
    justify-content: center;
    align-items: center
}

.jackpotMain .middle .right[data-v-e78a835f] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    gap: .21333rem;
    font-size: .32rem;
    color: var(--text_primary)
}

.jackpotMain .middle .right div[data-v-e78a835f] {
    display: flex;
    align-items: center;
    height: .90667rem;
    padding-left: .26667rem;
    border-radius: .21333rem;
    background: var(--bg_color_L4)
}

.jackpotMain .middle .right div[data-v-e78a835f]:last-child {
    color: var(--text_secondary)
}

.jackpotMain .middle .right div:last-child .date[data-v-e78a835f] {
    margin-left: .8rem;
    color: var(--main_color)
}

.jackpotMain .text[data-v-e78a835f] {
    display: flex;
    justify-content: space-between;
    padding: 0 .32rem;
    font-size: .32rem;
    color: var(--text_secondary)
}

.jackpotMain .text[data-v-e78a835f] :last-child {
    font-size: .37333rem;
    color: var(--norm_red_color)
}

.jackpotMain .text.t2[data-v-e78a835f] :last-child {
    color: var(--norm_hint_color)
}

.jackpotMain .wash-handle[data-v-e78a835f] {
    align-items: center;
    background: var(--bg_color_L3);
    padding: .32rem 0;
    flex-direction: column;
    gap: .21333rem
}

.jackpotMain .wash-handle p[data-v-e78a835f] {
    color: var(--text_secondary);
    font-size: .32rem;
    font-style: normal;
    font-weight: 400;
    line-height: .37333rem
}

.jackpotMain .wash-handle p span[data-v-e78a835f] {
    color: var(--norm_red_color)
}

.dayRecharge .title[data-v-57963365] {
    border-radius: .21333rem .21333rem 0 0;
    background: var(--bg_color_L4);
    height: 1.09333rem;
    line-height: 1.09333rem;
    color: var(--text_primary);
    font-size: .42667rem;
    font-style: normal;
    font-weight: 500;
    padding-left: .32rem
}

.dayRecharge .content[data-v-57963365] {
    width: 100%;
    border-radius: .26667rem;
    border-radius: 0 0 .21333rem .21333rem;
    background: var(--bg_color_L3);
    padding: .32rem
}

.dayRecharge .content .topText[data-v-57963365] {
    display: flex;
    gap: .16rem;
    justify-content: space-between
}

.dayRecharge .content .topText>p[data-v-57963365] {
    width: 5.33333rem;
    color: var(--text_secondary);
    font-size: .34667rem;
    font-weight: 500
}

.dayRecharge .content .topText span[data-v-57963365] {
    color: var(--norm_hint_color)
}

.dayRecharge .content .text[data-v-57963365] {
    color: var(--text_primary);
    font-weight: 500;
    line-height: .53333rem;
    margin: .32rem 0 .16rem
}

.dayRecharge .content .amount[data-v-57963365] {
    margin-top: .13333rem;
    text-align: center;
    color: var(--norm_hint_color);
    font-size: .58667rem;
    font-weight: 500
}

.dayRecharge .content .date_text[data-v-57963365] {
    display: flex;
    align-items: center;
    color: var(--text_secondary);
    font-size: .32rem;
    font-weight: 400;
    line-height: .32rem
}

.dayRecharge .content .date_text .icon[data-v-57963365] {
    width: .32rem;
    height: .32rem;
    margin-right: .16rem
}

.dayRecharge .content .date_text span[data-v-57963365] {
    color: var(--norm_red_color)
}

.dayRecharge .processBar[data-v-57963365] {
    width: 100%;
    height: .16rem;
    border-radius: .06667rem;
    background: var(--bg_color_L4)
}

.dayRecharge .processBar .line[data-v-57963365] {
    height: 100%;
    border-radius: .06667rem;
    background: var(--progress_bar)
}

.dayRecharge .processText[data-v-57963365] {
    margin-top: .16rem;
    text-align: right;
    color: var(--text_primary);
    font-size: .32rem;
    font-weight: 400;
    line-height: .37333rem
}

.dayRecharge .processText span[data-v-57963365] {
    color: var(--norm_hint_color)
}

.bottomTip[data-v-57963365] {
    margin-top: .42667rem;
    font-size: .32rem;
    color: var(--text_secondary)
}

.activity-handle[data-v-57963365] {
    margin: .32rem 0
}

.pushMessage[data-v-be72b941] {
    padding: .58667rem 0 .8rem
}

.pushMessage .pushContent[data-v-be72b941] {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 9.38667rem;
    min-height: 4rem;
    margin-bottom: .53333rem;
    overflow: auto
}

.pushMessage .pushContent .link-image[data-v-be72b941] {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover
}

.pushMessage .pushContent .link-image[lazy=loading][data-v-be72b941],
.pushMessage .pushContent .link-image[lazy=loaded][data-v-be72b941] {
    background: #0000004d
}

.activity[data-v-0af52652] {
    padding-bottom: 2rem
}

.activity .activity-name[data-v-0af52652] {
    line-height: 1.44rem;
    text-align: center;
    pointer-events: none;
    font-size: .42667rem;
    background: var(--text_primary);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: initial
}

.activity .activeList[data-v-0af52652] {
    width: 100%;
    display: flex;
    flex: none;
    flex-direction: column;
    height: calc(100dvh - 1.44rem);
    gap: .42667rem;
    padding: .42667rem .42667rem 1.6rem;
    overflow-y: auto
}

.activity .activeList .activeItem[data-v-0af52652] {
    display: block;
    border-radius: .21333rem;
    height: 3.73333rem;
    will-change: transform, opacity;
    position: relative
}

.activity .activeList .activeItem .new-icon[data-v-0af52652] {
    position: absolute;
    top: -.25333rem;
    left: -.25333rem;
    z-index: 2;
    width: 2rem;
    height: 2rem
}

.activity .activeList .activeItem .link-image[data-v-0af52652] {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .21333rem;
    object-fit: cover
}

.activity .activeList .activeItem .link-image[lazy=loading][data-v-0af52652],
.activity .activeList .activeItem .link-image[lazy=loaded][data-v-0af52652] {
    background: #0000004d
}

.activity .activeList .activeItem .tip[data-v-0af52652] {
    position: absolute;
    top: .21333rem;
    right: .21333rem;
    width: 3.06667rem;
    height: fit-content;
    border-radius: .12rem;
    box-shadow: 0 .05333rem .10667rem #00000080;
    padding: .18667rem .13333rem;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: break-word
}

.activity .activeList .activeItem .tip.style-0[data-v-0af52652] {
    background-color: #fff
}

.activity .activeList .activeItem .tip.style-1[data-v-0af52652] {
    padding: .34667rem .13333rem .18667rem;
    background-color: transparent;
    box-shadow: none
}

.activity .activeList .activeItem .tip.style-1 .tip-bg[data-v-0af52652] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    filter: drop-shadow(0 .05333rem .10667rem rgba(0, 0, 0, .5));
    pointer-events: none;
    z-index: 0
}

.activity .activeList .activeItem .tip.style-1 .tip-bg[data-v-0af52652] svg {
    width: 100%;
    height: 100%;
    display: block
}

.activity .activeList .activeItem .tip.style-1[data-v-0af52652]>*:not(.tip-bg) {
    position: relative;
    z-index: 1
}

.activity .activeList .activeItem .tip.style-amount[data-v-0af52652] {
    padding: .13333rem .13333rem 0;
    min-height: 1.06667rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.activity .activeList .activeItem .tip .step[data-v-0af52652] {
    width: 2.66667rem;
    height: .16rem;
    background: var(--secondary_color5);
    border-radius: .10667rem;
    overflow: hidden;
    margin-bottom: .10667rem
}

.activity .activeList .activeItem .tip .step div[data-v-0af52652] {
    height: 100%;
    background: var(--main_gradient_color);
    border-radius: .10667rem 0 0 .10667rem;
    transition: width .3s ease
}

.activity .activeList .activeItem .tip .amount[data-v-0af52652] {
    line-height: .42667rem;
    font-size: .32rem;
    color: var(--main_color);
    text-align: center;
    width: 100%
}

.activity .activeList .activeItem .tip .amount span[data-v-0af52652] {
    color: var(--norm_hint_color)
}

.activity .activeList .activeItem .tip .gift-code[data-v-0af52652] {
    border-radius: .10667rem;
    background: var(--secondary_color5);
    padding: .05333rem .13333rem;
    font-size: .32rem;
    color: var(--text_primary);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.activity .activeList .activeItem .tips[data-v-0af52652] {
    width: .26667rem;
    height: .26667rem;
    position: absolute;
    top: -.06667rem;
    right: -.06667rem;
    border-radius: .33333rem;
    border: .01333rem solid var(--text_btn_main);
    background: var(--norm_red_color)
}

.activity .list-enter-active[data-v-0af52652] {
    transition: all .5s ease-out
}

.activity .list-leave-active[data-v-0af52652] {
    transition: all .3s ease-in
}

.activity .list-enter-from[data-v-0af52652],
.activity .list-leave-to[data-v-0af52652] {
    transform: translate(-100%);
    opacity: 0
}

.activity.pd-4[data-v-0af52652] {
    padding-bottom: 2.66667rem
}

.bottom-head[data-v-0af52652] {
    font-size: .42667rem;
    font-weight: 500;
    color: var(--text_primary);
    text-align: center;
    height: 1.17333rem;
    line-height: 1.17333rem;
    position: relative
}

.bottom-head>div[data-v-0af52652] {
    position: absolute;
    right: .4rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: .32rem;
    color: var(--text_btn_main);
    background-color: var(--main_color);
    border-radius: .66667rem;
    padding: .05333rem .16rem;
    height: .58667rem;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center
}

.bottom-head .close[data-v-0af52652] {
    position: absolute;
    right: .4rem;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: .64rem;
    height: .64rem
}

.bottom-line[data-v-0af52652] {
    height: .01333rem;
    background: linear-gradient(90deg, #fff0, #ffffff80 50.17%, #fff0)
}

.bottom-body[data-v-0af52652] {
    padding: .53333rem .4rem;
    overflow-y: auto;
    max-height: calc(80vh - 1.6rem)
}