@charset "UTF-8";
.van-toast[data-v-0dabd3fc] {
    word-break: break-word !important
}

.cg-default.van-button[data-v-0dabd3fc] {
    font-weight: 700;
    font-size: .4rem
}

.cg-default.van-button .van-button__icon[data-v-0dabd3fc] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.cg-default.van-button .van-button__icon>img[data-v-0dabd3fc] {
    height: 80%
}

@media(orientation:landscape) {
    html.landscape[data-v-0dabd3fc] {
        font-size: 9vh !important
    }
}

.wallet-container[data-v-0dabd3fc] {
    color: var(--text_color_L2)
}

.wallet-container-header[data-v-0dabd3fc] {
    background: var(--light-main_gradient-color, var(--bg_color_L2));
    width: 100%;
    color: #fff;
    padding-bottom: .32rem
}

.wallet-container-header-belly[data-v-0dabd3fc] {
    margin-top: .13333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.wallet-container-header-belly svg[data-v-0dabd3fc] {
    width: 1.06667rem;
    height: 1.06667rem
}

.wallet-container-header-belly>div[data-v-0dabd3fc]:nth-of-type(1) {
    margin: .10667rem 0;
    font-size: .64rem;
    line-height: .64rem
}

.wallet-container-header-belly span[data-v-0dabd3fc] {
    font-size: .34667rem
}

.wallet-container-header-belly>div[data-v-0dabd3fc]:nth-of-type(2) {
    width: 70%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-top: .26667rem;
    text-align: center
}

.wallet-container-header-belly>div:nth-of-type(2) p[data-v-0dabd3fc] {
    margin-bottom: .13333rem
}

.wallet-container-header-belly .total[data-v-0dabd3fc] {
    font-size: .4rem;
    font-weight: 500
}

.wallet-container .progressBars span[data-v-0dabd3fc] {
    color: var(--text_color_L1)
}

.wallet-container h3[data-v-0dabd3fc] {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: .46667rem;
    letter-spacing: .04em;
    font-size: .4rem;
    color: var(--darkTextW, var(--text_color_L1))
}

.wallet-container span[data-v-0dabd3fc] {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: .46667rem;
    letter-spacing: .04em;
    font-size: .32rem;
    text-align: center
}

.wallet-container-content[data-v-0dabd3fc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: .32rem;
    padding-inline: .4rem;
    padding-bottom: 1.6rem;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.wallet-container-content .container[data-v-0dabd3fc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    min-height: 9.06667rem;
    padding: .62667rem .18667rem .26667rem;
    font-family: bahnschrift;
    border-radius: .26667rem;
    background-color: var(--darkBg, var(--bg_color_L2));
    width: 100%;
    margin-top: .32rem
}

.wallet-container-content .container .progressBars[data-v-0dabd3fc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    margin-bottom: .4rem
}

.wallet-container-content .container .progressBars[data-v-0dabd3fc] .van-circle__text {
    font-size: .4rem;
    font-weight: 600;
    color: var(--text_color_L1)
}

.wallet-container-content .container .progressBars>div[data-v-0dabd3fc] {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.wallet-container-content .container .progressBars>div[data-v-0dabd3fc] .van-circle {
    width: 2.45333rem;
    height: 2.45333rem
}

.wallet-container-content .container .progressBars>div h3[data-v-0dabd3fc] {
    margin-top: .16rem
}

.wallet-container-content .container .recycleBtnD[data-v-0dabd3fc] {
    width: 100%;
    text-align: center;
    margin-bottom: .4rem
}

.wallet-container-content .container .recycleBtnD .recycleBtn[data-v-0dabd3fc] {
    width: 100%;
    height: .93333rem;
    color: var(--text_color_L4);
    font-size: .4rem;
    font-weight: 600;
    letter-spacing: .016rem;
    border: none;
    border-radius: 1.06667rem;
    background: var(--main_gradient-color)
}

.wallet-container-content .container .recycleBtnD .recycleBtn.disable[data-v-0dabd3fc] {
    color: var(--bg_color_L2);
    background: var(--button_dis_color);
    cursor: no-drop
}

.wallet-container-content .container .userDetail[data-v-0dabd3fc] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .28rem;
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -webkit-flex-direction: initial;
    flex-direction: initial;
    width: 100%;
    margin-top: .26667rem
}

.wallet-container-content .container .userDetail>div[data-v-0dabd3fc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    gap: .13333rem
}

.wallet-container-content .container .userDetail>div .imgD[data-v-0dabd3fc] {
    width: 1.30667rem;
    height: 1.30667rem;
    border-radius: .4rem;
    background: var(--bg_color_L2);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: .13333rem
}

.wallet-container-content .container .userDetail>div .imgD img[data-v-0dabd3fc] {
    width: 100%;
    height: auto
}

.wallet-container-content .container .userDetail>div span[data-v-0dabd3fc] {
    font-size: .32rem
}

.wallet-container-content .gameList[data-v-0dabd3fc] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: .26667rem;
    -webkit-flex-direction: initial;
    flex-direction: initial;
    width: 100%;
    margin-bottom: .66667rem;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

.wallet-container-content .gameList .select[data-v-0dabd3fc] {
    background: var(--main_gradient-color)
}

.wallet-container-content .gameList .select span[data-v-0dabd3fc],
.wallet-container-content .gameList .select h3[data-v-0dabd3fc] {
    color: var(--text_color_L4) !important
}

.wallet-container-content .gameList>div[data-v-0dabd3fc] {
    width: 31%;
    min-height: 2.13333rem;
    background-color: var(--darkBg, var(--bg_color_L2));
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: .13333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .13333rem;
    padding: 0 .2rem
}

.wallet-container-content .gameList>div h3[data-v-0dabd3fc] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: .32rem;
    font-weight: 700;
    text-align: center;
    color: var(--text_color_L2)
}

.wallet-container-content .gameList .box[data-v-0dabd3fc] {
    padding-left: .17333rem;
    padding-right: .17333rem;
    position: relative
}

.wallet-container-content .gameList .box svg[data-v-0dabd3fc] {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #d9d9d91a
}

.wallet-container-content .gameList .box>span[data-v-0dabd3fc] {
    color: var(--text_color_L3);
    font-size: .32rem;
    font-weight: 400
}

.wallet-container-content .gameList .money[data-v-0dabd3fc] {
    font-size: .32rem;
    font-weight: 700;
    display: inline-block;
    width: 110%;
    overflow: hidden;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}