[data-v-30432d2c]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.card-bg[data-v-30432d2c] {
    width: 100%;
    margin-bottom: .58667rem;
    position: relative
}

.card-bg .bg_1[data-v-30432d2c] {
    position: absolute;
    top: .42667rem;
    left: 0;
    right: 0;
    width: 100%;
    height: .69333rem;
    background: no-repeat center/100% 100% url(/images/bg_10_BdrzaqS7.png)
}

.card-bg .bg_2[data-v-30432d2c] {
    position: absolute;
    top: 1.06667rem;
    left: 0;
    right: 0;
    width: 100%;
    height: 1.30667rem;
    background: no-repeat center/100% 100% url(/images/bg_3_CyVGBT36.png)
}

.card-bg .bg_3[data-v-30432d2c] {
    position: absolute;
    top: 0;
    left: calc(50% - 4.61333rem);
    width: 9.2rem;
    height: 2.50667rem;
    background: no-repeat center/100% 100% url(/images/bg_1_BNPleKU2.png);
    font-family: Inter;
    font-weight: 900;
    font-style: italic;
    font-size: .53333rem;
    color: #fff;
    text-shadow: 0 .10667rem .10667rem rgba(0,0,0,.5);
    line-height: 1.14667rem;
    text-align: center
}

.card-bg .bg_4[data-v-30432d2c] {
    position: absolute;
    top: 2.13333rem;
    left: 0;
    width: .18667rem;
    height: calc(100% - 1.86667rem);
    background: no-repeat left top/100% 100% url(/images/bg_4_H8upzx-e.png)
}

.card-bg .bg_5[data-v-30432d2c] {
    position: absolute;
    top: 2.13333rem;
    right: 0;
    width: .18667rem;
    height: calc(100% - 1.86667rem);
    background: no-repeat left top/100% 100% url(/images/bg_5_DyQNRu9U.png)
}

.card-bg .container[data-v-30432d2c] {
    position: absolute;
    left: 0;
    top: 1.12rem;
    width: 100%;
    height: calc(100% - 1.12rem - .8rem);
    background: linear-gradient(169.18deg,#7664ea 1.53%,#7765ec,#453186 74.73%)
}

.card-bg .bg_6[data-v-30432d2c] {
    position: absolute;
    bottom: -.26667rem;
    left: 0;
    right: 0;
    width: 100%;
    height: 1.30667rem;
    background: no-repeat center/100% 100% url(/images/bg_6_9L6eudSS.png)
}

.card-bg .bg_9[data-v-30432d2c] {
    position: absolute;
    top: 1.06667rem;
    width: 100%;
    height: .56rem;
    text-align: center
}

.card-bg .bg_9 .title[data-v-30432d2c] {
    display: inline-block;
    height: .56rem;
    width: auto;
    font-family: Inter;
    font-weight: 800;
    font-size: .32rem;
    line-height: .56rem;
    text-align: center;
    color: #271a6c
}

.card-bg .bg_9 .title1[data-v-30432d2c] {
    display: inline-flex;
    padding: 0 .8rem 0 2rem;
    background: no-repeat center center/100% 100% url(/images/bg_7_BpGxD8de.png);
    min-width: 4.37333rem
}

.card-bg .bg_9 .title1 .icon[data-v-30432d2c] {
    width: .4rem;
    height: .4rem;
    margin-top: .05333rem;
    margin-right: .08rem
}

.card-bg .bg_9 .title2[data-v-30432d2c] {
    width: 8.10667rem;
    padding: 0 .18667rem;
    text-align: center;
    background: no-repeat center center/100% 100% url(/images/bg_9_mPN99jxN.png)
}

.card-bg .body[data-v-30432d2c] {
    position: relative;
    width: calc(100% - .37333rem);
    left: .18667rem;
    right: .18667rem;
    padding-top: 2.18667rem;
    padding-bottom: 1.30667rem;
    height: calc(100% - 2.45334rem)
}

.card-bg .body .border-content[data-v-30432d2c] {
    width: calc(100% - .32rem);
    margin-left: .16rem;
    border-radius: .32rem;
    background: no-repeat top/100% .90667rem url(/images/bg_11_CMAu4eiS.png),no-repeat center center/100% 100% url(/images/bg_13_CUzV32jK.png),linear-gradient(180deg,#4c3d8a,#412982);
    padding: .53333rem .37333rem;
    position: relative
}

.card-bg .body .border-content .bottom_bg[data-v-30432d2c] {
    position: absolute;
    left: 0;
    bottom: -.05333rem;
    width: 100%;
    height: .74667rem;
    background: no-repeat bottom/100% url(/images/bg_12_CxDq8aMW.png)
}

[data-v-7c20d224]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.daily-task[data-v-7c20d224] {
    position: relative;
    z-index: 2
}

.daily-task .daily-task-body[data-v-7c20d224] {
    width: 100%
}

.daily-task .daily-task-body .daily-task-item[data-v-7c20d224] {
    border-bottom: .01333rem solid rgba(124,119,172,.8);
    display: flex;
    justify-content: space-between;
    align-items: center
}

.daily-task .daily-task-body .daily-task-item .item-left[data-v-7c20d224] {
    display: flex;
    font-family: Inter
}

.daily-task .daily-task-body .daily-task-item .item-left .img[data-v-7c20d224] {
    width: 1.33333rem;
    height: 1.33333rem;
    border-radius: 100%;
    margin-right: .10667rem;
    padding-top: .26667rem
}

.daily-task .daily-task-body .daily-task-item .item-left .img .image[data-v-7c20d224] {
    width: 1.33333rem;
    height: 1.33333rem
}

.daily-task .daily-task-body .daily-task-item .item-left .text_1[data-v-7c20d224] {
    font-weight: 600;
    font-size: .4rem;
    line-height: .53333rem;
    color: #fff;
    margin-top: .32rem;
    margin-bottom: .21333rem;
    max-width: 4.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.daily-task .daily-task-body .daily-task-item .item-left .text_2[data-v-7c20d224] {
    font-weight: 300;
    font-size: .32rem;
    line-height: .4rem;
    color: #fff;
    margin-bottom: .32rem
}

.daily-task .daily-task-body .daily-task-item .item-right[data-v-7c20d224] {
    flex-shrink: 0;
    position: relative
}

.daily-task .daily-task-body .daily-task-item .item-right .icon_13[data-v-7c20d224] {
    position: absolute;
    content: "";
    top: -.48rem;
    right: .21333rem;
    width: .37333rem;
    height: .37333rem;
    background: no-repeat center/100% 100% url(/images/icon_13_7Tatp4bX.png)
}

.daily-task .daily-task-body .daily-task-item .item-right .go[data-v-7c20d224] {
    margin-left: .26667rem;
    width: 1.86667rem;
    height: .74667rem;
    background: no-repeat center/100% 100% url(/images/go_BvkbJVSq.png);
    position: relative
}

.daily-task .daily-task-body .daily-task-item .item-right .go .extra-icon[data-v-7c20d224] {
    position: absolute;
    content: "";
    width: .53333rem;
    height: .53333rem;
    bottom: .61333rem;
    left: calc(50% - .26667rem)
}

.daily-task .daily-task-body .daily-task-item .item-right .go .extra-icon .imgaes[data-v-7c20d224] {
    width: .53333rem;
    height: .53333rem
}

.daily-task .daily-task-body .daily-task-item[data-v-7c20d224]:last-child {
    border: none
}

:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.reward-popup-1,.reward-popup-2 {
    font-family: Inter;
    max-height: 16.13333rem
}

.reward-popup-1 .title,.reward-popup-2 .title {
    border-bottom: .02667rem solid #f1f1f1;
    width: 90%;
    margin: 0 auto;
    margin-top: .8rem;
    font-size: .48rem;
    font-weight: 600
}

.reward-popup-1 .title img,.reward-popup-2 .title img {
    width: .64rem;
    height: .64rem;
    vertical-align: middle
}

.reward-popup-1 .content,.reward-popup-2 .content {
    padding: .32rem;
    background: #f1f1f1;
    border-radius: .21333rem;
    margin: 0 .32rem
}

.reward-popup-1 .content p,.reward-popup-2 .content p {
    margin-bottom: .4rem
}

.reward-popup-1 .content .second-title,.reward-popup-2 .content .second-title {
    font-size: .34667rem;
    font-weight: 500;
    color: #000
}

.reward-popup-1 .content .third-title,.reward-popup-2 .content .third-title {
    font-size: .34667rem;
    font-weight: 600;
    color: #333
}

.reward-popup-1 .content .fourth-title,.reward-popup-2 .content .fourth-title {
    font-size: .32rem;
    font-weight: 500;
    color: #666
}

.reward-popup-1 .van-button,.reward-popup-2 .van-button {
    width: 9.36rem;
    height: .90667rem;
    border-radius: .53333rem;
    padding: 0;
    margin: 0 auto;
    display: block;
    font-family: Inter;
    font-size: .37333rem;
    font-weight: 500;
    margin: .8rem auto;
    border: .02667rem 0 0 0;
    background: none;
    border: .02667rem solid #ff6533;
    color: #ff6533
}

.reward-popup-2 {
    height: 10.66667rem
}

.reward-popup-4 {
    height: 8.05333rem
}

.reward-popup-4.van-popup .van-popup__close-icon--top-right {
    top: .26667rem;
    right: .26667rem
}

.check-in-conditon-model {
    padding-bottom: .26667rem!important
}

.check-in-conditon-model .van-dialog__content {
    margin-bottom: .53333rem!important
}

.check-in-conditon-model .van-dialog__footer {
    max-width: none!important;
    width: 7.46667rem;
    flex-direction: row-reverse!important;
    display: flex;
    justify-content: space-between!important
}

.check-in-conditon-model .van-dialog__footer .van-button {
    height: .96rem;
    margin: 0 .26667rem
}

.check-in-conditon-model .van-dialog__message {
    font-weight: 500
}

.facebook-popup .link_label {
    color: #333
}

.viber-popup .third-title2 {
    font-family: Inter;
    font-weight: 400;
    font-size: .32rem;
    line-height: .48rem;
    color: #666
}

.viber-popup .third-title3 {
    font-family: Inter;
    font-weight: 400;
    font-size: .32rem;
    line-height: .48rem;
    color: #999;
    margin-bottom: 0!important
}

[data-v-6d84eddd]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.resource-card[data-v-6d84eddd] {
    width: 100%;
    z-index: 1
}

.resource-card .tab-content[data-v-6d84eddd] {
    position: relative;
    width: 100%;
    gap: .26667rem;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .26667rem
}

.resource-card .tab-content .tab-item[data-v-6d84eddd] {
    width: 22%;
    height: 22%;
    background: no-repeat center/100% auto url(/images/icon_1_D-iIrlrI.png);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.resource-card .tab-content .tab-item .images[data-v-6d84eddd] {
    width: .72rem;
    height: .72rem
}

.resource-card .tab-content .tab-item .text[data-v-6d84eddd] {
    max-width: 1.73333rem;
    font-family: Inter;
    font-weight: 600;
    font-size: .34667rem;
    line-height: .53333rem;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.resource-card .tab-content .active[data-v-6d84eddd] {
    width: 2.05333rem;
    height: 1.86667rem;
    background: no-repeat center/100% auto url(/images/icon_active_BmLYaxI-.png)
}

.resource-card .tab-content .handle[data-v-6d84eddd] {
    position: absolute;
    width: .48rem;
    height: 1.44rem;
    bottom: -1.14667rem;
    background: no-repeat center/100% auto url(/images/icon_2_P_9zLW-_.png)
}

.resource-card .tab-content .handle-1[data-v-6d84eddd] {
    left: 1.06667rem
}

.resource-card .tab-content .handle-2[data-v-6d84eddd] {
    right: 1.06667rem;
    transform: rotateY(180deg)
}

.resource-card .card-list[data-v-6d84eddd] {
    margin-top: .13333rem;
    background: #493289;
    border-radius: .53333rem;
    padding: .56rem .16rem .26667rem;
    display: flex;
    flex-wrap: wrap;
    gap: .16rem
}

.resource-card .card-list .card-list-item[data-v-6d84eddd] {
    width: 100%;
    display: flex;
    border-radius: .32rem;
    box-shadow: 0 .10667rem .10667rem #0000001a;
    background: #6b62ef
}

.resource-card .card-list .card-list-item-left[data-v-6d84eddd] {
    width: 4.45333rem;
    height: 4.64rem;
    position: relative
}

.resource-card .card-list .card-list-item-left .images[data-v-6d84eddd] {
    width: 4.45333rem;
    height: 4.64rem;
    border-radius: .32rem
}

.resource-card .card-list .card-list-item-left .shadow[data-v-6d84eddd] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4.45333rem;
    height: 1.22667rem;
    border-radius: 0 0 0 .32rem
}

.resource-card .card-list .card-list-item-right[data-v-6d84eddd] {
    width: calc(100% - 4.45333rem);
    padding: .29333rem .21333rem;
    font-family: Inter;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end
}

.resource-card .card-list .card-list-item-right .content[data-v-6d84eddd] {
    width: 100%
}

.resource-card .card-list .card-list-item-right .title[data-v-6d84eddd] {
    font-weight: 700;
    font-size: .37333rem;
    line-height: .48rem;
    color: #323136;
    color: #fff
}

.resource-card .card-list .card-list-item-right .title2[data-v-6d84eddd] {
    font-weight: 600;
    font-size: .34667rem;
    line-height: .4rem;
    color: #fbfe68;
    margin-top: .26667rem
}

.resource-card .card-list .card-list-item-right .title3[data-v-6d84eddd] {
    font-weight: 400;
    font-size: .29333rem;
    line-height: .34667rem;
    color: #fff;
    margin-top: .32rem
}

.resource-card .card-list .card-list-item-right .button[data-v-6d84eddd] {
    width: 2.21333rem;
    height: .8rem;
    text-align: right;
    background: no-repeat right center/auto 100% url(/images/btn_CoQ16qje.png)
}

.resource-card .card-list .card-list-item-medium[data-v-6d84eddd] {
    position: relative;
    flex: 0 0 calc(50% - .08rem);
    height: 5.89333rem;
    padding: .21333rem;
    border-radius: .21333rem;
    box-shadow: 0 .10667rem .10667rem #0000001a;
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.resource-card .card-list .card-list-item-medium .images[data-v-6d84eddd] {
    position: absolute;
    width: 100%;
    height: 4.64rem;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: .21333rem
}

.resource-card .card-list .card-list-item-medium .shadow[data-v-6d84eddd] {
    position: absolute;
    left: 0;
    top: 3.46667rem;
    width: 100%;
    height: 1.22667rem;
    border-radius: 0 0 .32rem .32rem
}

.resource-card .card-list .card-list-item-medium .title1[data-v-6d84eddd] {
    font-family: Inter;
    font-weight: 700;
    font-size: .37333rem;
    line-height: .45333rem;
    color: #fff;
    z-index: 1
}

.resource-card .card-list .card-list-item-medium .title2[data-v-6d84eddd] {
    font-family: Inter;
    font-weight: 400;
    font-size: .32rem;
    line-height: .45333rem;
    color: #fff
}

.resource-card .card-list .row2[data-v-6d84eddd] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

[data-v-420e76bd]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.ranking-card[data-v-420e76bd] {
    height: 100%;
    z-index: 2
}

.ranking-card .rank-content[data-v-420e76bd] {
    width: 100%;
    height: 100%;
    margin-bottom: .42667rem
}

.ranking-card .rank-content .rank-body[data-v-420e76bd] {
    position: relative;
    width: 100%;
    height: 1.17333rem;
    margin-bottom: .32rem;
    background: no-repeat center/100% 100% url(/images/icon_2_DBDPkold.png)
}

.ranking-card .rank-content .shadow[data-v-420e76bd] {
    position: absolute;
    width: .61333rem;
    height: 1.17333rem;
    background: #493289;
    z-index: 10;
    background: no-repeat center/100% 100% url(/images/icon_11_BV8ylyjL.png)
}

.ranking-card .rank-content .right-shadow[data-v-420e76bd] {
    right: 0;
    top: 0
}

.ranking-card .rank-content .left-shadow[data-v-420e76bd] {
    top: 0;
    left: -3PX;
    transform: rotateY(180deg)
}

.ranking-card .rank-content .rank-title[data-v-420e76bd] {
    width: 100%;
    height: 100%;
    display: flex;
    overflow: auto;
    overflow-y: hidden;
    gap: .13333rem
}

.ranking-card .rank-content .rank-title[data-v-420e76bd]::-webkit-scrollbar {
    display: none
}

.ranking-card .rank-content .rank-title-item[data-v-420e76bd] {
    position: relative;
    flex-shrink: 0;
    min-width: 2.4rem;
    max-width: 3.46667rem;
    height: 1.17333rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 .21333rem 0 .37333rem;
    text-align: center;
    margin-left: .53333rem
}

.ranking-card .rank-content .rank-title-item .text[data-v-420e76bd] {
    font-family: Inter;
    font-weight: 800;
    font-size: .34667rem;
    line-height: .42667rem;
    color: #b78bff
}

.ranking-card .rank-content .rank-title-item .star[data-v-420e76bd] {
    z-index: 1;
    position: absolute;
    width: .18667rem;
    height: .18667rem;
    background: no-repeat center/100% 100% url(/images/icon_4_BLDNynU9.png)
}

.ranking-card .rank-content .rank-title-item .star_1[data-v-420e76bd] {
    left: 0;
    top: .08rem
}

.ranking-card .rank-content .rank-title-item .star_2[data-v-420e76bd] {
    width: .10667rem;
    height: .10667rem;
    left: .24rem;
    top: .24rem
}

.ranking-card .rank-content .rank-title-item .star_3[data-v-420e76bd] {
    right: 0;
    bottom: .08rem
}

.ranking-card .rank-content .rank-title .row2[data-v-420e76bd] {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.ranking-card .rank-content .rank-title .active[data-v-420e76bd] {
    flex-shrink: 0;
    width: 4.8rem;
    height: 1.25333rem;
    background: no-repeat center/100% 100% url(/images/icon_3_FuqsC24r.png);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 .66667rem;
    z-index: 10;
    margin-top: -.02667rem
}

.ranking-card .rank-content .rank-title .active .text[data-v-420e76bd] {
    font-family: Inter;
    font-weight: 900;
    font-size: .34667rem;
    line-height: .4rem;
    color: #ab6f2d;
    text-shadow: .01333rem .01333rem 0 #fef9e7,-.01333rem .01333rem 0 #fef9e7,.01333rem -.01333rem 0 #fef9e7,-.01333rem -.01333rem 0 #fef9e7
}

.ranking-card .rank-content .rank-title-item[data-v-420e76bd]:last-child {
    margin-right: .53333rem
}

.ranking-card .rank-content .reank-date-sigle[data-v-420e76bd] {
    text-align: center
}

.ranking-card .rank-content .reank-date-sigle .time[data-v-420e76bd] {
    display: inline-block;
    height: .98667rem;
    line-height: .98667rem;
    border-radius: .21333rem;
    background: #6a61f1;
    margin: 0 0 .32rem;
    padding: 0 .64rem;
    font-family: Inter;
    font-weight: 700;
    font-size: .42667rem
}

.ranking-card .rank-content .rank-date[data-v-420e76bd] {
    display: flex;
    overflow: auto;
    margin-bottom: .32rem
}

.ranking-card .rank-content .rank-date[data-v-420e76bd]::-webkit-scrollbar {
    display: none
}

.ranking-card .rank-content .rank-date-item[data-v-420e76bd] {
    flex-shrink: 0;
    height: 1.73333rem;
    margin-right: .26667rem;
    padding: 0 .26667rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: no-repeat center/100% 100% url(/images/icon_6_BGgbHKHk.png)
}

.ranking-card .rank-content .rank-date-item .title1[data-v-420e76bd] {
    font-family: Inter;
    font-weight: 700;
    font-size: .37333rem;
    line-height: .45333rem;
    color: #fff
}

.ranking-card .rank-content .rank-date-item .title2[data-v-420e76bd] {
    font-family: Inter;
    font-weight: 400;
    font-size: .32rem;
    line-height: .4rem;
    color: #fff9f4cc
}

.ranking-card .rank-content .rank-date .rank-date-item[data-v-420e76bd]:last-child {
    margin-right: 0
}

.ranking-card .rank-content .rank-date .active[data-v-420e76bd] {
    background: no-repeat center/100% 100% url(/images/icon_5_DZHkJPjl.png)
}

.ranking-card .rank-content .rank-header[data-v-420e76bd] {
    width: 8.50667rem;
    height: 4.29333rem;
    background: no-repeat center/100% url(/images/icon_7_ChTuqz3j.png);
    position: relative
}

.ranking-card .rank-content .rank-header .top[data-v-420e76bd] {
    width: 2.58667rem;
    height: 1.36rem;
    position: absolute;
    top: 2.8rem;
    color: #fff;
    text-align: center;
    font-family: Inter
}

.ranking-card .rank-content .rank-header .top--1[data-v-420e76bd] {
    width: 2.66667rem;
    left: 50%;
    transform: translate(-50%)
}

.ranking-card .rank-content .rank-header .top--2[data-v-420e76bd] {
    left: .10667rem
}

.ranking-card .rank-content .rank-header .top--3[data-v-420e76bd] {
    right: .10667rem
}

.ranking-card .rank-content .rank-header .top .text1[data-v-420e76bd] {
    font-weight: 300;
    font-size: .32rem;
    line-height: .4rem;
    margin-bottom: .05333rem
}

.ranking-card .rank-content .rank-header .top .text2[data-v-420e76bd] {
    font-weight: 600;
    font-size: .32rem;
    line-height: .4rem;
    text-align: center;
    margin-bottom: .05333rem
}

.ranking-card .rank-content .rank-header .top .text3[data-v-420e76bd] {
    font-weight: 700;
    font-size: .37333rem;
    line-height: .45333rem;
    color: #fcff68
}

.ranking-card .rank-content .rank-list[data-v-420e76bd] {
    margin-top: .32rem;
    position: relative
}

.ranking-card .rank-content .rank-list-header[data-v-420e76bd] {
    height: .74667rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #c179ed;
    border-radius: .26667rem .26667rem 0 0;
    font-family: Inter;
    font-weight: 600;
    font-size: .32rem
}

.ranking-card .rank-content .rank-list-header-item[data-v-420e76bd] {
    width: 26%;
    font-weight: 500;
    font-size: .37333rem;
    color: #fff;
    text-align: center
}

.ranking-card .rank-content .rank-list-header .is-first[data-v-420e76bd] {
    width: 15%
}

.ranking-card .rank-content .rank-list-content[data-v-420e76bd] {
    height: 8.42667rem;
    overflow-y: auto
}

.ranking-card .rank-content .rank-list-content-item[data-v-420e76bd] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .16rem;
    border-radius: .16rem;
    height: .74667rem;
    background: no-repeat center/100% 100% url(/images/icon_10_B23WLF3h.png)
}

.ranking-card .rank-content .rank-list-content-item .col[data-v-420e76bd] {
    height: 100%;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Inter;
    font-size: .32rem;
    font-weight: 500;
    line-height: .37333rem;
    text-align: center
}

.ranking-card .rank-content .rank-list-content-item .col--1[data-v-420e76bd] {
    width: 15%;
    font-size: .29333rem;
    font-weight: 900;
    line-height: .37333rem;
    color: #fff;
    border-radius: .16rem 0 0 .16rem;
    background: #c179ed;
    font-style: italic
}

.ranking-card .rank-content .rank-list-content-item .col--1 span[data-v-420e76bd] {
    font-size: .18667rem;
    color: #fff;
    font-family: Inter;
    font-weight: 900;
    margin-top: .05333rem
}

.ranking-card .rank-content .rank-list-content-item .col--2[data-v-420e76bd] {
    font-size: .32rem;
    font-weight: 400;
    line-height: .37333rem;
    color: #fff
}

.ranking-card .rank-content .rank-list-content-item .col--3[data-v-420e76bd] {
    font-size: .34667rem;
    font-weight: 400;
    line-height: .37333rem;
    color: #fff
}

.ranking-card .rank-content .rank-list-content-item .col--4[data-v-420e76bd] {
    font-size: .34667rem;
    font-weight: 500;
    line-height: .37333rem;
    color: #fbfe68
}

.ranking-card .rank-content .rank-list-content .self[data-v-420e76bd] {
    position: absolute;
    right: 0;
    left: -.13333rem;
    bottom: -1.33333rem;
    background: #7869ea;
    border-radius: 2.66667rem 0 0 2.66667rem;
    width: calc(100% + .26667rem);
    height: 1.17333rem;
    display: flex;
    justify-content: space-between;
    margin-top: .32rem
}

.ranking-card .rank-content .rank-list-content .self .is-first[data-v-420e76bd] {
    width: 15%
}

.ranking-card .rank-content .rank-list-content .self .is-first .num[data-v-420e76bd] {
    width: .85333rem;
    height: .85333rem;
    border-radius: 100%;
    background: linear-gradient(180deg,#f2d292,#e4ad61);
    font-weight: 700;
    font-size: .37333rem;
    line-height: .85333rem;
    color: #86471f;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ranking-card .rank-content .rank-list-content .self .col[data-v-420e76bd] {
    color: #fff
}

.ranking-card .rank-content .rank-list-content .self .col1[data-v-420e76bd] {
    font-weight: 400;
    width: 1.86667rem;
    height: .42667rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal
}

.ranking-card .rank-content .rank-list-content .self .col2[data-v-420e76bd] {
    font-weight: 600;
    font-size: .37333rem
}

.ranking-card .rank-content .rank-list-content .self .col4[data-v-420e76bd] {
    color: #fbfe68
}

.ranking-card .rank-content .rank-list-content .self .col5 .btn[data-v-420e76bd] {
    width: 1.44rem;
    height: .8rem;
    background: no-repeat center/100% url(/images/icon_8_xznCHu7Q.png)
}

.ranking-card .rank-content .rank-list-content .self .col5 .is-claimed[data-v-420e76bd] {
    opacity: .5
}

.ranking-card .rank-content .rank-list .rank-list-content[data-v-420e76bd]::-webkit-scrollbar {
    width: .18667rem;
    padding-left: .13333rem
}

.ranking-card .rank-content .rank-list .rank-list-content[data-v-420e76bd]::-webkit-scrollbar-track {
    background: #6c48a8;
    border-radius: .26667rem
}

.ranking-card .rank-content .rank-list .rank-list-content[data-v-420e76bd]::-webkit-scrollbar-thumb {
    background-color: #7c58de;
    border-radius: .26667rem;
    border: .04rem solid rgb(108,72,168)
}

.ranking-card .rank-content .rank-btn[data-v-420e76bd] {
    margin-top: 2.02667rem;
    width: 100%;
    height: 1.52rem;
    background: no-repeat center/auto 100% url(/images/icon_9_CyFxHmO2.png)
}

[data-v-afb66220]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.userinfo-card[data-v-afb66220] {
    padding: .32rem .32rem 0;
    position: relative;
    z-index: 2
}

.userinfo-card .userinfo-no-login[data-v-afb66220] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.01333rem
}

.userinfo-card .userinfo-no-login .right[data-v-afb66220] {
    display: flex;
    align-items: center
}

.userinfo-card .userinfo-no-login .right[data-v-afb66220] svg {
    width: .96rem;
    height: .96rem
}

.userinfo-card .userinfo-no-login .right[data-v-afb66220] .search-bar {
    width: .96rem;
    height: .96rem;
    background: #ffffff0d;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.userinfo-card .userinfo-no-login .right[data-v-afb66220] .search-bar .reward-search-bar-icon {
    width: .58667rem;
    height: .58667rem
}

.userinfo-card .userinfo-no-login .login-btn[data-v-afb66220] {
    width: 1.65333rem;
    height: 1.01333rem;
    border-radius: .90667rem;
    background: #ffffff0d;
    text-align: center;
    line-height: 1.01333rem;
    font-family: Inter;
    font-weight: 500;
    font-size: .37333rem;
    color: #fff;
    border: none!important
}

.userinfo-card .userinfo-no-login .register-btn[data-v-afb66220] {
    margin-left: .21333rem;
    height: 1.01333rem;
    border-radius: .98667rem;
    border: none!important;
    padding: 0 .21333rem;
    background: linear-gradient(99.5deg,#fe843f,#fd5a1c);
    font-size: .32rem;
    font-weight: 500;
    color: #fff
}

.userinfo-card .userinfo-no-login .btns[data-v-afb66220] {
    width: .96rem;
    height: .96rem;
    line-height: .96rem;
    text-align: center;
    border-radius: 100%
}

.userinfo-card .userinfo-no-login .kefu[data-v-afb66220] {
    background: no-repeat center/.53333rem .53333rem url(/images/kefu_CEK4ZUuG.png) #ffffff0d
}

.userinfo-card .userinfo-no-login .search[data-v-afb66220] {
    margin-left: .21333rem;
    background: no-repeat center/.53333rem .53333rem url(/images/search_BBojdr-U.png) #ffffff0d
}

.userinfo-card .userinfo-login[data-v-afb66220] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.userinfo-card .userinfo-login .userinfo-left[data-v-afb66220] {
    display: flex;
    align-items: center
}

.userinfo-card .userinfo-login .userinfo-left .balance-wp[data-v-afb66220] {
    display: flex;
    flex-direction: column;
    gap: .08rem
}

.userinfo-card .userinfo-login .userinfo-left .balance-wp .balance-item[data-v-afb66220] {
    display: inline-flex;
    align-items: center;
    height: .53333rem;
    border-radius: .32rem .10667rem .10667rem .32rem;
    background: #ffffff0f;
    font-family: Inter;
    font-weight: 600;
    font-size: .42667rem;
    line-height: .58667rem;
    padding-right: .10667rem
}

.userinfo-card .userinfo-login .userinfo-left .balance-wp .balance-item .icon-balance[data-v-afb66220] {
    width: .50667rem;
    height: .50667rem;
    margin-right: .08rem
}

.userinfo-card .userinfo-login .userinfo-left .balance-wp .balance-item .icon-arrow[data-v-afb66220] {
    width: .53333rem;
    height: .53333rem
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con[data-v-afb66220] {
    position: relative;
    margin-right: .18667rem;
    width: 1.06667rem;
    height: 1.06667rem
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .avaView[data-v-afb66220] {
    width: 1.06667rem;
    height: 1.06667rem
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .avaView[data-v-afb66220] .van-image__img {
    border-radius: 100%
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .avaView .avatar-img[data-v-afb66220] {
    width: 1.06667rem;
    height: 1.06667rem
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .avaView .van-image[data-v-afb66220],.userinfo-card .userinfo-login .userinfo-left .avatar-con .avaView .errImg[data-v-afb66220] {
    width: 100%;
    height: 100%
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .avaView[data-v-afb66220] .van-image__error {
    background: transparent
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .vip-icon[data-v-afb66220] {
    position: absolute;
    width: 1.28rem;
    height: .53333rem;
    left: 0;
    bottom: -.05333rem
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .vip0[data-v-afb66220] {
    background: no-repeat center center/contain url(/images/viping_CDMjyjxR.png)
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .vip1[data-v-afb66220] {
    background: no-repeat center center/contain url(/images/vip_B8cgViZU.png)
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .vip2[data-v-afb66220] {
    background: no-repeat center center/contain url(/images/svip_CYPypOgd.png)
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .vip3[data-v-afb66220] {
    background: no-repeat center center/contain url(/images/ssvip_M-gs-jhz.png)
}

.userinfo-card .userinfo-login .userinfo-left .avatar-con .vip4[data-v-afb66220] {
    background: no-repeat center center/contain url(/images/sssvip_B-mVKUHQ.png)
}

.userinfo-card .userinfo-login .userinfo-right[data-v-afb66220] {
    width: 1.92rem;
    height: .90667rem;
    line-height: .90667rem;
    text-align: center;
    border-radius: .98667rem;
    background: linear-gradient(99.5deg,#fe843f,#fd5a1c);
    font-family: Inter;
    font-weight: 500;
    font-size: .34667rem
}

[data-v-d14688fe]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.process-bar[data-v-d14688fe] {
    width: 8.24rem;
    height: .21333rem;
    border-radius: .53333rem;
    background: linear-gradient(180deg,#f1cfa6,#ffeec6 22.18%,#efb05f 77.34%);
    border: .01333rem solid #F9DB99;
    position: relative
}

.process-bar-inner[data-v-d14688fe] {
    position: absolute;
    top: .00533rem;
    left: 0;
    width: 8.24rem;
    height: .18667rem;
    background: no-repeat center/8.24rem 100% url(/images/process-bg_mAEV9IPP.png),linear-gradient(90deg,#ffdb1d,#ff7da4 50.5%,#3c8aff 99.5%);
    border-radius: .53333rem
}

[data-v-e4c69f7d]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.reward-single[data-v-e4c69f7d] {
    padding: .32rem 0
}

.reward-single-top[data-v-e4c69f7d] {
    display: flex;
    justify-content: space-between
}

.reward-single-bottom[data-v-e4c69f7d] {
    margin-top: .21333rem
}

.reward-single-bottom .process-text[data-v-e4c69f7d] {
    font-family: Inter;
    font-weight: 700;
    font-size: .29333rem;
    line-height: .34667rem;
    color: #ff6533;
    margin-bottom: .13333rem
}

.title1[data-v-e4c69f7d] {
    font-family: Inter;
    font-weight: 700;
    font-size: .4rem;
    line-height: .53333rem
}

.title2[data-v-e4c69f7d] {
    margin-top: .10667rem;
    display: inline-flex;
    align-items: center;
    height: .53333rem;
    border-radius: .8rem;
    background: #0000004d;
    padding: 0 .21333rem;
    font-family: Inter;
    font-weight: 500;
    font-size: .34667rem;
    line-height: .53333rem;
    color: #fff
}

.title2 .images[data-v-e4c69f7d] {
    width: .4rem;
    height: .4rem;
    margin-right: .08rem
}

.title3[data-v-e4c69f7d] {
    font-family: Inter;
    font-weight: 400;
    font-size: .32rem;
    line-height: .4rem;
    color: #fff
}

.right .btn[data-v-e4c69f7d] {
    width: 1.86667rem;
    height: .74667rem;
    background: no-repeat center/100% 100% url(/images/deposit_fazVrZ8X.png)
}

.game-card-list[data-v-e4c69f7d] {
    margin-top: .29333rem;
    display: flex;
    gap: .21333rem;
    overflow: auto
}

.game-card-list[data-v-e4c69f7d]::-webkit-scrollbar {
    display: none
}

.game-card-list .img-wrap[data-v-e4c69f7d] {
    width: 1.28rem;
    height: 1.28rem;
    position: relative
}

.game-card-list .img-wrap .mainten[data-v-e4c69f7d] {
    position: absolute;
    left: 0;
    top: 0;
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .21333rem;
    background: no-repeat center/.53333rem .53333rem url(/images/under-maintenance_CxHj2s2J.png) #0009
}

.game-card-list .img[data-v-e4c69f7d] {
    border-radius: .21333rem;
    display: block;
    width: 1.28rem;
    height: 1.28rem
}

.reward-free-item[data-v-e4c69f7d] {
    border-bottom: .02667rem solid rgba(124,119,172,.8)
}

[data-v-83b04a2e]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.reward-single[data-v-83b04a2e] {
    padding: .32rem 0
}

.reward-single-top[data-v-83b04a2e] {
    display: flex;
    justify-content: space-between
}

.reward-single-bottom[data-v-83b04a2e] {
    margin-top: .21333rem
}

.reward-single-bottom .process-text[data-v-83b04a2e] {
    font-family: Inter;
    font-weight: 700;
    font-size: .29333rem;
    line-height: .34667rem;
    color: #ff6533;
    margin-bottom: .13333rem
}

.title1[data-v-83b04a2e] {
    font-family: Inter;
    font-weight: 700;
    font-size: .4rem;
    line-height: .53333rem
}

.title2[data-v-83b04a2e] {
    margin-top: .10667rem;
    display: inline-flex;
    align-items: center;
    height: .53333rem;
    border-radius: .8rem;
    background: #0000004d;
    padding: 0 .21333rem;
    font-family: Inter;
    font-weight: 500;
    font-size: .34667rem;
    line-height: .53333rem;
    color: #fff
}

.title2 .images[data-v-83b04a2e] {
    width: .4rem;
    height: .4rem;
    margin-right: .08rem
}

.title3[data-v-83b04a2e] {
    font-family: Inter;
    font-weight: 400;
    font-size: .32rem;
    line-height: .4rem;
    color: #fff
}

.right[data-v-83b04a2e] {
    position: relative
}

.right .btn[data-v-83b04a2e] {
    width: 1.86667rem;
    height: .74667rem
}

.right .claimed[data-v-83b04a2e] {
    background: no-repeat center/100% 100% url(/images/claimed_CK-9l-hH.png)
}

.right .claim[data-v-83b04a2e] {
    background: no-repeat center/100% 100% url(/images/claim_Q8Q476LP.png)
}

.right .play[data-v-83b04a2e] {
    background: no-repeat center/100% 100% url(/images/play_kOAdxVVS.png)
}

.right .start[data-v-83b04a2e] {
    background: no-repeat center/100% 100% url(/images/start_qypUGXiS.png)
}

.dot[data-v-83b04a2e] {
    position: absolute;
    content: "";
    right: .05333rem;
    top: 0;
    width: .21333rem;
    height: .21333rem;
    background: #eb5757;
    border-radius: 100%
}

[data-v-e94df226]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.reward-content .reward-header[data-v-e94df226] {
    display: flex;
    justify-content: space-between
}

.reward-content .reward-list[data-v-e94df226] {
    margin-top: .21333rem;
    padding: 0 .32rem 1.38667rem;
    display: flex;
    overflow: auto;
    position: relative
}

.reward-content .reward-list[data-v-e94df226]::-webkit-scrollbar {
    display: none
}

.reward-content .reward-list .reward-list-body[data-v-e94df226] {
    width: 2.16rem;
    height: 1.92rem;
    padding: 0 .05333rem
}

.reward-content .reward-list .reward-list-item[data-v-e94df226] {
    flex-shrink: 0;
    width: 2.05333rem;
    height: 1.92rem;
    position: relative;
    font-family: Inter
}

.reward-content .reward-list .reward-list-item .precent[data-v-e94df226] {
    position: absolute;
    width: 100%;
    top: .4rem;
    text-align: center;
    font-weight: 700;
    font-size: .32rem;
    line-height: .4rem;
    color: #fff
}

.reward-content .reward-list .reward-list-item .status-text[data-v-e94df226] {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: .02667rem;
    font-weight: 800;
    font-size: .29333rem;
    line-height: .34667rem;
    color: #fff
}

.reward-content .reward-list .reward-list-item .claimed-btn[data-v-e94df226] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: no-repeat center/.85333rem .85333rem url(/images/icon_9_Bv4GogJs.png)
}

.reward-content .reward-list .reward-list-item .coming-btn[data-v-e94df226] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin-top: .21333rem;
    background: no-repeat center/.82667rem .90667rem url(/images/icon_8_RxSPHGF1.png)
}

.reward-content .reward-list .reward-list-item .icon[data-v-e94df226] {
    position: absolute;
    width: .37333rem;
    height: .37333rem;
    left: calc(50% - .18667rem);
    bottom: -.56rem;
    z-index: 1
}

.reward-content .reward-list .reward-list-item .icon_5[data-v-e94df226] {
    background: no-repeat center/.37333rem .37333rem url(/images/icon_5_DgKTDnJC.png)
}

.reward-content .reward-list .reward-list-item .icon_6[data-v-e94df226] {
    background: no-repeat center/.37333rem .37333rem url(/images/icon_6_CbjiOGn1.png)
}

.reward-content .reward-list .reward-list-item .icon_7[data-v-e94df226] {
    background: no-repeat center/.37333rem .37333rem url(/images/icon_7_CqL1u3X0.png)
}

.reward-content .reward-list .reward-list-item .num[data-v-e94df226] {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -1.01333rem;
    font-family: Inter;
    font-weight: 700;
    font-size: .34667rem;
    line-height: .37333rem;
    color: #fff
}

.reward-content .reward-list .claimed[data-v-e94df226] {
    background: no-repeat center/100% url(/images/icon_3_zsKf-dE-.png)
}

.reward-content .reward-list .ing[data-v-e94df226] {
    background: no-repeat center/100% url(/images/icon_2__djx9rpm.png)
}

.reward-content .reward-list .coming[data-v-e94df226] {
    background: no-repeat center/100% url(/images/icon_2__djx9rpm.png)
}

.reward-content .reward-list .process-content[data-v-e94df226] {
    position: absolute;
    margin-left: .05333rem;
    height: 1.38667rem;
    left: .32rem;
    right: 0;
    bottom: 0;
    padding-top: .26667rem;
    z-index: 0
}

.process-bar[data-v-e94df226] {
    width: 10.66667rem
}

.title1[data-v-e94df226] {
    font-family: Inter;
    font-weight: 700;
    font-size: .4rem;
    line-height: .53333rem
}

.title2[data-v-e94df226] {
    margin-top: .10667rem;
    display: inline-flex;
    align-items: center;
    height: .53333rem;
    border-radius: .8rem;
    background: #0000004d;
    padding: 0 .21333rem;
    font-family: Inter;
    font-weight: 500;
    font-size: .34667rem;
    line-height: .53333rem;
    color: #fff
}

.title2 .images[data-v-e94df226] {
    width: .4rem;
    height: .4rem;
    margin-right: .08rem
}

.title3[data-v-e94df226] {
    font-family: Inter;
    font-weight: 400;
    font-size: .32rem;
    line-height: .4rem;
    color: #fff
}

.right .btn[data-v-e94df226] {
    width: 1.86667rem;
    height: .74667rem
}

.right .deposit[data-v-e94df226] {
    background: no-repeat center/100% 100% url(/images/deposit_fazVrZ8X.png)
}

.right .claim[data-v-e94df226] {
    background: no-repeat center/100% 100% url(/images/claim_Q8Q476LP.png)
}

.process-body[data-v-e94df226]:before {
    content: "";
    position: absolute;
    top: -.13333rem;
    left: -.32rem;
    width: .53333rem;
    height: .53333rem;
    z-index: 1;
    background: no-repeat center/100% url(/images/icon_4_DRB_LWDw.png)
}

[data-v-2a15cbe1]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.reward-card[data-v-2a15cbe1] {
    position: relative;
    z-index: 2
}

.reward-card .reward-body[data-v-2a15cbe1] {
    max-height: 8rem;
    overflow: auto
}

.reward-card .reward-body[data-v-2a15cbe1]::-webkit-scrollbar {
    display: none
}

.reward-card .reward-item[data-v-2a15cbe1] {
    border-bottom: .02667rem solid rgba(124,119,172,.8)
}

.reward-card .reward-item[data-v-2a15cbe1]:last-child {
    border: none
}

[data-v-c4ab4f3f]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.game-popup-ranking[data-v-c4ab4f3f] {
    border-radius: .53333rem .53333rem 0 0;
    padding: 1.30667rem .32rem 2.24rem
}

.game-popup-ranking .feed-item[data-v-c4ab4f3f] .info__bottom {
    display: none
}

.game-list__title[data-v-c4ab4f3f] {
    width: 100%;
    height: .53333rem;
    position: absolute;
    right: 0;
    top: .48rem;
    text-align: center;
    font-weight: 600;
    font-size: .42667rem;
    line-height: .50667rem;
    color: #fff
}

.game-list__close[data-v-c4ab4f3f] {
    width: .48rem;
    height: .53333rem;
    background: url(/images/cancel_BnY_5A9P.svg) no-repeat;
    position: absolute;
    right: .48rem;
    top: .48rem
}

.game-list__bar[data-v-c4ab4f3f] {
    height: .90667rem;
    color: #000;
    font-weight: 600;
    font-size: .37333rem;
    line-height: .90667rem;
    margin-bottom: .32rem;
    text-align: center;
    background: #f3eeff;
    border-radius: .8rem
}

.game-platforms-ranking[data-v-c4ab4f3f] {
    background: #0000004d;
    height: .74667rem;
    margin-bottom: .32rem;
    border-radius: .64rem
}

.game-platforms-ranking[data-v-c4ab4f3f] .van-tab {
    margin-right: 0!important;
    background: transparent!important
}

.game-platforms-ranking[data-v-c4ab4f3f] .van-tabs__nav {
    background: transparent;
    margin-left: 0
}

.game-platforms-ranking[data-v-c4ab4f3f] .van-tabs__nav .van-tab {
    padding: 0 .13333rem
}

.game-platforms-ranking[data-v-c4ab4f3f] .van-tabs__nav .van-tab__text {
    font-family: Poppins;
    font-size: .37333rem;
    font-weight: 400;
    color: #fffc
}

.game-platforms-ranking[data-v-c4ab4f3f] .van-tabs__nav .van-tab--active {
    background: #04264a!important
}

.game-platforms-ranking[data-v-c4ab4f3f] .van-tabs__nav .van-tab--active .van-tab__text {
    font-family: Inter;
    font-size: .42667rem;
    font-weight: 600;
    color: #fff!important
}

.more-placeholder[data-v-c4ab4f3f] {
    width: 100%;
    height: .02667rem
}

.game-list[data-v-c4ab4f3f] {
    display: grid;
    overflow: auto scroll;
    -webkit-overflow-scrolling: touch;
    -moz-column-gap: .29333rem;
    column-gap: .29333rem;
    row-gap: .32rem;
    max-height: 56vh;
    min-height: 5.57333rem;
    gap: .26667rem;
    grid-template-columns: repeat(6,minmax(1.33333rem,1fr))
}

.game-list div[data-v-c4ab4f3f] {
    grid-column: span 2;
    max-height: 3.33333rem
}

.more-games[data-v-c4ab4f3f] {
    position: fixed;
    z-index: 1000;
    bottom: .64rem;
    bottom: calc(.64rem + constant(safe-area-inset-bottom));
    bottom: calc(.64rem + env(safe-area-inset-bottom));
    display: flex;
    justify-content: center;
    left: 50%;
    transform: translate(-50%);
    border-radius: 2.66667rem;
    background: var(--recall-temp-more-games-btn);
    background-size: 100% 100%;
    width: 6.26667rem;
    height: 1.25333rem;
    text-align: center;
    font-weight: 600;
    font-size: .42667rem;
    padding: 0
}

.reward[data-v-bfe3db60] {
    min-height: 100%;
    font-family: Inter;
    padding-bottom: 1.44rem!important;
    background: #7664ea
}

.reward .no_login_bg[data-v-bfe3db60] {
    width: 100%;
    height: 10.93333rem;
    margin-top: -2.13333rem;
    z-index: 1;
    position: relative
}

.reward .no_login_bg[data-v-bfe3db60]:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 12.32rem;
    background: no-repeat center/100% url(/images/no_header_D0BsU8Tk.png)
}

.reward .no_login_bg .icon_1[data-v-bfe3db60] {
    position: absolute;
    bottom: .8rem;
    left: -.13333rem;
    width: 2.98667rem;
    height: 2.88rem
}

.reward .no_login_bg .icon_2[data-v-bfe3db60] {
    position: absolute;
    bottom: 0;
    left: calc(50% - 1.06667rem);
    width: 1.84rem;
    height: 1.84rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.reward .no_login_bg .icon_3_fix[data-v-bfe3db60] {
    position: absolute;
    bottom: 1.6rem;
    right: 0;
    width: 2.37333rem;
    height: 2.26667rem;
    background: no-repeat center/contain url(/images/icon_3_DoC8-8rL.png)
}

.reward .no_login_bg .icon_3[data-v-bfe3db60] {
    position: absolute;
    bottom: 1.6rem;
    right: 0;
    width: 2.37333rem;
    height: 2.26667rem
}

.reward .login_bg[data-v-bfe3db60] {
    width: 100%;
    height: 7.06667rem;
    margin-top: -2.66667rem;
    z-index: 1;
    position: relative
}

.reward .login_bg[data-v-bfe3db60]:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 8.37333rem;
    background: no-repeat center/100% url(/images/login_header_B6Br2YrC.png)
}

.reward .login_bg .icon_1[data-v-bfe3db60] {
    position: absolute;
    bottom: -1.2rem;
    left: -.4rem;
    width: 2.4rem;
    height: 2.29333rem
}

.reward .login_bg .icon_2[data-v-bfe3db60] {
    position: absolute;
    bottom: .53333rem;
    right: 1.46667rem;
    width: 1.6rem;
    height: 1.6rem
}

.reward .login_bg .icon_3_fix[data-v-bfe3db60] {
    position: absolute;
    bottom: -.26667rem;
    right: .13333rem;
    width: 1.73333rem;
    height: 1.65333rem;
    background: no-repeat center/contain url(/images/icon_3_DoC8-8rL.png)
}

.reward .login_bg .icon_3[data-v-bfe3db60] {
    position: absolute;
    bottom: -.26667rem;
    right: .13333rem;
    width: 1.73333rem;
    height: 1.65333rem;
    overflow: hidden
}

.footer[data-v-bfe3db60] {
    width: 100%;
    height: .53333rem
}

.game-popup-ranking[data-v-bfe3db60] {
    background: #726edc
}

[data-v-bfe3db60]:root {
    --tabbar-height: 1.44rem;
    --navbar-search-bg: rgba(0, 0, 0, .05);
    --navbar-search-color: #5f4e41;
    --navbar-channel-color: #003472;
    --navbar-icon-color: #605e5d
}

.depositpage[data-v-bfe3db60] {
    padding-top: 0
}

.deposit-popup-body[data-v-bfe3db60] {
    background: transparent
}

.deposit-popup-body .header-line[data-v-bfe3db60] {
    width: 100%;
    height: .16rem;
    background: transparent
}

.iframe-full[data-v-bfe3db60] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background: #fff;
    border-radius: .37333rem .37333rem 0 0
}

@media (min-width: 1200px) {
    .iframe-full[data-v-bfe3db60] {
        height:100%;
        width: 25%
    }
}