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

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

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

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

.isAppForcedDownloadEnabled-dialog[data-v-277c60ca] {
    z-index: 9999999 !important
}

.item[data-v-277c60ca] {
    margin-top: .32rem;
    min-height: 3.72rem;
    border-radius: .26667rem;
    position: relative;
    margin-bottom: .26667rem;
    overflow: hidden
}

.item[data-v-277c60ca] .right {
    position: absolute;
    right: .26667rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    min-width: 3.73333rem
}

.item[data-v-277c60ca] .right .head {
    margin-bottom: .13333rem
}

.item[data-v-277c60ca] .right .head h1,
.item[data-v-277c60ca] .right .foot h1 {
    background: -webkit-linear-gradient(left, #ff3134 0%, #f97450 100%);
    background: linear-gradient(90deg, #ff3134 0%, #f97450 100%);
    border-radius: .26667rem .26667rem 0 0;
    color: #fff;
    font-size: .29333rem;
    padding: .13333rem .26667rem
}

.item[data-v-277c60ca] .right .head>div,
.item[data-v-277c60ca] .right .foot>div {
    border-radius: 0 0 .26667rem .26667rem;
    padding: 0 .26667rem;
    min-height: .66667rem;
    line-height: .66667rem
}

.item[data-v-277c60ca] .right .head>div.time,
.item[data-v-277c60ca] .right .foot>div.time {
    background: rgba(253, 86, 92, .5);
    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;
    color: #fff
}

.item[data-v-277c60ca] .right .head>div.time span,
.item[data-v-277c60ca] .right .foot>div.time span {
    font-size: .48rem;
    font-weight: 700
}

.item[data-v-277c60ca] .right .head>div.amount,
.item[data-v-277c60ca] .right .foot>div.amount {
    background: #fff;
    color: var(--norm_red-color);
    font-weight: 700;
    text-align: center
}

.item[data-v-277c60ca] .right .head.type2 h1 {
    border-top: .01333rem solid var(--norm_red-color)
}

.van-toast[data-v-3e71d3da] {
    word-break: break-word !important
}

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

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

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

.isAppForcedDownloadEnabled-dialog[data-v-3e71d3da] {
    z-index: 9999999 !important
}

.dialog[data-v-3e71d3da] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    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;
    background: var(--bgcolor-32);
    -webkit-transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    transition: opacity .15s ease-in-out, visibility .15s ease-in-out;
    z-index: 2004
}

.dialog.active[data-v-3e71d3da] {
    opacity: 1;
    visibility: visible
}

.dialog.active .dialog__container[data-v-3e71d3da] {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.dialog.inactive[data-v-3e71d3da] {
    opacity: 0;
    visibility: hidden
}

.dialog.inactive .dialog__container[data-v-3e71d3da] {
    -webkit-transform: scale(.3);
    transform: scale(.3);
    opacity: 0
}

.dialog__container[data-v-3e71d3da] {
    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;
    width: 8rem;
    min-height: 5.33333rem;
    border-radius: .26667rem;
    background: var(--bgDark-4, var(--bg_color_L2));
    -webkit-transition: opacity .3s, -webkit-transform .3s ease-in-out;
    transition: opacity .3s, -webkit-transform .3s ease-in-out;
    transition: opacity .3s, transform .3s ease-in-out;
    transition: opacity .3s, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 2003;
    padding: .26667rem;
    border-radius: 20px
}

.dialog__container .close_img[data-v-3e71d3da] {
    position: absolute;
    bottom: -1.06667rem;
    width: .8rem;
    height: .8rem
}

.dialog__container-img svg[data-v-3e71d3da],
.dialog__container-img[data-v-3e71d3da] img {
    width: 2.24rem;
    height: 2.24rem;
    object-fit: contain
}

.dialog__container-img svg.succed[data-v-3e71d3da],
.dialog__container-img[data-v-3e71d3da] img.succed {
    width: 3.73333rem;
    height: 2.16rem;
    position: relative;
    margin-top: -.74667rem
}

.dialog__container-title[data-v-3e71d3da] {
    margin-top: .34667rem;
    font-size: .48rem;
    font-weight: 700;
    color: var(--text_color_L1)
}

.dialog__container-content[data-v-3e71d3da] {
    margin-top: .29333rem;
    color: var(--text_color_L2);
    font-size: .32rem;
    font-weight: 400
}

.dialog__container-footer[data-v-3e71d3da] {
    display: initial;
    width: 100%;
    margin-top: .8rem;
    padding: 0 .26667rem
}

.dialog__container-footer button[data-v-3e71d3da] {
    width: 100%;
    height: 1.06667rem;
    color: var(--main-color);
    font-size: .42667rem;
    text-align: center;
    border-radius: 9rem;
    border: .01333rem solid var(--main-color);
    background: transparent
}

.dialog__container-footer button[data-v-3e71d3da]:first-of-type {
    margin-bottom: .26667rem;
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.dialog__outside[data-v-3e71d3da] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: default;
    background: rgba(0, 0, 0, .6);
    z-index: 2002
}

.close_img[data-v-3e71d3da] {
    width: .8rem;
    height: .8rem;
    position: absolute;
    bottom: -1.06667rem;
    left: 50%;
    margin-left: -.4rem
}

.van-toast[data-v-5ffc4111] {
    word-break: break-word !important
}

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

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

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

.isAppForcedDownloadEnabled-dialog[data-v-5ffc4111] {
    z-index: 9999999 !important
}

.championship[data-v-5ffc4111] {
    padding: .26667rem 0
}

.championship .championship-tips[data-v-5ffc4111] {
    font-size: .42667rem;
    color: var(--text_color_L1);
    text-align: center;
    line-height: .64rem;
    padding: 0 .21333rem
}

.championship .championship-tips[data-v-5ffc4111] span {
    color: var(--main-color);
    font-weight: 700
}

.championship .tabs[data-v-5ffc4111] {
    background: var(--light-main-color, var(--bg_color_L3));
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.championship .tabs>div[data-v-5ffc4111] {
    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;
    text-align: center;
    min-height: 1.6rem;
    color: var(--text_color_L2);
    font-size: .4rem;
    width: 33.3333333333%
}

.championship .tabs>div.active[data-v-5ffc4111] {
    font-weight: 900;
    position: relative;
    color: var(--text_color_L1)
}

.championship .tabs>div.active[data-v-5ffc4111]:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%);
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    border-bottom: .24rem solid var(--text_color_L1)
}

.championship .item[data-v-5ffc4111] {
    margin: .26667rem;
    min-height: auto
}

.championship .btn[data-v-5ffc4111] {
    margin: .26667rem;
    font-size: .4rem;
    color: var(--text_color_L2);
    font-weight: 700;
    letter-spacing: .016rem;
    background: var(--button_dis_color);
    text-align: center;
    border-radius: .66667rem;
    padding: .2rem 0
}

.championship .btn.active[data-v-5ffc4111] {
    color: var(--text_color_L4);
    background: var(--main_gradient-color)
}

.van-toast[data-v-5c0f1c84] {
    word-break: break-word !important
}

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

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

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

.isAppForcedDownloadEnabled-dialog[data-v-5c0f1c84] {
    z-index: 9999999 !important
}

.rule[data-v-5c0f1c84] {
    margin-top: .53333rem
}

.rule[data-v-5c0f1c84] .van-cell {
    background-color: var(--main-color)
}

.rule[data-v-5c0f1c84] .van-cell .van-cell__right-icon {
    color: var(--text_color_L4)
}

.rule .title[data-v-5c0f1c84] {
    color: var(--text_color_L4);
    font-size: .4rem;
    font-weight: 700;
    letter-spacing: .016rem;
    text-align: center
}

.rule[data-v-5c0f1c84] .van-collapse-item__wrapper {
    margin-top: .2rem
}

.rule .con[data-v-5c0f1c84] {
    color: var(--text_color_L2);
    font-size: .32rem
}

.rule .con h1[data-v-5c0f1c84] {
    position: relative;
    margin-bottom: .13333rem
}

.rule .con h1>span[data-v-5c0f1c84] {
    width: 93%;
    margin: 0 auto;
    padding: .06667rem 0;
    color: #fff;
    font-size: .32rem;
    text-align: center;
    background-color: var(--light-main-color, var(--bg_color_L3));
    -webkit-clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
    clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0% 50%);
    display: block
}

.rule .con h1[data-v-5c0f1c84]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: .26667rem;
    height: .61333rem;
    background-color: var(--light-main-color, var(--bg_color_L3));
    -webkit-clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%);
    z-index: 5;
    left: calc(7% - .4rem);
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.rule .con h1[data-v-5c0f1c84]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: .26667rem;
    height: .61333rem;
    background-color: var(--light-main-color, var(--bg_color_L3));
    -webkit-clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 90% 0%, 40% 50%, 90% 100%, 50% 100%, 0% 50%);
    z-index: 5;
    left: calc(93% + .4rem);
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translate(-50%) rotate(180deg)
}

.rule .con>div[data-v-5c0f1c84],
.rule .con>p[data-v-5c0f1c84] {
    margin-bottom: .4rem
}

.rule .con>div span[data-v-5c0f1c84],
.rule .con>div[data-v-5c0f1c84] span,
.rule .con>p span[data-v-5c0f1c84],
.rule .con>p[data-v-5c0f1c84] span {
    color: var(--norm_red-color)
}

.rule .con p[data-v-5c0f1c84] {
    position: relative;
    padding-left: .26667rem;
    margin-bottom: .13333rem;
    color: var(--text_color_L1)
}

.rule .con p[data-v-5c0f1c84]:after {
    position: absolute;
    content: "";
    width: .13333rem;
    height: .13333rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: var(--main-color);
    left: 0;
    top: .18667rem
}

.rule .con .condition[data-v-5c0f1c84] {
    border: .01333rem solid var(--Dividing-line_color);
    border-radius: .13333rem;
    padding: .26667rem .4rem
}

.rule .con .ranking[data-v-5c0f1c84] {
    border-radius: .13333rem;
    overflow: hidden
}

.rule .con .ranking>div[data-v-5c0f1c84] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: .2rem 0
}

.rule .con .ranking>div>span[data-v-5c0f1c84] {
    width: 50%;
    text-align: center;
    word-break: break-all
}

.rule .con .ranking>div.top[data-v-5c0f1c84] {
    background: var(--sheet_nva_color)
}

.rule .con .ranking>div.top>span[data-v-5c0f1c84] {
    color: #fff
}

.rule .con .ranking>div.info[data-v-5c0f1c84] {
    border-bottom: .01333rem solid var(--borderColor-5);
    border-left: .01333rem solid var(--borderColor-5);
    border-right: .01333rem solid var(--borderColor-5);
    font-size: .37333rem
}

.rule .con .ranking>div.info>span[data-v-5c0f1c84]:first-of-type {
    color: var(--text_color_L2)
}

.rule .con .ranking>div.info[data-v-5c0f1c84]:nth-child(odd) {
    background-color: var(--sheet_detail_bg_color)
}

.rule .con .ranking>div.info>span[data-v-5c0f1c84]:last-of-type {
    font-weight: 500
}

.van-toast[data-v-303ee053] {
    word-break: break-word !important
}

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

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

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

.isAppForcedDownloadEnabled-dialog[data-v-303ee053] {
    z-index: 9999999 !important
}

.game[data-v-303ee053] {
    margin-top: .4rem;
    background: none !important;
    box-shadow: none !important
}

.game h1[data-v-303ee053] {
    color: var(--text_color_L1);
    font-size: .48rem;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    gap: .26667rem;
    margin-bottom: .13333rem
}

.game h1[data-v-303ee053]:before {
    content: "";
    display: block;
    height: .4rem;
    width: .08rem;
    background: var(--main-color)
}

.game .items[data-v-303ee053] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .2rem
}

.game .items .lottery[data-v-303ee053] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: calc(33.3333333333% - .2rem);
    border-radius: .26667rem;
    overflow: hidden;
    color: #fff;
    background: var(--main_gradient-color);
    height: .96rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.game .items .item[data-v-303ee053] {
    width: calc(33.3333333333% - .2rem);
    height: 2.93333rem;
    border-radius: .26667rem;
    overflow: hidden
}

.game .items .item img[data-v-303ee053] {
    width: 2.93333rem;
    height: 2.93333rem
}

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

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

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

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

.isAppForcedDownloadEnabled-dialog[data-v-a9d644da] {
    z-index: 9999999 !important
}

.ChampionshipDetail[data-v-a9d644da] {
    padding: 0 .26667rem .53333rem
}

.ChampionshipDetail>div[data-v-a9d644da] {
    border-radius: .13333rem;
    overflow: hidden
}

.ChampionshipDetail .ranking[data-v-a9d644da] {
    margin-top: .2rem
}

.ChampionshipDetail .ranking .title[data-v-a9d644da],
.ChampionshipDetail .ranking .amount[data-v-a9d644da] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .13333rem
}

.ChampionshipDetail .ranking .title>span[data-v-a9d644da],
.ChampionshipDetail .ranking .amount>span[data-v-a9d644da] {
    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;
    text-align: center;
    min-height: 1.06667rem;
    word-break: break-all
}

.ChampionshipDetail .ranking .title>span[data-v-a9d644da],
.ChampionshipDetail .ranking .amount>span[data-v-a9d644da] {
    width: 33.3333333333%
}

.ChampionshipDetail .ranking .title[data-v-a9d644da] {
    background: var(--sheet_nva_color);
    color: var(--text_white, var(--text_color_L1));
    font-weight: 700;
    font-size: .37333rem
}

.ChampionshipDetail .ranking .amount[data-v-a9d644da] {
    font-weight: 500;
    background-color: var(--bg_color_L2);
    color: var(--text_color_L1)
}

.ChampionshipDetail .ranking .amount>span[data-v-a9d644da]:last-of-type {
    color: var(--norm_red-color)
}

.ChampionshipDetail .rankingList[data-v-a9d644da] {
    margin-top: .2rem
}

.ChampionshipDetail .rankingList .title[data-v-a9d644da],
.ChampionshipDetail .rankingList .info[data-v-a9d644da] {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .13333rem
}

.ChampionshipDetail .rankingList .title>span[data-v-a9d644da],
.ChampionshipDetail .rankingList .info>span[data-v-a9d644da] {
    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;
    text-align: center;
    min-height: 1.06667rem;
    word-break: break-all
}

.ChampionshipDetail .rankingList .title>span[data-v-a9d644da]:first-of-type,
.ChampionshipDetail .rankingList .info>span[data-v-a9d644da]:first-of-type {
    width: 1.33333rem
}

.ChampionshipDetail .rankingList .title>span[data-v-a9d644da]:not(:first-of-type),
.ChampionshipDetail .rankingList .info>span[data-v-a9d644da]:not(:first-of-type) {
    width: calc((100% - 1.33333rem) / 3)
}

.ChampionshipDetail .rankingList .title[data-v-a9d644da] {
    background: var(--sheet_nva_color);
    color: var(--text_white, var(--text_color_L1));
    font-size: .34667rem;
    font-weight: 700
}

.ChampionshipDetail .rankingList .info[data-v-a9d644da] {
    color: var(--text_color_L2)
}

.ChampionshipDetail .rankingList .info .top1[data-v-a9d644da] {
    background: url(/assets/png/1-dcdd0031.webp) no-repeat center;
    background-size: .93333rem .93333rem
}

.ChampionshipDetail .rankingList .info .top2[data-v-a9d644da] {
    background: url(/assets/png/2-0c408958.webp) no-repeat center;
    background-size: .93333rem .93333rem
}

.ChampionshipDetail .rankingList .info .top3[data-v-a9d644da] {
    background: url(/assets/png/3-f5a58c12.webp) no-repeat center;
    background-size: .93333rem .93333rem
}

.ChampionshipDetail .rankingList .info .txt[data-v-a9d644da] {
    font-family: Roboto;
    font-size: .48rem;
    font-weight: 900;
    background: -webkit-linear-gradient(top, #C4CFDF 0%, #778DAE 100%);
    background: linear-gradient(180deg, #C4CFDF 0%, #778DAE 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.ChampionshipDetail .rankingList .info>span[data-v-a9d644da]:last-of-type {
    color: var(--norm_red-color);
    font-weight: 500
}

.ChampionshipDetail .rankingList .info[data-v-a9d644da]:nth-child(odd) {
    background: var(--bg_color_L3)
}

.ChampionshipDetail .rankingList .info[data-v-a9d644da]:nth-child(2n) {
    background: var(--bg_color_L2)
}

.ChampionshipDetail .rankingList .refresh[data-v-a9d644da] {
    padding: .33333rem;
    text-align: center;
    background: var(--bg_color_L2);
    color: var(--text_color_L1)
}