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

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

.cg-default.van-button .van-button__icon[data-v-6cf5705a] {
    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-6cf5705a] {
    height: 80%
}

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

.container[data-v-6cf5705a] {
    position: relative;
    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;
    height: auto;
    padding-top: .6rem;
    background-image: url(/assets/png/promotionbg-CsE_DCu0.png), var(--main_gradient-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover, 100% 100%
}

.container[data-v-6cf5705a]:after {
    content: "";
    display: block;
    width: 100%;
    height: 1.86667rem;
    position: absolute;
    background-color: var(--bg_color_L1);
    bottom: -.02667rem;
    z-index: 1
}

.container .amount[data-v-6cf5705a] {
    font-weight: 500;
    font-size: .64rem;
    line-height: .64rem;
    color: var(--text_color_L4);
    margin-bottom: .21333rem
}

.container .amount_txt[data-v-6cf5705a] {
    height: .64rem;
    min-width: 3.41333rem;
    background: var(--bg_color_L2);
    color: var(--main-color);
    border-radius: .66667rem;
    line-height: .64rem;
    text-align: center;
    font-size: .34667rem;
    margin-bottom: .13333rem;
    white-space: nowrap;
    padding: 0 .33333rem
}

.container .tip[data-v-6cf5705a] {
    font-size: .29333rem;
    margin-bottom: .26667rem;
    color: var(--text_color_L4)
}

.container .info_content[data-v-6cf5705a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 9.33333rem;
    min-height: 5.06667rem;
    background-color: var(--darkBg, var(--bg_color_L2));
    border-radius: .26667rem;
    overflow: hidden;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    z-index: 10
}

.container .info_content .info[data-v-6cf5705a] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-bottom: .2rem
}

.container .info_content .info .head[data-v-6cf5705a] {
    height: 1.06667rem;
    line-height: 1.06667rem;
    background-color: var(--sheet_nva_color);
    color: #fff;
    font-size: .34667rem;
    text-align: center;
    margin-bottom: .2rem;
    background-repeat: no-repeat;
    background-position: .26667rem center
}

.container .info_content .info .head.u2[data-v-6cf5705a] {
    border-left: .02667rem solid var(--darkBg, var(--bg_color_L2))
}

.container .info_content .info .head svg[data-v-6cf5705a] {
    width: .64rem;
    height: .64rem
}

.container .info_content .info .line1[data-v-6cf5705a],
.container .info_content .info .line2[data-v-6cf5705a],
.container .info_content .info .line3[data-v-6cf5705a] {
    color: var(--text_color_L1);
    font-size: .29333rem;
    text-align: center;
    padding-top: .2rem
}

.container .info_content .info .line1>div[data-v-6cf5705a],
.container .info_content .info .line2>div[data-v-6cf5705a],
.container .info_content .info .line3>div[data-v-6cf5705a] {
    font-size: .37333rem
}

.container .info_content .info .line1.r[data-v-6cf5705a],
.container .info_content .info .line2.r[data-v-6cf5705a],
.container .info_content .info .line3.r[data-v-6cf5705a] {
    border-right: .01333rem solid var(--bg_color_L3)
}

.container .info_content .info .line1>div[data-v-6cf5705a] {
    color: var(--text_color_L1)
}

.container .info_content .info .line2>div[data-v-6cf5705a] {
    color: var(--norm_green-color)
}

.container .info_content .info .line3>div[data-v-6cf5705a] {
    color: var(--norm_secondary-color)
}

.van-toast[data-v-600663f7] {
    word-break: break-word !important
}

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

.cg-default.van-button .van-button__icon[data-v-600663f7] {
    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-600663f7] {
    height: 80%
}

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

.promotionGuest[data-v-600663f7] {
    position: relative;
    padding: .58667rem .32rem .93333rem;
    background-image: url(/assets/png/promotionbg-CsE_DCu0.png), var(--main_gradient-color);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover, 100% 100%
}

.promotionGuest[data-v-600663f7]:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -.02667rem;
    left: 0;
    display: block;
    height: 1.22667rem;
    background-color: var(--bg_color_L1);
    z-index: 1
}

.promotionGuest__content[data-v-600663f7] {
    position: relative;
    z-index: 2;
    width: 9.33333rem;
    margin: 0 auto;
    padding: .45333rem .37333rem .4rem;
    border-radius: .26667rem;
    background: var(--darkBg, var(--bg_color_L2));
    box-shadow: var(--BoxShadowColor-9);
    text-align: center
}

.promotionGuest__icon[data-v-600663f7] {
    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;
    width: 1.09333rem;
    height: 1.09333rem;
    margin: 0 auto .24rem;
    border-radius: 50%;
    background: var(--main_gradient-color)
}

.promotionGuest__icon svg[data-v-600663f7] {
    width: .69333rem;
    height: .69333rem
}

.promotionGuest__title[data-v-600663f7] {
    margin-bottom: .16rem;
    color: var(--text_color_L1);
    font-size: .45333rem;
    font-weight: 700;
    line-height: .58667rem
}

.promotionGuest__desc[data-v-600663f7] {
    margin: 0 auto .34667rem;
    color: var(--text_color_L2);
    font-size: .32rem;
    line-height: .45333rem
}

.promotionGuest__action[data-v-600663f7] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 4.8rem;
    height: .93333rem;
    margin-bottom: .29333rem;
    padding: 0 .45333rem;
    border: none;
    border-radius: 99rem;
    background: var(--main_gradient-color);
    color: var(--text_color_L4);
    font-size: .37333rem;
    font-weight: 700
}

.promotionGuest__public[data-v-600663f7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    gap: .08rem .13333rem;
    margin: 0;
    color: var(--text_color_L2);
    font-size: .29333rem;
    line-height: .42667rem
}

.promotionGuest__public button[data-v-600663f7] {
    padding: 0;
    border: none;
    background: transparent;
    color: var(--main-color);
    font-size: inherit;
    line-height: inherit
}

.content--guest[data-v-600663f7] {
    padding-bottom: 2.4rem
}

.content .shareBtnContainer[data-v-600663f7] {
    margin: .48rem 0 .34667rem;
    width: 100%;
    height: .93333rem;
    text-align: center
}

.content .shareBtnContainer .shareBtn[data-v-600663f7] {
    width: 8.8rem;
    height: 100%;
    color: var(--text_color_L4);
    font-size: .4rem;
    font-weight: 700;
    letter-spacing: .01333rem;
    border: none;
    border-radius: 99rem;
    background: var(--main_gradient-color)
}

.content .commission[data-v-600663f7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 2.93333rem;
    padding: .25333rem .18667rem;
    border-radius: .13333rem;
    background-color: var(--bg_color_L2);
    box-shadow: var(--BoxShadowColor-9);
    margin-bottom: 2.66667rem
}

.content .commission__title[data-v-600663f7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: .22667rem;
    font-size: .37333rem;
    font-weight: 600;
    letter-spacing: .00667rem;
    color: var(--text_color_L1)
}

.content .commission__title svg[data-v-600663f7] {
    margin-right: .10667rem;
    font-size: .64rem;
    width: .64rem
}

.content .commission__body[data-v-600663f7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    margin-top: .26667rem
}

.content .commission__body>div[data-v-600663f7] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    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
}

.content .commission__body>div span[data-v-600663f7] {
    letter-spacing: .01333rem;
    font-family: Inter, sans-serif;
    text-align: center
}

.content .commission__body>div span[data-v-600663f7]:first-of-type {
    color: var(--text_color_L1);
    font-size: .4rem;
    font-weight: 500
}

.content .commission__body>div span[data-v-600663f7]:last-of-type {
    color: var(--text_color_L2);
    font-size: .32rem;
    line-height: .53333rem
}

.content .commission__body>span[data-v-600663f7] {
    width: .00667rem;
    height: .93333rem;
    background: var(--Dividing-line_color)
}

.promote__cell-item[data-v-600663f7] {
    padding: .37333rem .26667rem .37333rem .37333rem;
    background: var(--bg_color_L2);
    box-shadow: var(--BoxShadowColor-9);
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: .26667rem
}

.promote__cell-item .label[data-v-600663f7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.promote__cell-item .label svg[data-v-600663f7] {
    width: .8rem;
    height: .8rem;
    margin-right: .13333rem
}

.promote__cell-item .label span[data-v-600663f7] {
    font-weight: 300;
    font-size: .37333rem;
    line-height: .29333rem;
    color: var(--text_color_L1)
}

.promote__cell-item .arrow[data-v-600663f7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.promote__cell-item .arrow span[data-v-600663f7] {
    font-weight: 400;
    font-size: .32rem;
    line-height: .29333rem;
    color: var(--text_color_L2);
    margin-right: .10667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .13333rem
}

.promote__cell-item .arrow span svg[data-v-600663f7] {
    width: .48rem;
    height: .48rem
}

[data-v-600663f7] .navbar__content-right svg {
    width: .64rem;
    height: .64rem
}