@charset "UTF-8";
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";

[data-v-248d2cc3]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-248d2cc3] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-248d2cc3] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-248d2cc3] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-248d2cc3]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-248d2cc3] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-248d2cc3]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-248d2cc3]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-248d2cc3] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-248d2cc3] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-248d2cc3]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-248d2cc3] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-248d2cc3] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-248d2cc3]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-248d2cc3] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-248d2cc3] {
    background-color: #333
}

.svg-icon[data-v-248d2cc3] {
    width: .53333rem;
    height: .53333rem;
    overflow: visible !important
}

.van-dialog.my-dialog {
    width: 8rem !important;
    border-radius: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: none;
    top: 50%
}

.van-dialog.my-dialog .van-dialog__header {
    padding-top: 0
}

.van-dialog.my-dialog .my-dialog-close {
    position: absolute;
    left: 4rem;
    bottom: 0;
    margin-left: -.32rem;
    width: .64rem;
    height: .64rem
}

.van-dialog.my-dialog .van-dialog__content {
    background-color: var(--theme-color-card-bg-color);
    border-radius: .4rem .4rem 0 0;
    padding-top: .66667rem
}

.van-dialog.my-dialog .van-dialog__footer {
    background-color: var(--theme-color-card-bg-color);
    padding: .26667rem .53333rem .53333rem
}

.van-dialog.my-dialog .van-dialog__footer .van-button:before {
    display: none
}

.van-dialog.my-dialog .van-dialog__footer .van-hairline--top:after {
    display: none
}

.van-dialog.my-dialog .van-dialog__footer .van-dialog__cancel {
    height: 1.06667rem;
    border: 1px solid var(--theme-color);
    margin-right: .42667rem;
    border-radius: 26.64rem;
    background: transparent;
    color: var(--theme-color)
}

.van-dialog.my-dialog .van-dialog__footer .van-dialog__confirm {
    height: 1.06667rem;
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: #fff;
    border-radius: 26.64rem
}

.van-popup.my-popup {
    border-radius: .4rem .4rem 0 0;
    padding: .21333rem .42667rem .53333rem .21333rem
}

.van-popup.my-popup .my-popup-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.van-popup.my-popup .my-popup-head:before {
    content: " ";
    width: 1.14667rem;
    height: .16rem;
    border-radius: .08rem;
    background-color: #bdbdbd
}

.van-popup.my-popup .my-popup-head2 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1.17333rem;
    padding: .53333rem .26667rem
}

.van-popup.my-popup .my-popup-head2 .title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .37333rem;
    font-weight: 600;
    line-height: .37333rem;
    margin-right: .16rem
}

.van-popup.my-popup .my-popup-head2 .title:before {
    background-color: #ccb8a1;
    content: "";
    display: block;
    height: .42667rem;
    margin: 0 .26667rem;
    min-width: .08rem;
    width: .08rem
}

.van-popup.my-popup .my-popup-head2 .side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.van-popup.my-popup .my-popup-head2 .clear {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--van-font-size-sm);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.van-popup.my-popup .my-popup-head2 .clear .svg-icon {
    width: .74667rem;
    height: .74667rem
}

.van-popup.my-popup .my-popup-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.van-popup.my-popup .my-popup-content .svg-icon,
.van-popup.my-popup .my-popup-content .icon-lottie {
    width: 1.30667rem;
    height: 1.30667rem;
    margin-top: 1.12rem
}

.van-popup.my-popup .my-popup-content .message {
    font-size: var(--van-font-size-sm);
    padding: .72rem .66667rem 0;
    line-height: .53333rem;
    color: var(--theme-font-color-1)
}

.van-popup.my-popup .my-popup-content .message .font-r {
    color: var(--theme-color)
}

.van-popup.my-popup .my-popup-content .message p {
    text-align: center
}

.van-popup.my-popup .van-dialog__content {
    background-color: #fff;
    border-radius: .4rem .4rem 0 0;
    padding-top: .66667rem
}

.van-popup.my-popup .van-popup__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    padding: .53333rem .53333rem 0
}

.van-popup.my-popup .van-popup__footer .van-button:before {
    display: none
}

.van-popup.my-popup .van-popup__footer .van-hairline--top:after {
    display: none
}

.van-popup.my-popup .van-popup__footer .van-popup__cancel {
    height: 1.06667rem;
    border: 1px solid #ccc;
    margin-right: .42667rem
}

.van-popup.my-popup .van-popup__footer .van-popup__confirm {
    height: 1.06667rem;
    background: var(--theme-color);
    border: 1px solid var(--theme-color);
    color: #fff
}

.van-popup.my-popup.my-theme-popup {
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color)), color-stop(50%, var(--theme-color)), color-stop(50%, #f5f5f5), to(#f5f5f5));
    background: -webkit-linear-gradient(top, var(--theme-color) 0%, var(--theme-color) 50%, #f5f5f5 50%, #f5f5f5 100%);
    background: linear-gradient(to bottom, var(--theme-color) 0%, var(--theme-color) 50%, #f5f5f5 50%, #f5f5f5 100%);
    padding: 0
}

.van-popup.my-popup.my-theme-popup .my-popup-content {
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem;
    background-color: var(--theme-color-card-bg-color)
}

.van-popup.my-popup.my-theme-popup .van-popup__footer {
    padding: .53333rem
}

#theme-color-night .van-popup.my-popup.my-theme-popup {
    background: var(--theme-color-bg-color-1)
}

#theme-color-night .van-popup.my-popup.my-theme-popup .my-popup-content {
    background-color: var(--theme-color-card-bg-color)
}

.videoHeader[data-v-9284b32a] {
    font-size: 4.10256vmin;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.videoHeader .teamName[data-v-9284b32a] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.videoHeader .teamName.home[data-v-9284b32a] {
    text-align: right
}

.videoHeader .teamName .guest[data-v-9284b32a] {
    text-align: left
}

.videoHeader .center[data-v-9284b32a] {
    margin: 0 2.5641vmin;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.videoHeader .center .sep[data-v-9284b32a] {
    padding: 0 1.02564vmin
}

[data-v-80be23aa]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-80be23aa] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-80be23aa] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-80be23aa] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-80be23aa]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-80be23aa] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-80be23aa]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-80be23aa]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-80be23aa] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-80be23aa] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-80be23aa]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-80be23aa] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-80be23aa] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-80be23aa]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-80be23aa] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-80be23aa] {
    background-color: #333
}

.videoContainer[data-v-80be23aa] {
    position: fixed;
    z-index: 5;
    background-color: #000;
    height: 5.625rem;
    width: 100%
}

.videoContainer.isFullWrp[data-v-80be23aa] {
    -webkit-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
    transform: rotate(90deg) translateY(-100%);
    width: 100vh;
    height: 10rem;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    z-index: 200
}

.videoContainer.isFullWrp .videoSectionWrp[data-v-80be23aa] {
    width: 17.8rem;
    height: 10rem;
    margin: 0 auto
}

.videoContainer iframe[data-v-80be23aa] {
    border: none;
    position: absolute;
    z-index: 1
}

.videoContainer .video-player[data-v-80be23aa] {
    border: none;
    position: absolute;
    z-index: 2
}

.videoSectionWrp[data-v-80be23aa] {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 100
}

.videoSectionWrp .openCtrlMadk[data-v-80be23aa] {
    width: 100%;
    height: 100%
}

.videoSectionWrp .ctrlWrp[data-v-80be23aa],
.videoSectionWrp .lineSwitchLayer[data-v-80be23aa] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.videoSectionWrp .ctrlWrp[data-v-80be23aa] {
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.videoSectionWrp .ctrlWrp .btmBar[data-v-80be23aa] {
    height: 1.025641rem;
    padding: 0 .358974rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%)
}

.videoSectionWrp .ctrlWrp .btmBar .leftSide[data-v-80be23aa],
.videoSectionWrp .ctrlWrp .btmBar .rightSide[data-v-80be23aa] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.videoSectionWrp .ctrlWrp .btmBar .clickArea[data-v-80be23aa] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.025641rem;
    padding-left: .205128rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.videoSectionWrp .ctrlWrp .btmBar .pauseAndPlay[data-v-80be23aa],
.videoSectionWrp .ctrlWrp .btmBar .refresh[data-v-80be23aa],
.videoSectionWrp .ctrlWrp .btmBar .responsibleTipBtn[data-v-80be23aa],
.videoSectionWrp .ctrlWrp .btmBar .bulletBtn[data-v-80be23aa],
.videoSectionWrp .ctrlWrp .btmBar .fullBtn[data-v-80be23aa] {
    width: .615385rem;
    height: .615385rem;
    background-size: contain;
    background-repeat: no-repeat
}

.videoSectionWrp .ctrlWrp .btmBar .pipBtn[data-v-80be23aa] {
    width: .8rem;
    height: .8rem
}

.pauseAndPlay[data-v-80be23aa] {
    background-image: url(/assets/icon_video_play.svg)
}

.pauseAndPlay.isPlaying[data-v-80be23aa] {
    background-image: url(/assets/icon_video_pause.svg)
}

.refresh[data-v-80be23aa] {
    background-image: url(/assets/icon_video_fresh.svg)
}

.responsibleTipBtn[data-v-80be23aa] {
    background-image: url(/assets/icon_video_info.svg)
}

.responsibleTipBtn.active[data-v-80be23aa] {
    background-image: url(/assets/icon_video_info_sel.svg)
}

.fullBtn[data-v-80be23aa] {
    background-image: url(/assets/icon_video_fullscreen.svg)
}

.fullBtn.unFull[data-v-80be23aa] {
    background-image: url(/assets/icon_video_nofullscreen.svg)
}

.videoSectionWrp .lineSwitchLayer[data-v-80be23aa] {
    z-index: 14;
    background-color: rgba(0, 0, 0, .66);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.videoSectionWrp .lineSwitchLayer .options[data-v-80be23aa] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.videoSectionWrp .lineSwitchLayer .options .option+.option[data-v-80be23aa] {
    margin-left: .384615rem
}

.videoSectionWrp .lineSwitchLayer .options .option[data-v-80be23aa] {
    border-radius: .051282rem;
    padding: .179487rem .846154rem;
    border: 1px solid rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, .5);
    text-align: center
}

.videoSectionWrp .lineSwitchLayer .options .option.selected6[data-v-80be23aa] {
    border: 1px solid #6aaaf5;
    color: #6aaaf5
}

.videoSectionWrp .lineSwitchLayer .tips[data-v-80be23aa] {
    position: absolute;
    bottom: .25641rem;
    opacity: .5972;
    color: #fff;
    font-weight: 500;
    font-size: .307692rem;
    margin-top: 1.615385rem
}

.videoSectionWrp .msgLayer[data-v-80be23aa] {
    position: absolute;
    height: 70%;
    bottom: .794872rem;
    left: .358974rem;
    width: 3.897436rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 12
}

.responsibleTipSection[data-v-80be23aa] {
    padding: .153846rem 0;
    height: 1.794872rem;
    color: #808285;
    background-color: #fff;
    padding: .128205rem .358974rem
}

.responsibleTipSection .tipText[data-v-80be23aa] {
    font-size: .282051rem;
    line-height: .384615rem;
    font-style: normal;
    font-weight: 400
}

.videoSectionPlaceHolder[data-v-80be23aa] {
    height: 5.625rem;
    background-color: #000
}

.videoSectionPlaceHolder.isAnimation.withResTip[data-v-80be23aa] {
    height: 5.625rem
}

.headerBar[data-v-80be23aa] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.173333rem;
    padding: 0 .358974rem;
    background: none;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 101;
    width: 100%
}

.headerBar .left[data-v-80be23aa] {
    width: 1.333333rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.headerBar .left svg[data-v-80be23aa] {
    width: .205128rem;
    height: .358974rem
}

.headerBar .center[data-v-80be23aa] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.headerBar .right[data-v-80be23aa] {
    width: 1.333333rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.headerBar .right .lineSwitchBtn[data-v-80be23aa] {
    border-radius: .102564rem;
    border: 1px solid #fff;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .076923rem .205128rem;
    font-size: .307692rem;
    font-style: normal;
    font-weight: 600
}

[data-v-a1057adb]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-a1057adb] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-a1057adb] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-a1057adb] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-a1057adb]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-a1057adb] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-a1057adb]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-a1057adb]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-a1057adb] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-a1057adb] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-a1057adb]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-a1057adb] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-a1057adb] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-a1057adb]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-a1057adb] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-a1057adb] {
    background-color: #333
}

.suspended-frame-component[data-v-a1057adb] {
    position: fixed;
    top: 10rem;
    right: .2rem;
    width: 6.72rem;
    height: 3.78rem;
    z-index: 9999999999;
    overflow: hidden
}

.suspended-frame-component .close[data-v-a1057adb] {
    width: .8rem;
    height: .8rem;
    position: absolute;
    padding: .1rem;
    right: 0;
    top: 0;
    z-index: 99999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.suspended-frame-component .close .svg-icon[data-v-a1057adb] {
    width: .4rem;
    height: .4rem
}

.suspended-frame-component .detail-live-wrap[data-v-a1057adb],
.suspended-frame-component .iframe-box[data-v-a1057adb] {
    width: 100%;
    height: 100%
}

.suspended-frame-component .detail-live-wrap[data-v-a1057adb] {
    position: relative
}

.suspended-frame-component .video-error-tips[data-v-a1057adb] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.suspended-frame-component .video-error-tips .tips[data-v-a1057adb] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.suspended-frame-component .video-error-tips .tips .tips-icon[data-v-a1057adb] {
    width: 1.08rem;
    height: .8rem;
    margin: auto;
    background-repeat: no-repeat;
    background-image: url(/assets/video-error-6cc0d665.svg);
    background-size: 100%
}

.suspended-frame-component .video-error-tips .tips .tips-title[data-v-a1057adb] {
    margin-top: .1rem;
    font-size: .3rem;
    color: #fff;
    letter-spacing: .0023rem;
    text-align: center
}

.suspended-frame-component .video-error-tips .tips .tips-title span[data-v-a1057adb] {
    color: #eac581
}

.suspended-frame-component .video-error-tips .match-details[data-v-a1057adb] {
    position: absolute;
    left: .14rem;
    top: .4rem
}

.suspended-frame-component .video-error-tips .match-details .match-team[data-v-a1057adb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.suspended-frame-component .video-error-tips .match-details .match-team .team[data-v-a1057adb] {
    display: inline-block;
    max-width: 1.2rem;
    font-size: .12rem;
    color: #fff;
    letter-spacing: .0027rem
}

.suspended-frame-component .video-error-tips .match-details .match-team .team-score[data-v-a1057adb] {
    display: inline-block;
    margin: 0 .05rem;
    font-family: DINCondensed-Bold;
    font-size: .14rem;
    color: #eac581;
    letter-spacing: .0034rem
}

.suspended-frame-component .video-error-tips .match-details .match-count-down[data-v-a1057adb] {
    line-height: normal;
    font-size: .12rem;
    color: #fff;
    letter-spacing: .0027rem
}

.suspended-frame-component iframe[data-v-a1057adb] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2
}

.suspended-frame-component .video-js[data-v-a1057adb],
.suspended-frame-component video[data-v-a1057adb] {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.suspended-frame-component .vjs-loading-spinner[data-v-a1057adb]:after {
    content: none
}

.suspended-frame-component .vjs-loading-spinner .vjs-control-text[data-v-a1057adb] {
    display: none
}

.radio-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: .533333rem
}

.radio-btn.disabled {
    opacity: .5
}

.radio-btn .value {
    position: relative;
    width: .426667rem;
    height: .426667rem;
    border: .053333rem solid #ddd;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.radio-btn .value.checked {
    background-color: var(--theme-color);
    border: .053333rem solid var(--theme-color)
}

.radio-btn .value.checked:after {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.radio-btn .label {
    margin-left: .186667rem;
    font-size: var(--van-font-size-sm);
    line-height: 1;
    color: #8a8a8d
}

.radio-btn .label.checked {
    color: var(--theme-font-color-1)
}

.index-menu {
    height: 100%;
    width: 7.333333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .426667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--van-font-size-sm)
}

.index-menu .van-divider {
    margin: 0 0 0 10%
}

.index-menu .rws {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0 .21333rem .02667rem var(--theme-color-border-color);
    box-shadow: 0 0 .21333rem .02667rem var(--theme-color-border-color);
    border-radius: .16rem
}

.index-menu .rws>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .26667rem 0
}

.index-menu .rws>div:first-of-type {
    border-right: .02667rem solid var(--theme-color-border-color)
}

.index-menu .rws>div .svg-icon {
    margin-right: .26667rem
}

.index-menu .settings {
    height: 100%
}

.index-menu .settings .bet-set .title,
.index-menu .settings .handicap .title,
.index-menu .settings .language .title,
.index-menu .settings .notifications .title,
.index-menu .settings .timezone .title,
.index-menu .settings .theme .title {
    font-size: .34667rem;
    color: var(--theme-font-color-1);
    font-weight: 700;
    line-height: .533333rem;
    margin: .32rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.index-menu .settings .bet-set .setting,
.index-menu .settings .handicap .setting,
.index-menu .settings .language .setting,
.index-menu .settings .notifications .setting,
.index-menu .settings .timezone .setting,
.index-menu .settings .theme .setting {
    border-bottom: .026667rem solid var(--theme-color-border-color);
    padding-bottom: .266667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-menu .settings .language .setting {
    border-bottom: none
}

.index-menu .settings .bet-set .setting.hide,
.index-menu .settings .handicap .setting.hide,
.index-menu .settings .language .setting.hide,
.index-menu .settings .notifications .setting.hide,
.index-menu .settings .timezone .setting.hide {
    padding-bottom: unset
}

.index-menu .settings .bet-set .setting .radio-btn,
.index-menu .settings .handicap .setting .radio-btn,
.index-menu .settings .language .setting .radio-btn,
.index-menu .settings .notifications .setting .radio-btn,
.index-menu .settings .timezone .setting .radio-btn,
.index-menu .settings .theme .setting .radio-btn {
    margin-bottom: .16rem;
    margin-right: 1.33333rem
}

.index-menu .settings .bet-set .setting .bet-options,
.index-menu .settings .handicap .setting .bet-options,
.index-menu .settings .language .setting .bet-options,
.index-menu .settings .notifications .setting .bet-options,
.index-menu .settings .timezone .setting .bet-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.index-menu .settings .bet-set .setting .bet-options>.radio-btn,
.index-menu .settings .handicap .setting .bet-options>.radio-btn,
.index-menu .settings .language .setting .bet-options>.radio-btn,
.index-menu .settings .notifications .setting .bet-options>.radio-btn,
.index-menu .settings .timezone .setting .bet-options>.radio-btn {
    margin-bottom: .16rem
}

.index-menu .settings .bet-set .setting .handicap-item,
.index-menu .settings .handicap .setting .handicap-item,
.index-menu .settings .language .setting .handicap-item,
.index-menu .settings .notifications .setting .handicap-item,
.index-menu .settings .timezone .setting .handicap-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.133333rem;
    height: 100%;
    border: .026667rem solid var(--theme-color);
    color: var(--theme-color);
    font-size: var(--van-font-size-sm)
}

.index-menu .settings .bet-set .setting .handicap-item:first-child,
.index-menu .settings .handicap .setting .handicap-item:first-child,
.index-menu .settings .language .setting .handicap-item:first-child,
.index-menu .settings .notifications .setting .handicap-item:first-child,
.index-menu .settings .timezone .setting .handicap-item:first-child {
    border-top-left-radius: .106667rem;
    border-bottom-left-radius: .106667rem;
    border-right: none;
    height: .693333rem
}

.index-menu .settings .bet-set .setting .handicap-item:last-child,
.index-menu .settings .handicap .setting .handicap-item:last-child,
.index-menu .settings .language .setting .handicap-item:last-child,
.index-menu .settings .notifications .setting .handicap-item:last-child,
.index-menu .settings .timezone .setting .handicap-item:last-child {
    border-top-right-radius: .106667rem;
    border-bottom-right-radius: .106667rem;
    border-left: none
}

.index-menu .settings .bet-set .setting .handicap-item.active,
.index-menu .settings .handicap .setting .handicap-item.active,
.index-menu .settings .language .setting .handicap-item.active,
.index-menu .settings .notifications .setting .handicap-item.active,
.index-menu .settings .timezone .setting .handicap-item.active {
    color: #fff;
    background: var(--theme-color)
}

.index-menu .settings .bet-set .block-setting,
.index-menu .settings .handicap .block-setting,
.index-menu .settings .language .block-setting,
.index-menu .settings .notifications .block-setting,
.index-menu .settings .timezone .block-setting {
    display: block
}

.index-menu .settings .bet-set .block-setting .radio-btn,
.index-menu .settings .handicap .block-setting .radio-btn,
.index-menu .settings .language .block-setting .radio-btn,
.index-menu .settings .notifications .block-setting .radio-btn,
.index-menu .settings .timezone .block-setting .radio-btn {
    margin-bottom: .133333rem;
    height: auto
}

.index-menu .settings .bet-set .sports-tabs {
    border: .026667rem solid var(--theme-color);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .106667rem;
    height: .64rem;
    color: var(--theme-color);
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .266667rem;
    line-height: .64rem
}

.index-menu .settings .bet-set .sports-tabs.disabled {
    opacity: .5
}

.index-menu .settings .bet-set .sports-tabs>.sport {
    min-width: 1.28rem;
    height: inherit;
    text-align: center;
    white-space: nowrap;
    border-radius: .106667rem
}

.index-menu .settings .bet-set .sports-tabs>.sport:not(:last-child) {
    border-right: solid .026667rem var(--theme-color)
}

.index-menu .settings .bet-set .sports-tabs>.sport.active {
    background-color: var(--theme-color);
    color: #fff
}

.index-menu .settings .bet-set .sports-tabs>.sport>span {
    padding: 0 .106667rem
}

.index-menu .timezone {
    border-bottom: .026667rem solid var(--theme-color-border-color)
}

.index-menu .timezone .value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.index-menu .footer,
.index-menu .timezone {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.index-menu .footer .logo {
    width: 3.093333rem;
    height: .64rem;
    background: 50%/contain no-repeat;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.index-menu .footer .contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.index-menu .footer .contact .customer-icon {
    margin-right: .16rem
}

.index-menu .van-switch {
    font-size: .426667rem !important
}

.index-menu .van-switch--on {
    background-color: var(--theme-color) !important
}

.index-menu .van-checkbox.disabled {
    opacity: .5
}

.index-menu .van-checkbox:not(:last-child) {
    margin-bottom: .16rem
}

.index-menu .van-checkbox>.van-checkbox__icon {
    font-size: .426667rem
}

.index-menu .van-popup__close-icon {
    right: .426667rem;
    top: .586667rem;
    font-size: var(--van-font-size-sm);
    color: #8a8a8d;
    position: absolute
}

.index-menu .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    color: var(--theme-font-color-1)
}

.index-menu .left>.message-bell {
    width: .48rem;
    height: .48rem;
    margin-right: .1rem;
    fill: var(--theme-font-color-1);
    color: var(--theme-font-color-1)
}

.index-menu .left>.user-bell {
    width: .53rem;
    height: .53rem;
    margin-right: .05rem
}

.index-menu .flex-like {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.index-menu .flex-like.msg-box {
    margin-top: .64rem;
    padding-bottom: .32rem
}

.index-menu .flex-like.user-box {
    margin-top: .32rem;
    padding-bottom: .32rem
}

.index-menu .message-right {
    width: .373333rem;
    fill: #8a8a8d;
    color: #8a8a8d
}

.index-menu .message-unread {
    width: .426667rem;
    height: .426667rem;
    background: var(--theme-color);
    border-radius: 100%;
    line-height: .4rem;
    text-align: center;
    margin-left: .133333rem;
    color: #fff;
    z-index: 1;
    font-size: .266667rem
}

.index-menu .radio-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: .533333rem
}

.index-menu .radio-btn.disabled {
    opacity: .5
}

.index-menu .radio-btn .value {
    position: relative;
    width: .426667rem;
    height: .426667rem;
    border: .053333rem solid var(--theme-color-border-color);
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.index-menu .radio-btn .value.checked {
    background-color: var(--theme-color) !important;
    border: .053333rem solid var(--theme-color) !important
}

.index-menu .radio-btn .value.checked:after {
    content: "";
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.index-menu .radio-btn .label {
    margin-left: .186667rem;
    font-size: var(--van-font-size-sm);
    line-height: 1;
    color: #8a8a8d
}

.index-menu .radio-btn .label.checked {
    color: var(--theme-font-color-1)
}

#theme-color-night .index-menu .rws {
    background-color: var(--theme-dark-bg-color-1);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

#theme-color-night .index-menu .radio-btn .value {
    border-color: #919191
}

.sport-notice.van-notice-bar {
    color: var(--theme-font-color-1);
    background-color: var(--theme-color-card-bg-color)
}

.sport-notice.van-notice-bar .left-icon .van-icon {
    color: var(--theme-color);
    margin-right: .13333rem
}

.sport-notice.van-notice-bar .left-icon span {
    font-size: var(--van-font-size-sm);
    font-weight: 500;
    color: var(--theme-font-color-1)
}

.sport-notice.van-notice-bar .right-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sport-notice.van-notice-bar .notice-item {
    margin-right: 2.66667rem;
    font-size: var(--van-font-size-sm)
}

.sport-notice.van-notice-bar .one_item.notice-item {
    display: inline-block;
    min-width: 9.56rem;
    margin-right: 0;
    text-align: right
}

.sport-notice.van-notice-bar .notice-swipe {
    height: .53333rem;
    line-height: .53333rem
}

.sport-notice.van-notice-bar .notice-swipe .van-swipe__track--vertical {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-v-0124eea9]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-0124eea9] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-0124eea9] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-0124eea9] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-0124eea9]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-0124eea9] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-0124eea9]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-0124eea9]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-0124eea9] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-0124eea9] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-0124eea9]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-0124eea9] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-0124eea9] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-0124eea9]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-0124eea9] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-0124eea9] {
    background-color: #333
}

.currency-icon[data-v-0124eea9] {
    width: .66667rem;
    height: .66667rem
}

.balance-item {
    position: relative;
    font-size: var(--van-font-size-sm)
}

.balance-item .drop-box {
    bottom: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    overflow: hidden
}

.balance-item .van-icon {
    color: #dbdbdb;
    font-size: .42667rem;
    margin-left: .2rem;
    vertical-align: middle
}

.balance-item .balance {
    background: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.33333rem;
    margin-top: .18667rem
}

.balance-item .balance .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .10667rem
}

.balance-item .balance .reg-btn {
    min-width: 1.2rem;
    max-width: 1.6rem;
    height: .74667rem;
    line-height: .74667rem;
    text-align: center;
    border-radius: 0 .74667rem .74667rem 0;
    background-color: var(--theme-color);
    color: #fff;
    white-space: nowrap
}

.balance-item .balance .currency-icon {
    width: .52rem;
    height: .52rem;
    margin-right: .13333rem
}

.balance-item .balance .money {
    font-weight: 700;
    max-width: 1.73333rem;
    display: block;
    word-wrap: break-word;
    line-height: 1;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.balance-item .balance .add {
    color: var(--theme-color)
}

.home-header {
    z-index: 13;
    position: fixed;
    width: 100%
}

.home-header .dload-view .left-view,
.home-header .dload-view {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-header .dload-view {
    width: 100%;
    z-index: 999;
    height: 1.17333rem;
    color: #333;
    padding: .2rem .48rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fafafa
}

.home-header .dload-view .left-view {
    font-size: .34667rem
}

.home-header .dload-view .left-view .dload-close {
    width: .37333rem;
    height: .37333rem;
    margin-right: .21333rem
}

.home-header .dload-view .left-view .dload-logo {
    width: .8rem;
    height: .8rem;
    margin-right: .10667rem
}

.home-header .dload-view .left-view .dload-logo img {
    width: .8rem;
    height: .8rem;
    border-radius: .16rem
}

.home-header .dload-view .left-view .dload-experience {
    font-size: .3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-header .dload-view .left-view .dload-experience .name {
    color: var(--theme-color);
    font-size: .32rem;
    font-weight: 600
}

.home-header .dload-view .left-view span {
    opacity: .8
}

.home-header .dload-now {
    display: inline-block;
    color: var(--theme-color);
    height: .69333rem;
    border-radius: .34667rem;
    font-size: .32rem;
    color: #fff;
    line-height: .69333rem;
    text-align: center;
    background-color: var(--theme-color);
    padding: 0 .26667rem;
    white-space: nowrap
}

.home-header .header-main {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: .32rem;
    padding-right: .26667rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.17333rem;
    background-color: var(--theme-color-card-bg-color)
}

.home-header .header-main .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.home-header .header-main .logo .sponsor-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-header .header-main .logo .sponsor-logo img {
    height: .8rem;
    margin-left: .10667rem
}

.home-header .header-main .logo .sponsor-logo .sponsor-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .10667rem;
    font-size: .29333rem
}

.home-header .header-main .logo .sponsor-logo .sponsor-name p {
    max-width: 1.6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.home-header .header-main .logo .logo-img {
    max-width: 3rem;
    max-height: .8rem
}

.home-header .header-main .left-flex .icon {
    width: .7rem;
    height: .7rem
}

.home-header .header-main .right-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-header .header-main .right-flex .flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-header .header-main .right-flex .flex-item .avatar {
    margin-left: .26667rem;
    margin-right: .26667rem;
    margin-top: .16rem;
    height: .8rem;
    width: .8rem
}

.home-header .header-main .right-flex .flex-item .avatar img {
    width: 100%;
    height: 100%
}

.home-header .header-main .right-flex .not-logged-in.vi_VN {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(-webkit-max-content, 1fr))[2];
    -ms-grid-columns: (minmax(max-content, 1fr))[2];
    grid-template-columns: repeat(2, minmax(-webkit-max-content, 1fr));
    grid-template-columns: repeat(2, minmax(max-content, 1fr))
}

.home-header .header-main .right-flex .not-logged-in.vi_VN .login-btn,
.home-header .header-main .right-flex .not-logged-in.vi_VN .register-btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    white-space: nowrap
}

.home-header .header-main .right-flex .not-logged-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.home-header .header-main .right-flex .not-logged-in .login-btn {
    height: .77333rem;
    border-color: var(--theme-color);
    color: var(--theme-color);
    border-radius: .26667rem;
    margin-right: .13333rem;
    font-size: var(--van-font-size-sm);
    background-color: var(--theme-color-card-bg-color);
    padding: 0 .2rem;
    min-width: 1.57333rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-header .header-main .right-flex .not-logged-in .register-btn {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
    height: .77333rem;
    border-radius: .26667rem;
    font-size: var(--van-font-size-sm);
    padding: 0 .2rem;
    min-width: 1.57333rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.home-header .hidden-error {
    display: none !important
}

.home-header .justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-header .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.home-header .flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-header.chamfer {
    border-radius: 0 0 .53333rem .53333rem;
    overflow: hidden
}

#theme-color-night .home-header .dload-view {
    background-color: var(--theme-color-card-bg-color);
    color: #fff
}

#theme-color-night .home-header .not-logged-in .login-btn {
    border: 1px solid var(--theme-color)
}

.down-popup {
    border-radius: .4rem .4rem 0 0;
    padding: .21333rem .42667rem .53333rem .21333rem
}

.down-popup .down-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.down-popup .down-content .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.down-popup .down-content .head:before {
    content: " ";
    width: 1.14667rem;
    height: .16rem;
    border-radius: .08rem;
    background-color: #bdbdbd
}

.down-popup .down-content .line-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .66667rem
}

.down-popup .down-content .line-list .download-button,
.down-popup .down-content .line-list .van-button {
    margin-bottom: .4rem;
    width: 6.4rem;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

.share-popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-size: .37333rem
}

.share-popup .van-tabs {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: .85333rem
}

.share-popup .van-tabs .van-tabs__line {
    display: none
}

.share-popup .van-tabs .van-tab {
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 var(--van-padding-base)
}

.share-popup .van-tabs .van-tab .van-tab__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: var(--van-font-size-sm);
    text-align: center
}

.share-popup .van-tabs .van-tab .van-tab__text p {
    margin-top: .26667rem
}

.share-popup .van-tabs .van-tab .van-tab__text {
    font-weight: 500
}

.share-popup .van-tabs .van-tab .van-tab__text .item-img {
    position: relative;
    width: 2.13333rem;
    height: 2.13333rem
}

.share-popup .van-tabs .van-tab .van-tab__text .item-img img {
    border: 1px solid #e1e1e1;
    border-radius: .26667rem
}

.share-popup .van-tabs .van-tab .van-tab__text .item-img .mask {
    position: absolute;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    bottom: 0;
    height: .53333rem;
    border-radius: 0 0 .26667rem .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.share-popup .van-tabs .van-tab .van-tab__text .item-img .mask .svg-icon {
    width: .42667rem;
    margin-left: .13333rem;
    margin-right: .05333rem
}

.share-popup .van-tabs .van-tab .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.share-popup .van-tabs .van-tab .title span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.share-popup .van-tabs .van-tab .title .total-visits {
    color: #999
}

.share-popup .van-tabs .van-tab .title .svg-icon {
    width: .37333rem
}

.share-popup .van-tabs .van-tab.van-tab--active .van-tab__text img {
    border: 1px solid var(--theme-color);
    border-radius: .26667rem
}

.share-popup .van-tabs .van-tab__panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share-popup .van-tabs .van-tabs__wrap {
    width: 100%;
    height: auto;
    margin-top: .8rem
}

.share-popup .van-tabs .small-img {
    width: 2.13333rem;
    height: 2.13333rem
}

.share-popup .van-tabs .big-img {
    width: 5.12rem
}

.share-popup .big-box {
    width: 5.12rem;
    height: 7.84rem;
    border: 1px solid #e6e6e6;
    border-radius: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.share-popup .big-box .big-header {
    height: 1.28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share-popup .big-box .big-header h3 {
    text-align: center;
    font-size: .37333rem;
    line-height: .48rem
}

.share-popup .big-box .big-header p {
    font-size: .26667rem;
    text-align: center;
    color: #242323
}

.share-popup .big-box .big-footer {
    padding: .10667rem;
    height: 1.36rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.share-popup .big-box .big-footer .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.share-popup .big-box .big-footer .left .van-image {
    margin-right: .10667rem
}

.share-popup .big-box .big-footer .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.share-popup .share-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 1.94667rem;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.share-popup .share-list .share-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.share-popup .share-list .share-item .svg-icon {
    width: 1.25333rem;
    height: 1.25333rem
}

.share-popup .share-list .share-item p {
    font-size: var(--van-font-size-sm);
    text-align: center;
    margin-top: .16rem;
    word-break: break-all;
    white-space: nowrap
}

.share-popup .cancel-btn {
    width: 100%;
    height: 1.12rem;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
    margin-top: .26667rem
}

#theme-color-night .share-popup {
    color: #fff
}

#theme-color-night .share-popup .big-box {
    border-color: var(--theme-color-bg-color-1)
}

#theme-color-night .share-popup .big-box .big-footer {
    background-color: var(--theme-color-bg-color-1)
}

[data-v-946ac94d]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-946ac94d] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-946ac94d] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-946ac94d] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-946ac94d]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-946ac94d] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-946ac94d]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-946ac94d]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-946ac94d] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-946ac94d] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-946ac94d]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-946ac94d] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-946ac94d] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-946ac94d]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-946ac94d] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-946ac94d] {
    background-color: #333
}

.modalOverlay[data-v-946ac94d] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    pointer-events: none
}

.modalOverlay.show[data-v-946ac94d] {
    opacity: 1;
    pointer-events: auto
}

.floatingMenu[data-v-946ac94d] {
    position: fixed;
    bottom: 2.5rem;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: .26667rem;
    width: 200vw;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

.floatingMenu .left-box[data-v-946ac94d],
.floatingMenu .right-box[data-v-946ac94d] {
    width: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .53333rem
}

.floatingMenu.hidden[data-v-946ac94d] {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.floatingMenu .floatingMenuItem[data-v-946ac94d] {
    border: none;
    background-color: #fff;
    color: #000;
    border-radius: .4rem;
    width: 1.28rem;
    height: 1.28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.floatingMenu.status2[data-v-946ac94d] {
    -webkit-transform: translateX(-10rem);
    -ms-transform: translateX(-10rem);
    transform: translate(-10rem)
}

.indicatorContainer[data-v-946ac94d] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .13333rem
}

.indicator[data-v-946ac94d] {
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background-color: #ccc;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.indicator.active[data-v-946ac94d] {
    background-color: var(--theme-color)
}

.floatingMenu.show .floatingMenuItem[data-v-946ac94d] {
    opacity: 1
}

.floatingMenu .floatingMenuItem .icon[data-v-946ac94d] {
    width: .6rem;
    height: .6rem
}

.floatingMenu .floatingMenuItem .menuText[data-v-946ac94d] {
    font-size: .29333rem;
    width: 1rem;
    text-align: center;
    margin-top: .10667rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.floatingMenu .floatingMenuItem[data-v-946ac94d]:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.floatingMenu .floatingMenuItem[data-v-946ac94d]:nth-child(2) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.floatingMenu .floatingMenuItem[data-v-946ac94d]:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.floatingMenu .floatingMenuItem[data-v-946ac94d]:nth-child(4) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.floatingMenu .floatingMenuItem[data-v-946ac94d]:nth-child(5) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.floatingMenu .floatingMenuItem[data-v-946ac94d]:nth-child(6) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

[data-v-e0d9d656]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-e0d9d656] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-e0d9d656] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-e0d9d656] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-e0d9d656]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-e0d9d656] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-e0d9d656]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-e0d9d656]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-e0d9d656] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-e0d9d656] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-e0d9d656]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-e0d9d656] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-e0d9d656] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-e0d9d656]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-e0d9d656] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-e0d9d656] {
    background-color: #333
}

.app-tabbar[data-v-e0d9d656] {
    z-index: 14;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    background: var(--van-tabbar-background)
}

.app-tabbar-item[data-v-e0d9d656] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--van-tabbar-item-text-color);
    font-size: var(--van-tabbar-item-font-size);
    line-height: var(--van-tabbar-item-line-height);
    cursor: pointer
}

.app-tabbar--fixed[data-v-e0d9d656] {
    position: fixed;
    bottom: 0;
    left: 0
}

.app-tabbar-item__icon[data-v-e0d9d656] {
    margin-bottom: var(--van-tabbar-item-icon-margin-bottom);
    font-size: var(--van-tabbar-item-icon-size)
}

.tab-bar.tab-bar-day[data-v-e0d9d656] {
    background-image: url(/assets/tabbar-day-1-a31a4c4f.png) !important;
    background-color: transparent !important;
    background-size: 10rem 2.014rem !important
}

.tab-bar.tab-bar-day .app-tabbar-item__icon.icon-sports[data-v-e0d9d656] {
    background-image: url(/assets/tabbar-day-2-9e1fe850.png) !important
}

.tab-bar.tab-bar-day.main-screen[data-v-e0d9d656]:before {
    content: " ";
    width: 100%;
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: -1
}

.tab-bar.tab-bar-night[data-v-e0d9d656] {
    background-image: url(/assets/tabbar-night-1-2268c0ea.png) !important;
    background-color: transparent !important;
    background-size: 10rem 2.014rem !important
}

.tab-bar.tab-bar-night .app-tabbar-item__icon.icon-sports[data-v-e0d9d656] {
    background-image: url(/assets/tabbar-night-2-43b35861.png) !important
}

.tab-bar.tab-bar-night.main-screen[data-v-e0d9d656]:before {
    content: " ";
    width: 100%;
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #2c2c2c;
    z-index: -1
}

.tab-bar[data-v-e0d9d656] {
    height: 1.6rem;
    background-image: url(/assets/tabbar-day-1-a31a4c4f.png) !important;
    background-color: transparent !important;
    background-size: 10rem 2.014rem !important;
    background-repeat: no-repeat
}

.tab-bar .app-tabbar-item[data-v-e0d9d656] {
    padding-top: .21333rem
}

.tab-bar .app-tabbar-item__text[data-v-e0d9d656] {
    font-size: .26667rem;
    margin-top: .21333rem
}

.tab-bar .app-tabbar-item__icon[data-v-e0d9d656] {
    margin-bottom: 0
}

.tab-bar .app-tabbar-item--active[data-v-e0d9d656] {
    background-color: transparent;
    color: var(--theme-color)
}

.tab-bar .app-tabbar-item--active .count[data-v-e0d9d656] {
    background: #333333
}

.tab-bar .app-tabbar-item__icon.icon-sports[data-v-e0d9d656] {
    height: 1.9rem;
    width: 1.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: 100% 100%;
    margin-top: -1rem
}

.tab-bar .app-tabbar-item__icon.icon-sports .tabbar-ball-ico[data-v-e0d9d656] {
    width: .9rem;
    height: .9rem
}

.tab-bar .app-tabbar-item__icon.icon-sports .ball-bg[data-v-e0d9d656] {
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--theme-color);
    border-radius: .6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tab-bar .app-tabbar-item__icon.icon-sports .ball-bg .active-ball[data-v-e0d9d656] {
    -webkit-animation: mymove-e0d9d656 .5s ease-in-out;
    animation: mymove-e0d9d656 .5s ease-in-out
}

.tab-bar .count[data-v-e0d9d656] {
    position: absolute;
    font-size: .26667rem;
    background: #ccc;
    height: .4rem;
    min-width: .53333rem;
    max-width: .8rem;
    color: #fff;
    left: .53333rem;
    top: -.16rem;
    line-height: .4rem;
    text-align: center;
    border-radius: .26667rem;
    padding-left: .08rem;
    padding-right: .08rem
}

@-webkit-keyframes mymove-e0d9d656 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes mymove-e0d9d656 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.tab-bar.van-safe-area-bottom[data-v-e0d9d656] {
    padding-bottom: calc(constant(safe-area-inset-bottom) - .26667rem);
    padding-bottom: calc(env(safe-area-inset-bottom) - .26667rem)
}

[data-v-6ce13335]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-6ce13335] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-6ce13335] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-6ce13335] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-6ce13335]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-6ce13335] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-6ce13335]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-6ce13335]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-6ce13335] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-6ce13335] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-6ce13335]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-6ce13335] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-6ce13335] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-6ce13335]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-6ce13335] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-6ce13335] {
    background-color: #333
}

.modalOverlay[data-v-6ce13335] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    pointer-events: none
}

.modalOverlay.show[data-v-6ce13335] {
    opacity: 1;
    pointer-events: auto
}

.floatingMenu[data-v-6ce13335] {
    position: fixed;
    bottom: 2.5rem;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: .26667rem;
    width: 200vw;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

.floatingMenu .left-box[data-v-6ce13335],
.floatingMenu .right-box[data-v-6ce13335] {
    width: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .53333rem
}

.floatingMenu.hidden[data-v-6ce13335] {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.floatingMenu .floatingMenuItem[data-v-6ce13335] {
    border: none;
    background-color: #fff;
    color: #000;
    border-radius: .4rem;
    width: 1.28rem;
    height: 1.28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.floatingMenu.status2[data-v-6ce13335] {
    -webkit-transform: translateX(-10rem);
    -ms-transform: translateX(-10rem);
    transform: translate(-10rem)
}

.indicatorContainer[data-v-6ce13335] {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .13333rem
}

.indicator[data-v-6ce13335] {
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background-color: #ccc;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

.indicator.active[data-v-6ce13335] {
    background-color: var(--theme-color)
}

.floatingMenu.show .floatingMenuItem[data-v-6ce13335] {
    opacity: 1
}

.floatingMenu .floatingMenuItem .icon[data-v-6ce13335] {
    width: .6rem;
    height: .6rem
}

.floatingMenu .floatingMenuItem .menuText[data-v-6ce13335] {
    font-size: .29333rem;
    width: 1rem;
    text-align: center;
    margin-top: .10667rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.floatingMenu .floatingMenuItem[data-v-6ce13335]:nth-child(1) {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.floatingMenu .floatingMenuItem[data-v-6ce13335]:nth-child(2) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.floatingMenu .floatingMenuItem[data-v-6ce13335]:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.floatingMenu .floatingMenuItem[data-v-6ce13335]:nth-child(4) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.floatingMenu .floatingMenuItem[data-v-6ce13335]:nth-child(5) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.floatingMenu .floatingMenuItem[data-v-6ce13335]:nth-child(6) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

#theme-color-night .floatingMenu .floatingMenuItem {
    background-color: #333;
    color: #fff
}

[data-v-60c8a7e8]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-60c8a7e8] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-60c8a7e8] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-60c8a7e8] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-60c8a7e8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-60c8a7e8] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-60c8a7e8]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-60c8a7e8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-60c8a7e8] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-60c8a7e8] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-60c8a7e8]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-60c8a7e8] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-60c8a7e8] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-60c8a7e8]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-60c8a7e8] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-60c8a7e8] {
    background-color: #333
}

.app-tabbar[data-v-60c8a7e8] {
    z-index: 14;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    background: var(--van-tabbar-background)
}

.app-tabbar-item[data-v-60c8a7e8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--van-tabbar-item-text-color);
    font-size: var(--van-tabbar-item-font-size);
    line-height: var(--van-tabbar-item-line-height);
    cursor: pointer
}

.app-tabbar--fixed[data-v-60c8a7e8] {
    position: fixed;
    bottom: 0;
    left: 0
}

.app-tabbar-item__icon[data-v-60c8a7e8] {
    margin-bottom: var(--van-tabbar-item-icon-margin-bottom);
    font-size: var(--van-tabbar-item-icon-size)
}

.app-tabbar-item__icon img[data-v-60c8a7e8] {
    width: .66667rem;
    height: .66667rem
}

.tab-bar.tab-bar-day[data-v-60c8a7e8] {
    background-image: url(/assets/tabbar-day-1-a31a4c4f.png) !important;
    background-color: transparent !important;
    background-size: 10rem 2.014rem !important
}

.tab-bar.tab-bar-day .app-tabbar-item__icon.icon-sports[data-v-60c8a7e8] {
    background-image: url(/assets/tabbar-day-2-9e1fe850.png) !important
}

.tab-bar.tab-bar-day.main-screen[data-v-60c8a7e8]:before {
    content: " ";
    width: 100%;
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: -1
}

.tab-bar.tab-bar-night[data-v-60c8a7e8] {
    background-image: url(/assets/tabbar-night-1-2268c0ea.png) !important;
    background-color: transparent !important;
    background-size: 10rem 2.014rem !important
}

.tab-bar.tab-bar-night .app-tabbar-item__icon.icon-sports[data-v-60c8a7e8] {
    background-image: url(/assets/tabbar-night-2-43b35861.png) !important
}

.tab-bar.tab-bar-night.main-screen[data-v-60c8a7e8]:before {
    content: " ";
    width: 100%;
    height: .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #2c2c2c;
    z-index: -1
}

.tab-bar[data-v-60c8a7e8] {
    height: 1.6rem;
    background-image: url(/assets/tabbar-day-1-a31a4c4f.png) !important;
    background-color: transparent !important;
    background-size: 10rem 2.014rem !important;
    background-repeat: no-repeat
}

.tab-bar .app-tabbar-item[data-v-60c8a7e8] {
    padding-top: .21333rem
}

.tab-bar .app-tabbar-item__text[data-v-60c8a7e8] {
    font-size: .26667rem;
    margin-top: .10667rem
}

.tab-bar .app-tabbar-item__icon[data-v-60c8a7e8] {
    margin-bottom: 0
}

.tab-bar .app-tabbar-item--active[data-v-60c8a7e8] {
    background-color: transparent;
    color: var(--theme-color)
}

.tab-bar .app-tabbar-item--active .count[data-v-60c8a7e8] {
    background: #333333
}

.tab-bar .app-tabbar-item__icon.icon-sports[data-v-60c8a7e8] {
    height: 1.9rem;
    width: 1.9rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: 100% 100%;
    margin-top: -1rem
}

.tab-bar .app-tabbar-item__icon.icon-sports .tabbar-ball-ico[data-v-60c8a7e8] {
    width: .9rem;
    height: .9rem
}

.tab-bar .app-tabbar-item__icon.icon-sports .ball-bg[data-v-60c8a7e8] {
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--theme-color);
    border-radius: .6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tab-bar .app-tabbar-item__icon.icon-sports .ball-bg .active-ball[data-v-60c8a7e8] {
    -webkit-animation: mymove-60c8a7e8 .5s ease-in-out;
    animation: mymove-60c8a7e8 .5s ease-in-out
}

.tab-bar .count[data-v-60c8a7e8] {
    position: absolute;
    font-size: .26667rem;
    background: #ccc;
    height: .4rem;
    min-width: .53333rem;
    max-width: .8rem;
    color: #fff;
    left: .53333rem;
    top: -.16rem;
    line-height: .4rem;
    text-align: center;
    border-radius: .26667rem;
    padding-left: .08rem;
    padding-right: .08rem
}

@-webkit-keyframes mymove-60c8a7e8 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes mymove-60c8a7e8 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.tab-bar.van-safe-area-bottom[data-v-60c8a7e8] {
    padding-bottom: calc(constant(safe-area-inset-bottom) - .26667rem);
    padding-bottom: calc(env(safe-area-inset-bottom) - .26667rem)
}

#theme-color-night .tab-bar .app-tabbar-item--active .count {
    background: #ffffff;
    color: #000
}

.act-alert.van-dialog.my-dialog .van-dialog__content {
    background-color: transparent;
    padding-top: 0
}

.act-alert .van-swipe__track {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.act-alert {
    padding-bottom: 1.33333rem
}

.act-alert .img-box {
    width: 100%;
    height: 100%;
    max-width: 8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.act-alert .img-box img {
    max-width: 95%
}

.act-dialog.van-dialog.my-dialog .van-dialog__content {
    background-color: transparent;
    padding-top: 0
}

.act-dialog .van-swipe__track {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.act-dialog .content-box {
    border-radius: .53333rem;
    background-color: #fff
}

.act-dialog .img-box {
    width: 100%;
    height: 100%;
    max-width: 8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.act-dialog .img-box img {
    max-width: 95%
}

.act-dialog {
    padding-bottom: 1.33333rem;
    padding-top: 2.13333rem
}

.act-dialog .van-swipe {
    overflow: visible
}

.act-dialog .van-swipe .select-slide {
    padding-top: 1.53333rem;
    background-image: url(/assets/rebate-alert-pic.png) !important;
    background-size: 8rem 1.53333rem !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important
}

.act-dialog .countdown {
    position: absolute;
    width: 7rem;
    height: 1.06667rem;
    line-height: 1.06667rem;
    top: -1.86667rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    font-size: .37333rem;
    font-weight: 500;
    color: #d03f50;
    margin-top: .26667rem;
    padding: 0 1.06667rem;
    text-align: center;
    background: -webkit-radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 100%)
}

.act-dialog .icon {
    width: .53333rem;
    height: .53333rem;
    margin-right: .21333rem
}

.act-dialog .header {
    text-align: center;
    font-size: .42667rem;
    font-weight: 700;
    padding-bottom: .53333rem;
    padding-top: .53333rem
}

.act-dialog .opt-list {
    padding: 0 .42667rem;
    max-height: 6.4rem;
    overflow: auto
}

.act-dialog .opt-list::-webkit-scrollbar {
    display: none
}

.act-dialog .opt-item {
    border: 1px solid #ccc;
    border-radius: 2.64rem;
    margin-bottom: .32rem;
    padding: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.act-dialog .selected {
    border-color: var(--theme-color)
}

.act-dialog .opt-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.act-dialog .text {
    font-size: .37333rem;
    color: #333
}

.act-dialog .footer {
    height: 1.6rem;
    padding: 0 .53333rem .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.act-dialog .footer .logo-box .logo {
    width: 1.70667rem;
    max-height: .9rem
}

.act-dialog .confirm-area {
    position: relative;
    padding: 0 .42667rem
}

.act-dialog .van-dialog__content {
    border-radius: .4rem !important
}

.act-dialog .click-anim {
    position: absolute;
    right: .26667rem;
    bottom: 0;
    top: 0
}

.act-dialog .tip-text {
    color: var(--theme-color);
    text-align: center;
    line-height: .8rem;
    font-size: .32rem
}

#theme-color-night .act-dialog {
    background-color: transparent
}

#theme-color-night .act-dialog .content-box {
    background-color: #1f1f1f
}

#theme-color-night .act-dialog .content-box .opt-item {
    background-color: #2c2c2c;
    border-color: #2c2c2c
}

#theme-color-night .act-dialog .content-box .opt-item .text {
    color: #fff
}

#theme-color-night .act-dialog .content-box .opt-item.selected {
    border-color: var(--theme-color)
}

.van-dialog.luckyAlert {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 7.7rem;
    overflow: hidden;
    font-size: .413333rem;
    background-color: inherit;
    border-radius: .413333rem;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    background-image: url(/assets/bg-2eaae6c4.png);
    background-size: 100% 100%
}

@media (max-width: 321px) {
    .luckyAlert .van-dialog {
        width: 90%
    }
}

.luckyAlert .van-dialog__header {
    padding-top: .486667rem;
    font-weight: 500;
    height: 0rem;
    text-align: center;
    font-weight: 600
}

.luckyAlert .van-dialog__header--isolated {
    padding: .64rem 0
}

.luckyAlert .van-dialog__content--isolated {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 2.686667rem
}

.luckyAlert .van-dialog__message {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-height: 60vh;
    padding: .686667rem .64rem;
    overflow-y: auto;
    font-size: .366667rem;
    line-height: .526667rem;
    white-space: pre-wrap;
    text-align: center;
    word-wrap: break-word;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.luckyAlert .van-dialog__message--has-title {
    padding-top: .206667rem;
    color: #646566
}

.luckyAlert .van-dialog__message--left {
    text-align: left
}

.luckyAlert .van-dialog__message--right {
    text-align: right
}

.luckyAlert .van-dialog__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 0
}

.luckyAlert .van-dialog__cancel,
.luckyAlert .van-dialog__confirm {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.2rem;
    margin: 0;
    border: 0
}

.luckyAlert .van-dialog__confirm,
.luckyAlert .van-dialog__confirm:active {
    color: #ee0a24
}

.luckyAlert .van-dialog--round-button .van-dialog__footer {
    position: relative;
    height: auto;
    padding: .206667rem .64rem .423333rem
}

.luckyAlert .van-dialog--round-button .van-dialog__message {
    padding-bottom: .423333rem;
    color: #323233
}

.luckyAlert .van-dialog--round-button .van-dialog__cancel,
.luckyAlert .van-dialog--round-button .van-dialog__confirm {
    height: .96rem
}

.luckyAlert .van-dialog--round-button .van-dialog__confirm {
    color: #fff
}

.luckyAlert .van-dialog-bounce-enter {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.7);
    transform: translate3d(-50%, -50%, 0) scale(.7);
    opacity: 0
}

.luckyAlert .van-dialog-bounce-leave-active {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(.9);
    transform: translate3d(-50%, -50%, 0) scale(.9);
    opacity: 0
}

.luckyAlert .van-button__text {
    font-size: .42rem
}

.luckyAlert .luckyAlert-content {
    width: 100%;
    height: 11.7rem;
    padding: 6rem 0rem 0 .16rem;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.luckyAlert .luckyAlert-content div:nth-child(1) {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.luckyAlert .luckyAlert-content div:nth-child(1) h2 {
    color: #bf2110;
    font-size: .5rem;
    line-height: 1rem
}

.luckyAlert .luckyAlert-content div:nth-child(1) h1 {
    color: #bb680e;
    margin-bottom: .2rem
}

.luckyAlert .luckyAlert-content div:nth-child(1) p {
    color: #565656;
    font-size: .32rem !important
}

.luckyAlert .luckyAlert-content div:nth-child(1) span {
    color: #565656;
    font-size: .3rem
}

.luckyAlert .luckyAlert-content div:nth-child(2) {
    height: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.luckyAlert .luckyAlert-content div:nth-child(2) span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1rem;
    font-size: .36rem
}

.luckyAlert .luckyAlert-content div:nth-child(2) span:nth-child(1) {
    background: #c3c3c3;
    color: #fff;
    border-radius: 0 0 0 .3rem
}

.luckyAlert .luckyAlert-content div:nth-child(2) span:nth-child(2) {
    background: var(--theme-color);
    color: #fff
}

.luckyAlert .luckyAlert-content .closed {
    position: absolute;
    top: 0rem;
    right: 0;
    height: .8rem;
    width: .8rem
}

.luckyAlert .content table {
    border-collapse: collapse
}

.luckyAlert .content table th,
.luckyAlert .content table td {
    border: 1px solid #ccc
}

.luckyAlert [class*=van-hairline]:after {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: " ";
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 1px solid #ebedf0;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.notice-alert {
    padding-bottom: 1.33333rem;
    border-radius: 0 !important
}

.notice-alert img {
    max-width: 100%
}

.notice-alert .notice-title {
    text-align: center;
    word-break: break-all;
    padding: 0 .53333rem
}

.notice-alert .notice-content {
    height: 8rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: .53333rem;
    color: #636363
}

.notice-alert .van-dialog__content {
    background: transparent !important;
    padding-top: 0 !important;
    border-radius: 0 !important
}

.notice-alert .notice-footer {
    height: 1.86667rem;
    padding: 0 .53333rem .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.notice-alert .notice-footer .notice-footer-right .logo {
    width: 1.70667rem;
    max-height: .9rem
}

.notice-alert .notice-footer .notice-footer-right .date {
    font-size: var(--van-font-size-sm);
    color: #c7c7c7
}

.notice-alert .van-swipe {
    overflow: visible
}

.notice-alert .van-swipe .van-swipe__track {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.notice-alert .van-swipe .van-swipe__track .van-swipe-item .alert-container {
    background-color: #fff;
    padding-top: .53333rem;
    border-radius: .4rem
}

.notice-alert .van-swipe .van-swipe__track .van-swipe-item .img-container {
    max-width: 8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.notice-alert .van-swipe .van-swipe__indicators {
    bottom: -.53333rem
}

.notice-alert .van-swipe .van-swipe__indicators .van-swipe__indicator {
    background-color: #b4b4b4
}

#theme-color-night .notice-alert .van-dialog__content,
#theme-color-night .notice-alert .van-swipe {
    background: transparent !important
}

#theme-color-night .notice-alert .notice-content {
    color: #fff
}

#theme-color-night .notice-alert .van-swipe .van-swipe__track .van-swipe-item .alert-container {
    background-color: var(--theme-color-page-bg-color)
}

.line-alert {
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem
}

.line-alert .wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.17333rem;
    padding: .53333rem .26667rem
}

.line-alert .wrapper .title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .37333rem;
    font-weight: 600;
    line-height: .37333rem;
    margin-right: .16rem
}

.line-alert .wrapper .title:before {
    background-color: #ccb8a1;
    content: "";
    display: block;
    height: .42667rem;
    margin: 0 .26667rem;
    min-width: .08rem;
    width: .08rem
}

.line-alert .wrapper .side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.line-alert .wrapper .side .clear {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--van-font-size-sm);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.line-alert .wrapper .side .clear .svg-icon {
    width: .74667rem;
    height: .74667rem
}

.line-alert .content {
    padding: .53333rem;
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem;
    background-color: #fff;
    overflow: hidden
}

.line-alert .content .tips {
    margin-bottom: .32rem;
    text-align: center;
    font-size: .37333rem
}

.line-alert .content .line-list {
    max-height: 8rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.line-alert .content .line-list .line-item {
    margin-bottom: .26667rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .26667rem .4rem;
    background-color: #f5f5f5;
    border-radius: 26.64rem;
    position: relative
}

.line-alert .content .line-list .line-item .van-icon-search {
    position: absolute;
    top: .26667rem;
    left: .4rem;
    font-size: .42rem
}

.line-alert .content .van-checkbox {
    margin-top: .26667rem
}

.line-alert .content .van-checkbox .van-checkbox__label {
    font-size: .34rem
}

.line-alert .content .van-checkbox__icon {
    font-size: .42rem
}

.line-alert .line-alert-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.line-alert .line-alert-footer .close-btn {
    margin-right: .13333rem;
    border-color: var(--theme-color);
    color: var(--theme-color);
    border-radius: 26.64rem;
    background: none
}

.line-alert .line-alert-footer .copy-btn {
    margin-left: .13333rem;
    background: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
    border-radius: 26.64rem
}

#theme-color-night .line-alert {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1f1f1f), color-stop(10%, #1f1f1f)) !important;
    background-image: -webkit-linear-gradient(top, #1f1f1f 0%, #1f1f1f 10%) !important;
    background-image: linear-gradient(to bottom, #1f1f1f 0%, #1f1f1f 10%) !important
}

#theme-color-night .line-alert .content {
    background-color: #1f1f1f
}

#theme-color-night .line-alert .content .line-list .line-item {
    background-color: #2c2c2c
}

#theme-color-night .line-alert .content .van-checkbox__icon .van-icon {
    border-color: var(--theme-font-color-1)
}

#theme-color-night .line-alert .content .van-checkbox__label {
    color: var(--theme-font-color-1)
}

.bonus-dialog {
    width: 5.76rem !important;
    height: 6.50667rem !important;
    background: transparent !important;
    overflow: visible !important
}

.bonus-dialog .bonus-modal {
    width: 5.76rem !important;
    height: 6.50667rem;
    background: none;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.bonus-dialog .bonus-modal {
    position: relative
}

.bonus-dialog .bonus-modal .close {
    border: 1px solid #fff;
    border-radius: 50%;
    width: .66667rem;
    height: .66667rem;
    position: absolute;
    bottom: -1.12rem;
    left: calc(50% - .33333rem)
}

.bonus-dialog .bonus-modal .close img {
    width: 100%;
    height: 100%
}

.bonus-dialog .bonus-modal .bonus-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 3.8rem;
    padding: 0 .8rem .8rem
}

.bonus-dialog .bonus-modal .bonus-text .title {
    font-size: .48rem;
    color: #91340f;
    font-weight: 600;
    margin-bottom: .26667rem
}

.bonus-dialog .bonus-modal .bonus-footer-view {
    margin-top: 1.46667rem
}

.bonus-dialog .bonus-modal .bonus-footer-view p {
    padding: 0 .8rem;
    color: #fbedd5
}

.bonus-dialog .red.win {
    font-size: .85333rem;
    text-align: center
}

.bonus-dialog .red {
    color: #e6564f;
    font-weight: 600;
    text-align: center;
    font-size: .48rem
}

#redPacket {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 1000
}

#redPacket .redPacket {
    position: fixed;
    -webkit-animation: drop 4s linear;
    animation: drop 4s linear
}

#redPacket .redPacket img {
    display: block
}

#redPacket .time-tip {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#redPacket .seconds {
    background-color: #e2d6d6;
    color: #e6564f;
    width: 2.34667rem;
    height: .74667rem;
    border-radius: .74667rem;
    line-height: .74667rem;
    text-align: center;
    margin-top: .26667rem
}

#redPacket ._tip {
    text-align: center;
    color: #fff;
    font-size: 1.33333rem;
    font-weight: 700;
    -webkit-animation: 1s infinite bounce-in;
    animation: 1s infinite bounce-in
}

#redPacket .mo {
    width: 70%;
    font-size: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgb(211, 201, 201);
    position: absolute;
    z-index: 100;
    padding: .26667rem;
    border-radius: .10667rem
}

#redPacket .mo button {
    font-size: .26667rem;
    background: rgb(161, 255, 250);
    outline: none;
    padding: .08rem .13333rem;
    border-radius: .08rem;
    border: none;
    margin-top: .26667rem
}

#redPacket .header {
    font-size: .37333rem;
    position: absolute;
    top: 1.6rem;
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#redPacket .header p {
    color: #fff
}

#redPacket .header .red {
    color: var(--theme-color)
}

#redPacket .close_btn {
    width: .8rem;
    height: .8rem;
    display: block;
    position: absolute;
    right: .26667rem;
    top: 1.6rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(/assets/icons/dialog-close.svg);
    border: 0;
    border-radius: 50%;
    z-index: 99
}

@-webkit-keyframes bounce-in {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-in {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes drop {
    0% {
        -webkit-transform: translate3d(0, -.53333rem, 0);
        transform: translate3d(0, -.53333rem, 0)
    }

    to {
        -webkit-transform: translate3d(0, 100vh, 0);
        transform: translate3d(0, 100vh, 0)
    }
}

@keyframes drop {
    0% {
        -webkit-transform: translate3d(0, -.53333rem, 0);
        transform: translate3d(0, -.53333rem, 0)
    }

    to {
        -webkit-transform: translate3d(0, 100vh, 0);
        transform: translate3d(0, 100vh, 0)
    }
}

.real-time-alert {
    padding-bottom: 1.33333rem
}

.real-time-alert .van-dialog__content {
    border-radius: .4rem !important
}

.real-time-alert .notice-title {
    text-align: center;
    word-break: break-all;
    padding: 0 .53333rem
}

.real-time-alert .notice-content {
    height: 8rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: .53333rem;
    color: #636363
}

.real-time-alert .notice-footer {
    height: 1.86667rem;
    padding: 0 .53333rem .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.real-time-alert .notice-footer .notice-footer-right .logo {
    width: 1.70667rem;
    max-height: .9rem
}

.real-time-alert .notice-footer .notice-footer-right .date {
    font-size: var(--van-font-size-sm);
    color: #c7c7c7
}

.real-time-alert .van-swipe .van-swipe__indicators .van-swipe__indicator {
    background-color: #b4b4b4
}

.access-restricted {
    width: 100%;
    height: 100%;
    text-align: center
}

.access-restricted .header {
    position: relative;
    padding-top: .64rem;
    padding-bottom: .426667rem
}

.access-restricted .header .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: .26667rem
}

.access-restricted .header .logo img {
    width: 2.37333rem;
    height: .74667rem
}

.access-restricted .header .large-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.access-restricted .header .large-img .icon-lottie {
    width: 3.52rem;
    height: 3.52rem;
    font-size: .693333rem;
    line-height: .746667rem;
    margin-top: 1.49333rem
}

.access-restricted .content {
    margin-top: .61333rem
}

.access-restricted .content h3 {
    font-size: .58667rem;
    text-align: center;
    margin-bottom: .88rem;
    color: var(--theme-color)
}

.access-restricted .content p {
    font-size: var(--van-font-size-sm);
    text-align: center;
    line-height: .42667rem;
    color: #a1a1a1
}

.access-restricted .content .grey {
    font-size: var(--van-font-size-sm);
    color: #a1a1a1;
    margin-bottom: .32rem
}

.access-restricted .content .info {
    margin-top: .74667rem
}

.access-restricted .btn {
    background: var(--theme-color);
    color: #fff;
    width: 5.94667rem;
    height: 1.12rem;
    margin: 0 auto
}

.access-restricted .service-popup {
    border-radius: .4rem .4rem 0 0;
    padding: .21333rem .42667rem .53333rem .21333rem
}

.access-restricted .service-popup .service-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.access-restricted .service-popup .service-content .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.access-restricted .service-popup .service-content .head:before {
    content: " ";
    width: 1.14667rem;
    height: .16rem;
    border-radius: .08rem;
    background-color: #bdbdbd
}

.access-restricted .service-popup .service-content .line-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .66667rem
}

.access-restricted .service-popup .service-content .line-list .van-button {
    margin-bottom: .4rem;
    width: 6.4rem;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

:root {
    --van-floating-bubble-size: 1.28rem;
    --van-floating-bubble-initial-gap: .64rem;
    --van-floating-bubble-icon-size: .74667rem;
    --van-floating-bubble-background: var(--van-primary-color);
    --van-floating-bubble-color: var(--van-background-2);
    --van-floating-bubble-z-index: 999
}

.van-floating-bubble {
    position: fixed;
    left: 0;
    top: 0;
    right: var(--van-floating-bubble-initial-gap);
    bottom: var(--van-floating-bubble-initial-gap);
    width: var(--van-floating-bubble-size);
    height: var(--van-floating-bubble-size);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    color: var(--van-floating-bubble-color);
    border-radius: var(--van-radius-max);
    z-index: var(--van-floating-bubble-z-index);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.van-floating-bubble:active {
    opacity: .9
}

.van-floating-bubble__icon {
    font-size: var(--van-floating-bubble-icon-size)
}

.floating-bubble {
    width: 1.69333rem;
    height: 1.86667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible
}

.floating-bubble .floating-close {
    margin-top: 0
}

.floating-bubble-popover .van-popover__arrow {
    display: none
}

.floating-bubble-popover.van-popover--light .van-popover__content {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible
}

.floating-bubble-popover.van-popover--light .van-popover__content .menu-items {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.floating-bubble-popover.van-popover--light .van-popover__content .menu-item {
    border: none;
    background-color: #fff;
    color: #000;
    border-radius: .4rem;
    width: 1.28rem;
    height: 1.28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    margin-top: .26667rem;
    position: relative
}

.floating-bubble-popover.van-popover--light .van-popover__content .menu-item .icon-lottie {
    width: .9rem !important;
    height: .9rem !important;
    margin-top: -.3rem
}

.floating-bubble-popover.van-popover--light .van-popover__content .menu-item .red-count {
    width: .42667rem;
    height: .42667rem;
    background: #f73460;
    border-radius: .42667rem;
    font-size: .32rem;
    text-align: center;
    line-height: .42667rem;
    position: absolute;
    z-index: 1;
    right: -.13333rem;
    top: -.13333rem;
    color: #fff
}

.floating-bubble-popover.van-popover--light .van-popover__content .menu-item-icon {
    width: .6rem;
    height: .6rem
}

.floating-bubble-popover.van-popover--light .van-popover__content .menu-item-text {
    font-size: .29333rem;
    width: 1rem;
    text-align: center;
    margin-top: .10667rem;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.gift-icon {
    width: 1.69333rem;
    height: 1.28rem
}

.menu-transition-enter-from,
.menu-transition-leave-to {
    opacity: 0
}

.menu-transition-enter-active,
.menu-transition-leave-active {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

#theme-color-night .menu-items .menu-item {
    background-color: #333;
    color: #fff
}

.down-popup.down-popup {
    background-color: transparent
}

.hddialog-fapp-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    background-color: transparent
}

.hddialog-fapp-container {
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.hddialog-fapp-content {
    position: relative;
    width: 6.66rem;
    background: rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 -.10667rem .21333rem 0 rgba(0, 0, 0, .25);
    box-shadow: 0 -.10667rem .21333rem rgba(0, 0, 0, .25);
    border-radius: .44rem;
    backdrop-filter: blur(.48rem);
    -webkit-backdrop-filter: blur(.48rem)
}

.hddialog-fapp-content1 {
    background: #fff;
    -webkit-box-shadow: 0 .10667rem .21333rem 0 rgba(0, 0, 0, .25);
    box-shadow: 0 .10667rem .21333rem rgba(0, 0, 0, .25);
    border-radius: .66rem;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0)
}

.fapp-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: .66rem .66rem 0 0
}

.fapp-banner-icon {
    position: absolute;
    top: 1.6rem;
    left: 50%;
    margin-left: -.89rem;
    width: 1.78rem
}

.hddialog-fapp-container .fapp-tips-frame-text {
    position: relative;
    padding-top: 3.7rem;
    left: 50%;
    margin-left: -2.7rem;
    width: 5.4rem;
    text-align: left;
    color: rgba(0, 0, 0, .85);
    font-size: .373rem;
    line-height: .54rem;
    font-weight: 400;
    word-wrap: break-word;
    white-space: pre-wrap
}

.fapp-install-frame {
    position: relative;
    margin-top: .66rem;
    margin-bottom: 1rem;
    left: 50%;
    margin-left: -1.67rem;
    width: 3.34rem;
    height: 1.11rem;
    border-radius: .33rem;
    background: #007aff;
    color: #fff;
    font-size: .373rem;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: -webkit-transform .1sease-in-out;
    transition: -webkit-transform .1sease-in-out;
    transition: transform .1sease-in-out;
    transition: transform .1sease-in-out, -webkit-transform .1sease-in-out
}

.fapp-cs {
    position: absolute;
    top: .3rem;
    left: .44rem;
    width: .66rem;
    height: .66rem;
    border-radius: .5rem;
    background: #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 2;
    -webkit-transition: -webkit-transform .1sease-in-out;
    transition: -webkit-transform .1sease-in-out;
    transition: transform .1sease-in-out;
    transition: transform .1sease-in-out, -webkit-transform .1sease-in-out
}

.fapp-close {
    position: absolute;
    top: .22rem;
    right: .22rem;
    width: .66rem;
    height: .66rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    z-index: 2;
    background: #fff;
    border-radius: .4rem;
    -webkit-transition: -webkit-transform .1sease-in-out;
    transition: -webkit-transform .1sease-in-out;
    transition: transform .1sease-in-out;
    transition: transform .1sease-in-out, -webkit-transform .1sease-in-out
}

.fapp-close-icon {
    width: .55rem;
    height: .55rem
}

.fapp-cs-icon {
    width: .4rem;
    height: .4rem
}

.dialog-apkalert-class.van-popup--center {
    z-index: 4000 !important;
    max-width: 100% !important
}

.hddialog-sdapk-frame {
    width: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    -webkit-flex-flow: column;
    flex-flow: column
}

.hddialog-sdapk-container {
    position: relative;
    height: 11rem;
    width: 10rem
}

.hddialog-sdapk-container .hddialog-sdapk-content,
.hddialog-sdapk-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.hddialog-sdapk-container .hddialog-sdapk-content {
    position: absolute;
    top: 1.76rem;
    width: 8.4rem;
    height: 6.5rem;
    overflow: hidden;
    background: rgba(0, 0, 0, .25);
    -webkit-box-shadow: 0 -.10667rem .21333rem 0 rgba(0, 0, 0, .25);
    box-shadow: 0 -.10667rem .21333rem rgba(0, 0, 0, .25);
    border-radius: .44rem
}

.hddialog-sdapk-container .hddialog-sdapk-content1 {
    background: #fff
}

.hddialog-sdapk-container .sdapk-bg {
    position: absolute;
    top: -.2rem;
    left: 0;
    width: 100%
}

.hddialog-sdapk-container .sdapk-banner {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -4.2rem;
    width: 8.4rem;
    z-index: 3
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-tips-frame {
    position: absolute;
    top: 2.5rem;
    width: 7rem;
    height: 2rem;
    overflow: hidden
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-tips-frame-text {
    top: 50%;
    margin-top: -1rem;
    left: 50%;
    margin-left: -3.5rem;
    width: 7rem;
    height: 2rem;
    text-align: center;
    color: rgba(0, 0, 0, .85);
    font-size: .373rem;
    line-height: .5rem;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-install-frame,
.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-tips-frame-text {
    position: absolute;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-install-frame {
    right: .9rem;
    bottom: .8rem;
    width: 3rem;
    height: .88rem;
    border-radius: .15rem;
    background: #fba531;
    border: 1px solid #fba531;
    color: #fff;
    font-size: .32rem;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-install-frame:active {
    opacity: .45;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-install-frame-text {
    color: #fff;
    font-size: .346rem;
    font-weight: 400
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-cancel-frame {
    position: absolute;
    left: .9rem;
    bottom: .8rem;
    width: 3rem;
    height: .88rem;
    border-radius: .15rem;
    background: transparent;
    border: 1px solid #fba531;
    color: #111;
    font-size: .346rem;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-cancel-frame:active {
    opacity: .45;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.hddialog-sdapk-container .hddialog-sdapk-content .sdapk-cancel-frame-text {
    color: #111;
    font-size: .346rem;
    font-weight: 400
}

.rotatebbb[data-v-1b095832] {
    -webkit-animation: loadingCircle-data-v-1b095832 1s linear infinite;
    animation: loadingCircle-data-v-1b095832 1s linear infinite
}

@-webkit-keyframes loadingCircle-data-v-1b095832 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes loadingCircle-data-v-1b095832 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.shiny[data-v-1b095832]:after {
    -webkit-animation: shiny-btn-anim-data-v-1b095832 4s ease-in-out infinite;
    animation: shiny-btn-anim-data-v-1b095832 4s ease-in-out infinite;
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -4.8rem;
    width: .8rem
}

@-webkit-keyframes shiny-btn-anim-data-v-1b095832 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        -webkit-transform: scale(4) rotate(45deg);
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(50) rotate(45deg);
        transform: scale(50) rotate(45deg)
    }
}

@keyframes shiny-btn-anim-data-v-1b095832 {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        -webkit-transform: scale(4) rotate(45deg);
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(50) rotate(45deg);
        transform: scale(50) rotate(45deg)
    }
}

.loading-avatar-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: .05333rem solid transparent;
    border-right: .05333rem solid transparent;
    border-color: transparent #028760;
    border-style: solid;
    border-width: .05333rem;
    border-radius: 50%;
    -webkit-animation: turnbbb-data-v-1b095832 1s linear infinite;
    animation: turnbbb-data-v-1b095832 1s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

#rb-layer img {
    max-height: none;
    max-width: none
}

#rb-layer .loading-ci-box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: .05333rem solid transparent;
    border-right: .05333rem solid transparent;
    border-color: transparent #028760;
    border-style: solid;
    border-width: .05333rem;
    border-radius: 50%;
    -webkit-animation: turnbbb-data-v-1b095832 .65s linear infinite;
    animation: turnbbb-data-v-1b095832 .65s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-webkit-keyframes turnbbb-data-v-1b095832 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes turnbbb-data-v-1b095832 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

#rb-layer .animation-dialog {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    visibility: hidden
}

#rb-layer .animation-dialog.dialog-visible {
    -webkit-animation-name: rb-fade-in-data-v-1b095832;
    animation-name: rb-fade-in-data-v-1b095832
}

#rb-layer .animation-dialog.dialog-hidden {
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-name: rb-fade-out-data-v-1b095832;
    animation-name: rb-fade-out-data-v-1b095832
}

#rb-layer .rb-mask {
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    background: rgba(0, 0, 0, .6);
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 3000
}

#rb-layer .rb-mask p {
    display: none;
    font-size: 0
}

#rb-layer .rb-mask-show {
    -webkit-animation-name: rb-fade-in-data-v-1b095832;
    animation-name: rb-fade-in-data-v-1b095832
}

#rb-layer .rb-mask-hide {
    -webkit-animation-name: rb-fade-out-data-v-1b095832;
    animation-name: rb-fade-out-data-v-1b095832
}

#rb-layer .rb-toast {
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    background-color: rgba(0, 0, 0, .7);
    border-radius: .10667rem;
    left: 50%;
    line-height: .96rem;
    max-width: 90%;
    min-width: 1.28rem;
    opacity: 0;
    padding: 0 .26667rem;
    position: fixed;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: hidden;
    white-space: pre;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    z-index: 3000
}

#rb-layer .rb-toast-show {
    -webkit-animation-name: rb-fade-in-data-v-1b095832;
    animation-name: rb-fade-in-data-v-1b095832
}

#rb-layer .rb-toast-hide {
    -webkit-animation-name: rb-fade-out-data-v-1b095832;
    animation-name: rb-fade-out-data-v-1b095832
}

#rb-layer .rb-toast span {
    color: #fff;
    font-size: .42667rem
}

#rb-layer .rb-loading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .7);
    border-radius: .21333rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: .37333rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: .53333rem;
    margin: 0 auto;
    max-height: 100%;
    max-width: 70%;
    min-height: 2.66667rem;
    opacity: 0;
    overflow: hidden;
    padding: .42667rem;
    position: fixed;
    right: 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s;
    transition: all .2s;
    visibility: hidden;
    white-space: pre-wrap;
    width: 2.66667rem;
    z-index: 3005
}

#rb-layer .rb-loading--show {
    opacity: 1;
    visibility: visible
}

#rb-layer .rb-loading__text {
    min-height: 0;
    min-width: 2.66667rem;
    padding: .21333rem .32rem;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content
}

#rb-layer .rb-loading__icon {
    -webkit-animation: loading-rotate-data-v-1b095832 2s linear infinite;
    animation: loading-rotate-data-v-1b095832 2s linear infinite;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: .8rem;
    margin-bottom: .21333rem;
    width: .8rem
}

#rb-layer .rb-loading__icon svg {
    color: #fff;
    display: block;
    height: 100%;
    width: 100%
}

#rb-layer .rb-loading__icon svg circle {
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    -webkit-animation: loading-circular-data-v-1b095832 1.5s ease-in-out infinite;
    animation: loading-circular-data-v-1b095832 1.5s ease-in-out infinite
}

#rb-layer .rb-install-now-dialog {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: .26667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    padding: .85333rem .64rem .64rem;
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    width: 7rem;
    z-index: 3000
}

#rb-layer .rb-install-now-dialog[data-type=ACTIVED] .install-now__actived,
#rb-layer .rb-install-now-dialog[data-type=LOADING] .install-now__loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

#rb-layer .rb-install-now-dialog .install-now__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-bottom: .26667rem
}

#rb-layer .rb-install-now-dialog .install-now__header-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: .21333rem
}

#rb-layer .rb-install-now-dialog .install-now__header-title img {
    margin-right: .18667rem;
    width: .74667rem
}

#rb-layer .rb-install-now-dialog .install-now__header-title span {
    color: #666;
    font-size: .72rem;
    font-weight: 400;
    letter-spacing: .02667rem;
    line-height: .88rem
}

#rb-layer .rb-install-now-dialog .install-now__header-msg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #747475;
    border-radius: .08rem;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .48rem;
    font-weight: 400;
    height: .66667rem;
    padding: 0 .26667rem
}

#rb-layer .rb-install-now-dialog .install-now__main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 2.88rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

#rb-layer .rb-install-now-dialog .install-now__loading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #028760;
    display: none;
    height: 2.66667rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 2.66667rem
}

#rb-layer .rb-install-now-dialog .install-now__loading svg {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#rb-layer .rb-install-now-dialog .install-now__loading svg circle {
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    -webkit-animation: loading-circular-data-v-1b095832 1.5s ease-in-out infinite;
    animation: loading-circular-data-v-1b095832 1.5s ease-in-out infinite
}

.install-now__loading>span {
    font-size: .42667rem;
    font-weight: 600
}

#rb-layer .rb-install-now-dialog .install-now__actived {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

#rb-layer .rb-install-now-dialog .install-now__actived-tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(119, 250, 73, .3);
    border-radius: .53333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: .64rem;
    padding: .10667rem .53333rem
}

#rb-layer .rb-install-now-dialog .install-now__actived-tag img {
    margin-right: .13333rem;
    width: .32rem
}

#rb-layer .rb-install-now-dialog .install-now__actived-tag span {
    color: #01875f;
    font-size: .42667rem;
    font-weight: 700;
    line-height: .74667rem
}

#rb-layer .rb-install-now-dialog .install-now__actived-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #028760;
    border-radius: .61333rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .4rem;
    font-weight: 500;
    height: 1.2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

#rb-layer .rb-install-dialog {
    background-color: #fff;
    border-radius: .48rem;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    padding: .64rem;
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    width: 9.41333rem;
    z-index: 3000
}

#rb-layer .rb-install-dialog .install__title {
    color: #111;
    font-size: .69333rem;
    line-height: .85333rem;
    margin-bottom: .74667rem
}

#rb-layer .rb-install-dialog .install__main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: .85333rem;
    width: 100%
}

#rb-layer .rb-install-dialog .install__main--icon {
    background: #fff;
    border-radius: .21333rem;
    -webkit-box-shadow: 0 .02667rem .02667rem 0 rgba(0, 0, 0, .16);
    box-shadow: 0 .02667rem .02667rem rgba(0, 0, 0, .16);
    height: .98667rem;
    margin-right: .32rem;
    width: .98667rem
}

#rb-layer .rb-install-dialog .install__main--title {
    color: #111;
    font-size: .61333rem;
    font-weight: 400;
    line-height: .72rem
}

#rb-layer .rb-install-dialog .install__main--url {
    color: #111;
    font-size: .4rem;
    font-weight: 400;
    line-height: .50667rem
}

#rb-layer .rb-install-dialog .install__foot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-right: .26667rem;
    width: 100%
}

#rb-layer .rb-install-dialog .install__foot div {
    color: #3f80ed;
    font-size: .4rem;
    font-weight: 400;
    line-height: .56rem;
    text-align: center;
    width: 2.50667rem
}

#rb-layer .rb-back-dialog {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: .48rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    padding: .66667rem .53333rem;
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    visibility: hidden;
    width: 85%;
    z-index: 3000
}

#rb-layer .rb-back-dialog .back__logo {
    width: 4.42667rem
}

#rb-layer .rb-back-dialog .back__title {
    font-size: .45333rem;
    line-height: .64rem;
    margin-top: .85333rem;
    text-align: center
}

#rb-layer .rb-back-dialog .back__mark {
    color: #028760;
    font-weight: 500
}

#rb-layer .rb-back-dialog .back__block {
    background-color: #fff;
    border-radius: .4rem;
    -webkit-box-shadow: 0 0 .26667rem rgba(0, 0, 0, .23);
    box-shadow: 0 0 .26667rem rgba(0, 0, 0, .23);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: .4rem 0;
    padding: .53333rem;
    width: 100%
}

#rb-layer .rb-back-dialog .back__icon {
    border-radius: 20%;
    height: 1.86667rem;
    margin-right: .53333rem;
    width: 1.86667rem
}

#rb-layer .rb-back-dialog .back__info-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .58667rem;
    font-weight: 500;
    overflow-wrap: anywhere;
    word-break: keep-all
}

#rb-layer .rb-back-dialog .back__info-title img {
    height: .53333rem;
    margin-left: .13333rem;
    width: .53333rem
}

#rb-layer .rb-back-dialog .back__info-description {
    color: #028760;
    font-size: .4rem;
    font-weight: 500;
    margin: .13333rem 0
}

#rb-layer .rb-back-dialog .back__info-play {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .26667rem;
    font-weight: 500;
    height: .37333rem
}

#rb-layer .rb-back-dialog .back__info-play .ic_dun {
    margin-right: .10667rem;
    width: .26667rem
}

#rb-layer .rb-back-dialog .back__detail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .37333rem
}

#rb-layer .rb-back-dialog .back__detail p {
    line-height: .48rem;
    margin: .26667rem 0
}

#rb-layer .rb-back-dialog .back__detail img {
    width: 2.37333rem
}

#rb-layer .rb-back-dialog .back__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #028760;
    border-radius: .21333rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .37333rem;
    height: .93333rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: .4rem;
    width: 100%
}

@-webkit-keyframes rb-fade-in-data-v-1b095832 {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes rb-fade-in-data-v-1b095832 {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes rb-fade-out-data-v-1b095832 {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes rb-fade-out-data-v-1b095832 {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes loading-rotate-data-v-1b095832 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-rotate-data-v-1b095832 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes loading-circular-data-v-1b095832 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120
    }
}

@keyframes loading-circular-data-v-1b095832 {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120
    }
}

.google-warp[data-v-941a97e9] {
    background-color: #fff
}

.google-loading-div[data-v-941a97e9] {
    text-align: center
}

.rotatebbb[data-v-941a97e9] {
    width: 1.06667rem;
    height: 1.06667rem;
    -webkit-animation: google-loading-animation-941a97e9 1s linear infinite;
    animation: google-loading-animation-941a97e9 1s linear infinite
}

@-webkit-keyframes google-loading-animation-941a97e9 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes google-loading-animation-941a97e9 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.install-modal[data-v-941a97e9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .85333rem .66667rem .66667rem;
    background-color: #fff;
    border-radius: .26667rem;
    color: #666
}

.install-now__header[data-v-941a97e9] {
    margin-bottom: .26667rem
}

.install-now__header-title[data-v-941a97e9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .26667rem;
    margin-bottom: .26667rem
}

.install-now__loading[data-v-941a97e9] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #028760;
    height: 2.66667rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 2.66667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.loading-ci-box[data-v-941a97e9] {
    color: #028760;
    vertical-align: baseline;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: .08rem solid;
    border-right: .08rem solid;
    border-color: transparent #028760;
    border-style: solid;
    border-width: .08rem;
    border-radius: 50%;
    -webkit-animation: turnbbb-941a97e9 .65s linear infinite;
    animation: turnbbb-941a97e9 .65s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.install-now__actived[data-v-941a97e9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: .4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    color: #666
}

.install-now__actived-tag[data-v-941a97e9] {
    line-height: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(119, 250, 73, .3);
    border-radius: .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .64rem;
    padding: .10667rem .53333rem;
    height: 1.06667rem
}

.install-now__actived-tag span[data-v-941a97e9] {
    color: #01875f;
    font-size: .42667rem;
    font-weight: 700
}

.install-now__actived-btn[data-v-941a97e9] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #028760;
    border-radius: .61333rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .4rem;
    font-weight: 500;
    height: 1.2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

#install-now__loading[data-v-941a97e9] {
    line-height: 2
}

#install-now[data-v-941a97e9] {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#install-now.installing[data-v-941a97e9] {
    color: #ffe336;
    background-color: transparent;
    border: 1px solid #028760
}

.progress[data-v-941a97e9] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: .61333rem;
    background-color: #028760;
    width: 0;
    z-index: 1;
    -webkit-transition: width .1s linear;
    transition: width .1s linear
}

.hddialog-sdapk-frame[data-v-941a97e9] {
    max-width: 10.66667rem;
    width: 100%;
    position: relative
}

.sdapk-bg[data-v-941a97e9] {
    width: 100%;
    border-radius: .32rem;
    -webkit-box-shadow: 0 .21333rem .42667rem rgba(0, 0, 0, .1);
    box-shadow: 0 .21333rem .42667rem rgba(0, 0, 0, .1)
}

.sdapk-tips-frame[data-v-941a97e9] {
    padding: .4rem .53333rem;
    text-align: center
}

.sdapk-tips-frame-text[data-v-941a97e9] {
    font-size: .48rem;
    color: #333;
    line-height: 1.5;
    font-weight: 500
}

.sdapk-cancel-frame[data-v-941a97e9],
.sdapk-install-frame[data-v-941a97e9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: .21333rem .66667rem;
    margin: .26667rem;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: .13333rem;
    font-size: .32rem
}

.sdapk-cancel-frame[data-v-941a97e9] {
    background-color: #f5f5f5;
    border: 1px solid #fba531;
    color: #000
}

.sdapk-cancel-frame[data-v-941a97e9]:hover {
    background-color: #eee;
    border: 1px solid #fba531;
    color: #000
}

.sdapk-install-frame[data-v-941a97e9] {
    background-color: #fba531;
    color: #fff
}

.sdapk-install-frame[data-v-941a97e9]:hover {
    background-color: #fba531;
    -webkit-transform: translateY(-.05333rem);
    -ms-transform: translateY(-.05333rem);
    transform: translateY(-.05333rem)
}

.sdapk-install-frame-text[data-v-941a97e9],
.sdapk-cancel-frame-text[data-v-941a97e9] {
    font-size: .32rem;
    font-weight: 500
}

.sdapk-banner[data-v-941a97e9] {
    position: absolute;
    width: calc(100% - 1.06667rem);
    top: -.26667rem;
    z-index: 10
}

.hddialog-sdapk-content[data-v-941a97e9] {
    background-color: #fff;
    border-radius: .53333rem;
    padding-bottom: .53333rem
}

.sdapk-actions[data-v-941a97e9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .53333rem
}

@-webkit-keyframes turnbbb-941a97e9 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes turnbbb-941a97e9 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

[data-v-e716248d]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-e716248d] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-e716248d] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-e716248d] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-e716248d]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-e716248d] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-e716248d]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-e716248d]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-e716248d] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-e716248d] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-e716248d]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-e716248d] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-e716248d] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-e716248d]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-e716248d] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-e716248d] {
    background-color: #333
}

.maintain[data-v-e716248d] {
    width: 100%;
    height: 100%;
    text-align: center
}

.maintain .header[data-v-e716248d] {
    position: relative;
    padding-top: .64rem;
    padding-bottom: .426667rem
}

.maintain .header .logo[data-v-e716248d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .426667rem;
    padding-left: .53333rem
}

.maintain .header .logo img[data-v-e716248d] {
    width: 2.29333rem;
    height: .77333rem
}

.maintain .header .large-img[data-v-e716248d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.maintain .header .large-img .icon-lottie[data-v-e716248d] {
    width: 3.17333rem;
    height: 3.17333rem;
    font-size: .693333rem;
    line-height: .746667rem;
    margin-top: 1.49333rem
}

.maintain .content[data-v-e716248d] {
    margin-top: .61333rem
}

.maintain .content h3[data-v-e716248d] {
    font-size: .53333rem;
    text-align: center;
    margin-bottom: .34667rem;
    color: var(--theme-color)
}

.maintain .content p[data-v-e716248d] {
    font-size: .37333rem;
    text-align: center;
    line-height: .48rem;
    color: #a1a1a1;
    padding: 0 1.06667rem
}

.maintain .content .grey[data-v-e716248d] {
    font-size: var(--van-font-size-sm);
    color: #a1a1a1;
    margin-bottom: .32rem
}

.maintain .content .info[data-v-e716248d] {
    margin-top: .48rem
}

.maintain .btn[data-v-e716248d] {
    background: var(--theme-color);
    color: #fff;
    width: 5.94667rem;
    height: 1.12rem;
    margin: 0 auto
}

.header[data-v-2182e078] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 2.13333rem;
    line-height: 2.13333rem;
    z-index: 1000;
    background: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .34667rem 0 .53333rem
}

.header .topbar__left[data-v-2182e078] {
    height: .98667rem;
    width: 4.42667rem
}

.header .topbar__right[data-v-2182e078] {
    height: .96rem;
    width: 3.04rem
}

.AppDesc[data-v-2182e078] {
    overflow: hidden scroll;
    padding-top: 2.53333rem
}

.AppDesc .appImage[data-v-2182e078] {
    margin-left: .53333rem
}

.appImage[data-v-2182e078],
.qxNhq[data-v-2182e078] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.T75of[data-v-2182e078] {
    background-size: contain
}

.b-radius20[data-v-2182e078] {
    border-radius: 20% !important
}

.appIcon[data-v-2182e078] {
    position: relative;
    border-width: 0;
    -webkit-box-shadow: 0 .02667rem .05333rem 0 rgba(60, 64, 67, .3), 0 .02667rem .08rem .02667rem rgba(60, 64, 67, .15);
    box-shadow: 0 .02667rem .05333rem rgba(60, 64, 67, .3), 0 .02667rem .08rem .02667rem rgba(60, 64, 67, .15);
    border-radius: .10667rem;
    margin: .18667rem .64rem 0 0;
    width: 1.92rem;
    height: 1.92rem;
    overflow: hidden
}

.appIcon>img[data-v-2182e078] {
    width: 100%
}

.app-title[data-v-2182e078] {
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: 1.38667rem;
    font-size: .69333rem;
    letter-spacing: 0;
    font-weight: 400;
    font-weight: 500;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-wrap: anywhere;
    width: 100%;
    word-break: keep-all;
    color: #111
}

.auoIOc[data-v-2182e078]:not(:disabled) {
    color: #01875f
}

.auoIOc[data-v-2182e078] {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f;
    font-size: .42667rem
}

.UIuSk[data-v-2182e078] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    letter-spacing: .0111em;
    font-weight: 400;
    font-size: .32rem;
    line-height: .64rem
}

.install_icon[data-v-2182e078] {
    -webkit-tap-highlight-color: transparent;
    color: #028760;
    vertical-align: baseline;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: .08rem solid;
    border-right: .08rem solid;
    border-color: transparent #028760;
    border-style: solid;
    border-width: .08rem;
    border-radius: 50%;
    -webkit-animation: turnbbb-2182e078 1s linear infinite;
    animation: turnbbb-2182e078 1s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@-webkit-keyframes turnbbb-2182e078 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes turnbbb-2182e078 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.app-down {
    height: 1.70667rem;
    padding: .32rem 0;
    width: 100%;
    margin: .42667rem 0 .64rem .53333rem
}

.l8YSdd {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 100%
}

.w7Iutd {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ClM7O {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .8rem;
    font-size: .37333rem;
    letter-spacing: .00793em;
    font-weight: 500;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .64rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.g1rdde:not(:disabled) {
    color: #5f6368
}

.g1rdde {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    line-height: .4rem;
    font-size: .32rem;
    letter-spacing: .00111em;
    font-weight: 400;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .53333rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.wVqUob:not(:first-child):before {
    background-color: #e8eaed;
    content: "";
    display: block;
    height: .64rem;
    left: 0;
    position: absolute;
    top: calc(50% - .32rem);
    width: .02667rem
}

.JU1wdd {
    height: 1.70667rem;
    margin: .42667rem 0 .32rem -.64rem;
    padding: .32rem 0;
    width: 100vw
}

.l8YSdd:before {
    width: .64rem;
    content: "";
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.l8YSdd {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 100%;
    margin-left: .53333rem
}

.wVqUob:first-child {
    padding-left: 0
}

.wVqUob {
    padding: 0 .42667rem;
    position: relative;
    min-width: 2.56rem
}

.ClM7O:not(:disabled) {
    color: #202124
}

.ClM7O {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .58667rem;
    font-size: .48rem;
    letter-spacing: .0178571429em;
    font-weight: 500;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .64rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.TT9eCd {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ERwvGb:nth-child(n) {
    font-size: .32rem
}

.xGa6dd {
    height: .42667rem;
    min-width: .42667rem
}

.MKV5ee {
    cursor: pointer;
    line-height: .32rem;
    margin-left: .10667rem
}

.download {
    -webkit-box-align: unset;
    -webkit-align-items: unset;
    -ms-flex-align: unset;
    align-items: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .26667rem
}

.google-install-app {
    margin-left: .53333rem;
    width: calc(100% - 1.06667rem);
    height: 1.46667rem;
    line-height: .53333rem;
    border-radius: .26667rem;
    background-color: #01875f;
    text-align: center;
    color: #fff;
    font-size: .32rem;
    border: none
}

.shiny {
    line-height: unset;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.shiny:after {
    -webkit-animation: shiny-btn-anim 4s ease-in-out infinite;
    animation: shiny-btn-anim 4s ease-in-out infinite;
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -4.8rem;
    width: .8rem
}

.google-install-app .icontitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .32rem;
    margin-bottom: .08rem;
    color: #ffe336;
    font-size: .4rem
}

.quick-down {
    margin-right: .05333rem;
    width: .26667rem;
    height: .26667rem
}

j .OahvPe .y0nrBe,
.egcKT .y0nrBe {
    height: .64rem;
    width: .64rem
}

.share {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .53333rem
}

.share .link {
    display: inherit
}

.share .link:last-child>svg {
    width: .4rem !important
}

.share .link>svg {
    width: .53333rem;
    height: .64rem;
    color: #01875f;
    fill: #01875f
}

.share .link:not(first-child)>span {
    margin-left: .10667rem;
    font-size: .42667rem;
    color: #01875f;
    line-height: .64rem
}

.footer {
    border-top: .02667rem solid rgb(232, 234, 237);
    margin-top: .8rem;
    padding-bottom: 2.66667rem;
    margin-left: .53333rem;
    width: calc(100% - 1.06667rem)
}

.kk2r5b {
    -webkit-box-align: unset;
    -webkit-align-items: unset;
    -ms-flex-align: unset;
    align-items: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.aA0Vnf {
    width: 2.66667rem;
    white-space: nowrap;
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    font-size: .37333rem;
    font-weight: 400;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flag {
    position: relative;
    margin-top: 0rem;
    margin-left: .53333rem;
    margin-right: .26667rem
}

.HcyOxe {
    container-type: inline-size;
    container-name: section-wrapper;
    width: 100%
}

.SfzRHd:not(:disabled) {
    color: #5f6368
}

.SfzRHd {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .34667rem;
    font-weight: 300;
    line-height: .42667rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.hcq9Df,
.edaMIf,
.hcq9Df .bGJWSe {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.kk2r5b .bGJWSe {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.VfPpkd-LgbsSe .VfPpkd-RLmnJb {
    position: absolute;
    top: 50%;
    height: 1.28rem;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    color: #fff;
    font-size: .26667rem;
    padding: 0;
    vertical-align: baseline
}

.FuSudc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

c-wiz {
    contain: style
}

.LMcLV {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.VAgTTd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.VfPpkd-dgl2Hf-ppHlrf-sM5MNb {
    display: inline
}

.u4ICaf .BhQfub {
    background-color: #0070c9;
    margin-left: .53333rem;
    width: calc(100% - 1.06667rem);
    border-radius: .21333rem
}

.sOCCfd:not(:disabled) {
    color: #fff
}

.nCP5yc:not(:disabled) {
    color: #fff;
    color: var(--gm-fillbutton-ink-color, #fff)
}

.nCP5yc:not(:disabled) {
    background-color: #1a73e8;
    background-color: var(--gm-fillbutton-container-color, rgb(26, 115, 232))
}

.zwjsl {
    width: 100%
}

.brKGGd {
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: 1.25rem;
    font-size: .48rem;
    letter-spacing: .0178571429em;
    font-weight: 500;
    height: .96rem;
    margin: .16rem 0;
    min-height: .96rem;
    min-width: 4.26667rem;
    padding: .21333rem .42667rem
}

.MjT6xe {
    padding: 0 .42667rem;
    border-radius: .21333rem
}

.DuMIQc {
    padding: 0 .64rem
}

.nCP5yc {
    font-family: Google Sans, Roboto, Arial, sans-serif;
    font-size: .875rem;
    letter-spacing: .0107142857em;
    font-weight: 500;
    text-transform: none;
    -webkit-transition: border .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: border .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: border .28s cubic-bezier(.4, 0, .2, 1), box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    -webkit-box-shadow: none;
    box-shadow: none
}

.VfPpkd-LgbsSe-OWXEXe-k8QpJ,
.VfPpkd-LgbsSe {
    font-family: Roboto, sans-serif;
    font-size: .875rem;
    letter-spacing: .0892857143em;
    font-weight: 500;
    text-transform: uppercase;
    height: .96rem;
    border-radius: .10667rem
}

.VfPpkd-LgbsSe {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity
}

.VfPpkd-LgbsSe-OWXEXe-k8QpJ {
    -webkit-transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    padding: 0 .42667rem
}

.VfPpkd-LgbsSe {
    padding: 0 .21333rem
}

.VfPpkd-LgbsSe {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-decoration: none
}

.VfPpkd-LgbsSe-OWXEXe-dgl2Hf {
    margin-top: .16rem;
    margin-bottom: .16rem
}

.VfPpkd-LgbsSe {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1.70667rem;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: transparent
}

.MjT6xe .VfPpkd-Jh9lGc {
    border-radius: .21333rem
}

.nCP5yc .VfPpkd-Jh9lGc {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.VfPpkd-LgbsSe-OWXEXe-k8QpJ .VfPpkd-Jh9lGc,
.VfPpkd-LgbsSe .VfPpkd-Jh9lGc {
    border-radius: .10667rem
}

.VfPpkd-Jh9lGc {
    position: absolute;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    overflow: hidden;
    z-index: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.google-slide {
    position: relative;
    margin-top: .53333rem;
    width: calc(100% - 1.06667rem);
    margin-left: .53333rem
}

.aoJE7e {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.Utde2e {
    margin-right: .32rem
}

.ULeU3b {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    scroll-snap-align: start
}

.Vj78Oe,
.KUSTKe,
.qwPPwf,
.Atcj9b,
.IwTLXb {
    height: auto
}

.B5GQxf {
    border-width: 0;
    -webkit-box-shadow: 0 .02667rem .05333rem 0 rgba(60, 64, 67, .3), 0 .02667rem .08rem .02667rem rgba(60, 64, 67, .15);
    box-shadow: 0 .02667rem .05333rem rgba(60, 64, 67, .3), 0 .02667rem .08rem .02667rem rgba(60, 64, 67, .15);
    border-radius: .21333rem;
    cursor: pointer;
    height: 5.44rem;
    min-width: 2.45333rem
}

.T75of {
    background-size: contain
}

.about-game[data-v-6023cf3e] {
    position: relative;
    margin-top: 20;
    width: calc(100% - 1.06667rem);
    margin-left: .53333rem
}

.HcyOxe[data-v-6023cf3e] {
    container-type: inline-size;
    container-name: section-wrapper;
    padding-top: .53333rem;
    width: 100%
}

.cswwxf[data-v-6023cf3e] {
    padding-bottom: .53333rem
}

.VMq4uf[data-v-6023cf3e]:not(:disabled) {
    color: #202124
}

.VMq4uf[data-v-6023cf3e] {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .48rem;
    font-size: .37333rem;
    letter-spacing: 0;
    font-weight: 400;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.EaMWib[data-v-6023cf3e] {
    margin-right: .42667rem;
    font-size: .48rem
}

.XfZNbf[data-v-6023cf3e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.VfPpkd-Bz112c-LgbsSe[data-v-6023cf3e] {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 0;
    overflow: visible
}

meta[data-v-6023cf3e] {
    display: none
}

.bARER[data-v-6023cf3e] {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .32rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: .37333rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    max-height: 3.333rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.TKjAsc[data-v-6023cf3e] {
    display: -ms-grid;
    display: grid;
    grid-gap: .42667rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-top: .64rem
}

.Uc6QCc[data-v-6023cf3e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .42667rem .32rem;
    margin-bottom: .10667rem;
    margin-top: .74667rem
}

.VfPpkd-dgl2Hf-ppHlrf-sM5MNb[data-v-6023cf3e] {
    font-size: .32rem;
    line-height: .37333rem
}

.VfPpkd-dgl2Hf-ppHlrf-sM5MNb .VfPpkd-LgbsSe[data-v-6023cf3e] {
    border: 1px solid rgb(218, 220, 224);
    border-radius: .4rem;
    color: #5f6368;
    height: .85333rem;
    line-height: .85333rem;
    padding: 0 .26667rem;
    font-size: .26667rem
}

.P62QJc .VfPpkd-Jh9lGc[data-v-6023cf3e] {
    top: -.02667rem;
    left: -.02667rem;
    bottom: -.02667rem;
    right: -.02667rem;
    border-width: .02667rem
}

.lXlx5[data-v-6023cf3e]:not(:disabled) {
    color: #202124
}

.lXlx5[data-v-6023cf3e] {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .4rem;
    font-size: .32rem;
    letter-spacing: .0178571429em;
    font-weight: 500
}

.xg1aie[data-v-6023cf3e] {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: .32rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: .37333rem;
    margin-top: .10667rem
}

.SfzRHd[data-v-6023cf3e]:not(:disabled) {
    color: #5f6368
}

.SfzRHd[data-v-6023cf3e] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .388rem;
    font-weight: 300;
    letter-spacing: .0142857143em;
    line-height: .555rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.Rj2Mlf .VfPpkd-Jh9lGc[data-v-6023cf3e] {
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;
    z-index: 0
}

.LMoCf .VfPpkd-Jh9lGc[data-v-6023cf3e] {
    border-radius: .42667rem
}

.VfPpkd-LgbsSe .VfPpkd-vQzf8d[data-v-6023cf3e] {
    position: relative
}

.data-security[data-v-4cca7a48] {
    position: relative;
    margin-top: 0;
    width: calc(100% - 1.06667rem);
    margin-left: .53333rem
}

.HcyOxe[data-v-4cca7a48] {
    container-type: inline-size;
    container-name: section-wrapper;
    padding-top: .53333rem;
    width: 100%
}

.cswwxf[data-v-4cca7a48] {
    padding-bottom: .53333rem
}

.VMq4uf[data-v-4cca7a48]:not(:disabled) {
    color: #202124
}

.VMq4uf[data-v-4cca7a48] {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .48rem;
    font-size: .37333rem;
    letter-spacing: 0;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.EaMWib[data-v-4cca7a48] {
    margin-right: .42667rem
}

.SfzRHd[data-v-4cca7a48] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .32rem;
    font-weight: 300;
    letter-spacing: .0142857143em;
    line-height: .42667rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.XGHsbd[data-v-4cca7a48]:not(:disabled) {
    border-color: #dadce0
}

.XGHsbd[data-v-4cca7a48] {
    border-color: #dadce0;
    border-radius: .21333rem;
    border: 1px solid;
    margin-top: .8rem;
    padding: .53333rem .53333rem 0
}

.SfzRHd[data-v-4cca7a48]:not(:disabled) {
    color: #5f6368
}

.SfzRHd[data-v-4cca7a48] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .37333rem;
    font-weight: 300;
    letter-spacing: .01333rem;
    line-height: .74667rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.whEyae[data-v-4cca7a48] {
    height: .53333rem;
    margin-right: .53333rem;
    width: .53333rem
}

.T75of[data-v-4cca7a48] {
    background-size: contain
}

.jECfAf[data-v-4cca7a48] {
    line-height: .74667rem
}

.wGcURe[data-v-4cca7a48]:not(:first-child) {
    margin-top: .53333rem
}

.wGcURe[data-v-4cca7a48] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.wGcURe>img[data-v-4cca7a48] {
    margin-top: .13333rem
}

.wGcURe>div[data-v-4cca7a48] {
    line-height: .74667rem
}

.VfPpkd-LgbsSe .VfPpkd-vQzf8d[data-v-4cca7a48] {
    position: relative
}

.u4ICaf .aLey0c[data-v-4cca7a48]:not(:disabled) {
    color: #01875f
}

.VfPpkd-LgbsSe[data-v-4cca7a48] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-decoration: none
}

.VfPpkd-LgbsSe-OWXEXe-dgl2Hf[data-v-4cca7a48] {
    margin-top: .16rem;
    margin-bottom: .16rem
}

.VfPpkd-LgbsSe[data-v-4cca7a48] {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1.70667rem;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: transparent
}

.ksBjEc[data-v-4cca7a48] {
    font-family: Google Sans, Roboto, Arial, sans-s erif;
    font-size: .388rem;
    letter-spacing: .0107142857em;
    font-weight: 500;
    text-transform: none
}

.VfPpkd-LgbsSe[data-v-4cca7a48] {
    font-family: Roboto, sans-serif;
    font-size: .32rem;
    letter-spacing: .0892857143em;
    font-weight: 500;
    height: .96rem;
    border-radius: .10667rem
}

.qQhJce[data-v-4cca7a48] {
    margin: .26667rem 0
}

.rating-review[data-v-badde25e] {
    position: relative;
    margin-top: 0rem;
    width: calc(100% - 1.06667rem);
    margin-left: .53333rem
}

.VfPpkd-vQzf8d[data-v-badde25e] {
    font-size: .32rem;
    line-height: 1.33333rem
}

.VMq4uf[data-v-badde25e]:not(:disabled) {
    color: #202124
}

.VMq4uf[data-v-badde25e] {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .48rem;
    font-size: .37333rem;
    letter-spacing: 0;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.B8vmF[data-v-badde25e] {
    font-size: .333rem;
    font-weight: 400;
    border-radius: .21333rem;
    padding: 0
}

.HcyOxe[data-v-badde25e] {
    container-type: inline-size;
    container-name: section-wrapper;
    padding-top: .53333rem;
    width: 100%
}

.VfPpkd-LgbsSe .VfPpkd-RLmnJb[data-v-badde25e] {
    position: absolute;
    top: 50%;
    height: 1.28rem;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.QKBJgd[data-v-badde25e] {
    margin-bottom: .32rem
}

.SfzRHd[data-v-badde25e] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .388rem;
    font-weight: 300;
    letter-spacing: .0142857143em;
    line-height: .555rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.b6SkTb[data-v-badde25e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .32rem
}

.EFMXQ.KKjvXb[data-v-badde25e]:not(:disabled) {
    background-color: #e6f3ef
}

.EFMXQ.KKjvXb[data-v-badde25e]:not(:disabled) {
    color: #056449
}

.EFMXQ.KKjvXb[data-v-badde25e] {
    color: #056449;
    fill: #056449;
    stop-color: #056449;
    background-color: #e6f3ef
}

.D3Qfie.KKjvXb[data-v-badde25e] {
    color: #1a73e8;
    fill: #1a73e8;
    background-color: #e8f0fe;
    border: none;
    padding: .02667rem
}

.kofMvc[data-v-badde25e] {
    border-radius: 266.64rem
}

.D3Qfie[data-v-badde25e] {
    color: #5f6368;
    fill: #5f6368;
    background-color: #fff;
    border: 1px rgb(218, 220, 224) solid;
    border-radius: .42667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    font-size: .37333rem;
    font-weight: 400;
    height: .85333rem;
    letter-spacing: .00667rem;
    line-height: .48rem;
    min-width: auto;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-transition: background .2s .1s;
    transition: background .2s .1s;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    z-index: 0
}

.UQI9cd[data-v-badde25e] {
    height: .64rem;
    line-height: .64rem;
    padding: 0 .26667rem;
    font-size: .32rem
}

.D3Qfie .Gggmbb[data-v-badde25e] {
    background-color: #5f6368
}

.Gggmbb[data-v-badde25e] {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0
}

.kW9Bj[data-v-badde25e] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 .42667rem
}

.Jwxk6d[data-v-badde25e] {
    display: -ms-grid;
    display: grid;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr
}

.HJV0ef[data-v-badde25e] {
    padding-bottom: .42667rem
}

.P4w39d[data-v-badde25e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: .64rem
}

.Te9Tpc[data-v-badde25e] {
    -webkit-column-gap: .64rem;
    -moz-column-gap: .64rem;
    column-gap: .64rem;
    display: -ms-grid;
    display: grid;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-grid-columns: -webkit-max-content auto;
    -ms-grid-columns: max-content auto;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto
}

.jILTFe[data-v-badde25e]:not(:disabled) {
    color: #202124
}

.o9hhOd[data-v-badde25e],
.I26one[data-v-badde25e],
.iXRFPc[data-v-badde25e] {
    display: inline-block
}

.jILTFe[data-v-badde25e] {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans Display, Roboto, Arial, sans-serif;
    line-height: 1.6rem;
    font-size: 1.6rem;
    letter-spacing: 0;
    font-weight: 400;
    margin-bottom: .13333rem
}

.Z1Dz7b[data-v-badde25e]:not(:disabled) {
    color: #01875f
}

.Z1Dz7b[data-v-badde25e] {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f
}

.YNR7H[data-v-badde25e] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gSGphe[data-v-badde25e] {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-column-gap: .42667rem;
    -ms-grid-columns: (-webkit-max-content)[2];
    -ms-grid-columns: (max-content)[2];
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content)
}

.F7XJmb[data-v-badde25e] {
    height: .32rem;
    width: .32rem
}

.Bp7T9b[data-v-badde25e],
.deXnLd[data-v-badde25e],
.F7XJmb[data-v-badde25e] {
    display: inline-block;
    text-align: left
}

.bp9Aid[data-v-badde25e]:not(:disabled) {
    color: #5f6368
}

.bp9Aid[data-v-badde25e] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: .333rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: .444rem;
    margin-left: 1ch
}

.AJTPZc[data-v-badde25e] {
    font-family: Roboto, Arial, sans-serif;
    font-size: .333rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: .444rem
}

.I26one[data-v-badde25e] {
    display: inline
}

.I26one>svg[data-v-badde25e] {
    width: .4rem;
    fill: #01875f
}

.Anb3we[data-v-badde25e] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .32rem
}

.NC0Ppb[data-v-badde25e] {
    font-family: Roboto, Arial, sans-serif;
    font-size: .333rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: .444rem;
    margin-right: .64rem
}

.h3YV2d[data-v-badde25e] {
    margin-top: .21333rem;
    font-size: .388rem;
    letter-spacing: .0142857143em;
    line-height: .555rem;
    overflow-wrap: anywhere
}

.KKjvXb[data-v-badde25e],
.c6xzBd[data-v-badde25e] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.KKjvXb>svg[data-v-badde25e] {
    color: #056449;
    fill: #056449;
    stop-color: #056449;
    background-color: #e6f3ef;
    width: .4rem;
    margin-right: .13333rem
}

.RJfYGf[data-v-badde25e]:not(:disabled) {
    background-color: #e8eaed
}

.RJfYGf[data-v-badde25e] {
    border-radius: 266.64rem;
    background-color: #e8eaed;
    height: .26667rem
}

.wcB8se[data-v-badde25e]:not(:disabled) {
    background-color: #01875f
}

.RutFAf[data-v-badde25e] {
    height: 100%;
    border-radius: inherit
}

.wcB8se[data-v-badde25e] {
    background-color: #01875f
}

.c6xzBd>svg[data-v-badde25e] {
    width: .4rem;
    margin-right: .13333rem
}

.SfzRHd[data-v-badde25e]:not(:disabled) {
    color: #5f6368
}

.EHUI5b[data-v-badde25e] {
    margin-top: .13333rem;
    font-size: .4rem
}

.SfzRHd[data-v-badde25e] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .34667rem;
    font-weight: 300;
    letter-spacing: .0142857143em;
    line-height: .42667rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.JzwBgb[data-v-badde25e] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content auto;
    -ms-grid-columns: max-content auto;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.Qjdn7d[data-v-badde25e] {
    font-family: Roboto, Arial, sans-serif;
    line-height: .50667rem;
    font-size: .34667rem;
    letter-spacing: .025em;
    font-weight: 400;
    padding-right: .42667rem
}

.abYEib[data-v-badde25e] {
    border-radius: 50%;
    width: .85333rem;
    height: .85333rem;
    overflow: hidden;
    background-size: cover
}

.bp9Aid[data-v-badde25e] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-family: Roboto, Arial, sans-serif;
    font-size: .34667rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: .4rem;
    margin-left: 1ch
}

.h3YV2d[data-v-badde25e] {
    margin-top: .21333rem;
    font-size: .34667rem;
    letter-spacing: .0142857143em;
    line-height: .42667rem;
    overflow-wrap: anywhere
}

.AJTPZc[data-v-badde25e] {
    font-family: Roboto, Arial, sans-serif;
    font-size: .34667rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: .4rem
}

.Jx4nYe[data-v-badde25e],
.AJTPZc[data-v-badde25e] {
    margin-top: .42667rem
}

.NC0Ppb[data-v-badde25e] {
    font-family: Roboto, Arial, sans-serif;
    font-size: .34667rem;
    font-weight: 400;
    letter-spacing: .025em;
    line-height: .4rem;
    margin-right: .64rem
}

.u4ICaf .aLey0c[data-v-badde25e]:not(:disabled) {
    color: #01875f
}

.VfPpkd-LgbsSe[data-v-badde25e] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-decoration: none
}

.VfPpkd-LgbsSe-OWXEXe-dgl2Hf[data-v-badde25e] {
    margin-top: .16rem;
    margin-bottom: .16rem
}

.VfPpkd-LgbsSe[data-v-badde25e] {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 1.70667rem;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: visible;
    vertical-align: middle;
    background: transparent
}

.ksBjEc[data-v-badde25e] {
    font-family: Google Sans, Roboto, Arial, sans-serif;
    font-size: .34667rem;
    font-weight: 500;
    text-transform: none
}

.VfPpkd-LgbsSe[data-v-badde25e] {
    font-family: Roboto, sans-serif;
    font-size: .34667rem;
    font-weight: 500;
    height: .96rem;
    border-radius: .10667rem
}

.what-new[data-v-5802633d] {
    position: relative;
    margin-top: 0rem;
    width: calc(100% - 1.06667rem);
    margin-left: .53333rem
}

.HcyOxe[data-v-5802633d] {
    container-type: inline-size;
    container-name: section-wrapper;
    padding-top: .53333rem;
    width: 100%
}

.cswwxf[data-v-5802633d] {
    padding-bottom: .53333rem
}

.VMq4uf[data-v-5802633d]:not(:disabled) {
    color: #202124
}

.VMq4uf[data-v-5802633d] {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .48rem;
    font-size: .37333rem;
    letter-spacing: 0;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.EaMWib[data-v-5802633d] {
    margin-right: .42667rem
}

.XfZNbf[data-v-5802633d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.SfzRHd[data-v-5802633d]:not(:disabled) {
    color: #5f6368
}

.SfzRHd[data-v-5802633d] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .34667rem;
    font-weight: 300;
    line-height: .48rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.similar-game[data-v-15c38ab7] {
    position: relative;
    margin-top: 0rem;
    width: calc(100% - 1.06667rem);
    margin-left: .53333rem
}

.HcyOxe[data-v-15c38ab7] {
    container-type: inline-size;
    container-name: section-wrapper;
    padding-top: .53333rem;
    width: 100%
}

.cswwxf[data-v-15c38ab7] {
    padding-bottom: .53333rem
}

.VMq4uf[data-v-15c38ab7]:not(:disabled) {
    color: #202124
}

.VMq4uf[data-v-15c38ab7] {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .48rem;
    font-size: .37333rem;
    letter-spacing: 0;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.EaMWib[data-v-15c38ab7] {
    margin-right: .42667rem
}

.XfZNbf[data-v-15c38ab7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.SfzRHd[data-v-15c38ab7]:not(:disabled) {
    color: #5f6368
}

.SfzRHd[data-v-15c38ab7] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .34667rem;
    font-weight: 300;
    line-height: .42667rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.ErwGJf[data-v-15c38ab7] {
    display: -ms-grid;
    display: grid;
    grid-gap: .64rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.ErwGJf .fUtUMc[data-v-15c38ab7] {
    border-radius: .21333rem
}

.VfPpkd-EScbFb-JIbuQc[data-v-15c38ab7] {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity
}

.VfPpkd-EScbFb-JIbuQc[data-v-15c38ab7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    outline: none;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden
}

.cQv9D[data-v-15c38ab7] {
    margin: .32rem
}

.j2FCNc[data-v-15c38ab7] {
    -webkit-column-gap: .42667rem;
    -moz-column-gap: .42667rem;
    column-gap: .42667rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content auto;
    -ms-grid-columns: max-content auto;
    grid-template-columns: -webkit-max-content auto;
    grid-template-columns: max-content auto;
    margin: .42667rem 0
}

.stzEZd[data-v-15c38ab7] {
    border-radius: .32rem;
    border-width: 0;
    -webkit-box-shadow: 0 .02667rem .05333rem 0 rgba(60, 64, 67, .3), 0 .02667rem .08rem .02667rem rgba(60, 64, 67, .15);
    box-shadow: 0 .02667rem .05333rem rgba(60, 64, 67, .3), 0 .02667rem .08rem .02667rem rgba(60, 64, 67, .15);
    height: 1.49333rem;
    width: 1.49333rem
}

.T75of[data-v-15c38ab7] {
    background-size: contain
}

.cXFu1[data-v-15c38ab7] {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    row-gap: .05333rem
}

.ubGTjb[data-v-15c38ab7] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #202124
}

.DdYX5[data-v-15c38ab7]:not(:disabled) {
    color: #202124
}

.DdYX5[data-v-15c38ab7] {
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-size: .34667rem;
    font-weight: 400;
    letter-spacing: .0142857143em;
    line-height: .42667rem;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: -.00533rem
}

.Q4fJQd .Yvy3Fd[data-v-15c38ab7],
.sYJxkd[data-v-15c38ab7],
.O9T88b[data-v-15c38ab7],
.w2kbF[data-v-15c38ab7],
.JUF8md[data-v-15c38ab7] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368
}

.w2kbF[data-v-15c38ab7] {
    margin-top: .05333rem
}

.ubGTjb .van-icon[data-v-15c38ab7] {
    color: #5f6368;
    font-size: .26667rem;
    line-height: .26667rem
}

.sYJxkd[data-v-15c38ab7],
.w2kbF[data-v-15c38ab7],
.JUF8md[data-v-15c38ab7],
.wMUdtb[data-v-15c38ab7] {
    font-family: Roboto, Arial, sans-serif;
    line-height: .26667rem;
    font-size: .26667rem;
    font-weight: 400;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .00533rem
}

.aA0Vnf[data-v-a8c22e11] {
    width: 2.66667rem;
    white-space: nowrap;
    color: #202124;
    fill: #202124;
    stop-color: #202124;
    font-family: Google Sans, Roboto, Arial, sans-serif;
    font-size: .37333rem;
    font-weight: 400;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flag[data-v-a8c22e11] {
    position: relative;
    margin-top: 0rem;
    margin-left: .53333rem;
    margin-right: .26667rem
}

.HcyOxe[data-v-a8c22e11] {
    container-type: inline-size;
    container-name: section-wrapper;
    width: 100%
}

.SfzRHd[data-v-a8c22e11]:not(:disabled) {
    color: #5f6368
}

.SfzRHd[data-v-a8c22e11] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368;
    font-size: .34667rem;
    font-weight: 300;
    line-height: .42667rem;
    font-family: Roboto, Helvetica, Arial, sans-serif
}

.yhtbu[data-v-a8c22e11] {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 1.92rem
}

.srvBL[data-v-a8c22e11]:not(:disabled) {
    border-color: #e8eaed
}

.srvBL[data-v-a8c22e11] {
    border-color: #e8eaed;
    border-bottom: .02667rem solid;
    margin-bottom: .96rem;
    padding-top: .96rem;
    width: 100%
}

.Hc0nne[data-v-a8c22e11] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: .64rem
}

.GMGZAc[data-v-a8c22e11] {
    font-size: .34667rem;
    font-weight: 400;
    line-height: .42667rem;
    font-weight: 500
}

.AU8vyc[data-v-a8c22e11] {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.GMGZAc[data-v-a8c22e11]:not(:disabled),
.CmHxkb[data-v-a8c22e11]:not(:disabled),
.KvNvKe[data-v-a8c22e11]:not(:disabled),
.dMOumf[data-v-a8c22e11]:not(:disabled) {
    color: #5f6368
}

.GMGZAc[data-v-a8c22e11],
.CmHxkb[data-v-a8c22e11] {
    line-height: .85333rem
}

.GMGZAc[data-v-a8c22e11],
.CmHxkb[data-v-a8c22e11],
.KvNvKe[data-v-a8c22e11],
.dMOumf[data-v-a8c22e11] {
    font-family: Google Sans, Helvetica, Arial, sans-serif;
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368
}

.P7NFWb[data-v-f23927d9] {
    background-color: #fff;
    border-top: .02667rem solid rgb(218, 220, 224);
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.49333rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 3
}

.yyaGpb[data-v-f23927d9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

Y4jiDf[data-v-f23927d9]:not(:disabled) {
    color: #5f6368
}

.Y4jiDf[data-v-f23927d9] {
    color: #5f6368;
    fill: #5f6368;
    stop-color: #5f6368
}

.jb05Ib[data-v-f23927d9] {
    line-height: 0
}

.WL3b7c[data-v-f23927d9] {
    font-family: Google Sans, Roboto, Arial, sans-serif;
    line-height: .42667rem;
    font-size: .34667rem;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.VuUAje[data-v-f23927d9]:not(:disabled) {
    color: #01875f
}

.uEz1ib[data-v-f23927d9] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2.98667rem
}

.VuUAje[data-v-f23927d9] {
    color: #01875f;
    fill: #01875f;
    stop-color: #01875f
}

.trans {
    background-color: transparent
}

.arrow-right {
    width: .4rem !important;
    height: .4rem !important
}

.clickable {
    border: none
}

.clickable:active {
    opacity: .5
}

.google-warp[data-v-02fa7341] {
    background-color: #fff
}

.google-loading-div[data-v-02fa7341] {
    text-align: center
}

.rotatebbb[data-v-02fa7341] {
    width: 1.06667rem;
    height: 1.06667rem;
    -webkit-animation: google-loading-animation-02fa7341 1s linear infinite;
    animation: google-loading-animation-02fa7341 1s linear infinite
}

@-webkit-keyframes google-loading-animation-02fa7341 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes google-loading-animation-02fa7341 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.install-modal[data-v-02fa7341] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .85333rem .66667rem .66667rem;
    background-color: #fff;
    border-radius: .26667rem;
    color: #666
}

.install-now__header[data-v-02fa7341] {
    margin-bottom: .26667rem
}

.install-now__header-title[data-v-02fa7341] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .26667rem;
    margin-bottom: .26667rem
}

.install-now__loading[data-v-02fa7341] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #028760;
    height: 2.66667rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 2.66667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.loading-ci-box[data-v-02fa7341] {
    color: #028760;
    vertical-align: baseline;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: .08rem solid;
    border-right: .08rem solid;
    border-color: transparent #028760;
    border-style: solid;
    border-width: .08rem;
    border-radius: 50%;
    -webkit-animation: turnbbb-02fa7341 .65s linear infinite;
    animation: turnbbb-02fa7341 .65s linear infinite;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.install-now__actived[data-v-02fa7341] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: .4rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    color: #666
}

.install-now__actived-tag[data-v-02fa7341] {
    line-height: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(119, 250, 73, .3);
    border-radius: .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .64rem;
    padding: .10667rem .53333rem;
    height: 1.06667rem
}

.install-now__actived-tag span[data-v-02fa7341] {
    color: #01875f;
    font-size: .42667rem;
    font-weight: 700
}

.install-now__actived-btn[data-v-02fa7341] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #028760;
    border-radius: .61333rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .4rem;
    font-weight: 500;
    height: 1.2rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

#install-now__loading[data-v-02fa7341] {
    line-height: 2
}

#install-now[data-v-02fa7341] {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#install-now.installing[data-v-02fa7341] {
    color: #ffe336;
    background-color: transparent
}

.progress[data-v-02fa7341] {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    border-radius: .61333rem;
    background-color: #028760;
    width: 0;
    z-index: -1;
    -webkit-transition: width .1s linear;
    transition: width .1s linear
}

.hddialog-sdapk-frame[data-v-02fa7341] {
    padding: 1.33333rem .53333rem;
    max-width: 10.66667rem;
    width: 100%;
    position: relative
}

.sdapk-bg[data-v-02fa7341] {
    width: 100%;
    border-radius: .32rem;
    -webkit-box-shadow: 0 .21333rem .42667rem rgba(0, 0, 0, .1);
    box-shadow: 0 .21333rem .42667rem rgba(0, 0, 0, .1)
}

.sdapk-tips-frame[data-v-02fa7341] {
    padding: .4rem .53333rem;
    text-align: center
}

.sdapk-tips-frame-text[data-v-02fa7341] {
    font-size: .48rem;
    color: #333;
    line-height: 1.5;
    font-weight: 500
}

.sdapk-cancel-frame[data-v-02fa7341],
.sdapk-install-frame[data-v-02fa7341] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: .21333rem .66667rem;
    margin: .26667rem;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: .13333rem;
    font-size: .32rem
}

.sdapk-cancel-frame[data-v-02fa7341] {
    background-color: #f5f5f5;
    border: 1px solid #fba531;
    color: #000
}

.sdapk-cancel-frame[data-v-02fa7341]:hover {
    background-color: #eee;
    border: 1px solid #fba531;
    color: #000
}

.sdapk-install-frame[data-v-02fa7341] {
    background-color: #fba531;
    color: #fff
}

.sdapk-install-frame[data-v-02fa7341]:hover {
    background-color: #fba531;
    -webkit-transform: translateY(-.05333rem);
    -ms-transform: translateY(-.05333rem);
    transform: translateY(-.05333rem)
}

.sdapk-install-frame-text[data-v-02fa7341],
.sdapk-cancel-frame-text[data-v-02fa7341] {
    font-size: .32rem;
    font-weight: 500
}

.sdapk-banner[data-v-02fa7341] {
    position: absolute;
    width: calc(100% - 1.06667rem);
    top: -.26667rem;
    z-index: 10
}

.hddialog-sdapk-content[data-v-02fa7341] {
    background-color: #fff;
    border-radius: .53333rem;
    padding-bottom: .53333rem
}

.sdapk-actions[data-v-02fa7341] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .53333rem
}

@-webkit-keyframes turnbbb-02fa7341 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes turnbbb-02fa7341 {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

.data-error {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    z-index: 9999;
    position: relative
}

.data-error img {
    width: 3.36rem;
    height: 3.36rem
}

.data-error .err-text {
    font-size: .32rem;
    margin-top: .8rem;
    color: #9d9da1;
    padding: 0 1.6rem
}

.download-modal .modal {
    width: 100%;
    padding: .21333rem
}

.download-modal .bg {
    width: 10rem;
    height: 3.73333rem;
    position: absolute;
    top: 0;
    left: 0
}

.download-modal .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.86667rem
}

.download-modal .logo {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .21333rem
}

.download-modal .header-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.download-modal .header-text h2 {
    font-size: .42667rem;
    font-weight: 700;
    margin: 0
}

.download-modal .description {
    font-size: .32rem;
    color: #666;
    line-height: 1.5;
    margin: .10667rem 0 0
}

.download-modal .new-version h3 {
    font-size: .4rem;
    font-weight: 600;
    margin: 0 0 .21333rem;
    text-align: center
}

.download-modal .new-version p {
    font-size: .37333rem;
    color: #444;
    line-height: 1.5
}

.download-modal .highlight {
    font-weight: 700;
    color: var(--theme-color)
}

.download-modal .update-button {
    width: 100%;
    padding: .26667rem;
    background-color: var(--theme-color);
    color: #fff;
    border: none;
    border-radius: 2.64rem;
    font-size: .37333rem;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    margin-top: .42667rem
}

.download-modal .update-button:hover {
    background-color: var(--theme-color)
}

.download-modal .update-button .icon {
    width: .42667rem;
    height: .42667rem;
    margin-right: .10667rem
}

.download-modal .android-install h4 {
    font-size: .37333rem;
    font-weight: 600;
    margin-top: .53333rem;
    margin-bottom: .21333rem
}

.download-modal .android-install ol {
    font-size: .34667rem;
    color: #919191;
    padding-left: .53333rem;
    margin: 0;
    list-style-type: decimal
}

.download-modal .android-install li {
    margin-bottom: .10667rem
}

.download-modal .warning {
    background-color: #f3f3f3;
    color: #444;
    font-size: .32rem;
    border-radius: .4rem;
    padding: .21333rem;
    margin-top: .42667rem;
    height: 1.38667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.download-modal .warning h5 {
    font-size: .37333rem;
    margin-bottom: .13333rem
}

.download-modal .warning p {
    color: #919191;
    line-height: .37333rem
}

.download-modal .warning .ico-info {
    color: var(--theme-color);
    margin-right: .05333rem
}

#theme-color-night .download-modal .header-text h2,
#theme-color-night .download-modal .header-text .description,
#theme-color-night .download-modal .new-version h3 {
    color: #fff
}

#theme-color-night .download-modal .new-version p {
    color: #919191
}

#theme-color-night .download-modal .android-install h4 {
    color: #fff
}

#theme-color-night .download-modal .warning {
    background-color: #2c2c2c
}

#theme-color-night .download-modal .warning h5 strong {
    color: #fff
}

[data-v-02ca932d]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-02ca932d] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-02ca932d] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-02ca932d] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-02ca932d]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-02ca932d] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-02ca932d]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-02ca932d]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-02ca932d] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-02ca932d] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-02ca932d]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-02ca932d] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-02ca932d] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-02ca932d]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-02ca932d] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-02ca932d] {
    background-color: #333
}

.maintain[data-v-02ca932d] {
    width: 100%;
    height: 100%;
    text-align: center
}

.maintain .header[data-v-02ca932d] {
    position: relative;
    padding-top: .64rem;
    padding-bottom: .426667rem
}

.maintain .header .logo[data-v-02ca932d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .426667rem;
    padding-left: .53333rem
}

.maintain .header .logo img[data-v-02ca932d] {
    width: 2.29333rem;
    height: .77333rem
}

.maintain .header .large-img[data-v-02ca932d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto
}

.maintain .header .large-img .icon-lottie[data-v-02ca932d] {
    width: 3.17333rem;
    height: 3.17333rem;
    font-size: .693333rem;
    line-height: .746667rem
}

.maintain .content h3[data-v-02ca932d] {
    font-size: .53333rem;
    text-align: center;
    color: var(--theme-color)
}

.maintain .content p[data-v-02ca932d] {
    font-size: .37333rem;
    text-align: center;
    line-height: .42667rem;
    color: #a1a1a1
}

.maintain .content .grey[data-v-02ca932d] {
    font-size: var(--van-font-size-sm);
    color: #a1a1a1;
    margin-bottom: .32rem
}

.maintain .content .info[data-v-02ca932d] {
    margin-top: .26667rem
}

.maintain .tips[data-v-02ca932d] {
    padding: .37333rem 1.6rem;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    color: #555;
    line-height: .37333rem
}

.maintain .btn[data-v-02ca932d] {
    background: var(--theme-color);
    color: #fff;
    width: 5.94667rem;
    height: 1.12rem;
    margin: 0 auto
}

.balance-popup.popup-top.van-popup {
    border-radius: .4rem .4rem 0 0;
    margin-top: .2rem;
    padding: .53333rem;
    padding-top: 0
}

.balance-popup {
    width: 75%;
    height: 100%;
    padding: .58667rem;
    font-size: var(--van-font-size-sm)
}

.balance-popup .rws {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0 .21333rem .02667rem var(--theme-color-border-color);
    box-shadow: 0 0 .21333rem .02667rem var(--theme-color-border-color);
    border-radius: .16rem
}

.balance-popup .rws>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .26667rem 0
}

.balance-popup .rws>div:first-of-type {
    border-right: .02667rem solid var(--theme-color-border-color)
}

.balance-popup .rws>div .svg-icon {
    margin-right: .26667rem
}

.balance-popup .list {
    margin-top: .4rem
}

.balance-popup .list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 .21333rem .02667rem var(--theme-color-border-color);
    box-shadow: 0 0 .21333rem .02667rem var(--theme-color-border-color);
    padding: .18667rem .26667rem;
    border-radius: .16rem;
    margin-bottom: .21333rem
}

.balance-popup .list .item.highLight {
    border: 1px solid var(--theme-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

.balance-popup .list .item .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.balance-popup .list .item .left .svg {
    width: .66667rem;
    height: .66667rem;
    margin-right: .26667rem
}

.balance-popup .list .item .left .show-name {
    font-size: .34667rem;
    font-weight: 600
}

.balance-popup .list .item .left .name {
    font-size: .29333rem;
    color: #999;
    margin-left: .05333rem
}

.balance-popup .list .item .right {
    font-size: var(--van-font-size-sm);
    color: var(--theme-color);
    font-weight: 700
}

#theme-color-night {
    color: var(--theme-font-color-1)
}

#theme-color-night .balance-popup .rws {
    background-color: var(--theme-dark-bg-color-1);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

#theme-color-night .balance-popup .list .item {
    background-color: var(--theme-dark-bg-color-1);
    -webkit-box-shadow: none;
    box-shadow: none
}

#theme-color-night .balance-popup .show-name {
    color: #fff
}

.balance-item2 {
    position: relative;
    font-size: var(--van-font-size-sm)
}

.balance-item2 .drop-box {
    bottom: 0;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
    overflow: hidden
}

.balance-item2 .van-icon {
    color: #dbdbdb;
    font-size: .42667rem;
    margin-left: .2rem;
    vertical-align: middle
}

.balance-item2 .balance {
    background: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.33333rem;
    margin-top: .18667rem;
    padding: .10667rem
}

.balance-item2 .balance .currency-icon {
    width: .52rem;
    height: .52rem;
    margin-right: .13333rem
}

.balance-item2 .balance .money {
    font-weight: 700;
    max-width: 1.73333rem;
    display: block;
    word-wrap: break-word;
    line-height: 1;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.balance-item2 .balance .add {
    color: var(--theme-color)
}

#root {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

i {
    font-style: normal
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

ul,
ol {
    list-style: none
}

a {
    text-decoration: none;
    outline: none;
    background-color: transparent;
    -webkit-tap-highlight-color: transparent
}

a:active {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: .02667rem dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

input {
    outline: none
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=text],
input[type=tel] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

input::-moz-placeholder,
textarea::-moz-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a5a9b3
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -.053333rem
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

.adm-popover-menu-item-text {
    font-size: .36rem;
    font-family: PingFang, Roboto, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體
}

[hidden],
.hidden {
    display: none
}

*/ .icon {
    display: inline-block;
    width: .373333rem;
    height: .373333rem
}

.icon-8 {
    width: .213333rem !important;
    height: .213333rem !important
}

.icon-10 {
    width: .26rem !important;
    height: .26rem !important
}

.icon-12 {
    width: .32rem !important;
    height: .32rem !important
}

.icon-16 {
    width: .426667rem !important;
    height: .426667rem !important
}

.icon-18 {
    width: .48rem !important;
    height: .48rem !important
}

.icon-20 {
    width: .533333rem !important;
    height: .533333rem !important
}

.empty-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error-wrap {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.error-wrap>.error-icon {
    width: 4.8rem;
    height: 4.8rem;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat
}

.error-wrap>.error-description {
    margin-top: .533333rem;
    color: #626571;
    font-size: .373333rem;
    font-weight: 400
}

.error-wrap>.to-casino {
    background: var(--theme-color);
    color: #fff;
    width: 2.4rem;
    line-height: .8rem;
    height: .8rem;
    margin: 0 auto;
    border-radius: .4rem;
    margin-top: .3rem
}

.fz10 {
    font-size: .266667rem
}

.hide {
    display: none !important
}

.no-visibility {
    visibility: hidden !important
}

body {
    overflow-x: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

:root {
    --bg-color: #fff;
    --divider-color: #f0f2f8;
    --font-color: #ccc;
    --adm-modal-z-index: 2000;
    --title-color: #222222;
    --icon-color: #000;
    --adm-font-size-5: .307692rem;
    --adm-color-text: #383b43;
    --model-color-text: #9aa4c2;
    --theme-color-model: #8566ff;
    --primary-color-1: var(--theme-color);
    --adm-font-family: "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, sans-serif;
    --page-background: #ffffff;
    --background-color-1: #fff;
    --background-color-2: #f5f6fa;
    --background-color-3: #f8f9fa;
    --background-color-4: #fff;
    --background-color-5: #f2f2f6;
    --background-color-6: #fff;
    --background-color-7: #f2f2f6;
    --background-color-8: #f3faff;
    --background-color-9: #d1ebff;
    --background-color-10: #fff;
    --background-color-11: #e8f5ff;
    --box-shadow-1: 0 .051282rem .205128rem 0 rgba(0, 0, 0, .08);
    --border-color-1: #eee;
    --border-color-2: #ebebeb;
    --border-color-3: #ecedf1;
    --border-color-4: #f2f2f6;
    --border-color-5: #eee;
    --border-color-6: #e4e6ed;
    --border-color-7: #d1ebff;
    --bg-color-transparent: #fff;
    --text-header-color: #9aa4c2;
    --text-color-1: #414655;
    --text-color-2: #9aa4c2;
    --text-color-3: #7981a4;
    --text-color-4: #333;
    --text-color-5: #424654;
    --text-color-6: #303442;
    --text-color-7: #afb3c8;
    --text-color-8: #666666;
    --text-color-9: #949ab6;
    --text-color-10: #949ab6;
    --text-color-11: #c9cddb;
    --tab-color-1: rgba(23, 156, 255, 1);
    --icon-color-1: #d9dde4;
    --theme-highlight-color: var(--theme-color);
    --adm-color-weak: #808080;
    --banner-background-color: rgba(255, 255, 255, 1);
    --banner-anchor-border-color: rgba(23, 156, 255, .6);
    --banner-anchor-league-color: rgba(121, 129, 164, 1);
    --swiper-color-indicator: #179cff;
    --right-no-data-bg-color: rgba(232, 245, 255, 1);
    --right-no-data-font-color: rgba(163, 170, 187, 1)
}

.light-dark-bg {
    background-color: var(--page-background)
}

html[data-prefers-color-scheme=dark] {
    --bg-color: #1e1f21;
    --divider-color: #181819;
    --font-color: #fff;
    --icon-color: #fff;
    --adm-color-light: #96a2ae;
    --adm-color-text: #fff;
    --model-color-text: rgba(255, 255, 255, .8);
    --theme-color-model: #fff;
    --primary-color-1: var(--theme-color);
    --title-color: #fff;
    --page-background: transparent;
    --background-color-1: rgba(255, 255, 255, .04);
    --background-color-2: rgba(255, 255, 255, .04);
    --background-color-3: rgba(255, 255, 255, .04);
    --background-color-4: rgba(255, 255, 255, .08);
    --background-color-5: rgba(255, 255, 255, .04);
    --background-color-6: rgba(255, 255, 255, .2);
    --background-color-7: rgba(255, 255, 255, .08);
    --background-color-8: rgba(255, 255, 255, .04);
    --background-color-9: rgba(255, 255, 255, .5);
    --background-color-10: #1e2029;
    --background-color-11: rgba(255, 255, 255, .04);
    --box-shadow-1: 0 .051282rem .205128rem 0 rgba(0, 0, 0, .12);
    --border-color-1: rgba(255, 255, 255, .1);
    --border-color-2: rgba(255, 255, 255, .1);
    --border-color-3: #181e22;
    --border-color-4: rgba(255, 255, 255, .08);
    --border-color-5: rgba(235, 235, 235, .1);
    --border-color-6: rgba(255, 255, 255, .08);
    --border-color-7: rgba(255, 255, 255, .08);
    --bg-color-transparent: transparent;
    --text-header-color: #fff;
    --text-color-1: #fff;
    --text-color-2: rgba(255, 255, 255, .6);
    --text-color-3: rgba(255, 255, 255, .5);
    --text-color-4: #fff;
    --text-color-5: #fff;
    --text-color-6: rgba(255, 255, 255, .9);
    --text-color-7: rgba(255, 255, 255, .3);
    --text-color-8: rgba(255, 255, 255, .4);
    --text-color-9: rgba(255, 255, 255, .6);
    --text-color-10: rgba(255, 255, 255, .4);
    --text-color-11: rgba(255, 255, 255, .2);
    --tab-color-1: rgba(18, 125, 204, 1);
    --icon-color-1: #fff;
    --theme-highlight-color: #fff;
    --adm-color-weak: #9aa4c2;
    --banner-background-color: rgba(30, 32, 41, 1);
    --banner-anchor-border-color: rgba(18, 125, 204, .6);
    --banner-anchor-league-color: rgba(255, 255, 255, .5);
    --swiper-color-indicator: rgba(255, 255, 255, .5);
    --right-no-data-bg-color: rgba(255, 255, 255, .04);
    --right-no-data-font-color: rgba(153, 153, 153, 1)
}

.adm-radio,
.adm-checkbox {
    --icon-size: .426667rem
}

.adm-search-bar {
    --background: #f0f2f8;
    --border-radius: .533333rem;
    --height: 1.066667rem;
    --padding-left: .4rem;
    --placeholder-color: #a5a9b3
}

.adm-popover {
    -webkit-filter: drop-shadow(0 .053333rem .106667rem rgba(154, 164, 194, .4));
    filter: drop-shadow(0 .053333rem .106667rem rgba(154, 164, 194, .4))
}

.adm-popover-inner {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: .106667rem
}

.adm-popover-arrow {
    --arrow-size: .16rem
}

.adm-search-bar-active .adm-search-bar-input-box {
    --adm-color-background: #f0f2f8
}

.adm-index-bar-sticky .adm-index-bar-anchor-title {
    top: -.02667rem
}

.adm-index-bar-anchor-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: .373333rem;
    padding-right: .933333rem;
    background: #f6f7f8;
    color: #383b43;
    font-size: .373333rem;
    font-weight: 600
}

.adm-index-bar-sidebar-item>div {
    font-size: .32rem;
    zoom: .83
}

.adm-index-bar-sidebar-row {
    padding: 0 .106667rem;
    position: relative
}

.adm-index-bar-sidebar-row[data-index="0"] {
    margin-bottom: .4rem
}

.adm-index-bar-sidebar-row[data-index="0"]:after {
    content: "";
    display: inline-block;
    background-color: var(--adm-color-weak);
    width: 4PX;
    height: 4PX;
    border-radius: 50%;
    position: absolute;
    left: 100%;
    -webkit-transform: translate(-.373333rem);
    -ms-transform: translate(-.373333rem);
    transform: translate(-.373333rem);
    top: .586667rem;
    z-index: 66
}

.adm-index-bar-sidebar-item-active {
    background-color: var(--theme-color)
}

.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
    background-color: #96a2ae;
    border-color: #96a2ae
}

html[data-prefers-color-scheme=dark] .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
    background-color: #fff;
    border-color: #fff;
    color: #292c33
}

.adm-page-indicator {
    --active-dot-size: .213333rem;
    --dot-size: .106667rem;
    --dot-color: rgba(154, 164, 194, .4);
    --active-dot-color: rgba(154, 164, 194, .8);
    --dot-border-radius: .02667rem;
    --active-dot-border-radius: .02667rem
}

.adm-page-indicator-dot {
    height: .053333rem
}

.adm-toast-mask {
    z-index: 2000
}

.adm-dialog {
    z-index: 1100
}

.popup-close {
    height: 1.333333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .48rem;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    border-bottom: none;
    border-top: .02667rem solid #eee
}

.adm-tabs {
    --fixed-active-line-width: .533333rem;
    --title-font-size: .426667rem;
    --active-title-color: #314655;
    --content-padding: 0;
    --active-line-color: #6aaaf5
}

.adm-selector {
    --border-radius: .133333rem;
    --checked-color: #8566ff;
    --border: .02667rem solid #eee;
    --checked-border: none;
    --text-color: #9aa4c2;
    --checked-text-color: #fff;
    --padding: .24rem 0;
    --color: #fff
}

.adm-popover-inner-content {
    font-size: .266667rem;
    line-height: .426667rem
}

.hidden-scroll-bar::-webkit-scrollbar {
    display: none
}

.search_empty_data {
    padding: .4rem .533333rem;
    font-size: .373333rem
}

.search_empty_data~.adm-infinite-scroll {
    visibility: hidden
}

.adm-infinite-scroll {
    color: var(--van-list-text-color);
    font-size: var(--van-list-text-font-size);
    line-height: var(--van-list-text-line-height);
    text-align: center
}

html[data-prefers-color-scheme=dark] .adm-popover-inner {
    background-color: rgba(65, 70, 85, .9);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none
}

html[data-prefers-color-scheme=dark] .adm-popover-dark {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none
}

html[data-prefers-color-scheme=dark] .adm-popover-arrow {
    color: rgba(65, 70, 85, .9)
}

html[data-prefers-color-scheme=dark] .adm-tabs {
    --title-font-size: .426667rem;
    --active-title-color: #fff;
    --active-line-color: #fff;
    --content-padding: 0;
    --fixed-active-line-width: .533333rem
}

html[data-prefers-color-scheme=dark] .adm-index-bar-anchor-title {
    background-color: #2c2c2c !important;
    color: #fff
}

html[data-prefers-color-scheme=dark] .adm-search-bar {
    --background: rgba(255, 255, 255, .04);
    --border-radius: .533333rem;
    --height: 1.066667rem;
    --padding-left: .4rem;
    --placeholder-color: rgba(255, 255, 255, .2)
}

html[data-prefers-color-scheme=dark] .adm-search-bar-active .adm-search-bar-input-box {
    --adm-color-background: rgba(255, 255, 255, .04)
}

html[data-prefers-color-scheme=dark] .popup-close {
    border-top: .02667rem solid rgba(255, 255, 255, .1)
}

.svg-fill-primary {
    fill: var(--primary-color-1)
}

.svg-stroke-primary {
    stroke: var(--primary-color-1)
}

._greyLoadingWrp_u2t4t_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._rotateDot_u2t4t_17 {
    -webkit-animation: _spin_u2t4t_1 .8s linear infinite;
    animation: _spin_u2t4t_1 .8s linear infinite
}

@-webkit-keyframes _spin_u2t4t_1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes _spin_u2t4t_1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

html[data-prefers-color-scheme=dark] ._modal_jspq7_10 .adm-dialog-body {
    background-color: #2a2c32
}

._singleBetBody_jspq7_14 {
    max-height: 80vh;
    border-radius: .615385rem .615385rem 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .205128rem;
    overflow: hidden;
    padding: .507692rem .358974rem .307692rem;
    color: var(--text-color-6);
    --adm-color-background: var(--theme-color-card-bg-color)
}

._singleBetBody_jspq7_14:before {
    content: " ";
    width: 1.1466rem;
    height: .16rem;
    border-radius: .08rem;
    background-color: #bdbdbd;
    position: absolute;
    left: 50%;
    margin-left: -.5733rem;
    top: .2rem
}

._singleBetBody_jspq7_14 .balance-item .balance {
    margin-top: 0
}

._placeholder_jspq7_148 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .102564rem;
    color: var(--text-color-11);
    font-size: .32rem
}

._msgLineCenter_jspq7_26 {
    margin-bottom: .25641rem;
    text-align: center
}

._btnDefault_jspq7_31 {
    color: var(--text-color-6)
}

._titleAndBalance_hnccj_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .717949rem;
    color: var(--text-color-6);
    position: relative
}

._title_hnccj_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .051282rem
}

._title_hnccj_10 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .37333rem;
    line-height: .37333rem;
    margin-right: .16rem
}

._title_hnccj_10.betting-tabs span.active {
    border: 1px solid var(--theme-color);
    background: none;
    color: var(--theme-color)
}

._title_hnccj_10.betting-tabs span {
    width: 2.4rem;
    height: .74667rem;
    color: var(--theme-font-color-2);
    line-height: .70667rem;
    border-radius: .37333rem;
    text-align: center;
    background-color: #f7f7f7;
    margin-right: .26667rem
}

html[data-prefers-color-scheme=dark] ._title_hnccj_10.betting-tabs span {
    background-color: var(--theme-color-bg-color-1)
}

._title_hnccj_10 img {
    width: .615385rem;
    height: .615385rem
}

._title_hnccj_10 p {
    font-size: .410256rem;
    font-style: normal;
    font-weight: 400;
    line-height: .615385rem
}

._balanceBox_hnccj_34 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: .102564rem;
    padding: .102564rem .205128rem;
    border-radius: .512821rem;
    background: #f5f5f5
}

._balance_hnccj_34 {
    font-size: .33333rem;
    font-style: normal;
    font-weight: 700;
    line-height: .33333rem
}

._dots_hnccj_52 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .076923rem
}

._dots_hnccj_52 ._dot-0_hnccj_57,
._dots_hnccj_52 ._dot-1_hnccj_58,
._dots_hnccj_52 ._dot-2_hnccj_59 {
    width: .076923rem;
    height: .076923rem;
    border-radius: 50%;
    background-color: var(--theme-color);
    -webkit-animation: _waveAnimation_hnccj_1 1s linear infinite;
    animation: _waveAnimation_hnccj_1 1s linear infinite
}

._dots_hnccj_52 ._dot-0_hnccj_57 {
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s
}

._dots_hnccj_52 ._dot-2_hnccj_59 {
    -webkit-animation-delay: -.75s;
    animation-delay: -.75s
}

._refreshSvg_hnccj_73 {
    width: .512821rem;
    height: .512821rem
}

._refreshSvg_hnccj_73._rotate_hnccj_77 {
    -webkit-animation: _rotate_hnccj_77 1s linear infinite;
    animation: _rotate_hnccj_77 1s linear infinite
}

@-webkit-keyframes _rotate_hnccj_77 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes _rotate_hnccj_77 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes _waveAnimation_hnccj_1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-.02667rem);
        transform: translateY(-.02667rem)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(.02667rem);
        transform: translateY(.02667rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes _waveAnimation_hnccj_1 {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-.02667rem);
        transform: translateY(-.02667rem)
    }

    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    75% {
        -webkit-transform: translateY(.02667rem);
        transform: translateY(.02667rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

._betItemList_sfyle_10 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .102564rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

._singleBetBody_jspq7_14 ._betItem_sfyle_10 {
    border-bottom: none
}

._betItem_sfyle_10 {
    padding: .307692rem;
    position: relative;
    border-bottom: .02667rem dashed var(--border-color-4)
}

._itemClosed_sfyle_25 {
    background-color: var(--background-color-3);
    color: var(--text-color-10)
}

._itemClosed_sfyle_25 ._betItemDetails_sfyle_29 {
    color: var(--text-color-7)
}

._betItemDisplayName_sfyle_33 {
    font-size: .358974rem;
    font-weight: 400;
    line-height: .512821rem;
    width: 6.974359rem
}

._betItemDetails_sfyle_29 {
    margin-top: .205128rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .153846rem;
    color: var(--text-color-3);
    font-size: .307692rem;
    font-style: normal;
    font-weight: 400;
    line-height: .410256rem;
    position: relative
}

._betPlayName_sfyle_63 {
    padding-right: 1.641026rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._betPlayName_sfyle_63 img {
    width: .5rem;
    height: .5rem;
    margin-right: .1333rem
}

._parlayMarketClose_sfyle_67 {
    position: absolute;
    right: .307692rem;
    top: .307692rem;
    font-size: .358974rem;
    font-style: normal;
    font-weight: 400;
    line-height: .512821rem
}

._betOddValueBox_sfyle_78 {
    position: absolute;
    right: .307692rem;
    top: .307692rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

._betOddValueBox_sfyle_78._up_sfyle_86 {
    color: #f53f3f
}

._betOddValueBox_sfyle_78._up_sfyle_86 ._upIcon_sfyle_89,
._betOddValueBox_sfyle_78._up_sfyle_86 ._changeTip_sfyle_90 {
    display: initial
}

._betOddValueBox_sfyle_78._down_sfyle_93 {
    color: #4ab06a
}

._betOddValueBox_sfyle_78._down_sfyle_93 ._downIcon_sfyle_96,
._betOddValueBox_sfyle_78._down_sfyle_93 ._changeTip_sfyle_90 {
    display: initial
}

._betOddValue_sfyle_78 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .051282rem
}

._betOddValue_sfyle_78 i {
    font-size: .358974rem;
    font-style: normal;
    font-weight: 400;
    line-height: .512821rem
}

._value_sfyle_113 {
    font-size: .564103rem;
    font-style: normal;
    font-weight: 700;
    line-height: .512821rem
}

._upIcon_sfyle_89,
._downIcon_sfyle_96 {
    display: none;
    width: .25641rem;
    height: .25641rem
}

._changeTip_sfyle_90 {
    display: none;
    margin-top: .205128rem;
    font-size: .307692rem;
    font-style: normal;
    font-weight: 400;
    line-height: .410256rem
}

._countdownBox_sfyle_137 {
    color: var(--text-color-3);
    position: absolute;
    right: .307692rem;
    bottom: .153846rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: .615385rem;
    height: .615385rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .307692rem;
    background: var(--background-color-9);
    font-size: .358974rem;
    font-style: normal;
    font-weight: 400
}

._itemDelete_sfyle_154 {
    position: absolute;
    right: 0;
    bottom: 0
}

._imgDelete_sfyle_160 {
    display: block;
    width: .769231rem;
    height: .512821rem
}

._marketClose_sfyle_166 {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._oddsType_sfyle_166 {
    font-size: .358974rem;
    padding-top: .05rem;
    color: var(--text-color-6) !important
}

._marketClose_sfyle_166 img {
    width: 1.897436rem;
    height: 1.897436rem
}

._marketClose_sfyle_166 p {
    font-size: .358974rem;
    color: var(--text-color-3);
    font-weight: 400;
    line-height: .512821rem
}

._keyboardContainer_bn9w2_25 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: var(--text-color-6);
    width: 100%;
    border-radius: .307692rem;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .5s;
    transition: height .5s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._keyboardContainer_bn9w2_25._visible_bn9w2_35 {
    height: 4.862rem
}

._quickNumbers_bn9w2_39 {
    padding: .102564rem .102564rem 0rem 0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .102564rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._item_bn9w2_46 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .153846rem .205128rem;
    border-radius: .205128rem;
    background-color: var(--background-color-1);
    border: .0666rem solid #f5f5f5
}

._item_bn9w2_46:active {
    background-color: var(--background-color-9)
}

html[data-prefers-color-scheme=dark] ._item_bn9w2_46 {
    border-color: var(--theme-color-border-color);
    background: none
}

._num_bn9w2_61 {
    background-color: #f5f5f5
}

._num_bn9w2_61 ._selectedIcon_bn9w2_64 {
    display: none
}

._num_bn9w2_61._active_bn9w2_67 ._selectedIcon_bn9w2_64 {
    width: .538462rem;
    height: .512821rem;
    display: initial;
    position: absolute;
    right: -.02667rem;
    bottom: -.02667rem
}

._num_bn9w2_61 span {
    font-size: .4rem;
    font-weight: 700;
    line-height: .615385rem
}

html[data-prefers-color-scheme=dark] ._num_bn9w2_61 {
    background-color: var(--theme-color-bg-color-1)
}

._key_bn9w2_25 span {
    font-size: .364103rem;
    font-weight: 700;
    line-height: .564103rem
}

._keyboardWrap_bn9w2_93 {
    padding: .102564rem .102564rem 0;
    display: -ms-grid;
    display: grid;
    grid-gap: .102564rem;
    -ms-grid-rows: auto .102564rem auto .102564rem auto .102564rem auto;
    grid-template-areas: ". . . " ". . ." ". . ." ". . . ";
    -ms-grid-columns: 1fr .102564rem 1fr .102564rem 1fr;
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3
}

._delete_bn9w2_18 {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._delete_bn9w2_18 span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .641026rem;
    height: .615385rem
}

._max_bn9w2_111 span {
    font-size: .358974rem;
    font-style: normal;
    font-weight: 400
}

._close_bn9w2_21 {
    padding: 0
}

._close_bn9w2_21 span {
    width: .641026rem;
    height: .615385rem
}

._dInput_bn9w2_127 {
    color: var(--text-color-6);
    height: 1.128205rem;
    padding: 0 .307692rem;
    border-radius: .307692rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #dddddd;
    line-height: .512821rem;
    position: relative
}

._textAlignRight_bn9w2_140 {
    height: .820513rem;
    padding: 0 .205128rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: .205128rem;
    border: 1px solid var(--border-color-7);
    background-color: var(--background-color-1)
}

._textAlignRight_bn9w2_140 ._placeholder_bn9w2_148 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    left: auto;
    right: .205128rem;
    width: calc(100% - .461538rem)
}

._textAlignRight_bn9w2_140 ._value_bn9w2_154 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

._textAlignRight_bn9w2_140._focus_bn9w2_157,
._dInput_bn9w2_127._focus_bn9w2_157 {
    border: 1px solid var(--theme-color)
}

._placeholder_bn9w2_148 {
    position: absolute;
    left: .307692rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .102564rem;
    color: var(--text-color-11)
}

._placeholder_bn9w2_148 span {
    font-size: .358974rem;
    font-style: normal;
    font-weight: 400;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._placeholder_bn9w2_148 p {
    font-size: .410256rem;
    font-style: normal;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._rmb_bn9w2_188 {
    color: var(--text-color-3);
    font-size: .358974rem;
    font-style: normal;
    font-weight: 400;
    margin-right: .1rem
}

._value_bn9w2_154 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._number_bn9w2_202 {
    font-size: .512821rem;
    font-style: normal;
    font-weight: 700
}

._cursor_bn9w2_209 {
    width: .051282rem;
    height: .512821rem;
    background-color: var(--theme-color);
    -webkit-animation: _opacity_bn9w2_1 .5s infinite alternate;
    animation: _opacity_bn9w2_1 .5s infinite alternate
}

@-webkit-keyframes _opacity_bn9w2_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacity_bn9w2_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

._modalClass_1fb2g_10 .adm-button {
    color: var(--theme-color) !important
}

._modalClass_1fb2g_10 .adm-center-popup-body {
    background-color: #fff
}

._modalClass_1fb2g_10 .adm-dialog-title {
    color: #383b43
}

._modalClass_1fb2g_10 .adm-dialog-content {
    color: #626571
}

._modalClass_1fb2g_10 .adm-dialog-footer .adm-dialog-action-row {
    border-color: #eee
}

._bestOdds_1fb2g_26 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .102564rem
}

._checkIcon_1fb2g_33 svg {
    display: block;
    width: .410256rem;
    height: .410256rem
}

._text_1fb2g_39 {
    font-size: .307692rem;
    line-height: .410256rem;
    color: var(--text-color-3)
}

._msgLine_1fb2g_45 {
    margin-bottom: .25641rem
}

html[data-prefers-color-scheme=dark] ._closed_hqfi7_21 ._title_hqfi7_24 {
    opacity: .3
}

._sliderBox_hqfi7_28 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .205128rem
}

._closed_hqfi7_21 ._sliderBar_hqfi7_38 {
    background-color: var(--text-color-11)
}

._sliderBar_hqfi7_38 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.118rem;
    border-radius: .509rem;
    background-color: var(--theme-color);
    position: relative;
    padding: 0 1.487179rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

._sliderBar_hqfi7_38:after {
    content: "";
    position: absolute;
    right: .333333rem;
    top: .335897rem;
    width: 1.025641rem;
    height: .410256rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAgCAYAAACFM/9sAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHWSURBVHgB7ZgxSANBEEX/KUQ0jaAICkJstLJKIVaCtmKfXqyt7bXW3t4+WAmKNnZ2aQyIAUFBtBItBIl/cYqR5MJtbrbKPBhm77j8Wx7H7eYAx3Ecx0lNt9udZ9VZi0iAZO+x1pEA5jZYTdYuDBmLuHZB+hwnUYM9demrzN+APQ3pO8zfhxExAj/UeCaBxGc1XkkgsaXGm1YSYwQ+sL7UsbXEC9abOraWeMh6VMcmErOYi3nDcbZl1pQ6/Z5lWQcGML/Cts2aVafvmX8DA5hfZTtiLanTV8w/xpBECZRJuERFtECZhEsUhhIok3CJKCFQJjHyEmNW4R54ox+2NnpXZ5PNNvO/2c7RuzqbbLaZ/8l2gN7VufBmu5RAmURfiTAiTyKMyJG4VfT3pQXquajxOGzJ8D+/grRUi15YWqC8B8MTMalOv8II5k/g7z2on+oWjMh5DzaL/r6UwBx5YRF5ggE58trMv4UBOfIumX9aNKPsNqafvA4MGCDvGgYMkHeCCMpspEdeXmDYv3IuTxjmY4LLUxQW6PL6E7MK15BInhC+/SWRJ4Rvf6byAjECp9XYWl6gpsbW8gJramwiLxAj8EV6CnmBO+kp5AXOpJvJcxzHcZxS/ALuZCLV2aivMgAAAABJRU5ErkJggg==) 0 0/100% 100% no-repeat
}

._clickBar_hqfi7_28 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.118rem;
    border-radius: .509rem;
    background-color: var(--theme-color);
    position: relative;
    padding: 0 1.487179rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

._disabled_hqfi7_63 {
    opacity: .5;
    pointer-events: none
}

._textBox_hqfi7_68 {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

._textBox_hqfi7_68 ._title_hqfi7_24 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: .32rem
}

._textBox_hqfi7_68 ._des_hqfi7_79 {
    margin-left: .102564rem;
    opacity: .6;
    font-size: .32rem;
    line-height: .512821rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._textBox_hqfi7_68 ._amount_hqfi7_86 {
    opacity: .6;
    font-size: .32rem;
    font-weight: 600;
    line-height: .512821rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._mySlider_hqfi7_97 {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 .076923rem
}

._mySlider_hqfi7_97 .adm-slider-track-container {
    padding: 0 .564103rem
}

._mySlider_hqfi7_97 .adm-slider-thumb-container {
    width: 1.028205rem;
    height: 1.028205rem;
    border-radius: 50%;
    overflow: hidden
}

._mySlider_hqfi7_97 .adm-slider-track {
    height: 0
}

._mySlider_hqfi7_97 .adm-slider-fill {
    display: none
}

._mySlider_hqfi7_97 .adm-slider-thumb {
    width: 100%;
    height: 100%;
    margin: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

._sliderImg_hqfi7_18 {
    width: 100%;
    height: 100%
}

._circleBtn_hqfi7_137 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.666667rem;
    height: 1.118rem;
    border-radius: .509rem;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .37333rem
}

._circleBtn_hqfi7_137 p {
    font-size: .358974rem;
    font-weight: 400;
    line-height: .410256rem;
    color: var(--theme-color)
}

._circleBtn_hqfi7_137._disabled_hqfi7_63 {
    pointer-events: none;
    background-color: var(--background-color-5)
}

._circleBtn_hqfi7_137._disabled_hqfi7_63 p {
    color: var(--text-color-7)
}

._circleBtn_hqfi7_137._disabled_hqfi7_63 ._addParlaySvg_hqfi7_161 path {
    stroke: var(--text-color-7)
}

._deleteBetSvg_hqfi7_165 {
    width: .4rem;
    height: .4rem;
    margin-right: .1rem
}

._addParlaySvg_hqfi7_161 {
    width: .410256rem;
    height: .410256rem
}

._btnsBox_hqfi7_175 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .5rem;
    gap: .205128rem
}

._btn_hqfi7_175 {
    height: 1.230769rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .615385rem;
    border: 1px solid var(--theme-color);
    padding: 0 .615385rem;
    overflow: hidden;
    font-size: .32rem;
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    color: var(--theme-color)
}

._btn-1_hqfi7_193 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: var(--theme-color)
}

._btn-1_hqfi7_193 p {
    color: #fff
}

._parlayFloatingBubble_1pise_10 {
    --size: 1.230769rem;
    --background: none
}

._parlayFloatingBubble_1pise_10 .adm-floating-bubble-button {
    overflow: initial;
    opacity: 1 !important;
    width: 1.6rem
}

._parlayFloatingBubble_1pise_10 {
    display: none
}

._parlayFloatingBubble_1pise_10._visible_1pise_22 {
    display: initial
}

._parlayBubbleContent_1pise_26 {
    position: relative;
    width: 1.6rem;
    height: 1.2rem;
    background-color: #fff;
    padding-right: .2rem;
    border-radius: 0 .6rem .6rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 .08rem rgba(0, 0, 0, .4);
    box-shadow: 0 0 .08rem rgba(0, 0, 0, .4)
}

._parlayBubbleContent_1pise_26 ._img_1pise_31 {
    width: 1rem;
    height: 1rem
}

._parlayBubbleContent_1pise_26 ._num_1pise_35 {
    position: absolute;
    right: .25rem;
    top: .08rem;
    width: .42667rem;
    height: .42667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .307692rem;
    background: #f73460;
    -webkit-box-shadow: 0 .051282rem .102564rem rgba(0, 0, 0, .25);
    box-shadow: 0 .051282rem .102564rem rgba(0, 0, 0, .25)
}

._parlayBubbleContent_1pise_26 ._num_1pise_35 span {
    color: #fff;
    text-shadow: 0 .102564rem .102564rem rgba(0, 0, 0, .25);
    font-size: .34667rem;
    font-weight: 400;
    line-height: .512821rem
}

._scaleAnimation_1pise_58 {
    -webkit-animation: _scaleIn_1pise_1 .3s;
    animation: _scaleIn_1pise_1 .3s
}

html[data-prefers-color-scheme=dark] ._parlayBubbleContent_1pise_26 {
    background-color: #919191
}

@-webkit-keyframes _scaleIn_1pise_1 {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes _scaleIn_1pise_1 {
    0% {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

._parlayBetBody_1pise_70 {
    max-height: 80vh;
    border-radius: .615385rem .615385rem 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .205128rem;
    overflow: hidden;
    padding: .507692rem .358974rem .307692rem;
    color: var(--text-color-6);
    --adm-color-background: var(--theme-color-card-bg-color)
}

._parlayBetBody_1pise_70:before {
    content: " ";
    width: 1.1466rem;
    height: .16rem;
    border-radius: .08rem;
    background-color: #bdbdbd;
    position: absolute;
    left: 50%;
    margin-left: -.5733rem;
    top: .2rem
}

._scrollAreaWrap_1pise_82 {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

._scrollArea_1pise_82 {
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .102564rem
}

._scrollArrow_1pise_96 {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    -webkit-animation: _scrollArrowDown_1pise_1 .7s ease-in infinite;
    animation: _scrollArrowDown_1pise_1 .7s ease-in infinite
}

@-webkit-keyframes _scrollArrowDown_1pise_1 {
    0% {
        -webkit-transform: translateY(-.358974rem);
        transform: translateY(-.358974rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes _scrollArrowDown_1pise_1 {
    0% {
        -webkit-transform: translateY(-.358974rem);
        transform: translateY(-.358974rem)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

._isInViewDiv_1pise_103 {
    margin-top: -.102564rem;
    height: .02667rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._imgArrow_1pise_109 {
    width: .512821rem;
    height: .512821rem
}

._btnDefault_1pise_114 {
    color: var(--text-color-6)
}

._btnPrimary_1pise_118 {
    color: var(--theme-color)
}

._msgLineCenter_1pise_122 {
    margin-bottom: .25641rem;
    text-align: center
}

html[data-prefers-color-scheme=dark] ._modal_1pise_127 .adm-dialog-body {
    background-color: #2a2c32
}

._parlayOrders_1bfyf_10 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

._orderItemWrap_1bfyf_17 {
    border-radius: .307692rem;
    padding-bottom: .2rem
}

._orderItemFailed_1bfyf_22,
._orderItemFailed_1bfyf_22 ._orderItemNum_1bfyf_25,
._orderItemFailed_1bfyf_22 ._textWrap_1bfyf_26,
._orderItemFailed_1bfyf_22 ._canWinMoney_1bfyf_27 {
    color: var(--text-color-7)
}

._orderItem_1bfyf_17 {
    height: .628205rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .307692rem
}

._orderItemLeft_1bfyf_39 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .051282rem
}

._imgQuestion_1bfyf_45 {
    width: .512821rem;
    height: .512821rem
}

._orderName_1bfyf_50 {
    font-size: .358974rem;
    line-height: .512821rem
}

._orderItemStep_1bfyf_55 {
    font-size: .307692rem;
    font-weight: 400;
    line-height: .512821rem
}

._confirmed_1bfyf_61 {
    color: var(--theme-color)
}

._orderItemRight_1bfyf_65 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .102564rem
}

._orderItemNum_1bfyf_25 {
    color: var(--text-color-3);
    font-size: .358974rem;
    font-style: normal;
    font-weight: 400;
    line-height: .512821rem
}

._itemSubInfo_1bfyf_85 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .102564rem .307692rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .205128rem
}

._textWrap_1bfyf_26 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--text-color-3);
    font-size: .307692rem;
    font-weight: 400;
    line-height: .410256rem
}

._money_1bfyf_104 {
    font-size: .307692rem;
    font-weight: 700
}

._canWinMoney_1bfyf_27 {
    color: #f53f3f
}

._addEvent_1voy3_10 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: .307692rem;
    border-radius: .307692rem;
    background-color: var(--background-color-8);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .102564rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._addEvent_1voy3_10 ._imgSvg_1voy3_20 {
    width: .512821rem;
    height: .512821rem
}

._addEvent_1voy3_10 p {
    color: var(--theme-color);
    font-size: .410256rem;
    font-weight: 400;
    line-height: .512821rem
}

._bestOdds_j5hkh_409 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._bestOdds_j5hkh_409 ._checkbox_j5hkh_39 {
    width: .373333rem;
    height: .373333rem
}

._bestOdds_j5hkh_409 ._checkbox_j5hkh_39 ._rect_j5hkh_419 {
    fill: var(--theme-color)
}

._bestOdds_j5hkh_409 ._text_j5hkh_119 {
    margin: 0 .106667rem;
    color: var(--best-text-color);
    font-size: .32rem
}

._bestOdds_j5hkh_409 ._why_j5hkh_427 {
    width: .373333rem;
    height: .373333rem
}

._bestOdds_j5hkh_409 ._why_j5hkh_427 path {
    fill: var(--best-text-color)
}

._betResult_pm5su_10 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: .307692rem;
    gap: .307692rem;
    border-radius: .307692rem;
    background: #f5f5f5
}

html[data-prefers-color-scheme=dark] ._betResult_pm5su_10 {
    background: #2c2c2c
}

._resultLine_pm5su_20 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._resultLine_pm5su_20 p {
    color: var(--text-color-3);
    font-size: .307692rem;
    font-style: normal;
    font-weight: 400;
    line-height: .410256rem
}

._resultLine_pm5su_20 span {
    color: var(--text-color-6);
    font-size: .410256rem;
    font-style: normal;
    font-weight: 700;
    line-height: .410256rem
}

._progressHeader_1lh0p_10 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .205128rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--theme-color)
}

._progressHeader_1lh0p_10._isParlay_1lh0p_19 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: .307692rem
}

._progressHeader_1lh0p_10._orderFailed_1lh0p_23 {
    color: var(--text-color-7)
}

._progressHeader_1lh0p_10 .pending-tip {
    color: var(--theme-color);
    font-size: .32rem
}

._isParlay_1lh0p_19 {
    color: var(--text-color-6)
}

._isParlay_1lh0p_19._orderLoading_1lh0p_30 {
    color: #9aa4c2
}

._isParlay_1lh0p_19._orderLoading_1lh0p_30 ._imgWrap_1lh0p_33 {
    -webkit-animation: _rotate_1lh0p_1 2s linear infinite;
    animation: _rotate_1lh0p_1 2s linear infinite
}

._imgWrap_1lh0p_33 ._imgSvg_1lh0p_36 {
    width: 1.06667rem;
    height: 1.06667rem
}

._img_1lh0p_33 {
    width: 3.589744rem;
    height: 3.589744rem
}

._text_1lh0p_59 {
    font-size: .410256rem;
    font-style: normal;
    font-weight: 400;
    line-height: .615385rem
}

@-webkit-keyframes _rotate_1lh0p_1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes _rotate_1lh0p_1 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

._header_cm5nc_10 {
    height: .85333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background-color: var(--down-bg-color);
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    --icon-color: #000;
    --back-icon-color: #414655;
    --down-bg-color: #fff;
    --balance-bg-color: #F2F2F6;
    --balance-num-color: #303442;
    --balance-num-active-color: #303442;
    --balance-icon-color: #9aa4c2;
    --balance-donw-color: #9aa4c2;
    --balance-item-bottom-color: rgba(216, 220, 231, .5);
    --search-cancel-color: #383b43;
    --search-icon-color: #9aa4c2
}

._header_cm5nc_10._fixed_cm5nc_33,
._header_cm5nc_10._sticky_cm5nc_33 {
    top: 0;
    left: 0;
    right: 0
}

._header_cm5nc_10._fixed_cm5nc_33 {
    position: fixed
}

._header_cm5nc_10._sticky_cm5nc_33 {
    position: -webkit-sticky;
    position: sticky
}

._header_cm5nc_10 ._backIcon_cm5nc_49 {
    width: 1rem;
    height: 1rem;
    padding-left: .2rem
}

._header_cm5nc_10 ._mid_cm5nc_53 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

._header_cm5nc_10 ._mid_cm5nc_53 ._title_cm5nc_59 {
    font-size: .36rem;
    color: var(--title-color);
    -webkit-transition: color .3s;
    transition: color .3s;
    font-weight: 400
}

._header_cm5nc_10 ._mid_cm5nc_53 ._title_cm5nc_59._overflow_cm5nc_65 {
    max-width: 4.8rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._header_cm5nc_10 ._mid_cm5nc_53 ._titleDown_cm5nc_71 {
    width: .24rem;
    height: .133333rem;
    margin-left: .106667rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

._header_cm5nc_10 ._mid_cm5nc_53 ._titleDown_cm5nc_71._rotate_cm5nc_77 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

._header_cm5nc_10 ._left_cm5nc_80 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

._header_cm5nc_10 ._right_cm5nc_88 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: .373333rem;
    top: 0;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._header_cm5nc_10 ._right_cm5nc_88 ._popur_cm5nc_96 {
    --content-padding: 0
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103 {
    padding: .24rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .02667rem solid var(--balance-item-bottom-color)
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103:last-child {
    border: none
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103 ._icon_cm5nc_113 {
    width: .426667rem;
    height: .426667rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103 ._num_cm5nc_117 {
    font-size: .373333rem;
    color: var(--balance-num-color);
    margin-left: .106667rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103 ._num_cm5nc_117._active_cm5nc_122 {
    color: var(--balance-num-active-color)
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103 ._selectIcon_cm5nc_125 {
    width: .48rem;
    height: .48rem;
    margin-left: .213333rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103 ._transdiv_cm5nc_130 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103 ._transdiv_cm5nc_130 ._transIcon_cm5nc_135 {
    width: .416rem;
    height: .416rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._balanceList_cm5nc_99 ._item_cm5nc_103 ._transRightIcon_cm5nc_139 {
    width: .373333rem;
    height: .373333rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._showBalance_cm5nc_143 {
    padding: .08rem .16rem;
    border-radius: .32rem;
    background: var(--balance-bg-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._header_cm5nc_10 ._right_cm5nc_88 ._showBalance_cm5nc_143 ._icon_cm5nc_113 {
    width: .426667rem;
    height: .426667rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._showBalance_cm5nc_143 ._num_cm5nc_117 {
    color: var(--balance-num-color);
    font-size: .373333rem;
    margin-left: .053333rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._showBalance_cm5nc_143 ._down_cm5nc_163 {
    width: .266667rem;
    height: .266667rem;
    margin-left: .106667rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._searchIcon_cm5nc_168 {
    width: .48rem;
    height: .48rem;
    margin-left: .106667rem
}

._header_cm5nc_10 ._right_cm5nc_88 ._searchIcon_cm5nc_168 path {
    fill: var(--search-icon-color)
}

._header_cm5nc_10 ._downContent_cm5nc_176 {
    overflow: hidden;
    position: absolute;
    opacity: 0;
    top: .85333rem;
    left: 0;
    width: 100%;
    background-color: var(--down-bg-color);
    -webkit-transition: all .3s;
    transition: all .3s
}

._header_cm5nc_10 ._mask_cm5nc_186 {
    position: fixed;
    top: .85333rem;
    left: 0;
    width: 100%;
    height: 0;
    background-color: transparent;
    z-index: 1;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

._header_cm5nc_10 ._mask_cm5nc_186._showMask_cm5nc_196 {
    height: calc(100% - .85333rem);
    background-color: rgba(0, 0, 0, .4)
}

._header_cm5nc_10 ._searchBox_cm5nc_200 {
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: .053333rem .373333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2
}

._header_cm5nc_10 ._searchBox_cm5nc_200 ._input_cm5nc_214 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._header_cm5nc_10 ._searchBox_cm5nc_200>span {
    margin-left: .373333rem;
    font-size: .426667rem;
    color: var(--search-cancel-color)
}

html[data-prefers-color-scheme=dark] ._header_cm5nc_10 {
    --icon-color: #fff;
    --back-icon-color: #fff;
    --down-bg-color: var(--theme-color-card-bg-color);
    --balance-bg-color: rgba(255, 255, 255, .04);
    --balance-num-color: #fff;
    --balance-num-active-color: #fff;
    --balance-icon-color: rgba(255, 255, 255, .6);
    --balance-donw-color: #cbced8;
    --balance-item-bottom-color: rgba(238, 238, 238, .1);
    --search-cancel-color: rgba(255, 255, 255, .6);
    --search-icon-color: #fff
}

html[data-prefers-color-scheme=dark] ._header_cm5nc_10 ._searchBox_cm5nc_200 {
    background-color: #181920
}

.svg-icon {
    width: .53333rem;
    height: .53333rem;
    overflow: visible !important
}

._page_11x7q_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f5f5f5
}

html[data-prefers-color-scheme=dark] ._page_11x7q_10 {
    background-color: #1f1f1f
}

._page_11x7q_10 ._left_cm5nc_80 {
    width: 100%
}

._main_11x7q_17 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 1.6rem;
    position: relative;
    background-color: #fff
}

html[data-prefers-color-scheme=dark] ._main_11x7q_17 {
    background-color: #1f1f1f
}

._speciesTabs_1azx8_10 {
    height: 1.6rem !important
}

._speciesTabs_1azx8_10 .sport-select {
    display: none
}

._speciesTabs_1azx8_10,
._speciesNavigation_1azx8_15 {
    --num-color: #a3aabb;
    --text-color: #9aa4c2;
    --text-actuve-color: var(--theme-color);
    --num-active-color: #212739
}

._timeTabs_1azx8_22 {
    --tab-color: #a1a2a7;
    --tab-active-color: #212739;
    --tab-bar-active-color: #212739
}

._withBottomBorder_1azx8_28 {
    border-bottom: .02667rem solid #ecedf1
}

html[data-prefers-color-scheme=dark] ._speciesTabs_1azx8_10,
html[data-prefers-color-scheme=dark] ._speciesNavigation_1azx8_15 {
    --bg-color: #181920;
    --text-color: #46484d;
    --text-actuve-color: #fff;
    --num-color: #5d5e62;
    --num-active-color: #fff
}

html[data-prefers-color-scheme=dark] ._timeTabs_1azx8_22 {
    --bg-color: #1e1f21cc
}

html[data-prefers-color-scheme=dark] ._timeTabs_1azx8_22 {
    --tab-color: rgba(255, 255, 255, .6);
    border-bottom-color: rgba(255, 255, 255, .1)
}

html[data-prefers-color-scheme=dark] ._withBottomBorder_1azx8_28 {
    border-bottom-color: rgba(255, 255, 255, .1)
}

html[data-prefers-color-scheme=dark] ._header_1azx8_50,
html[data-prefers-color-scheme=dark] ._header_1azx8_50 ._top_1azx8_53 {
    background-color: var(--theme-color-card-bg-color)
}

._header_1azx8_50 {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 12;
    background-color: var(--theme-color-card-bg-color);
    border-radius: .4rem .4rem 0 0;
    overflow: hidden
}

._typeTabs_1azx8_63 {
    background: transparent;
    --tab-color: #a3aabb;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-x: hidden;
    width: 10rem
}

._speciesNavigation_1azx8_15 {
    --tab-color: #a3aabb
}

._speciesNavigation_1azx8_15 ._tabsItem_1azx8_72 {
    min-height: 1.333333rem;
    min-width: 1.58rem;
    padding: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._speciesNavigation_1azx8_15 ._tabsItem_1azx8_72 ._title_16k1r_50._active_16k1r_61 ._navItem_1azx8_79 {
    border: .04rem solid var(--theme-color);
    border-radius: .21333rem
}

._speciesNavigation_1azx8_15 ._tabsItem_1azx8_72._tabsItemSelect_1azx8_76 {
    z-index: 1
}

._speciesNavigation_1azx8_15 ._navItem_1azx8_79 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.52rem;
    height: 1.28rem
}

._speciesNavigation_1azx8_15 ._navItem_1azx8_79 .favorite-ico {
    width: 1.06667rem;
    height: 1.06667rem
}

._speciesNavigation_1azx8_15 ._navItem_1azx8_79 .euro-ico {
    width: .77333rem;
    height: .93333rem
}

._speciesNavigation_1azx8_15 ._navItem_1azx8_79 .icon-lottie {
    width: .9rem;
    height: .9rem;
    margin-top: .253333rem
}

._speciesNavigation_1azx8_15 ._num_1azx8_90 {
    position: absolute;
    right: .106667rem;
    top: .106667rem;
    font-weight: 500;
    color: #8a8a8d;
    font-size: .266667rem
}

._speciesNavigation_1azx8_15 ._num_1azx8_90._active_1azx8_98 {
    color: var(--theme-color);
    font-weight: 600
}

._speciesNavigation_1azx8_15 ._text_1azx8_101 {
    color: var(--text-color);
    font-size: .266667rem
}

._speciesNavigation_1azx8_15 ._text_1azx8_101._active_1azx8_98 {
    color: var(--text-active-color)
}

._timeTabs_1azx8_22 {
    border-bottom: .02667rem solid #ecedf1
}

._timeTabs_1azx8_22 ._titleClass_1azx8_112 {
    font-size: .32rem !important
}

._timeTabs_1azx8_22 ._tabsItem_1azx8_72 {
    min-width: 1.6rem;
    min-height: .906rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #f5f5f5;
    margin-right: .1333rem;
    border-radius: .1333rem
}

._timeTabs_1azx8_22 ._tabsItem_1azx8_72.active {
    background-color: var(--theme-color)
}

._timeTabs_1azx8_22 ._tabsItem_1azx8_72.active ._active_16k1r_61 {
    color: #fff !important
}

._tabs_16k1r_10 {
    --bg-color: #fff;
    --tab-color: #808285;
    --tab-active-color: #4C99F5;
    --tab-bar-active-color: #4C99F5
}

html[data-prefers-color-scheme=dark] ._timeTabs_1azx8_22 ._tabsItem_1azx8_72 {
    border-color: var(--theme-color-bg-color-1);
    background-color: var(--theme-color-bg-color-1)
}

html[data-prefers-color-scheme=dark] ._timeTabs_1azx8_22 ._tabsItem_1azx8_72.active {
    border-color: var(--theme-color);
    background-color: var(--theme-color)
}

html[data-prefers-color-scheme=dark] ._tabs_16k1r_10 {
    --bg-color: transparent;
    --tab-color: rgba(255, 255, 255, .6);
    --tab-active-color: #fff;
    --tab-bar-active-color: #fff
}

._tabs_16k1r_10 {
    background: var(--bg-color);
    position: relative;
    min-width: 0;
    height: 100%
}

._tabs_16k1r_10 ._list_16k1r_29 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none;
    height: 100%
}

._tabs_16k1r_10 ._list_16k1r_29._center_16k1r_38 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._tabs_16k1r_10 ._list_16k1r_29::-webkit-scrollbar {
    display: none
}

._tabs_16k1r_10 ._list_16k1r_29._auto_16k1r_44 ._item_16k1r_44 {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    background-color: var(--theme-color-card-bg-color);
    white-space: normal;
    cursor: pointer;
    font-size: .34667rem;
    min-width: 1.6rem;
    position: relative;
    text-align: center
}

._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 {
    padding: .32rem .426667rem;
    height: 100%
}

._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 ._title_16k1r_50 {
    color: var(--tab-color);
    font-size: .34667rem;
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 ._title_16k1r_50._active_16k1r_61 {
    color: var(--theme-color)
}

._typeTabs_1azx8_63._tabs_16k1r_10 {
    border-radius: 0 .4rem 0 0;
    background-color: var(--theme-color-card-bg-color)
}

._typeTabs_1azx8_63._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44.active {
    border-color: var(--theme-color)
}

._typeTabs_1azx8_63._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 ._title_16k1r_50 {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._typeTabs_1azx8_63._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 {
    position: relative;
    border: 1px solid #cccccc;
    border-radius: 2.64rem;
    height: .7rem;
    margin-left: .2rem
}

._typeTabs_1azx8_63._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44.active .svg-icon {
    position: absolute;
    right: .12rem;
    top: 0;
    width: .34667rem;
    height: .34667rem;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

html[data-prefers-color-scheme=dark] ._typeTabs_1azx8_63._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44,
#theme-color-night ._typeTabs_1azx8_63._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 {
    border-color: #292929;
    background-color: #292929
}

html[data-prefers-color-scheme=dark] ._typeTabs_1azx8_63._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44.active,
#theme-color-night ._typeTabs_1azx8_63._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44.active {
    border-color: var(--theme-color)
}

._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44._disabled_16k1r_64 {
    opacity: .5
}

._tabs_16k1r_10 ._list_16k1r_29 ._bar_16k1r_67 {
    position: absolute;
    bottom: 0;
    background-color: var(--tab-bar-active-color);
    border-radius: .02667rem;
    height: .053333rem;
    left: 0;
    width: 1.333333rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1;
    display: none
}

._fixed_16k1r_79 {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    right: 0;
    background-color: var(--bg-color);
    z-index: 1
}

._sticky_16k1r_87 {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: var(--bg-color);
    z-index: 1
}

._bg_t32xt_10 {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

._controllBar_125rt_10 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .973333rem;
    line-height: .973333rem;
    padding: .113333rem .373333rem;
    background-color: #fff;
    z-index: 3;
    position: -webkit-sticky;
    position: sticky
}

._controllBar_125rt_10 .right {
    width: 5.76rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._controllBar_125rt_10 .right ._sortSwitch_jxuzr_1 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: .4rem;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--van-font-size-sm);
    height: .72rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 1.86667rem;
    padding: 0 .26667rem;
    white-space: nowrap;
    margin-left: .32rem;
    background-color: transparent
}

._controllBar_125rt_10 .right ._sortSwitch_jxuzr_1>:nth-child(2) {
    margin-left: .16rem;
    margin-right: .16rem
}

._controllBar_125rt_10 .right ._sortSwitch_jxuzr_1 {
    color: #333
}

._controllBar_125rt_10 .right ._sortSwitch_jxuzr_1 ._sortActive_jxuzr_1 {
    color: #000;
    font-weight: 600
}

._controllBar_125rt_10>._text_125rt_24 {
    font-size: .373333rem;
    font-weight: 500;
    color: #999;
    min-width: 1.866667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._controllBar_125rt_10>._text_125rt_24 .ballIcon {
    width: .58667rem;
    height: .58667rem;
    margin-right: .266667rem
}

._controllBar_125rt_10._simple_125rt_32 {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    z-index: initial
}

._controllBar_125rt_10._simple_125rt_32>._text_125rt_24 {
    margin-left: .133333rem
}

._switchWrapper_125rt_40 {
    top: 4.96rem;
    position: fixed;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    right: .266667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}

._collapse_125rt_49 {
    width: .72rem;
    height: .72rem;
    border: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .72rem;
    margin-left: .32rem
}

._collapse_125rt_49>._label_125rt_60 {
    font-size: .266667rem;
    font-weight: 500
}

._collapse_125rt_49>._icon_125rt_65 {
    vertical-align: middle;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    width: .37333rem;
    height: .37333rem
}

._collapse_125rt_49._open_125rt_70>._icon_125rt_65 {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

._collapse_125rt_49._close_125rt_73>._icon_125rt_65 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

._search_125rt_50 {
    width: .72rem;
    height: .72rem;
    border: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .72rem
}

._search_125rt_50>.svg-icon {
    width: .42667rem;
    height: .42667rem
}

html[data-prefers-color-scheme=dark] ._search_125rt_50 {
    border: 1px solid #2c2c2c;
    background-color: #2c2c2c
}

html[data-prefers-color-scheme=dark] ._sortSwitch_jxuzr_1 {
    border: 1px solid #2c2c2c !important;
    background-color: #2c2c2c !important
}

html[data-prefers-color-scheme=dark] ._controllBar_125rt_10 .right ._sortSwitch_jxuzr_1 {
    color: #919191
}

html[data-prefers-color-scheme=dark] ._controllBar_125rt_10 .right ._sortSwitch_jxuzr_1 ._sortActive_jxuzr_1 {
    color: #fff
}

html[data-prefers-color-scheme=dark] ._controllBar_125rt_10 {
    background-color: var(--theme-color-card-bg-color)
}

html[data-prefers-color-scheme=dark] ._text_125rt_24 {
    color: #fff
}

html[data-prefers-color-scheme=dark] ._collapse_125rt_49 {
    border: 1px solid #2c2c2c !important
}

._switchWrapper_jxuzr_10 {
    z-index: 10;
    height: .746667rem;
    line-height: .746667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._switch_s3rc5_10 {
    font-size: .32rem;
    background-color: #9aa4c2;
    border-radius: .373333rem;
    padding: .053333rem;
    height: .746667rem
}

._switch_s3rc5_10 ._checkboxItem_s3rc5_17 {
    display: inline-block;
    position: relative;
    padding-left: .24rem;
    padding-right: .24rem;
    vertical-align: top;
    height: .64rem;
    line-height: .666667rem
}

._switch_s3rc5_10 ._checkboxItem_s3rc5_17:nth-child(2) {
    color: #9aa4c2
}

._switch_s3rc5_10 ._checkboxItem_s3rc5_17:last-child {
    color: rgba(255, 255, 255, .6)
}

._switch_s3rc5_10._checked_s3rc5_32 ._checkboxItem_s3rc5_17:nth-child(2) {
    color: rgba(255, 255, 255, .6)
}

._switch_s3rc5_10._checked_s3rc5_32 ._checkboxItem_s3rc5_17:last-child {
    color: #9aa4c2
}

._switch_s3rc5_10._checked_s3rc5_32 ._handle_s3rc5_38 {
    left: 50%
}

._switch_s3rc5_10._small_s3rc5_41 {
    height: .533333rem;
    background-color: #c8d1ec
}

._switch_s3rc5_10._small_s3rc5_41>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17 {
    display: inline-block;
    height: 100%;
    font-size: .266667rem;
    padding-left: .133333rem;
    padding-right: .133333rem;
    line-height: 1.7
}

._switch_s3rc5_10._small_s3rc5_41>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17:nth-child(2) {
    color: #93a1cd
}

._switch_s3rc5_10._small_s3rc5_41>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17:last-child {
    color: #fff
}

._switch_s3rc5_10._small_s3rc5_41._checked_s3rc5_32>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17:nth-child(2) {
    color: #fff
}

._switch_s3rc5_10._small_s3rc5_41._checked_s3rc5_32>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17:last-child {
    color: #93a1cd
}

._switch_s3rc5_10._small_s3rc5_41 ._handle_s3rc5_38 {
    border-radius: .24rem
}

._checkbox_s3rc5_17 {
    position: relative;
    height: 100%
}

._handle_s3rc5_38 {
    width: 50%;
    border-radius: .373333rem;
    position: absolute;
    left: 0;
    -webkit-transition: left .2s;
    transition: left .2s;
    height: 100%;
    background-color: #fff
}

html[data-prefers-color-scheme=dark] ._handle_s3rc5_38,
html[data-prefers-color-scheme=dark] ._switch_s3rc5_10 {
    background-color: rgba(255, 255, 255, .2)
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10 ._checkboxItem_s3rc5_17:nth-child(2) {
    color: #fff
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10 ._checkboxItem_s3rc5_17:last-child {
    color: rgba(255, 255, 255, .4)
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10._checked_s3rc5_32 ._checkboxItem_s3rc5_17:nth-child(2) {
    color: rgba(255, 255, 255, .4)
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10._checked_s3rc5_32 ._checkboxItem_s3rc5_17:last-child {
    color: #fff
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10._small_s3rc5_41 {
    background-color: #181920
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10._small_s3rc5_41 ._handle_s3rc5_38 {
    background-color: #2b2e40
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10._small_s3rc5_41>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17:nth-child(2) {
    color: #fff
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10._small_s3rc5_41>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17:last-child {
    color: #46484d
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10._small_s3rc5_41._checked_s3rc5_32>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17:nth-child(2) {
    color: #46484d
}

html[data-prefers-color-scheme=dark] ._switch_s3rc5_10._small_s3rc5_41._checked_s3rc5_32>._checkbox_s3rc5_17>._checkboxItem_s3rc5_17:last-child {
    color: #fff
}

._collapse_x0oh9_10 {
    --bg-color: #F8F9FA;
    --icon-color: #cbced8;
    --border-color: #ebebeb;
    --font-color: #383B43;
    --border-radius: .205128rem
}

html[data-prefers-color-scheme=dark] ._collapse_x0oh9_10 {
    --bg-color: rgba(255, 255, 255, .04);
    --icon-color: #fff;
    --border-color: rgba(255, 255, 255, .1);
    --font-color: #fff
}

._collapse_x0oh9_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid var(--border-color);
    margin-bottom: .205128rem;
    border-radius: .21333rem
}

._collapse_x0oh9_10>._head_x0oh9_33 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: var(--font-color);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    border-radius: .21333rem
}

._collapse_x0oh9_10>._head_x0oh9_33._stickyCol_x0oh9_40 {
    position: -webkit-sticky;
    position: sticky
}

._collapse_x0oh9_10>._head_x0oh9_33:after {
    width: calc(100% - .410256rem);
    left: .205128rem
}

._collapse_x0oh9_10>._head_x0oh9_33 ._firstRow_x0oh9_47 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: .615385rem;
    padding-left: .153846rem;
    padding-right: .205128rem;
    width: 100%;
    position: relative
}

._collapse_x0oh9_10>._head_x0oh9_33 ._firstRow_x0oh9_47 ._titleTag_x0oh9_57 {
    width: .051282rem;
    height: .307692rem;
    position: absolute;
    left: -.02667rem
}

._collapse_x0oh9_10>._head_x0oh9_33 ._secondRow_x0oh9_63 {
    width: 100%
}

._collapse_x0oh9_10>._head_x0oh9_33._borderTop_x0oh9_66 {
    border-top: .02667rem solid var(--border-color)
}

._collapse_x0oh9_10>._head_x0oh9_33._borderBottom_x0oh9_69 {
    border-bottom: .02667rem solid var(--border-color)
}

._collapse_x0oh9_10>._head_x0oh9_33 ._icon_x0oh9_72 {
    width: .25641rem;
    height: .25641rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

._collapse_x0oh9_10>._head_x0oh9_33 ._icon_x0oh9_72._rotate_x0oh9_78 {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

._collapse_x0oh9_10>._head_x0oh9_33 ._title_x0oh9_57 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    font-weight: 500
}

._collapse_x0oh9_10>._head_x0oh9_33 ._title_x0oh9_57 ._iconBox_x0oh9_87 {
    display: inherit
}

._collapse_x0oh9_10>._head_x0oh9_33 ._title_x0oh9_57 ._mrg_x0oh9_90 {
    margin-left: .102564rem
}

._collapse_x0oh9_10._close_x0oh9_93>._head_x0oh9_33:after {
    display: none !important
}

._collapse_x0oh9_10._close_x0oh9_93>._head_x0oh9_33 .collapse-header-line-1:after {
    display: none
}

._collapse_x0oh9_10 ._collapseContent_x0oh9_99 {
    -webkit-transition: height .3s;
    transition: height .3s;
    overflow: hidden
}

._collapse_x0oh9_10 ._collapseContent_x0oh9_99._hidden_x0oh9_103 {
    overflow: hidden
}

._collapse_x0oh9_10 ._collapseContent_x0oh9_99._hidden_x0oh9_103 .p-sticky {
    position: initial
}

._collapse_x0oh9_10 ._right_x0oh9_57 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._collapse_x0oh9_10 ._right_x0oh9_57 ._count_x0oh9_57 {
    margin-right: .1rem
}

._subMatchTypeHeader_4w3gr_10 {
    line-height: .410256rem;
    font-size: .307692rem;
    color: var(--text-color-2);
    padding-left: .358974rem;
    margin-top: -.205128rem
}

._collapseHeaderTop_4w3gr_18 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 4.717949rem
}

._collapse_4w3gr_18 {
    --bg-color: #FFFFFF;
    --border-color: #EFF5FB;
    margin-left: .128205rem;
    margin-right: .128205rem
}

._collapse_4w3gr_18:first-child {
    margin-top: .205128rem
}

._collapseHeader_4w3gr_18 {
    line-height: .358974rem;
    font-size: .358974rem;
    font-weight: 500;
    padding-bottom: 0 !important;
    background-color: #fff !important
}

._champion_4w3gr_43 {
    background-color: #ebf5fe;
    padding-top: .205128rem
}

._esportCollapse_4w3gr_48 {
    border-radius: .205128rem;
    border: 1px solid #fff;
    background: #f8f9fa;
    -webkit-box-shadow: 0 .102564rem .205128rem rgba(0, 0, 0, .04);
    box-shadow: 0 .102564rem .205128rem rgba(0, 0, 0, .04);
    margin: 0 .128205rem .205128rem
}

._esportCollapse_4w3gr_48 ._collapseHeader_4w3gr_18 {
    background-color: #f8f9fa !important
}

html[data-prefers-color-scheme=dark] {
    --border-color: rgba(255, 255, 255, .1)
}

html[data-prefers-color-scheme=dark] ._collapseHeader_4w3gr_18 {
    background-color: #1f1f1f !important
}

html[data-prefers-color-scheme=dark] ._esportCollapse_4w3gr_48 {
    border: .5px solid rgba(255, 255, 255, .04);
    background: rgba(255, 255, 255, .04);
    -webkit-box-shadow: 0 .102564rem .205128rem rgba(0, 0, 0, .04);
    box-shadow: 0 .102564rem .205128rem rgba(0, 0, 0, .04)
}

html[data-prefers-color-scheme=dark] ._champion_4w3gr_43 {
    background: none
}

._header_ho0pt_10 {
    height: .461538rem;
    line-height: .461538rem;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    text-align: center;
    margin-left: .205128rem;
    margin-right: .205128rem
}

._header_ho0pt_10._vrHeader_ho0pt_22 {
    background: none
}

._esportHeader_ho0pt_26 {
    height: .461538rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .205128rem !important;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f9fa
}

._esportHeader_ho0pt_26 ._scrollContent_ho0pt_34 {
    color: #303442 !important;
    font-family: PingFang SC !important;
    font-size: .25641rem !important;
    font-weight: 400 !important
}

._scrollContent_ho0pt_34 {
    --color: #303442;
    width: 5.392308rem;
    overflow: hidden;
    color: var(--color)
}

._scrollContent_ho0pt_34>._content_ho0pt_47 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

._scrollContent_ho0pt_34>._content_ho0pt_47._slide2_ho0pt_53 {
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%)
}

._scrollContent_ho0pt_34>._content_ho0pt_47>._headerSlide_ho0pt_56 {
    font-size: .25641rem;
    font-weight: 400;
    width: 100%;
    min-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._scrollContent_ho0pt_34>._content_ho0pt_47>span {
    display: inline-block;
    width: 1.538462rem;
    margin-right: .051282rem
}

._scrollContent_ho0pt_34>._content_ho0pt_47>span:last-child {
    margin-right: 0
}

._listItem_ho0pt_75 {
    position: relative;
    padding-left: .205128rem;
    padding-right: .205128rem;
    border-bottom: .02667rem solid #ebebeb
}

._listItem_ho0pt_75:last-child {
    border-bottom: none
}

._wrapListItem_ho0pt_85 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .051282rem 0 .102564rem;
    position: relative
}

._subHeader_ho0pt_91 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .512821rem;
    padding-top: .051282rem;
    padding-bottom: .051282rem
}

._subHeader_ho0pt_91>._leftTime_ho0pt_99 {
    font-size: var(--van-font-size-sm);
    font-weight: 400;
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Helvetica;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._subHeader_ho0pt_91>._leftTime_ho0pt_99 .match-left-time {
    color: var(--theme-color);
    margin-left: .10667rem
}

html[data-prefers-color-scheme=dark] ._subHeader_ho0pt_91>._leftTime_ho0pt_99 .match-left-time {
    color: var(--odd-color);
    margin-left: .10667rem
}

._subHeader_ho0pt_91>._leftTime_ho0pt_99 ._stage_ho0pt_108 {
    margin-right: .102564rem
}

._subHeader_ho0pt_91>._leftTime_ho0pt_99 .icon {
    position: relative;
    margin-right: .102564rem;
    width: .42667rem;
    height: .42667rem
}

._subHeader_ho0pt_91>._actionMore_ho0pt_115 {
    --icon-color: #999999;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: .128205rem;
    padding-right: .051282rem;
    font-size: var(--van-font-size-sm);
    font-weight: 400;
    border: none
}

._bottomLine_ho0pt_129 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .461538rem;
    margin-bottom: .102564rem
}

._listItemRect_ho0pt_137 {
    --bg-color: #fff;
    border-radius: .102564rem;
    padding-top: .051282rem;
    padding-bottom: .051282rem;
    margin-bottom: .16282rem;
    font-weight: 500;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._listItemRect_ho0pt_137:last-child {
    margin-bottom: 0
}

._listItemRect_ho0pt_137._lock_ho0pt_154,
._listItemRect_ho0pt_137._empty_ho0pt_154 {
    position: relative;
    overflow: hidden
}

._listItemRect_ho0pt_137._lock_ho0pt_154 .svg-icon,
._listItemRect_ho0pt_137._empty_ho0pt_154 .svg-icon {
    height: .29333rem;
    width: .29333rem
}

._listItemRect_ho0pt_137._empty_ho0pt_154:before {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    content: "-";
    color: #212739;
    background: #f7f7f7
}

._listItemRect_ho0pt_137._selected_ho0pt_176 {
    background-color: #d6dbee
}

._listItemRect_ho0pt_137>._label_ho0pt_179 {
    color: var(--theme-color);
    font-weight: 400;
    font-size: 12PX;
    height: .358974rem;
    line-height: .358974rem
}

html[data-prefers-color-scheme=dark] ._listItemRect_ho0pt_137>._label_ho0pt_179 {
    color: var(--odd-color);
    font-weight: 400;
    font-size: 12PX;
    height: .358974rem;
    line-height: .358974rem
}

._slide_ho0pt_53 ._col_ho0pt_237:nth-child(3) ._listItemRect_ho0pt_137>._label_ho0pt_179 {
    color: #9a9b9d
}

._listItemRect_ho0pt_137>._value_ho0pt_187 {
    color: #000;
    font-size: .34667rem;
    height: .410256rem;
    line-height: .410256rem;
    font-family: PingFang, Roboto, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體;
    font-weight: 700
}

._listItemRect_ho0pt_137>._value_ho0pt_187._up_ho0pt_194 {
    color: #f53f3f !important
}

._listItemRect_ho0pt_137>._value_ho0pt_187._down_ho0pt_205 {
    color: #00b42a !important
}

._listItemRect_ho0pt_137._up_ho0pt_194>._value_ho0pt_187 {
    color: #db6372
}

._listItemRect_ho0pt_137._down_ho0pt_205>._value_ho0pt_187 {
    color: #47bd4a
}

._listItemRect_ho0pt_137._style3_ho0pt_222 {
    min-height: .820513rem;
    padding-top: .02667rem;
    padding-bottom: .02667rem
}

._listItemRect_ho0pt_137._style3_ho0pt_222:last-child {
    border-bottom: none
}

._listItemRect_ho0pt_137._style2_ho0pt_230 {
    width: 1.33333rem;
    height: 1.12rem
}

._listItemRect_ho0pt_137._style2_ho0pt_230:last-child {
    border-bottom: none
}

._col_ho0pt_237 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: .051282rem
}

._col_ho0pt_237:last-child {
    margin-right: 0
}

._left_ho0pt_99 {
    width: 5.410256rem;
    margin-right: .205128rem
}

._left_ho0pt_99>._wrapTeam_ho0pt_250 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    height: 1.12rem;
    line-height: 1.12rem;
    margin-bottom: .16282rem
}

._left_ho0pt_99>._wrapTeam_ho0pt_250>._score_ho0pt_259 {
    color: var(--theme-color);
    text-align: right;
    font-size: .358974rem;
    font-style: normal;
    font-weight: 700;
    margin-right: .05333rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

html[data-prefers-color-scheme=dark] ._left_ho0pt_99>._wrapTeam_ho0pt_250>._score_ho0pt_259 {
    color: var(--odd-color);
    text-align: right;
    font-size: .358974rem;
    font-style: normal;
    font-weight: 700;
    margin-right: .05333rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

._left_ho0pt_99 ._extraMargin_ho0pt_267 {
    margin-top: .307692rem
}

._left_ho0pt_99>._action_ho0pt_115 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 0
}

._wrapActionItem_ho0pt_276 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .102564rem;
    line-height: .461538rem;
    color: #5a6375;
    font-size: .26667rem
}

._tag_ho0pt_283 {
    display: inline-block;
    vertical-align: middle;
    height: .358974rem;
    line-height: .307692rem;
    margin-left: .102564rem;
    padding: .02667rem .102564rem;
    font-size: .230769rem;
    font-weight: 700;
    color: #fff;
    border-radius: .102564rem
}

._red_ho0pt_283 {
    background-color: #ea3443
}

._yellow_ho0pt_283 {
    background-color: #ffba07
}

._vrItem_ho0pt_297 ._left_ho0pt_99>._action_ho0pt_115 {
    margin-top: .25641rem
}

._up_ho0pt_194 {
    position: relative;
    top: -.1em
}

._wrapTeamName_ho0pt_306 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 4.21333rem
}

._logo_ho0pt_312 {
    width: .512821rem;
    height: .512821rem;
    margin-right: .102564rem
}

._teamName_ho0pt_318 {
    display: inline-block;
    max-width: 4.21333rem;
    max-height: .871795rem;
    font-size: .32rem;
    line-height: .38rem;
    overflow: hidden;
    color: #222;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left
}

html[data-prefers-color-scheme=dark] ._listItem_ho0pt_75 {
    border-color: #2c2c2c
}

html[data-prefers-color-scheme=dark] ._teamName_ho0pt_318 {
    color: rgba(255, 255, 255, .9)
}

._right_ho0pt_332 {
    text-align: center;
    overflow: hidden;
    width: 5.392308rem
}

._swiperContainer_ho0pt_338 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

._swiperContainer_ho0pt_338._slide2_ho0pt_53 {
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%)
}

._swiperContainer_ho0pt_338>._slide_ho0pt_53 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%
}

@-webkit-keyframes _swipeArrowAnim_ho0pt_1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(-.153846rem);
        transform: translate(-.153846rem)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(.051282rem);
        transform: translate(.051282rem)
    }
}

@keyframes _swipeArrowAnim_ho0pt_1 {
    0% {
        opacity: 0;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(-.153846rem);
        transform: translate(-.153846rem)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(.051282rem);
        transform: translate(.051282rem)
    }
}

._swipeArrow_ho0pt_367 {
    position: absolute;
    top: 42%;
    right: -.153846rem;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-animation: _swipeArrowAnim_ho0pt_1 1.4s cubic-bezier(.49, .49, .61, .59) infinite;
    animation: _swipeArrowAnim_ho0pt_1 1.4s cubic-bezier(.49, .49, .61, .59) infinite
}

._pagination_ho0pt_375 {
    padding-bottom: .102564rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._pagination_ho0pt_375>._placeholder_ho0pt_380 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._pagination_ho0pt_375 .adm-page-indicator {
    width: 4.717949rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._server_ho0pt_388 {
    display: inline-block;
    width: .102564rem;
    height: .102564rem;
    background-color: #69c969;
    border-radius: 50%;
    margin-left: .102564rem
}

._esportsItem_ho0pt_397 {
    margin: 0 .128205rem;
    background: #f8f9fa;
    border-bottom: .01333rem solid #e4e6ed;
    padding: 0
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._left_ho0pt_99 {
    padding: 0
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._left_ho0pt_99 ._leftTime_ho0pt_99 {
    padding: 0;
    width: 4.512821rem;
    height: .410256rem;
    margin: .051282rem 0 .051282rem .205128rem;
    color: #afb3c8;
    font-size: .307692rem;
    font-style: normal;
    font-weight: 400;
    line-height: .410256rem
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._left_ho0pt_99 ._wrapTeam_ho0pt_250 {
    margin: .102564rem .205128rem 0
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._left_ho0pt_99 ._action_ho0pt_115 {
    width: 4.410256rem;
    height: .461538rem;
    margin: 0 0 .102564rem .205128rem
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._actionMore_ho0pt_115 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: .102564rem 0;
    color: #afb3c8;
    text-align: right;
    font-size: .25641rem;
    font-style: normal;
    font-weight: 400
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._actionMore_ho0pt_115 ._icon_ho0pt_111 {
    width: .307692rem;
    height: .307692rem
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._swiperContainer_ho0pt_338 ._slide_ho0pt_53 {
    width: 4.717949rem;
    height: 1.538462rem
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._swiperContainer_ho0pt_338 ._slide_ho0pt_53 ._col_ho0pt_237 ._listItemRect_ho0pt_137 {
    width: 1.538462rem;
    height: .820513rem;
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .102564rem;
    background: #fff
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._swiperContainer_ho0pt_338 ._slide_ho0pt_53 ._col_ho0pt_237 ._listItemRect_ho0pt_137 ._label_ho0pt_179 {
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.538462rem;
    padding: .051282rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #afb3c8;
    text-align: center;
    font-size: .25641rem;
    font-style: normal;
    font-weight: 400
}

._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._swiperContainer_ho0pt_338 ._slide_ho0pt_53 ._col_ho0pt_237 ._listItemRect_ho0pt_137 ._value_ho0pt_187 {
    height: auto;
    color: #303442;
    text-align: center;
    font-size: .307692rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

html[data-prefers-color-scheme=dark] ._header_ho0pt_10 {
    background-color: transparent;
    -webkit-box-shadow: 0 -.02667rem rgba(255, 255, 255, .08) inset;
    box-shadow: 0 -.02667rem rgba(255, 255, 255, .08) inset
}

html[data-prefers-color-scheme=dark] ._scrollContent_ho0pt_34 {
    color: #fff
}

html[data-prefers-color-scheme=dark] ._subHeader_ho0pt_91>._leftTime_ho0pt_99 {
    color: rgba(255, 255, 255, .3)
}

html[data-prefers-color-scheme=dark] ._left_ho0pt_99>._action_ho0pt_115>._actionMore_ho0pt_115 {
    --icon-color: #cbced8;
    color: rgba(255, 255, 255, .6);
    background: transparent;
    border: .5px solid rgba(255, 255, 255, .2);
    -webkit-box-shadow: none;
    box-shadow: none
}

html[data-prefers-color-scheme=dark] ._listItemRect_ho0pt_137 {
    background: rgba(255, 255, 255, .08)
}

html[data-prefers-color-scheme=dark] ._listItemRect_ho0pt_137._lock_ho0pt_154,
html[data-prefers-color-scheme=dark] ._listItemRect_ho0pt_137._empty_ho0pt_154 {
    pointer-events: none
}

html[data-prefers-color-scheme=dark] ._listItemRect_ho0pt_137._empty_ho0pt_154:before {
    background-color: transparent;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-prefers-color-scheme=dark] ._listItemRect_ho0pt_137._selected_ho0pt_176 {
    background-color: rgba(255, 255, 255, .2)
}

html[data-prefers-color-scheme=dark] ._listItemRect_ho0pt_137>._label_ho0pt_179 {
    color: rgba(255, 255, 255, .3)
}

html[data-prefers-color-scheme=dark] ._listItemRect_ho0pt_137>._value_ho0pt_187 {
    color: rgba(255, 255, 255, .9)
}

html[data-prefers-color-scheme=dark] ._esportHeader_ho0pt_26 ._scrollContent_ho0pt_34 {
    color: rgba(255, 255, 255, .9) !important
}

html[data-prefers-color-scheme=dark] ._esportsItem_ho0pt_397 {
    background: transparent;
    border-bottom: .01333rem solid rgba(255, 255, 255, .08)
}

html[data-prefers-color-scheme=dark] ._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._left_ho0pt_99 ._leftTime_ho0pt_99 {
    color: rgba(255, 255, 255, .3)
}

html[data-prefers-color-scheme=dark] ._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._left_ho0pt_99 ._wrapTeam_ho0pt_250 ._wrapTeamName_ho0pt_306 ._teamName_ho0pt_318,
html[data-prefers-color-scheme=dark] ._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._left_ho0pt_99 ._wrapTeam_ho0pt_250 ._score_ho0pt_259 {
    color: rgba(255, 255, 255, .9)
}

html[data-prefers-color-scheme=dark] ._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._actionMore_ho0pt_115 {
    color: var(--text-color-text-disabled, rgba(255, 255, 255, .3))
}

html[data-prefers-color-scheme=dark] ._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._swiperContainer_ho0pt_338 ._slide_ho0pt_53 ._col_ho0pt_237 ._listItemRect_ho0pt_137 {
    background: rgba(255, 255, 255, .08);
    -webkit-box-shadow: 0 .051282rem .153846rem rgba(0, 0, 0, .04);
    box-shadow: 0 .051282rem .153846rem rgba(0, 0, 0, .04);
    color: rgba(255, 255, 255, .9)
}

html[data-prefers-color-scheme=dark] ._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._swiperContainer_ho0pt_338 ._slide_ho0pt_53 ._col_ho0pt_237 ._listItemRect_ho0pt_137 ._label_ho0pt_179 {
    color: rgba(255, 255, 255, .3)
}

html[data-prefers-color-scheme=dark] ._esportsItem_ho0pt_397 ._wrapListItem_ho0pt_85 ._right_ho0pt_332 ._swiperContainer_ho0pt_338 ._slide_ho0pt_53 ._col_ho0pt_237 ._listItemRect_ho0pt_137 ._value_ho0pt_187 {
    color: rgba(255, 255, 255, .9)
}

._teamLogo_1b1o0_10._s24_1b1o0_14 {
    width: .44rem;
    height: .44rem
}

._teamLogo_1b1o0_10._s32_1b1o0_18 {
    width: .653333rem;
    height: .653333rem
}

._teamLogo_1b1o0_10._s36_1b1o0_22 {
    width: .76rem;
    height: .76rem
}

._teamLogo_1b1o0_10._s44_1b1o0_26 {
    width: .973333rem;
    height: .973333rem
}

._container_1lta5_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: .48rem;
    --common-color: #383b43;
    --light-color: var(--theme-color);
    --divider-color: #ebeff6
}

._container_1lta5_10 ._scoreBox_1lta5_19 {
    overflow: hidden;
    max-width: 5.333333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

._container_1lta5_10 ._scoreList_1lta5_26 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    max-width: 5.333333rem;
    overflow-x: scroll;
    white-space: nowrap;
    padding: .266667rem 0
}

._container_1lta5_10 ._scoreList_1lta5_26 ._scoreListItem_1lta5_34 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._container_1lta5_10 ._scoreList_1lta5_26 ._scoreListItem_1lta5_34>span {
    font-weight: 500;
    font-size: .32rem;
    color: var(--common-color)
}

._container_1lta5_10 ._scoreList_1lta5_26 ._scoreListItem_1lta5_34 ._divider_1lta5_45 {
    height: .266667rem;
    margin: .053333rem .08rem;
    width: .02667rem;
    background-color: #9aa4c2
}

._container_1lta5_10 ._scoreList_1lta5_26 ._scoreListItem_1lta5_34:last-child>span {
    color: var(--light-color)
}

._container_1lta5_10 ._scoreList_1lta5_26 ._scoreListItem_1lta5_34:last-child ._divider_1lta5_45 {
    display: none
}

._container_1lta5_10 ._totals_1lta5_57 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-left: .106667rem
}

._container_1lta5_10 ._totals_1lta5_57>span {
    font-weight: 500;
    font-size: .32rem;
    color: var(--common-color)
}

._container_1lta5_10 ._totals_1lta5_57>span:last-child {
    color: var(--light-color)
}

html[data-prefers-color-scheme=dark] ._container_1lta5_10 {
    --common-color: rgba(255, 255, 255, .6);
    --light-color: #ffff;
    --divider-color: rgba(255, 255, 255, .6)
}

._wrapMenu_17e9t_10 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

._content_17e9t_18 {
    background-color: #fff;
    padding-bottom: .266667rem;
    border-top-right-radius: .533333rem;
    border-top-left-radius: .533333rem;
    overflow: hidden;
    z-index: 10;
    -webkit-box-shadow: 0 0 .133333rem rgba(0, 0, 0, .2);
    box-shadow: 0 0 .133333rem rgba(0, 0, 0, .2)
}

._menu_17e9t_28 {
    height: 1.333333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: .213333rem
}

._wrapItem_17e9t_36 {
    text-align: center
}

._wrapItem_17e9t_36>._text_17e9t_39 {
    font-size: .266667rem;
    color: #7b839b;
    letter-spacing: .0032rem
}

._wrapItem_17e9t_36>i {
    display: inline-block;
    width: .64rem;
    height: .64rem
}

html[data-prefers-color-scheme=dark] ._content_17e9t_18 {
    background-color: #181920
}

html[data-prefers-color-scheme=dark] ._wrapItem_17e9t_36>p {
    color: #b9babc
}

._setting_oae58_10 {
    background-color: #fff
}

._setting_oae58_10 ._setting_main_oae58_13 {
    padding-left: .373333rem;
    padding-right: .373333rem
}

._setting_oae58_10 li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .373333rem;
    font-weight: 500;
    padding-top: .293333rem;
    padding-bottom: .293333rem;
    line-height: .746667rem;
    border-bottom: .02667rem solid #d0d7dd
}

._setting_oae58_10 li:nth-last-child(2) {
    border: none
}

._setting_oae58_10 li._divider_oae58_31 {
    padding: 0;
    height: .266667rem;
    background-color: #f0f2f8;
    margin-left: -.373333rem;
    margin-right: -.373333rem;
    border-bottom: none
}

html[data-prefers-color-scheme=dark] ._setting_oae58_10 li._divider_oae58_31 {
    background-color: var(--theme-color-card-bg-color)
}

._setting_oae58_10 li+._setting_oae58_10 li._divider_oae58_31 {
    border-bottom: none
}

._setting_oae58_10 li._skin_oae58_45 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: right
}

._setting_oae58_10 ._header_oae58_50 {
    height: 1.333333rem;
    line-height: 1.333333rem;
    padding: 0 .373333rem;
    border-bottom: none
}

._wrapRight_oae58_57 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._wrapRight_oae58_57 ._hot_list_oae58_61 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .213333rem
}

._wrapRight_oae58_57 ._hot_list_oae58_61 img {
    width: .64rem;
    height: .64rem;
    border-radius: 50%
}

._wrapRight_oae58_57 ._hot_list_oae58_61 img+img {
    margin-left: -.106667rem
}

._more_oae58_75 {
    color: #7d87a5
}

._selected_oae58_79 {
    color: #7d87a5;
    font-size: .32rem
}

._title_oae58_85 {
    color: #383b43
}

._btn_oae58_89 {
    color: #9aa4c2;
    border: .053333rem solid #9aa4c2;
    border-radius: .373333rem;
    text-align: center;
    font-size: .32rem;
    line-height: .48rem;
    padding-top: .08rem;
    padding-bottom: .08rem;
    min-width: 2.666667rem
}

._skinRight_oae58_102 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

._darkSkinList_oae58_108 {
    display: none;
    position: relative;
    margin-top: .133333rem;
    border-radius: .133333rem;
    background: rgba(0, 0, 0, .2);
    padding: .133333rem 0 .133333rem .133333rem
}

._darkSkinList_oae58_108:after {
    position: absolute;
    right: .533333rem;
    top: -.133333rem;
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-left: .133333rem solid transparent;
    border-right: .133333rem solid transparent;
    border-bottom: .133333rem solid rgba(0, 0, 0, .2)
}

._darkSkinList_oae58_108>._li_oae58_128 {
    width: 1.333333rem;
    height: .8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .133333rem
}

._darkSkinList_oae58_108>._li_oae58_128._active_oae58_146 {
    position: relative
}

._darkSkinList_oae58_108>._li_oae58_128._active_oae58_146:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: " ";
    width: 100%;
    height: 100%
}

html[data-prefers-color-scheme=dark] ._btn_oae58_89 {
    color: #fff;
    background-color: rgba(255, 255, 255, .4);
    border-color: #4b4c4d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html[data-prefers-color-scheme=dark] ._setting_oae58_10 {
    background-color: #1e1f21
}

html[data-prefers-color-scheme=dark] ._setting_oae58_10 li {
    border-bottom-color: rgba(238, 238, 238, .1)
}

html[data-prefers-color-scheme=dark] ._selected_oae58_79 {
    color: rgba(255, 255, 255, .6)
}

html[data-prefers-color-scheme=dark] ._title_oae58_85 {
    color: #fff
}

html[data-prefers-color-scheme=dark] ._more_oae58_75 {
    color: rgba(255, 255, 255, .6)
}

html[data-prefers-color-scheme=dark] ._darkSkinList_oae58_108 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._container_1ymwo_10 {
    padding: .133333rem .373333rem 0;
    margin-bottom: .213333rem;
    --team-name-color: #383b43
}

._container_1ymwo_10 ._favorite_1ymwo_15 {
    width: .373333rem;
    height: .373333rem;
    position: absolute;
    top: .293333rem;
    left: 0
}

._container_1ymwo_10 ._headerInfo_1ymwo_22 ._headerInfoIcon_1ymwo_22 {
    width: .426667rem;
    height: .32rem;
    margin-right: .106667rem
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--team-name-color);
    font-size: .32rem;
    font-weight: 500;
    margin: .213333rem 0
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._sportTeamLeft_1ymwo_36 {
    width: 3.386667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: right;
    -webkit-justify-content: right;
    -ms-flex-pack: right;
    justify-content: right
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._sportTeamLeft_1ymwo_36 ._homeName_1ymwo_42 {
    width: 2.853333rem;
    text-align: right
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._dotL_1ymwo_46 {
    position: relative
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._dotL_1ymwo_46:after {
    content: "";
    position: absolute;
    width: .106667rem;
    height: .106667rem;
    border-radius: 50%;
    background-color: #69c969;
    right: -.213333rem
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._vs_1ymwo_58 {
    display: inline-block;
    margin: 0 .426667rem
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._sportTeamRight_1ymwo_62 {
    width: 3.386667rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._sportTeamRight_1ymwo_62 ._awayName_1ymwo_68 {
    width: 2.853333rem
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._dotR_1ymwo_71 {
    position: relative
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._dotR_1ymwo_71:after {
    content: "";
    position: absolute;
    width: .106667rem;
    height: .106667rem;
    border-radius: 50%;
    background-color: #69c969;
    left: -.213333rem
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._marginL4_1ymwo_83 {
    margin-left: .106667rem
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._marginR4_1ymwo_86 {
    margin-right: .106667rem
}

._container_1ymwo_10 ._sportsTeamBox_1ymwo_27 ._logoIcon_1ymwo_89 {
    display: inline-block;
    height: .533333rem;
    width: .533333rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

._container_1ymwo_10 ._results_1ymwo_97 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._container_1ymwo_10 ._results_1ymwo_97 ._collectStar_1ymwo_103 {
    position: absolute;
    top: .293333rem;
    left: 0
}

._container_1ymwo_10 ._scoreDetail_1ymwo_108 {
    margin-top: .106667rem
}

._divider_1ymwo_112 {
    height: .02667rem;
    background-color: #eee;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

._hide_1ymwo_118 {
    display: none !important
}

html[data-prefers-color-scheme=dark] ._container_1ymwo_10 {
    --team-name-color: #fff
}

html[data-prefers-color-scheme=dark] ._divider_1ymwo_112 {
    background-color: rgba(255, 255, 255, .07)
}

._container_m26dh_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    --half-color: #A1A2A7;
    --score-color: #383B43;
    --more-text-color: #A1A2A7;
    --more-icon-color: #CBCED8
}

._container_m26dh_10 ._headerInfoLeft_m26dh_19 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .48rem
}

._container_m26dh_10 ._headerInfoLeft_m26dh_19 .icon {
    margin-right: .106667rem
}

._container_m26dh_10 ._headerInfoLeft_m26dh_19 .icon:last-child {
    margin-right: 0
}

._container_m26dh_10 ._headerInfoLeft_m26dh_19 ._headerInfoIconAnimate_m26dh_30,
._container_m26dh_10 ._headerInfoLeft_m26dh_19 ._headerInfoIconVideo_m26dh_36,
._container_m26dh_10 ._headerInfoLeft_m26dh_19 ._headerInfoIconNeutrality_m26dh_42 {
    width: .426667rem;
    height: .426667rem;
    margin-right: .106667rem;
    background-size: 100% 100%
}

._container_m26dh_10 ._headerInfoLeft_m26dh_19 ._half_m26dh_48 {
    font-size: .32rem;
    color: var(--half-color);
    font-weight: 400
}

._container_m26dh_10 ._headerInfoLeft_m26dh_19 ._half_m26dh_48 ._customClass_m26dh_54 {
    display: inline-block
}

._container_m26dh_10 ._headerInfoLeft_m26dh_19 ._score_m26dh_57 {
    font-size: .373333rem;
    font-weight: 500;
    color: var(--score-color);
    margin-left: .106667rem
}

._container_m26dh_10 ._headerInfoRight_m26dh_64 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .48rem
}

._container_m26dh_10 ._headerInfoRight_m26dh_64 ._moreText_m26dh_69 {
    font-size: .32rem;
    color: var(--more-text-color);
    font-weight: 400
}

._container_m26dh_10 ._headerInfoRight_m26dh_64 ._moreIcon_m26dh_75 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .266667rem;
    color: var(--more-icon-color);
    margin-left: .106667rem
}

html[data-prefers-color-scheme=dark] ._container_m26dh_10 {
    --half-color: rgba(255, 255, 255, .6);
    --score-color: #ffffff;
    --more-icon-color: #ffffff;
    --more-text-color: rgba(255, 255, 255, .6)
}

._container_cdpah_10 {
    --header-info-color: #a1a2a7;
    --bg-color: transparent;
    --border-color: #ecedf1;
    --lock-color: #1f1f1f;
    --footer-info-color: #000;
    width: 2.4rem;
    height: .96rem;
    background-color: var(--bg-color);
    margin: 0 .02667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--border-color)
}

._container_cdpah_10 ._header_cdpah_26 {
    font-size: .32rem;
    font-weight: 500;
    color: var(--header-info-color);
    text-align: center
}

._container_cdpah_10 ._footer_cdpah_33 {
    font-size: .373333rem;
    font-weight: 500;
    color: var(--footer-info-color);
    text-align: center
}

._container_cdpah_10 ._footer_cdpah_33 ._rotateIcon_cdpah_40 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block
}

._container_cdpah_10 ._upColor_cdpah_44 {
    color: #db6372
}

._container_cdpah_10 ._downColor_cdpah_47 {
    color: #47bd4a
}

._containerLone_cdpah_51 {
    width: 3.626667rem
}

._selected_cdpah_55 {
    background-color: #d6dbee
}

._hide_cdpah_59 {
    display: none
}

html[data-prefers-color-scheme=dark] ._container_cdpah_10 {
    --header-info-color: rgba(255, 255, 255, .6);
    --footer-info-color: #fff;
    --bg-color: rgba(255, 255, 255, .04);
    --border-color: transparent;
    --lock-color: #c0c5d6
}

html[data-prefers-color-scheme=dark] ._selected_cdpah_55 {
    background-color: rgba(255, 255, 255, .2)
}

._header_1qcpd_10 {
    --header-bg-color: #9aa4c2;
    --item-num-color: #9aa4c2
}

._matchSelector_ulued_10 .adm-popup-body {
    background-color: #fff;
    width: 100%
}

html[data-prefers-color-scheme=dark] ._matchSelector_ulued_10 .adm-popup-body {
    background-color: #1f1f1f
}

._matchSelector_ulued_10 .adm-index-bar {
    background-color: #fff
}

html[data-prefers-color-scheme=dark] ._matchSelector_ulued_10 .adm-index-bar {
    background-color: #1f1f1f
}

._header_ulued_25 {
    border-bottom: .02667rem solid #eee
}

._header_ulued_25>._title_ulued_28 {
    line-height: 1.333333rem;
    font-size: .426667rem;
    color: #383b43;
    font-weight: 400;
    text-align: center;
    height: 1.333333rem
}

._search_ulued_36 {
    padding: .2rem .373333rem
}

._search_ulued_36 .adm-search-bar-suffix button {
    color: #383b43;
    font-size: .426667rem;
    padding-right: 0 !important
}

html[data-prefers-color-scheme=dark] ._search_ulued_36 .adm-search-bar-suffix button {
    color: rgba(255, 255, 255, .6)
}

._search_ulued_36 ._searchIcon_ulued_47 {
    width: .533333rem;
    height: .533333rem;
    margin-left: .106667rem;
    fill: #9aa4c2;
    position: relative;
    top: .053333rem;
    left: -.106667rem
}

html[data-prefers-color-scheme=dark] ._search_ulued_36 ._searchIcon_ulued_47 {
    fill: #fff
}

._selectAll_ulued_60 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0rem .933333rem;
    line-height: .9rem;
    height: .9rem
}

._main_ulued_67 {
    --height: 1.066667rem;
    height: calc(100% - .9rem - .4rem - var(--height) - 1.333333rem - 1.333333rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

._selectAllText_ulued_72 {
    font-size: .373333rem;
    color: #a1a2a7;
    margin-right: .266667rem
}

._searchNoData_ulued_78 {
    padding: .266667rem .373333rem;
    font-size: .32rem;
    color: #9aa4c2
}

html[data-prefers-color-scheme=dark] ._searchNoData_ulued_78 {
    color: rgba(255, 255, 255, .6)
}

._listItem_ulued_87 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .266667rem 0;
    margin-left: 1.066667rem;
    margin-right: .933333rem;
    color: #9aa4c2;
    position: relative
}

._listItem_ulued_87+._listItem_ulued_87:after {
    content: "";
    position: absolute;
    top: -.016rem;
    left: 0;
    height: .02667rem;
    width: 100%;
    background-color: #d0d7dd;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.6);
    -ms-transform: scaleY(.6);
    transform: scaleY(.6)
}

._left_ulued_109 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._teamName_ulued_114 {
    font-size: .32rem;
    color: #a1a2a7;
    -webkit-font-feature-settings: "clig" off, "liga" off;
    -moz-font-feature-settings: "clig" off, "liga" off;
    font-feature-settings: "clig" off, "liga" off;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: inline-block
}

._teamLogo_ulued_122 {
    display: inline-block;
    width: .533333rem;
    height: .533333rem;
    margin-right: .16rem;
    border-radius: 50%
}

._rightNum_ulued_130 {
    padding-right: .133333rem
}

._right_ulued_130 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._right_ulued_130 .adm-checkbox {
    -webkit-transform: translateY(.02667rem);
    -ms-transform: translateY(.02667rem);
    transform: translateY(.02667rem)
}

._divider_ulued_142 {
    background-color: #f5f6f7;
    height: .133333rem
}

html[data-prefers-color-scheme=dark] ._header_ulued_25 {
    border-bottom: .02667rem solid transparent
}

html[data-prefers-color-scheme=dark] ._header_ulued_25>._title_ulued_28 {
    color: #fff
}

html[data-prefers-color-scheme=dark] ._listItem_ulued_87:after {
    background-color: rgba(238, 238, 238, .1)
}

html[data-prefers-color-scheme=dark] ._selectAllText_ulued_72 {
    color: #f0f2f8
}

html[data-prefers-color-scheme=dark] ._rightNum_ulued_130 {
    color: #9aa4c2
}

html[data-prefers-color-scheme=dark] ._divider_ulued_142 {
    background-color: rgba(255, 255, 255, .1)
}

.collapse-header-line-1 {
    -webkit-box-shadow: 0 -.02667rem var(--border-color) inset;
    box-shadow: 0 -.02667rem var(--border-color) inset
}

._wrapTitle_168ft_10 {
    --arrow-color: #414655
}

._wrapTitle_168ft_10>svg {
    position: relative;
    top: .133333rem;
    margin-right: .16rem
}

._panelBody_168ft_19 {
    -webkit-transition: height .2s linear;
    transition: height .2s linear;
    overflow: hidden
}

._collapse_168ft_24 ._panelBody_168ft_19 {
    height: 0 !important
}

html[data-prefers-color-scheme=dark] ._wrapTitle_168ft_10 {
    --arrow-color: #fff
}

._collapse_1bgas_10 {
    border-radius: .205128rem;
    -webkit-box-shadow: 0 .102564rem .205128rem rgba(0, 0, 0, .04);
    box-shadow: 0 .102564rem .205128rem rgba(0, 0, 0, .04);
    margin: .128205rem .128205rem 0;
    border: none;
    background-color: #f8f9fa
}

._header_1bgas_18 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .128205rem .358974rem 0;
    border-bottom: .01333rem solid rgb(228, 230, 237)
}

._header_1bgas_18 ._title_1bgas_25 {
    color: #303442;
    font-size: .307692rem;
    font-style: normal;
    font-weight: 400;
    line-height: .410256rem
}

._header_1bgas_18 ._timeEnd_1bgas_33 {
    color: #afb3c8;
    text-align: right;
    font-size: .25641rem;
    font-style: normal;
    font-weight: 400;
    line-height: .358974rem
}

._iconQuestion_1bgas_43 {
    width: .307692rem;
    height: .307692rem;
    vertical-align: middle;
    position: relative;
    top: -.051282rem;
    margin-left: .102564rem
}

._teamDeatils_1bgas_52 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    gap: .179487rem;
    padding: .153846rem .358974rem
}

._teamItem_1bgas_59 {
    width: 4.435897rem;
    height: 1.025641rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: .205128rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .205128rem;
    background: #f7f7f7
}

._teamItem_1bgas_59>._teamName_1bgas_70 {
    color: #303442;
    font-size: .307692rem;
    font-style: normal;
    font-weight: 400;
    line-height: .410256rem;
    width: 3.487179rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

._teamItem_1bgas_59>._score_1bgas_84 {
    color: #303442;
    text-align: center;
    font-size: .358974rem;
    font-style: normal;
    font-weight: 700;
    line-height: .512821rem
}

._teamItem_1bgas_59>._score_1bgas_84._down_1bgas_93:before,
._teamItem_1bgas_59>._score_1bgas_84._up_1bgas_93:before {
    content: " ";
    display: inline-block;
    width: .205128rem;
    height: .230769rem;
    margin-right: .051282rem
}

._teamItem_1bgas_59>._score_1bgas_84._down_1bgas_93 {
    color: #47bd4a
}

._teamItem_1bgas_59>._score_1bgas_84._up_1bgas_93 {
    color: #db6372
}

html[data-prefers-color-scheme=dark] ._collapse_1bgas_10 {
    background-color: rgba(255, 255, 255, .04)
}

html[data-prefers-color-scheme=dark] ._header_1bgas_18 {
    border-bottom: .01333rem solid rgba(255, 255, 255, .08)
}

html[data-prefers-color-scheme=dark] ._header_1bgas_18 ._timeEnd_1bgas_33 {
    color: rgba(255, 255, 255, .3)
}

html[data-prefers-color-scheme=dark] ._header_1bgas_18 ._title_1bgas_25 {
    color: rgba(255, 255, 255, .9)
}

html[data-prefers-color-scheme=dark] ._teamItem_1bgas_59 {
    background: rgba(255, 255, 255, .08);
    -webkit-box-shadow: 0 .051282rem .153846rem rgba(0, 0, 0, .04);
    box-shadow: 0 .051282rem .153846rem rgba(0, 0, 0, .04)
}

html[data-prefers-color-scheme=dark] ._teamItem_1bgas_59>._teamName_1bgas_70 {
    color: rgba(255, 255, 255, .9)
}

html[data-prefers-color-scheme=dark] ._teamItem_1bgas_59>._score_1bgas_84 {
    color: rgba(255, 255, 255, .9)
}

._favorite_dcce6_10 {
    width: 10rem;
    position: relative;
    height: 100%;
    --back-icon-color: #414655
}

html[data-prefers-color-scheme=dark] ._favorite_dcce6_10 {
    background: #181920;
    --back-icon-color: #ffffff
}

html[data-prefers-color-scheme=dark] ._favorite_dcce6_10 .tabs {
    background: transparent
}

._header_dcce6_22 {
    text-align: center
}

._header_dcce6_22 ._backIcon_dcce6_49 {
    height: 100%;
    padding: .4rem .373333rem;
    position: absolute;
    left: 0rem
}

._header_dcce6_22 ._title_dcce6_25 {
    height: 1.173333rem;
    line-height: 1.173333rem;
    color: #414655;
    font-size: .426667rem;
    font-weight: 600;
    position: relative
}

html[data-prefers-color-scheme=dark] ._header_dcce6_22 ._title_dcce6_25 {
    background: #181920;
    color: #fff
}

._header_dcce6_22 ._balance_dcce6_37 {
    position: absolute;
    right: .373333rem;
    border-radius: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .106667rem;
    top: .293333rem;
    color: #4c99f5;
    line-height: 1
}

html[data-prefers-color-scheme=dark] ._header_dcce6_22 ._balance_dcce6_37 {
    background: rgba(255, 255, 255, .1);
    color: #fff
}

._header_dcce6_22 ._balance_dcce6_37 ._icon_dcce6_55 {
    width: .373333rem;
    height: .373333rem
}

._header_dcce6_22 ._balance_dcce6_37 ._num_dcce6_65 {
    font-weight: 500;
    font-size: .32rem
}

._tabs_wrap_dcce6_71 {
    position: relative;
    top: .02667rem
}

._content_dcce6_77 {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: calc(100dvh - 1.173333rem - 1.6rem);
    background: #ffffff
}

html[data-prefers-color-scheme=dark] ._content_dcce6_77 {
    background: #181920
}

._empty_wrap_1e2xe_10 {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #626571;
    text-align: center;
    font-size: .373333rem;
    padding: 0 10vw;
    line-height: 1.2
}

._empty_wrap_1e2xe_10 img {
    width: 4.8rem
}

._empty_wrap_1e2xe_10 ._text_1e2xe_26 {
    margin-top: .533333rem;
    max-width: 74vw;
    line-height: 1.4
}

html[data-prefers-color-scheme=dark] ._empty_wrap_1e2xe_10 {
    color: rgba(255, 255, 255, .6)
}

.switching {
    background-color: var(--theme-color);
    font-size: .373333rem;
    padding: .32rem .426667rem;
    height: 100%;
    border-radius: .4rem 0;
    color: #fff;
    font-size: .3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.switching span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap
}

.switching .antd-mobile-icon {
    font-size: .2rem;
    margin-left: .05rem
}

.tournament_box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: .16rem;
    padding: 0 .26667rem;
    height: .93333rem;
    margin-top: .26667rem
}

.container:not(:last-of-type) .tournament_box {
    border-bottom: .02667rem solid #ffffff
}

.Tournament_checkBox,
.fav {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .66667rem;
    -ms-flex: 0 0 .66667rem;
    flex: 0 0 .66667rem;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .26667rem
}

.Tournament_checkBox .collect-icon,
.fav .collect-icon {
    width: .48rem;
    height: .48rem
}

.tournament_box .content {
    color: #333;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: var(--van-font-size-sm);
    overflow: hidden;
    padding-right: .26667rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tournament_box .forward {
    color: #8a8a8d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: .58667rem;
    height: .58667rem;
    font-size: .32rem
}

.tournament_box .count {
    font-size: var(--van-font-size-sm)
}

html[data-prefers-color-scheme=dark] .tournament_box {
    background-color: var(--theme-color-bg-color-1)
}

html[data-prefers-color-scheme=dark] .tournament_box .content {
    color: #fff
}

.outrightPopup ._collapse_x0oh9_10 ._collapseContent_x0oh9_99 {
    padding: 0
}

.outrightPopup .match-champion-head {
    background-color: var(--theme-color-card-bg-color);
    margin-top: .21333rem;
    padding: 0 .128205rem;
    line-height: .85333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .21333rem
}

.outrightPopup .match-champion-head .match-champion-title {
    font-size: .373333rem;
    font-weight: 500;
    color: var(--theme-font-color-2)
}

.outrightPopup .match-champion-head .end-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.outrightPopup .match-champion-head .end-time span {
    color: var(--theme-font-color-2);
    font-size: .32rem
}

.outrightPopup .match-champion-head .toggle-box {
    width: .72rem;
    height: .72rem;
    border: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .72rem;
    margin-left: .26667rem
}

.outrightPopup .match-champion-head .toggle-box .toggle-all {
    margin: 0;
    width: .26667rem;
    height: .26667rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.outrightPopup .match-champion-head .toggle-box .toggle-all.is-open {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.outrightPopup .outrightPopupList {
    height: calc(100% - 1.27999rem);
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

._mainBox_1o5tz_10 {
    --bg-color: #f0f2f8;
    --winLossAmt-height: 1.333333rem;
    height: 100%
}

._mainBox_1o5tz_10 ._content_1o5tz_15 {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background-color: var(--bg-color)
}

._mainBox_1o5tz_10 ._winLossAmt_1o5tz_19 {
    line-height: var(--winLossAmt-height)
}

._mainBox_1o5tz_10 ._main_1o5tz_10 {
    padding: 0 .373333rem
}

._mainBox_1o5tz_10 ._unsettledHeight_1o5tz_25 {
    height: 100%
}

._mainBox_1o5tz_10 ._settledHeight_1o5tz_28 {
    height: calc(100% - var(--winLossAmt-height))
}

._hide_1o5tz_32 {
    display: none
}

html[data-prefers-color-scheme=dark] ._mainBox_1o5tz_10 {
    --bg-color: #292c33
}

._popup_pidma_10 .adm-popup-body {
    background-color: #fff
}

._closeBtn_pidma_14 {
    height: 1.333333rem;
    color: #383b43;
    font-weight: 500;
    font-size: .48rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;
    border-top: .02667rem solid #ecedf1
}

html[data-prefers-color-scheme=dark] ._popup_pidma_10 .adm-popup-body {
    background-color: #31343b
}

html[data-prefers-color-scheme=dark] ._closeBtn_pidma_14 {
    background-color: #31343b;
    color: #fff;
    border-top: .02667rem solid rgba(255, 255, 255, .1)
}

._container_lowa2_10 {
    --tab-title-color: #a5a9b3;
    --tab-active-title-color: #414655;
    --tab-bar-bg: #6aaaf5
}

._container_lowa2_10 ._tabs_lowa2_15 {
    height: 1.333333rem !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .266667rem .266667rem 0 0
}

._container_lowa2_10 ._tabs_lowa2_15 ._tabsItem_lowa2_22 ._tabsTitle_lowa2_22 {
    font-size: .426667rem !important;
    line-height: .586667rem !important;
    color: var(--tab-title-color) !important;
    font-weight: 500 !important
}

._container_lowa2_10 ._tabs_lowa2_15 ._tabSelect_lowa2_28 ._tabsTitle_lowa2_22 {
    color: var(--tab-active-title-color) !important
}

._container_lowa2_10 ._tabs_lowa2_15 ._tabBar_lowa2_31 {
    background-color: var(--tab-bar-bg) !important
}

html[data-prefers-color-scheme=dark] ._container_lowa2_10 {
    --tab-title-color: rgba(255, 255, 255, .4);
    --tab-active-title-color: #ffffff;
    --tab-bar-bg: #ffffff
}

._container_18202_10 {
    --common-text-color: #383b43;
    color: var(--common-text-color);
    font-weight: 500;
    font-size: .32rem;
    line-height: .453333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 .373333rem
}

._container_18202_10 ._item_18202_22 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._container_18202_10 ._item_18202_22 ._key_18202_27 {
    white-space: nowrap
}

._container_18202_10 ._item_18202_22 ._winLossNum_18202_33,
._container_18202_10 ._item_18202_22 ._winLossUnit_18202_34 {
    color: #db6372
}

._hide_18202_38 {
    display: none
}

html[data-prefers-color-scheme=dark] ._container_18202_10 {
    --common-text-color: #fff
}

._container_xkjyz_10 {
    --text-color: #383b43;
    --bg-color: #f0f2f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: -webkit-sticky;
    position: sticky;
    top: -.02667rem;
    background-color: var(--bg-color);
    z-index: 9;
    padding-top: .266667rem;
    padding-bottom: .133333rem
}

._container_xkjyz_10 ._date_xkjyz_24 {
    color: var(--text-color);
    font-size: .48rem;
    font-weight: 700;
    line-height: .613333rem
}

._container_xkjyz_10 ._winLoss_xkjyz_31 {
    line-height: .613333rem;
    min-width: 6.773333rem;
    padding-right: 0
}

html[data-prefers-color-scheme=dark] ._container_xkjyz_10 {
    --text-color: #fff;
    --bg-color: #292c33
}

._container_xhtr4_10 {
    --tipsRow1-color: #a5a9b3;
    margin-top: .266667rem
}

._container_xhtr4_10 ._btnBox_xhtr4_14 .adm-button {
    width: 100%;
    height: 1.066667rem;
    border-radius: .533333rem;
    background: var(--theme-color);
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._container_xhtr4_10 ._btnBox_xhtr4_14 ._textBox_xhtr4_24 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 200;
    font-size: .32rem !important;
    color: #fff
}

._container_xhtr4_10 ._btnBox_xhtr4_14 ._textBox_xhtr4_24 ._ldImg_xhtr4_32 {
    width: .48rem;
    height: .48rem
}

._container_xhtr4_10 ._grayBg_xhtr4_36 .adm-button {
    background-color: #cbced8
}

._container_xhtr4_10 ._footer_xhtr4_39 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: .453333rem;
    font-weight: 500;
    font-size: .32rem;
    color: var(--theme-color);
    padding-top: .213333rem
}

._container_xhtr4_10 ._footer_xhtr4_39 ._footerBtn_xhtr4_49 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._container_xhtr4_10 ._footer_xhtr4_39 ._footerBtn_xhtr4_49>span {
    margin-right: .106667rem
}

._container_xhtr4_10 ._footer_xhtr4_39 ._footerBtn_xhtr4_49 ._iconRotate_xhtr4_57 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

._container_xhtr4_10 ._cashTips_xhtr4_60 {
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .266667rem;
    margin-bottom: .133333rem
}

._container_xhtr4_10 ._cashTips_xhtr4_60 ._tipsRow1_xhtr4_68 {
    font-size: .32rem;
    color: var(--tipsRow1-color)
}

._container_xhtr4_10 ._cashTips_xhtr4_60 ._tipsRow2_xhtr4_72 {
    color: #db6372;
    font-size: .266667rem;
    margin-top: .266667rem
}

._container_xhtr4_10 ._cashTips_xhtr4_60 ._tipsRow3_xhtr4_80 {
    color: #db6372;
    font-size: .32rem;
    margin-top: .266667rem
}

._hide_xhtr4_86 {
    display: none
}

._loadingColor_xhtr4_90 {
    background-color: #fff !important
}

._loadingSize_xhtr4_94 {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

html[data-prefers-color-scheme=dark] ._container_xhtr4_10 {
    --tipsRow1-color: rgba(255, 255, 255, .4)
}

._container_ri201_10 {
    position: relative;
    width: 1.973333rem;
    height: .613333rem
}

._container_ri201_10 ._rectangles_ri201_15 {
    height: .56rem;
    width: 1.973333rem;
    border-radius: .266667rem 0 0 .266667rem;
    background: -webkit-linear-gradient(135deg, #7EA4D1 0%, #D4E4F6 100%);
    background: linear-gradient(315deg, #7EA4D1 0%, #D4E4F6 100%);
    font-weight: 500;
    font-size: .32rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0
}

._container_ri201_10 ._grayRectangles_ri201_30 {
    background: -webkit-linear-gradient(315deg, #E7E9EE 0%, #CBCED8 100%);
    background: linear-gradient(135deg, #E7E9EE 0%, #CBCED8 100%)
}

._container_ri201_10 ._triangles_ri201_33 {
    width: .053333rem;
    height: .053333rem;
    border-top: .02667rem solid #2A5E9A;
    border-left: .02667rem solid #2A5E9A;
    border-right: .02667rem solid transparent;
    border-bottom: .02667rem solid transparent;
    position: absolute;
    top: .56rem;
    right: 0
}

._container_ri201_10 ._grayTriangles_ri201_44 {
    border-top: .02667rem solid #A9ABB5;
    border-left: .02667rem solid #A9ABB5
}

._rowBox_pgw7n_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._rowItem_pgw7n_16 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .106667rem
}

._divider_8ofht_10 {
    --divider-color: rgba(0, 0, 0, .1);
    height: .02667rem;
    background-color: var(--divider-color);
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html[data-prefers-color-scheme=dark] ._divider_8ofht_10 {
    --divider-color: rgba(238, 238, 238, .1)
}

._container_1essz_10 {
    line-height: .906667rem;
    color: #a5a9b3;
    font-weight: 500;
    font-size: .266667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._container_1essz_10 ._name_1essz_19 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._container_1essz_10 ._leagueIcon_1essz_23 {
    width: .266667rem;
    height: .24rem;
    margin-right: .106667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAYAAAD7PHgWAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANFSURBVHgB7ZhNTttAFMffG7smUjfcoLlBywkI60KVbIoMrYJPgDgB4QQNJwgRSlPYOCXqmuQEDScovYFXtCRhpu85sQnU8YyTgLLgJ1nyx/PMfz7eh42QQK3p51csu6YUFOAZQIDW7c3Q87xS8PiZSHrBBnvvucQxCqDo5Jxi0rNEgTSiPCwJWKv5q07OeqAeLSw/5wyOOsUTuJPd+FJgsLO91cLGWdun6yIsIYjQ4SVeSnEMr6K4v1BXUsIGH3T+HWajRWuzRmO/hqwoeRz1T07Qi27HAlFB8Nnd6vABCoPMHZAoIYcHux/f96RUHmRF2b2of3LS4D+B80KNVly3dM3n3IlUcAwLYH6BCAEty9HO9mZ98vZwZVihVenAnNgwE7THUFXlHVyFWyIBrxRmhQ0+P222CwJlEYQoU1RehQzYPAPhS0K8MX5L4tGuu3liaj4eRIdCGvehjRpKYT7ML7QXBcTLoPI8UjBBqEMO8JABzu80GQWd3UiDyo8kqa6g/RNvZiEosXBDWlR+5bXtgyHcpiNeXeqWl+1YQ3SNKHwxnv5W1LEj7F+UZtZBJ5GC6Neziy9gALXpx7MyrT1Llh3L/nk/e3jCjhd6cd8ZepxWJsxTG4utQGj3U3O0Iu90dsi5P5phqbr9P4MDPg29OPK4RvNij9b50FQg2WkD+t8cBE4fzCCHVeSAn9yt6v2tBBrnP2jEUrtneKS77ocCaCDvVekWHLawxFno8ZPEOMiGp9/adYGwD4bwBs/ZdpmcroiA1Vs56HrjzKKDs9BOgrjxs2TC4CrgEtLhLHJsWbCeWD9yjccotTe9Cc7hgw13ymAQUqBZrGaZxVngNEmRpDLteWou5nw6U+lkTi9NHJMqkL2bpz9MhwsnLM9KOittNcN7Q9wN1xY7k+n7bhKjcisUSQ0+DOazoSTU+zeDNdfcw7ORPZiPoZgpASvTyrNpZBYYEdV4COKtEpTKHgd1Cb9pENckqkNXnazC5haYRJwxDDOMCQv7JnkqXgTOy4vAecnkxY3z9n5Y+WJynThR0QQ48fvioVGYNuv85woMMP4urvn0FdeHqhp1omM1/fcd8ieAkUDjJebCYRF/Chj6d1M3tf0HSj5k6UaSl0gAAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%
}

._divider_1essz_34 {
    --divider-color: rgba(0, 0, 0, .1);
    height: .02667rem;
    background-color: var(--divider-color);
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html[data-prefers-color-scheme=dark] ._divider_1essz_34 {
    --divider-color: rgba(238, 238, 238, .1)
}

._rowItem_vkoij_10 {
    --text-color: #626571;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._rowItem_vkoij_10 ._key_vkoij_15 {
    line-height: .453333rem;
    font-weight: 500;
    font-size: .32rem;
    color: var(--text-color)
}

._rowItem_vkoij_10 ._num_vkoij_21,
._rowItem_vkoij_10 ._unit_vkoij_28 {
    line-height: .453333rem;
    font-weight: 400;
    font-size: .32rem;
    color: var(--text-color)
}

._rowItem_vkoij_10 ._winColor_vkoij_34 {
    color: #db6372
}

._hide_vkoij_38 {
    display: none
}

html[data-prefers-color-scheme=dark] ._rowItem_vkoij_10 {
    --text-color: rgba(255, 255, 255, .6)
}

._title_1kzgf_10 {
    --title-color: #383b43;
    padding-left: .4rem;
    line-height: .933333rem;
    color: var(--title-color);
    font-size: .373333rem;
    font-weight: 500;
    position: relative
}

._title_1kzgf_10 ._tabRight_1kzgf_19 {
    position: absolute;
    right: -.053333rem;
    top: .16rem
}

._divider_1kzgf_25 {
    --divider-color: rgba(0, 0, 0, .1);
    height: .02667rem;
    background-color: var(--divider-color);
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html[data-prefers-color-scheme=dark] ._title_1kzgf_10 {
    --title-color: #fff
}

html[data-prefers-color-scheme=dark] ._divider_1kzgf_25 {
    --divider-color: rgba(238, 238, 238, .1)
}

._container_1k9oy_10 {
    --text-color: #a5a9b3;
    font-size: .266667rem;
    font-weight: 400;
    line-height: .373333rem;
    color: var(--text-color)
}

._container_1k9oy_10 ._content_1k9oy_17 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._container_1k9oy_10 ._content_1k9oy_17 ._numBox_1k9oy_22 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._container_1k9oy_10 ._content_1k9oy_17 ._numBox_1k9oy_22 ._orderNumText_1k9oy_26 {
    width: 4.106667rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

._container_1k9oy_10 ._content_1k9oy_17 ._numBox_1k9oy_22 ._copyIcon_1k9oy_35 {
    width: .266667rem;
    height: .266667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK+SURBVHgB7VhNclJBEP56gEp25gaSlVJllbzEZJ2cQG4QcgLLE/g8QeIJAicwNxBWVkFSg1VWQbIBT+BzFw2ZtuchKjDvEXj8vAXfAqienpmPme6e7iY8Ek3dPgLoHZiKAO9gGSBqMbiSw1bV83aDUPSYeVf65oKZy1gRhFQvQ3zseYXeVIJNfSOnxj5WjAHJLS8Tp/RZt/OKcYn1YMdw/2c2TiNruCR2EaNBAYG/yd/9jjkgZrMrazyNVFDqdSxBgsqzU44eE58eeM9rSAh7SxmGT6CTiUFGPtYGte6Kt945PHY7GHrZoiC2/lGOtDQup3FC97grkUEey4JC7cAr1MbFDX1bJDYaUQQbuvOGmPylxbjRTf+Gkf/lV7rTZR49HGU/bCghxvkqyFmIXef7rHRDfy1O01XhC7GGOGcPg5C7mKalwudrXWAuDp7QaGT/vK2OIQokTlWhuGVtBvNykOtUEkLEto6cCiaU1xBJ0GF3AyM2x97eqBEnQKV53fYl6M98W8opJfLHPSwpDvYLQjD6pKLgIEjBK+9ZFUuApFIzrztBUN7Whb4Qo2vPbssKKceGYFJsCCbFhmBSpIrgeC5okRqCjet22SVPBcFG47aolDuRSAVBypkz1/XavCDVTmLwUF87QamHI+sgIuOv/wQVPXHKmd8fei9aKbxiCsDmbZjgIkz5R2FrCFvAL7pzEG4NdcLj9Y/hHzaRlVyxzgo96Q1eenv/9nb2Zh7w60y+TrFA2B6MeOpEa0PIBYf7hUrUPOcV22albVpqWRQLgC0tc6BP8zQGstJd67likCXZBwnRTg8JwCxeyrzDEeOkVDdufpaNFDIx5aA7gM4Cjh3NwNTjxlVWbZ/bU8Q6IKFkWnmrrLfeg49XTVKaVR+GoSRWb/jDeplt+RKpslzKSywFEuNgvsiuvqtH6MJvdogSRMGvgh0AAAAASUVORK5CYII=) no-repeat center;
    background-size: 100% 100%
}

._container_1k9oy_10 ._moreIconBox_1k9oy_41 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .266667rem
}

html[data-prefers-color-scheme=dark] ._container_1k9oy_10 {
    --text-color: rgba(255, 255, 255, .4)
}

._container_17o9c_10 ._slider_17o9c_10 {
    padding-top: 0;
    padding-bottom: 0
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-track {
    background-color: #9aa4c2
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-track .adm-slider-fill {
    background-color: var(--theme-color)
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-thumb-container {
    width: .746667rem;
    height: .426667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-thumb-container .adm-slider-thumb {
    width: 100%;
    height: 100%;
    border-radius: .213333rem;
    border: 1px solid rgba(255, 255, 255, .4);
    background: var(--theme-linear);
    -webkit-box-shadow: 0 .053333rem .16rem rgba(64, 128, 255, .16);
    box-shadow: 0 .053333rem .16rem rgba(64, 128, 255, .16)
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-thumb-container .adm-slider-thumb>svg {
    display: none
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-thumb-container .adm-popover-arrow {
    color: var(--theme-color)
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-thumb-container .adm-popover-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: .426667rem;
    background-color: var(--theme-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-thumb-container .adm-popover-inner-content {
    font-size: .266667rem;
    font-weight: 500
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-thumb-container .adm-popover.adm-popover-dark {
    top: -.64rem !important
}

._container_17o9c_10 ._slider_17o9c_10 .adm-slider-mark {
    margin-top: 0
}

._container_17o9c_10 ._startEndText_17o9c_60 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: .426667rem;
    color: #a5a9b3;
    font-size: .266667rem;
    font-weight: 400
}

._container_118s9_10 {
    --title-color: #383B43;
    --time-color: #626571
}

._container_118s9_10 ._titleBox_118s9_14 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .266667rem
}

._container_118s9_10 ._title_118s9_14 {
    font-weight: 400;
    font-size: .373333rem;
    color: var(--title-color);
    line-height: .533333rem
}

._container_118s9_10 ._time_118s9_26 {
    color: var(--time-color);
    font-size: .32rem;
    line-height: .533333rem;
    font-weight: 400
}

._container_118s9_10 ._moreIconBox_118s9_33 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .266667rem
}

html[data-prefers-color-scheme=dark] ._container_118s9_10 {
    --title-color: #fff;
    --time-color: rgba(255, 255, 255, .6)
}

._container_xfcvj_10 {
    --title-color: #383b43;
    --content-color: #626571;
    --result-color: #db6372
}

._container_xfcvj_10 ._competitorBox_xfcvj_15 {
    font-size: .373333rem;
    font-weight: 500;
    color: var(--title-color);
    padding-left: .133333rem;
    line-height: .533333rem;
    border-left: .053333rem solid var(--theme-color);
    margin-bottom: .266667rem
}

._container_xfcvj_10 ._competitorBox_xfcvj_15 ._teams_xfcvj_25 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._container_xfcvj_10 ._competitorBox_xfcvj_15 ._teams_xfcvj_25 ._teamsH_xfcvj_29,
._container_xfcvj_10 ._competitorBox_xfcvj_15 ._teams_xfcvj_25 ._teamsA_xfcvj_30 {
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._container_xfcvj_10 ._rowItem_xfcvj_36 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .32rem;
    font-weight: 500;
    line-height: .453333rem;
    margin-bottom: .053333rem;
    color: var(--content-color)
}

._container_xfcvj_10 ._rowItem_xfcvj_36:last-child {
    margin-bottom: unset
}

._container_xfcvj_10 ._rowItem_xfcvj_36 ._odd_xfcvj_52 {
    color: var(--theme-color);
    margin-left: .106667rem
}

._container_xfcvj_10 ._rowItem_xfcvj_36 ._result_xfcvj_56 {
    color: var(--result-color)
}

._divider_xfcvj_60 {
    padding-bottom: .266667rem
}

html[data-prefers-color-scheme=dark] ._container_xfcvj_10 {
    --title-color: #fff;
    --content-color: rgba(255, 255, 255, .6);
    --result-color: #db6372
}

._container_1fdsc_10 {
    --bg-color: #fff;
    --dashed-line-bg: #eeeeee;
    background-color: var(--bg-color);
    border-radius: .133333rem;
    margin-bottom: .266667rem;
    padding-bottom: .266667rem
}

._container_1fdsc_10:last-child {
    margin-bottom: 0
}

._container_1fdsc_10 ._content_1fdsc_21 {
    padding: 0 .4rem
}

._container_1fdsc_10 ._content_1fdsc_21 ._moreIconBox_1fdsc_24 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._container_1fdsc_10 ._content_1fdsc_21 ._dashedLine_1fdsc_29 {
    border-top: .02667rem dashed var(--dashed-line-bg);
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    margin-top: .266667rem
}

._container_1fdsc_10 ._content_1fdsc_21 ._iconRotate_1fdsc_34 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

._container_1fdsc_10 ._competitionContent_1fdsc_37 {
    margin-top: .133333rem
}

._container_1fdsc_10 ._amountFlowing_1fdsc_40,
._container_1fdsc_10 ._orderDetail_1fdsc_43,
._container_1fdsc_10 ._cashingMoney_1fdsc_46 {
    margin-top: .266667rem
}

._hide_1fdsc_50 {
    display: none !important
}

html[data-prefers-color-scheme=dark] ._container_1fdsc_10 {
    --bg-color: rgba(255, 255, 255, .04);
    --dashed-line-bg: rgba(238, 238, 238, .1)
}

.no-data {
    background-color: #fff
}

.no-data .van-empty__image {
    width: 4.26667rem;
    height: 2.88rem
}

#theme-color-night .no-data {
    background-color: var(--theme-color-page-bg-color) !important
}

[data-v-da27f53a]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-da27f53a] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-da27f53a] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-da27f53a] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-da27f53a]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-da27f53a] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-da27f53a]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-da27f53a]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-da27f53a] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-da27f53a] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-da27f53a]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-da27f53a] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-da27f53a] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-da27f53a]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-da27f53a] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-da27f53a] {
    background-color: #333
}

.lineup-court[data-v-da27f53a] {
    position: relative;
    width: 9.73333rem;
    height: 15.5784061697rem;
    background: url(/assets/lineup-court-97d9ab74.png) no-repeat center;
    background-size: 100% 100%;
    border-radius: .26667rem
}

.lineup-court .player-item[data-v-da27f53a] {
    position: absolute;
    width: .66667rem;
    height: .66667rem;
    line-height: .66667rem;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    opacity: 0;
    font-size: var(--van-font-size-sm)
}

.lineup-court .player-item .number[data-v-da27f53a] {
    width: .4rem;
    height: .4rem;
    font-size: var(--van-font-size-sm);
    display: block;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    line-height: .4rem;
    text-align: center;
    left: -.37333rem;
    top: .2rem
}

.lineup-court .player-item .text[data-v-da27f53a] {
    font-size: var(--van-font-size-sm);
    position: absolute;
    top: 100%;
    left: 50%;
    text-shadow: 0 0 .08rem rgba(0, 0, 0, .7);
    width: 2.13333rem;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: -1.06667rem;
    line-height: .34667rem;
    padding-top: .13333rem
}

.lineup-court .player-item.animate[data-v-da27f53a] {
    -ms-transform: translateX(0);
    transform: translate(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1
}

.lineup-court .home[data-v-da27f53a],
.lineup-court .away[data-v-da27f53a] {
    position: absolute;
    left: .21333rem;
    right: .21333rem;
    height: 7.62667rem
}

.lineup-court .home[data-v-da27f53a] {
    top: .45333rem
}

.lineup-court .home .player-item[data-v-da27f53a] {
    background-color: #fff;
    background-size: 100% 100%;
    -webkit-transform: translateX(-.45333rem) translateY(-.8rem);
    -ms-transform: translateX(-.45333rem) translateY(-.8rem);
    transform: translate(-.45333rem) translateY(-.8rem)
}

.lineup-court .away[data-v-da27f53a] {
    bottom: .45333rem
}

.lineup-court .away .player-item[data-v-da27f53a] {
    background-color: #fff;
    background-size: 100% 100%;
    -webkit-transform: translateX(.45333rem) translateY(.8rem);
    -ms-transform: translateX(.45333rem) translateY(.8rem);
    transform: translate(.45333rem) translateY(.8rem)
}

.lineup-court .match_fun[data-v-da27f53a] {
    position: absolute;
    right: 50%;
    margin-right: 3vw;
    top: -2vw;
    height: 5vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.lineup-court .match_fun.match_fun_bot[data-v-da27f53a] {
    position: absolute;
    left: 50%;
    margin-left: 3vw;
    bottom: 0;
    top: auto;
    height: 5vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.lineup-court .match_fun>div[data-v-da27f53a] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5vw
}

.lineup-court .match_fun svg[data-v-da27f53a] {
    width: 2.733vw;
    height: 2.733vw
}

.lineup-court .match_fun span[data-v-da27f53a] {
    font-size: .24rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap
}

[data-v-9e0b6d9e]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-9e0b6d9e] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-9e0b6d9e] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-9e0b6d9e] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-9e0b6d9e]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-9e0b6d9e] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-9e0b6d9e]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-9e0b6d9e]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-9e0b6d9e] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-9e0b6d9e] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-9e0b6d9e]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-9e0b6d9e] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-9e0b6d9e] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-9e0b6d9e]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-9e0b6d9e] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-9e0b6d9e] {
    background-color: #333
}

.player-img[data-v-9e0b6d9e] {
    width: .8rem;
    height: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: 100% 100%;
    background-color: #999;
    border-radius: .8rem
}

.home .player-left[data-v-9e0b6d9e] {
    margin-right: .13333rem
}

.away .player-left[data-v-9e0b6d9e] {
    margin-left: .13333rem
}

[data-v-a5c5f347]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-a5c5f347] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-a5c5f347] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-a5c5f347] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-a5c5f347]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-a5c5f347] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-a5c5f347]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-a5c5f347]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-a5c5f347] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-a5c5f347] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-a5c5f347]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-a5c5f347] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-a5c5f347] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-a5c5f347]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-a5c5f347] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-a5c5f347] {
    background-color: #333
}

.team-img[data-v-a5c5f347] {
    width: .373333rem;
    height: .373333rem
}

[data-v-2456b97c]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-2456b97c] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-2456b97c] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-2456b97c] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-2456b97c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-2456b97c] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-2456b97c]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-2456b97c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-2456b97c] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-2456b97c] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-2456b97c]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-2456b97c] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-2456b97c] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-2456b97c]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-2456b97c] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-2456b97c] {
    background-color: #333
}

.player-img[data-v-2456b97c] {
    width: .8rem;
    height: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: 100% 100%;
    background-color: #999;
    border-radius: .8rem
}

.team_logo[data-v-2456b97c] {
    width: .53333rem !important;
    height: .53333rem !important
}

[data-v-211f5424]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-211f5424] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-211f5424] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-211f5424] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-211f5424]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-211f5424] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-211f5424]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-211f5424]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-211f5424] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-211f5424] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-211f5424]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-211f5424] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-211f5424] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-211f5424]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-211f5424] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-211f5424] {
    background-color: #333
}

.player-img[data-v-211f5424] {
    width: .8rem;
    height: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: 100% 100%;
    background-color: #999;
    border-radius: .8rem
}

.team_logo[data-v-211f5424] {
    width: .53333rem !important;
    height: .53333rem !important
}

.line-up-box {
    width: 100%
}

.line-up-box .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .32rem .426667rem;
    background: url(/assets/vs-2b3f0d9f.png) no-repeat center/10rem 1.41333rem;
    background-color: #fff
}

.line-up-box .title .team-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    font-weight: 500;
    font-size: var(--van-font-size-sm);
    color: #2b2b2b;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.line-up-box .team-img-icon {
    width: .85333rem;
    height: .85333rem
}

.line-up-box .title .team-name.away {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.line-up-box .title .team-name .home-name,
.line-up-box .title .team-name .away-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 2.666667rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.line-up-box .title .team-name .home-name {
    margin-left: .106667rem;
    text-align: left
}

.line-up-box .title .team-name .away-name {
    margin-right: .106667rem;
    text-align: right
}

.line-up-box .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: .426667rem;
    background: #fff;
    padding: .13333rem 0
}

.line-up-box .header .left {
    height: .66667rem;
    padding-left: .426667rem;
    position: relative
}

.line-up-box .header .right {
    height: .66667rem;
    padding-right: .426667rem
}

.line-up-box .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7b2b2;
    border-radius: .66667rem
}

.line-up-box .right .flex {
    background: #a8c1f3
}

.line-up-box .right .recharge {
    width: 2.4rem;
    height: .66667rem;
    padding: .16rem .16rem .16rem .48rem;
    text-align: left;
    color: #2b2b2b;
    border-top-left-radius: .66667rem;
    border-bottom-left-radius: .66667rem;
    background: -webkit-linear-gradient(143deg, transparent .66667rem, #e7eefc 0);
    background: linear-gradient(-53deg, transparent .66667rem, #e7eefc 0);
    margin-right: -.66667rem;
    font-size: var(--van-font-size-sm)
}

.line-up-box .right .purchase {
    width: 2rem;
    height: .66667rem;
    padding: .16rem .4rem .16rem .16rem;
    text-align: right;
    color: #fff;
    border-top-right-radius: .66667rem;
    border-bottom-right-radius: .66667rem;
    background: -webkit-linear-gradient(323deg, transparent .66667rem, #185ae4 0);
    background: linear-gradient(127deg, transparent .66667rem, #185ae4 0);
    margin-left: -.26667rem;
    font-size: var(--van-font-size-sm)
}

.line-up-box .left .purchase {
    width: 2rem;
    height: .66667rem;
    padding: .16rem .16rem .16rem .4rem;
    text-align: left;
    color: #fff;
    border-top-left-radius: .66667rem;
    border-bottom-left-radius: .66667rem;
    background: -webkit-linear-gradient(143deg, transparent .66667rem, #ee3232 0);
    background: linear-gradient(-53deg, transparent .66667rem, #ee3232 0);
    margin-right: -.66667rem;
    font-size: var(--van-font-size-sm)
}

.line-up-box .left .recharge {
    width: 2.4rem;
    height: .66667rem;
    padding: .08rem .48rem .08rem .08rem;
    text-align: right;
    color: #2b2b2b;
    border-top-right-radius: .66667rem;
    border-bottom-right-radius: .66667rem;
    background: -webkit-linear-gradient(323deg, transparent .66667rem, #fdeaea 0);
    background: linear-gradient(127deg, transparent .66667rem, #fdeaea 0);
    margin-left: -.26667rem;
    font-size: var(--van-font-size-sm)
}

.line-up-box .cont-title {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.line-up-box .cont-title .ico-arrow.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.line-up-box .cont-title:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.line-up-box .cont-title .title-name {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.line-up-box .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    background: #fff
}

.line-up-box .line-content-box {
    overflow: auto;
    margin-top: .26667rem;
    border-radius: .26667rem;
    overflow: hidden
}

.line-up-box .content .home {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    border-right: .02667rem solid #f1f1f1;
    padding: .26667rem
}

.line-up-box .content .away {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding: .26667rem
}

.line-up-box .content .away .item-name {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.line-up-box .content .item-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.06667rem;
    padding: 0 .12rem;
    background-color: #f5f5f5;
    margin-bottom: .16rem;
    font-size: var(--van-font-size-sm);
    border-radius: .21333rem
}

.line-up-box .content .item-name .name-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.line-up-box .content .home .name-text {
    text-align: left
}

.line-up-box .content .away .name-text {
    text-align: right
}

.line-up-box .content .item-name .number {
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    border-radius: 50%;
    color: #f15252;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.line-up-box .content .item-name .second {
    color: #185ae4
}

.line-up-box .svg-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.line-up-box .svg-list svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .3rem;
    height: .3rem;
    margin: .025rem
}

.line-up-box .svg-list>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.line-up-box .match_team {
    height: 12.267vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4.267vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: .02667rem solid #f1f1f1;
    font-size: .37333rem
}

.line-up-box .match_team .team-img {
    margin-right: .26667rem
}

.line-up-box .content .home img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .3rem;
    height: .3rem
}

.line-up-box .player_icon_box {
    padding: .32rem;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.line-up-box .player_icon_box .list_icon {
    height: 5.333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.line-up-box .player_icon_box .list_icon .son_icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.line-up-box .player_icon_box .list_icon .son_icon img {
    width: 3.2vw;
    height: 3.2vw
}

.line-up-box .player_icon_box .list_icon .son_icon span {
    font-size: 3.2vw;
    color: #333;
    margin-left: 1.067vw
}

#theme-color-night .line-up-box .title,
#theme-color-night .line-up-box .cont-title {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .line-up-box .cont-title .title-name {
    color: var(--theme-font-color-1)
}

#theme-color-night .line-up-box .content .item-name {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .line-up-box .player-item {
    opacity: .8 !important
}

#theme-color-night .line-up-box .title .team-name {
    color: var(--theme-font-color-1)
}

#theme-color-night .line-up-box .line-title,
#theme-color-night .line-up-box .backup-title {
    background: var(--theme-color-bg-color-1);
    color: var(--theme-color)
}

#theme-color-night .line-up-box .content .home {
    border-right-color: var(--theme-color-bg-color-1)
}

#theme-color-night .line-up-box .match_team {
    border-bottom-color: var(--theme-color-bg-color-1)
}

#theme-color-night .line-up-box .player_icon_box {
    background: var(--theme-color-card-bg-color)
}

#theme-color-night .line-content-box {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-1)
}

#theme-color-night .line-up-box .player_icon_box .list_icon .son_icon span {
    color: var(--theme-font-color-1)
}

#theme-color-night .line-up-box .header,
#theme-color-night .line-up-box .content {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-1)
}

#theme-color-night .line-up-box .content .item-name {
    border-bottom-color: var(--theme-color-bg-color-1)
}

#theme-color-night .line-up-box .left .recharge {
    opacity: .9
}

[data-v-fab277e8]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-fab277e8] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-fab277e8] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-fab277e8] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-fab277e8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-fab277e8] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-fab277e8]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-fab277e8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-fab277e8] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-fab277e8] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-fab277e8]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-fab277e8] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-fab277e8] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-fab277e8]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-fab277e8] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-fab277e8] {
    background-color: #333
}

.real-time-box[data-v-fab277e8] {
    width: 100%;
    position: relative;
    z-index: 8;
    border-radius: .26667rem !important;
    overflow: hidden
}

.real-time-box .no-event-data[data-v-fab277e8] {
    padding: .533333rem
}

.real-time-box .event-live[data-v-fab277e8] {
    background: #fff
}

.real-time-box .event-live .title[data-v-fab277e8] {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.real-time-box .event-live .title .ico-arrow.rotate[data-v-fab277e8] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.real-time-box .event-live .title[data-v-fab277e8]:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.real-time-box .event-live .title .title-name[data-v-fab277e8] {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.real-time-box .event-live .event-item[data-v-fab277e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .266667rem .32rem;
    position: relative
}

.real-time-box .event-live .event-item[data-v-fab277e8]:after {
    position: absolute;
    left: .533333rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    content: "";
    width: .026667rem;
    height: 100%;
    background: #d1d1d1
}

.real-time-box .event-live .event-item .item-left[data-v-fab277e8] {
    width: .533333rem;
    height: .533333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.real-time-box .event-live .event-item .item-left.has-icon[data-v-fab277e8] {
    background: #fff;
    position: relative;
    z-index: 1
}

.real-time-box .event-live .event-item .item-left img[data-v-fab277e8] {
    width: .533333rem;
    height: .533333rem;
    z-index: 100
}

.real-time-box .event-live .event-item .item-right[data-v-fab277e8] {
    width: 88%;
    padding: .213333rem;
    background: #f5f5f5;
    border-radius: .133333rem;
    position: relative
}

.real-time-box .event-live .event-item .item-right[data-v-fab277e8]:before {
    position: absolute;
    left: -.32rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    width: 0;
    height: 0;
    border-top: .186667rem solid transparent;
    border-right: .32rem solid #f5f5f5;
    border-bottom: .186667rem solid transparent
}

.real-time-box .event-live .event-item .item-right .right-title[data-v-fab277e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: var(--van-font-size-sm)
}

.real-time-box .event-live .event-item .item-right .right-title .team-name[data-v-fab277e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.real-time-box .event-live .event-item .item-right .right-title .team-name span[data-v-fab277e8] {
    font-size: .32rem;
    color: #2b2b2b;
    display: block;
    text-align: left
}

.real-time-box .event-live .event-item .item-right .item-msg[data-v-fab277e8] {
    font-size: .32rem;
    color: #2b2b2b;
    text-align: left
}

.real-time-box .event-live .basket-item[data-v-fab277e8] {
    padding: .106667rem .32rem 0
}

.real-time-box .event-live .basket-item .item-title[data-v-fab277e8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    color: var(--theme-font-color-2)
}

.real-time-box .event-live .basket-item .item-title .time-type[data-v-fab277e8] {
    font-size: .32rem;
    font-weight: 600;
    margin-right: .106667rem
}

.real-time-box .event-live .basket-item .item-title .time[data-v-fab277e8] {
    font-weight: 700;
    font-size: .373333rem
}

.real-time-box .event-live .basket-item .item-title .item-name[data-v-fab277e8] {
    font-size: .266667rem;
    margin-right: .106667rem
}

.real-time-box .event-live .basket-item .item-title .item-score[data-v-fab277e8] {
    font-weight: 700;
    font-size: .426667rem
}

.real-time-box .event-live .basket-item .item-conten[data-v-fab277e8] {
    min-height: 1.226667rem;
    margin-top: .213333rem;
    padding-left: .8rem;
    text-align: left;
    position: relative;
    font-size: .32rem
}

.real-time-box .event-live .basket-item .item-conten[data-v-fab277e8]:before {
    position: absolute;
    left: .266667rem;
    content: "";
    width: .026667rem;
    height: 90%;
    background: #d1d1d1
}

#theme-color-night .real-time-box .event-live {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .real-time-box .event-live .title {
    color: var(--theme-font-color-2);
    border-color: var(--theme-color-border-color);
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .real-time-box .event-live .title .title-name {
    color: var(--theme-font-color-2)
}

#theme-color-night .real-time-box .progress-box-view {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .real-time-box .progress-box,
#theme-color-night .real-time-box .analysis-box .analysis {
    background-color: var(--theme-color-card-bg-color) !important
}

#theme-color-night .real-time-box .title {
    color: var(--theme-font-color-2);
    border-color: var(--theme-color-border-color);
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .real-time-box .title .title-name {
    color: var(--theme-font-color-2)
}

#theme-color-night .real-time-box .event-live .event-item .item-left.has-icon {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .real-time-box .event-live .event-item:after {
    background: var(--theme-color-border-color)
}

#theme-color-night .real-time-box .event-live .event-item .item-right {
    background: var(--theme-color-bg-color-1)
}

#theme-color-night .real-time-box .event-live .event-item .item-right:before {
    border-right-color: var(--theme-color-bg-color-1)
}

#theme-color-night .real-time-box .event-live .event-item .item-right .item-msg,
#theme-color-night .real-time-box .event-live .event-item .item-right .right-title .team-name span {
    color: var(--theme-font-color-1)
}

[data-v-b1d774ce]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-b1d774ce] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-b1d774ce] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-b1d774ce] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-b1d774ce]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-b1d774ce] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-b1d774ce]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-b1d774ce]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-b1d774ce] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-b1d774ce] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-b1d774ce]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-b1d774ce] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-b1d774ce] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-b1d774ce]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-b1d774ce] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-b1d774ce] {
    background-color: #333
}

.analysis-league[data-v-b1d774ce] {
    border-radius: .26667rem;
    overflow: hidden;
    margin-bottom: .26667rem
}

.league-rank[data-v-b1d774ce] {
    width: 100%;
    background: #5e5e5e
}

.league-rank .rank-title[data-v-b1d774ce] {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.league-rank .rank-title .ico-arrow.rotate[data-v-b1d774ce] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.league-rank .rank-title[data-v-b1d774ce]:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.league-rank .rank-title .title-name[data-v-b1d774ce] {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.league-rank .rank-title .title-value[data-v-b1d774ce] {
    font-size: .32rem;
    color: #969696;
    padding-right: .426667rem
}

.analysis-league .league-title[data-v-b1d774ce] {
    background: #f1f1f1
}

.analysis-league .league-title[data-v-b1d774ce],
.analysis-league .league-home[data-v-b1d774ce],
.analysis-league .league-away[data-v-b1d774ce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: .533333rem;
    font-size: .32rem;
    color: #969696
}

.analysis-league .league-title .team-name>span[data-v-b1d774ce],
.analysis-league .league-home .team-name>span[data-v-b1d774ce],
.analysis-league .league-away .team-name>span[data-v-b1d774ce] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 2rem;
    padding: 0 .133333rem
}

.analysis-league .league-title .team-name[data-v-b1d774ce],
.analysis-league .league-home .team-name[data-v-b1d774ce],
.analysis-league .league-away .team-name[data-v-b1d774ce] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem
}

.analysis-league .league-title div[data-v-b1d774ce],
.analysis-league .league-home div[data-v-b1d774ce],
.analysis-league .league-away div[data-v-b1d774ce] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.4rem
}

.analysis-league .league-home[data-v-b1d774ce],
.analysis-league .league-away[data-v-b1d774ce] {
    height: 1.066667rem;
    background: #fff;
    color: #2b2b2b
}

#theme-color-night .league-rank,
#theme-color-night .league-rank .rank-title {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-2)
}

#theme-color-night .league-rank .rank-title .title-name {
    color: var(--theme-font-color-2)
}

#theme-color-night .analysis-league .league-title,
#theme-color-night .analysis-league .league-home,
#theme-color-night .analysis-league .league-away {
    color: var(--theme-font-color-2);
    background-color: var(--theme-color-card-bg-color)
}

.matchLeiSu {
    width: 100%
}

.matchLeiSu .leisu-tab-td,
.matchLeiSu .leisu-tab-th {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.matchLeiSu .leisu-tab-td a,
.matchLeiSu .leisu-tab-th a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.matchLeiSu .leisu-tab-td .tab-td,
.matchLeiSu .leisu-tab-td .tab-th,
.matchLeiSu .leisu-tab-th .tab-td,
.matchLeiSu .leisu-tab-th .tab-th {
    font-size: 3.2vw;
    color: #999;
    border-right: .02667rem solid #ebeff5;
    border-bottom: .02667rem solid #ebeff5;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.matchLeiSu .leisu-tab-td .tab-td:last-child,
.matchLeiSu .leisu-tab-td .tab-th:last-child,
.matchLeiSu .leisu-tab-th .tab-td:last-child,
.matchLeiSu .leisu-tab-th .tab-th:last-child {
    border-right: none
}

.matchLeiSu .leisu-tab-td .tab-td .normal,
.matchLeiSu .leisu-tab-td .tab-th .normal,
.matchLeiSu .leisu-tab-th .tab-td .normal,
.matchLeiSu .leisu-tab-th .tab-th .normal {
    color: #333;
    width: 100%;
    font-size: 3.2vw;
    zoom: .9
}

.matchLeiSu .leisu-tab-td .tab-td .red,
.matchLeiSu .leisu-tab-td .tab-th .red,
.matchLeiSu .leisu-tab-th .tab-td .red,
.matchLeiSu .leisu-tab-th .tab-th .red {
    color: #e74b5b !important;
    width: 100%;
    zoom: .9
}

.matchLeiSu .leisu-tab-td .tab-td .green,
.matchLeiSu .leisu-tab-td .tab-th .green,
.matchLeiSu .leisu-tab-th .tab-td .green,
.matchLeiSu .leisu-tab-th .tab-th .green {
    color: #75cf83 !important;
    width: 100%;
    zoom: .9
}

.matchLeiSu .leisu-tab-td .tab-td .blue,
.matchLeiSu .leisu-tab-td .tab-th .blue,
.matchLeiSu .leisu-tab-th .tab-td .blue,
.matchLeiSu .leisu-tab-th .tab-th .blue {
    color: #479ee6 !important;
    width: 100%;
    zoom: .9
}

.matchLeiSu .leisu-tab-td .tab-td .grey-color,
.matchLeiSu .leisu-tab-td .tab-th .grey-color,
.matchLeiSu .leisu-tab-th .tab-td .grey-color,
.matchLeiSu .leisu-tab-th .tab-th .grey-color {
    color: #999;
    zoom: .9
}

.matchLeiSu .leisu-tab-td .tab-66,
.matchLeiSu .leisu-tab-th .tab-66 {
    width: 17.6vw;
    text-align: center
}

.matchLeiSu .leisu-tab-td .tab-auto,
.matchLeiSu .leisu-tab-th .tab-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 3.2vw;
    color: #999
}

.matchLeiSu .leisu-tab-td .tab-rg,
.matchLeiSu .leisu-tab-th .tab-rg {
    border-right: none;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.matchLeiSu .leisu-tab-td .tab-36,
.matchLeiSu .leisu-tab-th .tab-36 {
    width: 9.6vw;
    text-align: center;
    border-right: none
}

.matchLeiSu .leisu-tab-td .tab-lf,
.matchLeiSu .leisu-tab-th .tab-lf {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.matchLeiSu .leisu-tab-td .horn,
.matchLeiSu .leisu-tab-th .horn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333
}

.matchLeiSu .leisu-tab-td .tab-34,
.matchLeiSu .leisu-tab-th .tab-34 {
    width: 9.067vw;
    text-align: center
}

.matchLeiSu .leisu-tab-th {
    background: #f5f7fa;
    height: 8.533vw
}

.matchLeiSu .leisu-tab-td {
    height: 12.8vw
}

.matchLeiSu .leisu-tab-td .time {
    font-size: 3.2vw;
    zoom: .85
}

.matchLeiSu .leisu-tab-td .name {
    font-size: 3.2vw
}

.matchLeiSu .leisu-tab-td .tab-64 {
    color: #999
}

.matchLeiSu .leisu-tab-td .tab-36 {
    color: #333
}

.matchLeiSu .leisu-tab-td .tab-36 .maxtxt {
    font-size: 3.733vw;
    font-weight: 500
}

.matchLeiSu .leisu-tab-td .tab-36 .mintxt {
    font-size: 3.2vw;
    color: #999;
    zoom: .85
}

.matchLeiSu .leisu-tab-td:nth-child(2n) {
    background: #fff
}

.analysis-history {
    width: 100%;
    background-color: #fff;
    color: #2b2b2b;
    border-radius: .26667rem;
    overflow: hidden;
    margin-bottom: .26667rem
}

.analysis-history .title {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.analysis-history .title .ico-arrow.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.analysis-history .title:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.analysis-history .title .title-name {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.analysis-history .history-tool {
    width: 100%;
    padding: 0 3.2vw 3.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--color-FFFFFF)
}

.analysis-history .history-tool .history-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 13.333vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.analysis-history .history-tool .history-top .img-bg {
    width: 5.867vw;
    height: 5.867vw;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 3.2vw
}

.analysis-history .history-tool .history-top .history-home-away {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.analysis-history .history-tool .history-top .history-home-away .home-away {
    width: 15.2vw;
    height: 6.4vw;
    border-radius: 3.2vw;
    background: #f5f7fa;
    font-size: 3.2vw;
    color: var(--color-333333);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 3.2vw;
    border: 1px solid #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.analysis-history .history-tool .history-top .history-home-away .h-a-a {
    background: rgba(231, 76, 91, .1);
    color: var(--color-E74C5B);
    border-color: var(--color-E74C5B);
    font-weight: 500
}

.analysis-history .history-tool .history-bot {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.analysis-history .history-tool .history-bot .hist-bot-th {
    width: 10.667vw;
    border-radius: 1.067vw;
    border: 1px solid #f3f4f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.analysis-history .history-tool .history-bot .hist-bot-th .bot-th {
    font-size: 3.2vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5.333vw;
    color: var(--color-333333);
    font-weight: 500
}

.analysis-history .history-tool .history-bot .hist-bot-th .bot-th:first-child {
    font-weight: 400;
    background: #f3f4f7
}

.analysis-history .history-tool .history-bot .hist-bot-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.analysis-history .history-tool .history-bot .hist-bot-1 .bot-val {
    height: 5.333vw;
    line-height: 5.333vw;
    text-align: center
}

.analysis-history .history-tool .history-bot .hist-bot-1 .bot-val .deft {
    color: var(--color-333333);
    font-size: 3.2vw
}

.analysis-history .history-tool .history-bot .hist-bot-1 .bot-val .red-w {
    font-size: 4.267vw;
    color: var(--theme-color)
}

.analysis-history .history-tool .history-bot .hist-bot-1 .bot-t-6 {
    font-size: 3.2vw;
    color: var(--color-999999);
    text-align: center
}

.analysis-history .no-data-tips {
    padding: 0 3.2vw 3.2vw;
    text-align: center
}

.analysis-last {
    width: 100%;
    background-color: #fff;
    color: #2b2b2b;
    border-radius: .26667rem;
    overflow: hidden;
    margin-bottom: .26667rem
}

.analysis-last .title {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.analysis-last .title .ico-arrow.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.analysis-last .title:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.analysis-last .title .title-name {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.analysis-last .history-tool {
    width: 100%;
    padding: 0 3.2vw 3.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--color-FFFFFF)
}

.analysis-last .history-tool .history-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 13.333vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.analysis-last .history-tool .history-top .img-bg {
    width: 5.867vw;
    height: 5.867vw;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-right: 3.2vw
}

.analysis-last .history-tool .history-top .history-home-away {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.analysis-last .history-tool .history-top .history-home-away .home-away {
    width: 15.2vw;
    height: 6.4vw;
    border-radius: 3.2vw;
    background: #f5f7fa;
    font-size: 3.2vw;
    color: var(--color-333333);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 3.2vw;
    border: 1px solid #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.analysis-last .history-tool .history-top .history-home-away .h-a-a {
    background: rgba(231, 76, 91, .1);
    color: var(--color-E74C5B);
    border-color: var(--color-E74C5B);
    font-weight: 500
}

.analysis-last .history-tool .history-bot {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.analysis-last .history-tool .history-bot .hist-bot-th {
    width: 10.667vw;
    border-radius: 1.067vw;
    border: 1px solid #f3f4f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.analysis-last .history-tool .history-bot .hist-bot-th .bot-th {
    font-size: 3.2vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5.333vw;
    color: var(--color-333333);
    font-weight: 500
}

.analysis-last .history-tool .history-bot .hist-bot-th .bot-th:first-child {
    font-weight: 400;
    background: #f3f4f7
}

.analysis-last .history-tool .history-bot .hist-bot-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.analysis-last .history-tool .history-bot .hist-bot-1 .bot-val {
    height: 5.333vw;
    line-height: 5.333vw;
    text-align: center
}

.analysis-last .history-tool .history-bot .hist-bot-1 .bot-val .deft {
    color: var(--color-333333);
    font-size: 3.2vw
}

.analysis-last .history-tool .history-bot .hist-bot-1 .bot-val .red-w {
    font-size: 4.267vw;
    color: var(--theme-color)
}

.analysis-last .history-tool .history-bot .hist-bot-1 .bot-t-6 {
    font-size: 3.2vw;
    color: var(--color-999999);
    text-align: center
}

.analysis-last .no-data-tips {
    padding: 0 3.2vw 3.2vw;
    text-align: center
}

[data-v-950e1556]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-950e1556] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-950e1556] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-950e1556] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-950e1556]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-950e1556] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-950e1556]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-950e1556]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-950e1556] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-950e1556] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-950e1556]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-950e1556] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-950e1556] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-950e1556]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-950e1556] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-950e1556] {
    background-color: #333
}

.analysis-goals[data-v-950e1556] {
    width: 100%;
    background-color: #fff;
    color: #2b2b2b;
    border-radius: .26667rem;
    overflow: hidden;
    margin-bottom: .26667rem
}

.analysis-goals .distribution[data-v-950e1556] {
    width: 100%;
    padding: 0 3.2vw 3.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--color-FFFFFF);
    margin-bottom: 2.133vw
}

.analysis-goals .distribution .same-home-away[data-v-950e1556] {
    width: 15.467vw;
    height: 6.4vw;
    background: #f5f7fa;
    border-radius: 3.2vw;
    font-size: 3.2vw;
    color: var(--color-333333);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #f5f7fa
}

.analysis-goals .distribution .is-home-and-away[data-v-950e1556] {
    background: rgba(231, 76, 91, .06);
    color: var(--color-E74C5B);
    border: 1px solid rgba(231, 76, 91, .06)
}

.analysis-goals .distribution .match-data-title[data-v-950e1556] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3.2vw 0
}

.analysis-goals .distribution .match-data-title .colr-333[data-v-950e1556] {
    padding: 2.4vw 3.2vw;
    background: #f3f4f7;
    border-radius: .533vw;
    font-size: 3.2vw;
    color: var(--color-333333);
    margin-bottom: 2.933vw
}

.analysis-goals .distribution .match-data-title .colr-333 .colr-them[data-v-950e1556] {
    color: var(--color-E74C5B)
}

.analysis-goals .distribution .time-scale-line[data-v-950e1556],
.analysis-goals .distribution .time-scale-text[data-v-950e1556] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.analysis-goals .distribution .time-scale-line .scale-line[data-v-950e1556],
.analysis-goals .distribution .time-scale-text .scale-line[data-v-950e1556] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.333vw;
    background: rgba(252, 189, 48, .4)
}

.analysis-goals .distribution .time-scale-line .scale-text[data-v-950e1556],
.analysis-goals .distribution .time-scale-text .scale-text[data-v-950e1556] {
    font-size: 3.2vw;
    color: var(--color-999999)
}

.analysis-goals .distribution .time-scale-line .select-line[data-v-950e1556],
.analysis-goals .distribution .time-scale-text .select-line[data-v-950e1556] {
    background: var(--theme-color);
    border-left: .533vw solid var(--color-FFFFFF);
    border-right: .533vw solid var(--color-FFFFFF);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.analysis-goals .distribution .time-scale-line[data-v-950e1556] {
    margin-bottom: 1.6vw
}

.analysis-goals .distribution .time-scale-text[data-v-950e1556] {
    margin-bottom: 8vw
}

.analysis-goals .distribution .time_scale[data-v-950e1556] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 8vw
}

.analysis-goals .distribution .time_scale .scale[data-v-950e1556] {
    font-size: 3.2vw;
    color: var(--color-999999);
    margin-left: 3.733vw
}

.analysis-goals .distribution .time-ul[data-v-950e1556] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 5.333vw;
    width: 100%
}

.analysis-goals .distribution .time-ul li[data-v-950e1556] {
    font-size: 3.2vw;
    color: var(--color-999999);
    margin-left: 3.867vw
}

.analysis-goals .distribution .distribution_list[data-v-950e1556] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.067vw
}

.analysis-goals .distribution .distribution_list .name_logo[data-v-950e1556] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.analysis-goals .distribution .distribution_list .name_logo .logo[data-v-950e1556] {
    width: 4.267vw;
    height: 4.267vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100%
}

.analysis-goals .distribution .distribution_list .name_logo .name[data-v-950e1556] {
    font-size: 3.2vw;
    color: var(--color-333333);
    margin-left: 1.067vw
}

.analysis-goals .distribution .distribution_list .cloth_data[data-v-950e1556] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.analysis-goals .distribution .distribution_list .cloth_data .total_soce[data-v-950e1556] {
    font-size: 3.2vw;
    color: var(--color-666666);
    margin-right: 3.2vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.analysis-goals .distribution .distribution_list .cloth_data .orange_cor[data-v-950e1556] {
    color: var(--theme-color)
}

.analysis-goals .distribution .distribution_list .cloth_data .one_time[data-v-950e1556] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2.133vw
}

.analysis-goals .distribution .distribution_list .cloth_data .one_time .time_son[data-v-950e1556] {
    height: 6.4vw;
    width: 7.467vw;
    background: #c6c6c6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--color-FFFFFF);
    opacity: .7;
    font-size: 3.2vw
}

.analysis-goals .distribution .distribution_list .cloth_data .one_time .orange_bg[data-v-950e1556] {
    background: var(--theme-color)
}

.analysis-goals .distribution .distribution_list .cloth_data .one_time .max_time_son[data-v-950e1556] {
    opacity: 1
}

.analysis-goals .title[data-v-950e1556] {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.analysis-goals .title .ico-arrow.rotate[data-v-950e1556] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.analysis-goals .title[data-v-950e1556]:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.analysis-goals .title .title-name[data-v-950e1556] {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

#theme-color-night .analysis-goals,
#theme-color-night .analysis-goals .title {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-1)
}

.analysis-view {
    width: 100%;
    font-size: var(--van-font-size-sm)
}

.analysis-view .lengt-10-20 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #f5f7fa;
    border-radius: 3.2vw;
    padding: .533vw
}

.analysis-view .lengt-10-20 .num-10,
.analysis-view .lengt-10-20 .num-20 {
    width: 10.667vw;
    height: 6.4vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 3.2vw;
    color: var(--color-333333);
    border-radius: 3.2vw
}

.analysis-view .lengt-10-20 .result {
    width: 13.333vw;
    background: var(--color-FFFFFF);
    color: var(--color-E74C5B)
}

#theme-color-night .sport-analysis .title {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-2)
}

#theme-color-night .sport-analysis .title .title-name {
    color: var(--theme-font-color-2)
}

#theme-color-night .sport-analysis .distribution {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .sport-analysis .distribution .same-home-away {
    background-color: #2c2c2c;
    border-color: #2c2c2c;
    color: #fff
}

#theme-color-night .sport-analysis .distribution .distribution_list .name_logo .name {
    color: var(--theme-font-color-2)
}

#theme-color-night .sport-analysis .analysis-history,
#theme-color-night .sport-analysis .analysis-last {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .sport-analysis .analysis-history .history-tool .history-top .history-home-away .home-away,
#theme-color-night .sport-analysis .analysis-last .history-tool .history-top .history-home-away .home-away {
    background: #2c2c2c;
    border-color: #2c2c2c;
    color: #999
}

#theme-color-night .sport-analysis .analysis-history .history-tool .history-top .history-home-away .home-away.h-a-a,
#theme-color-night .sport-analysis .analysis-last .history-tool .history-top .history-home-away .home-away.h-a-a {
    color: var(--theme-color)
}

#theme-color-night .sport-analysis .analysis-history .lengt-10-20,
#theme-color-night .sport-analysis .analysis-last .lengt-10-20 {
    background: #2c2c2c;
    border-color: #2c2c2c;
    color: #999
}

#theme-color-night .sport-analysis .analysis-history .lengt-10-20 .num-10,
#theme-color-night .sport-analysis .analysis-history .lengt-10-20 .num-20,
#theme-color-night .sport-analysis .analysis-last .lengt-10-20 .num-10,
#theme-color-night .sport-analysis .analysis-last .lengt-10-20 .num-20 {
    color: #999
}

#theme-color-night .sport-analysis .analysis-history .lengt-10-20 .result,
#theme-color-night .sport-analysis .analysis-last .lengt-10-20 .result {
    background-color: #212121;
    color: var(--theme-color)
}

#theme-color-night .sport-analysis .analysis-history .hist-bot-th,
#theme-color-night .sport-analysis .analysis-last .hist-bot-th {
    background: #2c2c2c;
    border-color: #2c2c2c
}

#theme-color-night .sport-analysis .analysis-history .hist-bot-th .bot-th:first-child,
#theme-color-night .sport-analysis .analysis-last .hist-bot-th .bot-th:first-child {
    background: #2c2c2c;
    color: #fff
}

#theme-color-night .sport-analysis .analysis-history .hist-bot-th .bot-th:last-child,
#theme-color-night .sport-analysis .analysis-last .hist-bot-th .bot-th:last-child {
    background: #212121;
    color: #fff
}

#theme-color-night .sport-analysis .analysis-history .matchLeiSu .leisu-tab-td .tab-td,
#theme-color-night .sport-analysis .analysis-history .matchLeiSu .leisu-tab-td .tab-th,
#theme-color-night .sport-analysis .analysis-history .matchLeiSu .leisu-tab-th .tab-td,
#theme-color-night .sport-analysis .analysis-history .matchLeiSu .leisu-tab-th .tab-th,
#theme-color-night .sport-analysis .analysis-last .matchLeiSu .leisu-tab-td .tab-td,
#theme-color-night .sport-analysis .analysis-last .matchLeiSu .leisu-tab-td .tab-th,
#theme-color-night .sport-analysis .analysis-last .matchLeiSu .leisu-tab-th .tab-td,
#theme-color-night .sport-analysis .analysis-last .matchLeiSu .leisu-tab-th .tab-th {
    border-color: #2c2c2c;
    color: #fff !important
}

#theme-color-night .sport-analysis .analysis-history .matchLeiSu .leisu-tab-td .time,
#theme-color-night .sport-analysis .analysis-history .matchLeiSu .leisu-tab-td .name,
#theme-color-night .sport-analysis .analysis-last .matchLeiSu .leisu-tab-td .time,
#theme-color-night .sport-analysis .analysis-last .matchLeiSu .leisu-tab-td .name {
    color: #999
}

#theme-color-night .sport-analysis .analysis-history .leisu-tab-th,
#theme-color-night .sport-analysis .analysis-last .leisu-tab-th {
    background: #2c2c2c;
    color: #999
}

#theme-color-night .sport-analysis .analysis-history .leisu-tab-td,
#theme-color-night .sport-analysis .analysis-last .leisu-tab-td {
    background: var(--theme-color-card-bg-color)
}

#theme-color-night .sport-analysis .analysis-history .deft,
#theme-color-night .sport-analysis .analysis-last .deft {
    color: #fff
}

#theme-color-night .sport-analysis .history-tool,
#theme-color-night .sport-analysis .no-data {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .sport-analysis .h2h .title,
#theme-color-night .sport-analysis .h2h .mapTitle {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-1)
}

#theme-color-night .sport-analysis .h2h .van-checkbox__label {
    color: var(--theme-font-color-1)
}

#theme-color-night .sport-analysis .h2h .des,
#theme-color-night .sport-analysis .h2h .content {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .sport-analysis .h2h .content>div {
    border-bottom-color: var(--theme-color-bg-color-1);
    color: var(--theme-font-color-1) !important
}

#theme-color-night .sport-analysis .h2h .team {
    color: var(--theme-font-color-1)
}

#theme-color-night .h2h .itemH2h {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .h2h .content {
    color: var(--theme-font-color-1) !important
}

#theme-color-night .sport-analysis .h2h .awayName,
#theme-color-night .sport-analysis .h2h .homeName {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-1)
}

#theme-color-night .sport-analysis .h2h .more {
    background-color: var(--theme-color-card-bg-color)
}

.bsk-match-tab {
    width: 100%;
    padding: 0 1.067vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 2.133vw
}

.bsk-match-tab .bsk-td,
.bsk-match-tab .bsk-th {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bsk-match-tab .bsk-td .son,
.bsk-match-tab .bsk-th .son {
    font-size: 3.2vw;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: inherit;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9)
}

.bsk-match-tab .bsk-td .left,
.bsk-match-tab .bsk-th .left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bsk-match-tab .bsk-td .right,
.bsk-match-tab .bsk-th .right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bsk-match-tab .bsk-td .w-50,
.bsk-match-tab .bsk-th .w-50 {
    width: 13.333vw
}

.bsk-match-tab .bsk-td .w-42,
.bsk-match-tab .bsk-th .w-42 {
    width: 11.2vw
}

.bsk-match-tab .bsk-td .w-auto,
.bsk-match-tab .bsk-th .w-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bsk-match-tab .bsk-td .w-55,
.bsk-match-tab .bsk-th .w-55 {
    width: 14.667vw
}

.bsk-match-tab .bsk-td .w-34,
.bsk-match-tab .bsk-th .w-34 {
    width: 9.067vw
}

.bsk-match-tab .bsk-td .w-90,
.bsk-match-tab .bsk-th .w-90 {
    width: 24vw
}

.bsk-match-tab .bsk-th {
    height: 8.533vw;
    background: #f3f4f7
}

.bsk-match-tab .bsk-td {
    height: 11.733vw
}

.bsk-match-tab .bsk-td:nth-child(2n) {
    background: #fff
}

.bsk-match-tab .bsk-td .son p {
    width: 100%;
    text-align: center
}

.bsk-match-tab .bsk-td .son .top {
    margin-bottom: .533vw
}

.bsk-match-tab .bsk-td .son .bot {
    color: #bbb
}

.bsk-match-tab .bsk-td .son .red {
    color: #e74b5b
}

.bsk-match-tab .bsk-td .son .green {
    color: #75cf83
}

.bsk-match-tab .bsk-td .son .blue {
    color: #479ee6
}

.bsk-match-tab .bsk-td .away {
    color: #999
}

#theme-color-night .bsk-match-tab .bsk-th {
    background-color: #2c2c2c
}

#theme-color-night .bsk-match-tab .bsk-th .son {
    color: #999
}

#theme-color-night .bsk-match-tab .bsk-td {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .bsk-match-tab .bsk-td .son {
    color: #999
}

#theme-color-night .bsk-match-tab .bsk-td:nth-child(2n) {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .bsk-match-tab .bsk-td .left,
#theme-color-night .bsk-match-tab .bsk-td .right {
    color: var(--theme-font-color-1)
}

.bsk-data {
    width: 100%;
    padding-bottom: 2.133vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bsk-data .analysis-content {
    border-radius: .26667rem;
    overflow: hidden;
    margin-bottom: .26667rem
}

.bsk-data .cont-title {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.bsk-data .cont-title .ico-arrow.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bsk-data .cont-title:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.bsk-data .cont-title .title-name {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.bsk-data .history-tool {
    width: 100%;
    padding: 0 3.2vw 3.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--color-FFFFFF)
}

.bsk-data .history-tool .history-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 13.333vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.bsk-data .history-tool .history-top .img-bg {
    width: 5.867vw;
    height: 5.867vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 3.2vw
}

.bsk-data .history-tool .history-top .history-home-away {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.bsk-data .history-tool .history-top .history-home-away .home-away {
    width: 15.2vw;
    height: 6.4vw;
    border-radius: 3.2vw;
    background: #f5f7fa;
    font-size: 3.2vw;
    color: var(--color-333333);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 3.2vw;
    border: 1px #f5f7fa;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bsk-data .history-tool .history-top .history-home-away .h-a-a {
    background: rgba(231, 76, 91, .1);
    color: var(--color-E74C5B);
    border-color: var(--color-E74C5B);
    border: 1px solid var(--color-E74C5B)
}

.bsk-data .history-tool .history-bot {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bsk-data .history-tool .history-bot .hist-bot-th {
    width: 10.667vw;
    border-radius: 1.067vw;
    border: 1px solid #f3f4f7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.bsk-data .history-tool .history-bot .hist-bot-th .bot-th {
    font-size: 3.2vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5.333vw;
    color: var(--color-333333)
}

.bsk-data .history-tool .history-bot .hist-bot-th .bot-th:first-child {
    background: #f3f4f7
}

.bsk-data .history-tool .history-bot .hist-bot-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bsk-data .history-tool .history-bot .hist-bot-1 .bot-val {
    height: 5.333vw;
    line-height: 5.333vw;
    text-align: center
}

.bsk-data .history-tool .history-bot .hist-bot-1 .bot-val .deft {
    color: var(--color-333333);
    font-size: 3.2vw
}

.bsk-data .history-tool .history-bot .hist-bot-1 .bot-val .red-w {
    font-size: 4.267vw;
    color: var(--color-E74C5B)
}

.bsk-data .history-tool .history-bot .hist-bot-1 .bot-t-6 {
    font-size: 3.2vw;
    color: var(--color-999999);
    text-align: center
}

.bsk-data .data_proportion_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4.267vw 0;
    background: var(--color-FFFFFF);
    margin-bottom: 2.133vw
}

.bsk-data .data_proportion_box .proportion_box_left,
.bsk-data .data_proportion_box .proportion_box_right {
    width: 16vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bsk-data .data_proportion_box .proportion_box_left .logo,
.bsk-data .data_proportion_box .proportion_box_right .logo {
    width: 9.6vw;
    height: 9.6vw;
    background-size: contain;
    background-repeat: no-repeat
}

.bsk-data .data_proportion_box .proportion_box_cent {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bsk-data .data_proportion_box .proportion_box_cent .box_bottom,
.bsk-data .data_proportion_box .proportion_box_cent .box_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bsk-data .data_proportion_box .proportion_box_cent .box_bottom .top_value,
.bsk-data .data_proportion_box .proportion_box_cent .box_top .top_value {
    font-size: 3.2vw;
    color: var(--color-333333)
}

.bsk-data .data_proportion_box .proportion_box_cent .box_bottom .notes_box,
.bsk-data .data_proportion_box .proportion_box_cent .box_top .notes_box {
    font-size: 3.2vw;
    color: var(--color-999999)
}

.bsk-data .data_proportion_box .proportion_box_cent .box_centen {
    margin: 1.067vw 0
}

#theme-color-night .bsk-data .cont-title {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .bsk-data .cont-title .title-name {
    color: var(--theme-font-color-1)
}

#theme-color-night .bsk-data .history-tool {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .bsk-data .history-tool .history-top .history-home-away .home-away {
    background: #2c2c2c;
    border-color: #2c2c2c;
    color: #999
}

#theme-color-night .bsk-data .history-tool .history-top .history-home-away .home-away.h-a-a {
    color: var(--theme-color)
}

#theme-color-night .bsk-data .lengt-10-20 {
    background: #2c2c2c;
    border-color: #2c2c2c;
    color: #999
}

#theme-color-night .bsk-data .lengt-10-20 .num-10,
#theme-color-night .bsk-data .lengt-10-20 .num-20 {
    color: #999
}

#theme-color-night .bsk-data .lengt-10-20 .result {
    background-color: #212121;
    color: var(--theme-color)
}

#theme-color-night .bsk-data .hist-bot-th {
    background: #2c2c2c;
    border-color: #2c2c2c
}

#theme-color-night .bsk-data .hist-bot-th .bot-th:first-child {
    background: #2c2c2c;
    color: #fff
}

#theme-color-night .bsk-data .hist-bot-th .bot-th:last-child {
    background: #212121;
    color: #fff
}

#theme-color-night .bsk-data .deft {
    color: #fff
}

#theme-color-night .bsk-data .data_proportion_box {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .bsk-data .data_proportion_box .proportion_box_cent .box_top .top_value {
    color: #999
}

[data-v-78b031de]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-78b031de] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-78b031de] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-78b031de] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-78b031de]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-78b031de] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-78b031de]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-78b031de]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-78b031de] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-78b031de] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-78b031de]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-78b031de] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-78b031de] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-78b031de]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-78b031de] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-78b031de] {
    background-color: #333
}

.basket-scoreboard[data-v-78b031de] {
    background: #fff;
    padding: .133333rem 0
}

.basket-scoreboard .b-s-item[data-v-78b031de] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .08rem .426667rem;
    font-size: .32rem
}

.basket-scoreboard .b-s-item .team-name[data-v-78b031de] {
    color: #2b2b2b
}

.basket-scoreboard .b-s-item .team-name .team-title[data-v-78b031de] {
    text-align: left;
    color: #969696
}

.basket-scoreboard .b-s-item .team-name span[data-v-78b031de] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 2.4rem;
    line-height: .586667rem;
    display: block
}

.basket-scoreboard .b-s-item .session[data-v-78b031de] {
    font-size: .32rem;
    line-height: .586667rem
}

.basket-scoreboard .b-s-item .total[data-v-78b031de] {
    color: var(--theme-color);
    font-weight: 700
}

.basket-scoreboard .period[data-v-78b031de] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #969696
}

.basket-scoreboard .period span[data-v-78b031de] {
    display: block;
    text-align: center;
    width: 100%;
    line-height: .586667rem
}

.basket-scoreboard .overtime[data-v-78b031de] {
    width: 1.333333rem;
    color: #2b2b2b
}

.basket-scoreboard .total[data-v-78b031de] {
    width: 1.066667rem;
    color: #2b2b2b
}

[data-v-eb5b8319]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-eb5b8319] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-eb5b8319] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-eb5b8319] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-eb5b8319]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-eb5b8319] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-eb5b8319]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-eb5b8319]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-eb5b8319] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-eb5b8319] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-eb5b8319]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-eb5b8319] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-eb5b8319] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-eb5b8319]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-eb5b8319] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-eb5b8319] {
    background-color: #333
}

.analysis-box .analysis[data-v-eb5b8319] {
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .08rem .426667rem
}

.analysis-box .analysis.hiddedn-item[data-v-eb5b8319] {
    display: none
}

.analysis-box .analysis .middle-name[data-v-eb5b8319] {
    font-size: .32rem;
    color: #2b2b2b
}

.analysis-box .analysis .left[data-v-eb5b8319],
.analysis-box .analysis .right[data-v-eb5b8319] {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.analysis-box .analysis .left .bg-two[data-v-eb5b8319],
.analysis-box .analysis .right .bg-two[data-v-eb5b8319] {
    position: absolute;
    top: .186667rem;
    right: 1.066667rem;
    height: .08rem;
    background: var(--theme-color)
}

.analysis-box .analysis .left .progress[data-v-eb5b8319],
.analysis-box .analysis .right .progress[data-v-eb5b8319] {
    width: 2.506667rem;
    height: .106667rem;
    background: var(--theme-color-rgb-opacity-0-3);
    border-radius: .16rem;
    position: relative;
    overflow: hidden
}

.analysis-box .analysis .left .progress .progress-inner[data-v-eb5b8319],
.analysis-box .analysis .right .progress .progress-inner[data-v-eb5b8319] {
    position: absolute;
    right: 0;
    width: 0;
    height: 100%;
    background: var(--theme-color);
    border-radius: .16rem
}

.analysis-box .analysis .left .one[data-v-eb5b8319],
.analysis-box .analysis .right .one[data-v-eb5b8319] {
    margin-left: .213333rem
}

.analysis-box .analysis .left .two[data-v-eb5b8319],
.analysis-box .analysis .right .two[data-v-eb5b8319] {
    margin-right: .213333rem
}

.analysis-box .analysis .right .progress-inner[data-v-eb5b8319] {
    left: 0 !important
}

.analysis-box .analysis .number[data-v-eb5b8319] {
    font-weight: 700;
    font-size: .32rem;
    color: #969696
}

[data-v-f1587ca1]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-f1587ca1] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-f1587ca1] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-f1587ca1] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-f1587ca1]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-f1587ca1] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-f1587ca1]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-f1587ca1]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-f1587ca1] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-f1587ca1] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-f1587ca1]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-f1587ca1] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-f1587ca1] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-f1587ca1]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-f1587ca1] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-f1587ca1] {
    background-color: #333
}

.analysis-box .analysis[data-v-f1587ca1] {
    width: 100%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .08rem .426667rem
}

.analysis-box .analysis .middle-name[data-v-f1587ca1] {
    font-size: .32rem;
    color: #2b2b2b
}

.analysis-box .analysis .left[data-v-f1587ca1],
.analysis-box .analysis .right[data-v-f1587ca1] {
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.analysis-box .analysis .left .bg-two[data-v-f1587ca1],
.analysis-box .analysis .right .bg-two[data-v-f1587ca1] {
    position: absolute;
    top: .186667rem;
    right: 1.066667rem;
    height: .08rem;
    background: var(--theme-color)
}

.analysis-box .analysis .left .progress[data-v-f1587ca1],
.analysis-box .analysis .right .progress[data-v-f1587ca1] {
    width: 2.4rem;
    height: .106667rem;
    background: var(--theme-color-rgb-opacity-0-3);
    border-radius: .16rem;
    position: relative;
    overflow: hidden
}

.analysis-box .analysis .left .progress .progress-inner[data-v-f1587ca1],
.analysis-box .analysis .right .progress .progress-inner[data-v-f1587ca1] {
    position: absolute;
    right: 0;
    width: 0;
    height: 100%;
    background: var(--theme-color);
    border-radius: .16rem
}

.analysis-box .analysis .left .one[data-v-f1587ca1],
.analysis-box .analysis .right .one[data-v-f1587ca1] {
    margin-left: .213333rem
}

.analysis-box .analysis .left .two[data-v-f1587ca1],
.analysis-box .analysis .right .two[data-v-f1587ca1] {
    margin-right: .213333rem
}

.analysis-box .analysis .right .progress-inner[data-v-f1587ca1] {
    left: 0 !important
}

.analysis-box .analysis .number[data-v-f1587ca1] {
    font-weight: 700;
    font-size: .28rem;
    color: #969696
}

#theme-color-night .analysis-box .analysis {
    background-color: var(--theme-color-page-bg-color)
}

#theme-color-night .analysis-box .analysis .number,
#theme-color-night .analysis-box .analysis .middle-name {
    color: var(--theme-font-color-2)
}

#theme-color-night .analysis-box .analysis .left .progress,
#theme-color-night .analysis-box .analysis .right .progress {
    background-color: #969696
}

[data-v-4bba3a00]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-4bba3a00] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-4bba3a00] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-4bba3a00] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-4bba3a00]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-4bba3a00] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-4bba3a00]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-4bba3a00]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-4bba3a00] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-4bba3a00] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-4bba3a00]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-4bba3a00] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-4bba3a00] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-4bba3a00]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-4bba3a00] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-4bba3a00] {
    background-color: #333
}

.real-time-box .content[data-v-4bba3a00] {
    border-radius: .26667rem;
    overflow: hidden;
    margin-bottom: .26667rem
}

.real-time-box .title[data-v-4bba3a00] {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.real-time-box .title .ico-arrow.rotate[data-v-4bba3a00] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.real-time-box .title[data-v-4bba3a00]:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.real-time-box .title .title-name[data-v-4bba3a00] {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.real-time-box .progress-box-view[data-v-4bba3a00] {
    background: #fff;
    position: relative
}

.real-time-box .team-logos[data-v-4bba3a00] {
    height: 1.6rem;
    position: absolute;
    z-index: 1;
    left: .12rem;
    top: .6rem
}

.real-time-box .team-logos img[data-v-4bba3a00] {
    display: block;
    width: .4rem
}

.real-time-box .team-logos .t-img[data-v-4bba3a00] {
    width: .4rem;
    height: .4rem;
    margin-bottom: .2rem
}

.real-time-box .progress-box[data-v-4bba3a00] {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    padding-bottom: .213333rem;
    padding-left: .266667rem
}

.real-time-box .progress-box .time-title[data-v-4bba3a00] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .133333rem 0
}

.real-time-box .progress-box .time-title .title-item[data-v-4bba3a00] {
    font-weight: 700;
    font-size: .32rem;
    color: var(--theme-font-color-2);
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.real-time-box .progress-box .progress-view[data-v-4bba3a00] {
    position: relative
}

.real-time-box .progress-box .header-img[data-v-4bba3a00] {
    width: .34rem;
    height: .34rem;
    position: absolute;
    -webkit-transform: translateX();
    -ms-transform: translateX();
    transform: translateX()
}

.real-time-box .progress-box .time-line[data-v-4bba3a00] {
    height: .466667rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-right: .026667rem solid rgba(233, 231, 231, .6);
    margin: 0 5%
}

.real-time-box .progress-box .time-line .line-item[data-v-4bba3a00] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
    border-left: .026667rem solid rgba(233, 231, 231, .6)
}

.real-time-box .progress-box .middle-line[data-v-4bba3a00] {
    width: 90%;
    height: .05333rem;
    background: rgba(233, 233, 233, .6);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.real-time-box .progress-box .middle-line .progress[data-v-4bba3a00] {
    width: 3.386667rem;
    height: .053333rem;
    background: var(--theme-color);
    position: relative
}

.real-time-box .progress-box .middle-line .progress[data-v-4bba3a00]:after {
    position: absolute;
    top: -.08rem;
    right: 0;
    content: "";
    width: .053333rem;
    height: .213333rem;
    background: var(--theme-color)
}

.real-time-box .progress-box .middle-line .dot[data-v-4bba3a00] {
    position: absolute;
    top: -.08rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: .213333rem;
    height: .213333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFJSURBVHgBlVPLbYNAEN1FtiybA5FoAA6cTQmhgqQFCkAJFYRUgCOEaMOuIClh7xygASRzQALEJzMI0JpPYj8JaeftvDezswslC/A871kQhFdK6QuESk8ziFme55+2bcdDLuWFrus+7Xa7D1i+k79xKooCja50Iv6GpU7uAwMTQxiivvK9YoSOGtpXVyCI+F2IiaZpRBRFstlsSJIkJIoiAlVvXLoOttutMxXruk4kSerECFmWOw73ZgYw3SNPqqo6Cnkgh10tGdycHautAY80M5iiqiqyhmlng0HMk1mWrRrgMGcGbdteeDIMw8UukMObmBk0TXPmSbwqxthYDYVpmnbc9BrHl+j7/gmG+UYeAHT+NQ6xLEsHCPaAnh0OB2c0wB8DTAx0/U+JOfv93jBN80qXEoIgUCAJOzpybySG71LX9dmyrJ8h9xc0GYhCr+9voQAAAABJRU5ErkJggg==) no-repeat center/100% 100%
}

#theme-color-night .real-time-box .progress-box {
    background-color: var(--theme-color-page-bg-color)
}

#theme-color-night .basket-scoreboard .period {
    color: var(--theme-font-color-1)
}

#theme-color-night .basket-scoreboard,
#theme-color-night .basket-scoreboard .period {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .basket-scoreboard .b-s-item .team-name {
    color: var(--theme-font-color-1)
}

#theme-color-night .basket-scoreboard .period .home,
#theme-color-night .basket-scoreboard .period .away {
    background-color: var(--theme-color-card-bg-color)
}

[data-v-a2c1fd7b]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-a2c1fd7b] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-a2c1fd7b] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-a2c1fd7b] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-a2c1fd7b]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-a2c1fd7b] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-a2c1fd7b]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-a2c1fd7b]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-a2c1fd7b] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-a2c1fd7b] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-a2c1fd7b]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-a2c1fd7b] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-a2c1fd7b] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-a2c1fd7b]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-a2c1fd7b] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-a2c1fd7b] {
    background-color: #333
}

.sport-ranking[data-v-a2c1fd7b] {
    font-size: var(--van-font-size-sm)
}

.sport-ranking .promotions[data-v-a2c1fd7b] {
    margin-top: .2rem;
    padding-left: .426667rem
}

.sport-ranking .promotions .meaningColor[data-v-a2c1fd7b] {
    width: .21rem;
    height: .21rem;
    display: inline-block;
    margin-right: .15rem;
    border-radius: 50%
}

.sport-ranking .team-img[data-v-a2c1fd7b] {
    margin-right: .08rem
}

.sport-ranking .highlight[data-v-a2c1fd7b] {
    background-color: #eff6fc
}

.sport-ranking .num[data-v-a2c1fd7b] {
    display: inline-block;
    width: .533rem;
    height: .533rem;
    border-radius: 50%;
    text-align: center;
    line-height: .533rem
}

.sport-ranking .team-nav[data-v-a2c1fd7b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: .26667rem;
    margin-bottom: .26667rem;
    border-radius: .26667rem
}

.sport-ranking .team-nav span[data-v-a2c1fd7b] {
    height: .64rem;
    text-align: center;
    min-width: 2.66667rem;
    line-height: .64rem;
    margin: 0 .13333rem;
    cursor: pointer;
    border-radius: .32rem;
    background: #f4f4f4;
    color: #000
}

.sport-ranking .team-nav .span_act[data-v-a2c1fd7b] {
    background: var(--theme-color);
    color: #fff
}

.sport-ranking .ranking-table .ranking-table-item[data-v-a2c1fd7b] {
    border-radius: .26667rem;
    overflow: hidden;
    margin-bottom: .26667rem;
    background-color: #fff
}

.sport-ranking .ranking-table-bk .span2[data-v-a2c1fd7b] {
    max-width: 2.5rem !important
}

.sport-ranking .ranking-table-ft .span2[data-v-a2c1fd7b] {
    max-width: 3.5rem !important
}

.sport-ranking .ranking-table .rank-title[data-v-a2c1fd7b] {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.sport-ranking .ranking-table .rank-title .ico-arrow.rotate[data-v-a2c1fd7b] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sport-ranking .ranking-table .rank-title[data-v-a2c1fd7b]:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.sport-ranking .ranking-table .rank-title .title-name[data-v-a2c1fd7b] {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.sport-ranking .ranking-table .tab-head[data-v-a2c1fd7b] {
    border-top: .02667rem solid #f9f9f9
}

.sport-ranking .ranking-table .tab-head .span1[data-v-a2c1fd7b] {
    width: 1rem
}

.sport-ranking .ranking-table .tab-head .span2[data-v-a2c1fd7b] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sport-ranking .ranking-table .tab-head .span3[data-v-a2c1fd7b] {
    width: 1rem
}

.sport-ranking .ranking-table .tab-head .span4[data-v-a2c1fd7b] {
    width: 2rem
}

.sport-ranking .ranking-table .tab-head .span5[data-v-a2c1fd7b] {
    width: 1.5rem
}

.sport-ranking .ranking-table .tab-head .span6[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-head .span7[data-v-a2c1fd7b] {
    width: 1rem
}

.sport-ranking .ranking-table .tab-head .span1[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-head .span2[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-head .span3[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-head .span4[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-head .span5[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-head .span6[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-head .span7[data-v-a2c1fd7b] {
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    background: none !important
}

.sport-ranking .ranking-table .tab-view[data-v-a2c1fd7b] {
    height: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: .02667rem solid #f9f9f9;
    text-align: center;
    -webkit-transition: height .5s;
    transition: height .5s;
    cursor: pointer
}

.sport-ranking .ranking-table .tab-view .span1[data-v-a2c1fd7b] {
    width: 1rem
}

.sport-ranking .ranking-table .tab-view .span2[data-v-a2c1fd7b] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sport-ranking .ranking-table .tab-view .span3[data-v-a2c1fd7b] {
    width: 1rem
}

.sport-ranking .ranking-table .tab-view .span4[data-v-a2c1fd7b] {
    width: 2rem
}

.sport-ranking .ranking-table .tab-view .span5[data-v-a2c1fd7b] {
    width: 1.5rem
}

.sport-ranking .ranking-table .tab-view .span6[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-view .span7[data-v-a2c1fd7b] {
    width: 1rem
}

.sport-ranking .ranking-table .tab-view .span1[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-view .span2[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-view .span3[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-view .span4[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-view .span5[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-view .span6[data-v-a2c1fd7b],
.sport-ranking .ranking-table .tab-view .span7[data-v-a2c1fd7b] {
    height: .8rem;
    line-height: .8rem;
    text-align: center
}

.sport-ranking .ranking-table .tab-view .row-team[data-v-a2c1fd7b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left
}

.sport-ranking .ranking-table .tab-view .row-team p[data-v-a2c1fd7b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sport-ranking .ranking-table .tab-view .row-team img[data-v-a2c1fd7b] {
    height: .29333rem;
    width: .29333rem
}

.sport-ranking .ranking-table .tab-head[data-v-a2c1fd7b]:hover {
    background: #fff
}

#theme-color-night .sport-ranking .team-nav {
    background: var(--theme-color-card-bg-color)
}

#theme-color-night .sport-ranking .team-nav .span_act {
    background: #2c2c2c;
    color: var(--theme-color)
}

#theme-color-night .sport-ranking .ranking-table .ranking-table-item {
    background: var(--theme-color-card-bg-color);
    color: #999
}

#theme-color-night .sport-ranking .ranking-table .ranking-table-item .rank-title .title-name {
    color: #fff
}

#theme-color-night .sport-ranking .ranking-table .tab-view {
    border-bottom-color: var(--theme-color-border-color);
    border-top-color: var(--theme-color-border-color)
}

#theme-color-night .sport-ranking .ranking-table .rank-title {
    background: var(--theme-color-card-bg-color);
    color: var(--theme-color-font-1)
}

#theme-color-night .sport-ranking .team-nav span {
    background: none;
    color: #999;
    border: 1px solid #2c2c2c
}

#theme-color-night .sport-ranking .span1,
#theme-color-night .sport-ranking .span2,
#theme-color-night .sport-ranking .span3,
#theme-color-night .sport-ranking .span4,
#theme-color-night .sport-ranking .span5,
#theme-color-night .sport-ranking .span6,
#theme-color-night .sport-ranking .span7 {
    background-color: var(--theme-color-card-bg-color) !important
}

#theme-color-night .sport-ranking .ranking-table .tab-view:hover {
    background: #1d2529 !important
}

#theme-color-night .sport-ranking .ranking-table .tab-view:hover .span1,
#theme-color-night .sport-ranking .ranking-table .tab-view:hover .span2,
#theme-color-night .sport-ranking .ranking-table .tab-view:hover .span3,
#theme-color-night .sport-ranking .ranking-table .tab-view:hover .span4,
#theme-color-night .sport-ranking .ranking-table .tab-view:hover .span5,
#theme-color-night .sport-ranking .ranking-table .tab-view:hover .span6,
#theme-color-night .sport-ranking .ranking-table .tab-view:hover .span7 {
    background-color: #1d2529 !important
}

#theme-color-night .sport-ranking .num {
    color: var(--theme-color-font-1) !important
}

.sort-icon {
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sort-icon .icon {
    width: 3.2vw;
    height: 3.2vw;
    font-size: 2.667vw;
    color: var(--theme-color)
}

.match-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background: #fff
}

.match-tab .left-tab,
.match-tab .right-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.match-tab .left-tab .son-box,
.match-tab .right-tab .son-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.match-tab .left-tab .son-box .son,
.match-tab .right-tab .son-box .son {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 3.2vw;
    color: #333;
    min-width: 13.333vw;
    height: 8.533vw
}

.match-tab .left-tab .son-box .son span,
.match-tab .right-tab .son-box .son span {
    display: inline-block;
    width: 2.2em
}

.match-tab .right-tab {
    overflow-x: auto !important
}

.match-tab .left-tab {
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3;
    -ms-flex: 1.3;
    flex: 1.3
}

.match-tab .left-tab .son-box {
    width: 100%
}

.match-tab .left-tab .son-box .son {
    margin-left: 2.133vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.match-tab .left-tab .son-box .son .jersey {
    width: 5.333vw;
    height: 5.333vw;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABIUExURf///+jo6Obm5ubm5uXl5f///+bm5uXl5efn5+Xl5eXl5eXl5ebm5ufn5+Xl5eXl5ebm5ubm5ubm5uXl5ebm5ufn5////+Xl5a2GAU8AAAAXdFJOUwM9MlqhB7bsItn58d0V0MSrcmSVjX0I0b4TNAAAAKFJREFUeNrt0UkOgzAQRFHjqbHFPNX9bxociCBJN95lEfF3JT21ZFmdWroIDMcegNgtis9gbTz2mLYRcI81ql+zprR7Ac9Iebct55GaBTzhWavT0O22JgFb7DXWNtizAvZg8gIOHA68dZHD0bG4AFshvI/NZg5nT5ckYSq/bIBYKD9shYuqN60Jl5GWviP3Nch24xv/KaacpRM2lLFG3f2uB1mfWXEhp7EaAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain;
    font-size: 3.2vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.067vw
}

.match-tab .left-tab .son-box .son .jersey-red {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURf///+dMW+dNXOpTX+hNXP+SkutTYuhMW+lWZOdMWudMW+hNXOlPXulOXudMWuhMXOhNW+dhbf+An+dOXOhPXudMW1aLwywAAAAVdFJOUwPqtj2bBzLaIu75qVp38dDEFQiNZKvBt+4AAACaSURBVHja7dPLCsMgFEVRNb415Hn+/1cbm5QEeq/OOiju2YGFIKJ4tKYI7PfegZhWQZdxpO+ty84MHnEUls9cQtljDUOZcxmFGt7wbrZl2PlcG4M1rqaUJlxpBisQKQY7CjvamkjhaEg8gGxg7kem6we3j/aSw9J/WQc25znb1laimrTcc7SeBs067vhPcWjZ8MC59Qez6P2uF3SkUbOLgCzAAAAAAElFTkSuQmCC) no-repeat 50%;
    background-size: contain;
    color: #fff
}

.match-tab .left-tab .son-box .son .play-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.match-tab .left-tab .son-box .son i {
    color: #e74c5b
}

.match-tab .right-tab {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.match-tab .tab-son .son-box:nth-child(2n) {
    background: #f6f6f6
}

.team-total-tab {
    width: 9.73333rem;
    background: #f5f7f9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .26667rem !important;
    overflow: hidden
}

.team-total-tab .title {
    height: .96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    padding-right: .13333rem
}

.team-total-tab .title .ico-arrow.rotate {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.team-total-tab .title:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem;
    position: absolute
}

.team-total-tab .title .title-name {
    font-weight: 600;
    color: #2b2b2b;
    padding-left: .32rem
}

.team-total-tab .van-tabs__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 9.6vw
}

.team-total-tab .van-tabs__wrap .van-tabs__nav--card {
    margin: 0
}

.team-total-tab .van-tabs__wrap .van-tabs__nav--card .van-tab {
    border: none;
    height: 9.6vw;
    background-color: #f7f7f7;
    border-radius: 4.8vw;
    width: 4.45333rem;
    margin: 0 .13333rem
}

.team-total-tab .van-tabs__wrap .van-tabs__nav--card .van-tab .van-tab__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #9a9a9a
}

.team-total-tab .van-tabs__wrap .van-tabs__nav--card .van-tab .van-tab__text .team-img {
    width: .53333rem;
    height: .53333rem;
    margin-right: .26667rem
}

.team-total-tab .van-tabs__wrap .van-tab.van-tab--active .van-tab__text {
    color: var(--theme-color)
}

.team-total-tab .van-tabs__wrap .van-tab.van-tab--active .van-tab__text {
    width: 100%;
    text-align: center
}

.team-total-tab .van-tabs__wrap {
    border: none;
    width: 100%;
    height: calc(9.6vw + .53333rem) !important;
    border-radius: .533vw;
    overflow: hidden;
    padding: .26667rem
}

.team-total-tab .van-tabs__wrap .van-tabs__nav {
    border: none;
    width: 100%
}

.team-total-tab table {
    width: 100%;
    table-layout: auto;
    margin-top: 2.133vw
}

.team-total-tab table tr {
    height: 9.067vw
}

.team-total-tab table tr:nth-child(2n) {
    background: #f6f6f6
}

.team-total-tab table tr th {
    font-size: 3.2vw;
    color: var(--color-999999)
}

.team-total-tab table tr th:first-child {
    text-align: left;
    padding-left: 3.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.team-total-tab table tr td {
    text-align: center;
    font-size: 3.2vw;
    color: var(--color-333333)
}

.team-total-tab table tr td:first-child {
    padding-left: 3.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 9.067vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.team-total-tab table tr td:first-child i {
    color: var(--color-E74C5B)
}

.team-total-tab .sampleRow {
    height: 8vw;
    padding: 0 3.2vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: var(--color-FFFFFF);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.team-total-tab .sampleRow .sampleRow-li {
    font-size: 3.2vw;
    color: var(--color-333333);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 4.267vw
}

.team-total-tab .sampleRow .sampleRow-li i {
    color: var(--color-E74C5B)
}

.team-total-tab .sampleRow .sampleRow-li:first-child {
    padding-left: 5.333vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABCUExURf///+dMW+dNXOpTX+hNXP+SkutTYuhMW+lWZOdMWudMW+hNXOlPXulOXudMWuhMXOhNW+dhbf+An+dOXOhPXudMW1aLwywAAAAVdFJOUwPqtj2bBzLaIu75qVp38dDEFQiNZKvBt+4AAACaSURBVHja7dPLCsMgFEVRNb415Hn+/1cbm5QEeq/OOiju2YGFIKJ4tKYI7PfegZhWQZdxpO+ty84MHnEUls9cQtljDUOZcxmFGt7wbrZl2PlcG4M1rqaUJlxpBisQKQY7CjvamkjhaEg8gGxg7kem6we3j/aSw9J/WQc25znb1laimrTcc7SeBs067vhPcWjZ8MC59Qez6P2uF3SkUbOLgCzAAAAAAElFTkSuQmCC) no-repeat;
    background-size: 3.733vw;
    background-position: .8vw .533vw
}

#theme-color-night .team-total-tab,
#theme-color-night .team-total-tab .title {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .team-total-tab .title .title-name {
    color: var(--theme-font-color-1)
}

#theme-color-night .team-total-tab .van-tabs__wrap {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .team-total-tab .van-tabs__wrap .van-tab {
    background-color: #2c2c2c
}

#theme-color-night .team-total-tab .match-tab {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .team-total-tab .match-tab .son {
    color: var(--theme-font-color-1)
}

#theme-color-night .team-total-tab .match-tab .tab-son .son-box:nth-child(2n) {
    background-color: #2c2c2c
}

#theme-color-night .team-total-tab .sampleRow {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .team-total-tab .sampleRow .sampleRow-li {
    color: var(--theme-font-color-1)
}

.statistics-page {
    min-height: calc(100% - 5.6rem - 1.173333rem);
    background-color: #f5f5f5;
    z-index: 10;
    position: relative
}

.statistics-page .real_time_tab,
.statistics-page .statistics_tab,
.statistics-page .line_up_tab,
.statistics-page .analyze_tab,
.statistics-page .ranking_tab {
    padding: .26667rem .13333rem
}

.statistics-page .no-data {
    height: calc(100% - 5.6rem - 1.173333rem - 1rem)
}

.statistics-page .header-view {
    background: #222222 !important
}

.statistics-page .close-statistics {
    position: absolute;
    height: .32rem;
    fill: #333
}

.statistics-page .van-tabs .van-tabs__content {
    overflow: auto
}

.statistics-page .van-tabs--line .van-tabs__wrap {
    width: 100%;
    height: 1rem;
    background-color: #fff
}

.statistics-page .van-tab .van-tab__text {
    font-size: var(--van-font-size-sm);
    line-height: 1
}

.statistics-page .van-tabs__line {
    height: .10667rem;
    border-radius: .10667rem;
    -webkit-transform: translateX(2.16rem) translateX(-50%);
    -ms-transform: translateX(2.16rem) translateX(-50%);
    transform: translate(2.16rem) translate(-50%)
}

.statistics-page .van-tabs__content {
    background: #f5f5f5
}

.statistics-page .close-btn {
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0rem 0 .186667rem rgba(0, 0, 0, .1);
    box-shadow: 0 0 .186667rem rgba(0, 0, 0, .1);
    z-index: 1
}

#theme-color-night .statistics-page .van-tabs__content {
    background-color: #000
}

.circle-chart {
    -webkit-mask: -webkit-radial-gradient(transparent .293333rem, #000 .32rem);
    mask: radial-gradient(transparent .293333rem, #000 .32rem);
    width: 1.066667rem;
    height: 1.066667rem;
    margin: .213333rem .106667rem 0;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    font-size: 0
}

.circle-chart .circle-left {
    width: 50%;
    height: 100%;
    background: #dc1111;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    position: absolute;
    left: 0;
    z-index: 0;
    -webkit-transition: opacity 0s step-end 1s, -webkit-transform 1s linear;
    transition: opacity 0s step-end 1s, -webkit-transform 1s linear;
    transition: opacity 0s step-end 1s, transform 1s linear;
    transition: opacity 0s step-end 1s, transform 1s linear, -webkit-transform 1s linear
}

.circle-right {
    width: 50%;
    height: 100%;
    background: #dc1111;
    -webkit-transition: -webkit-transform 1s linear;
    transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear, -webkit-transform 1s linear;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    position: absolute;
    right: 0;
    z-index: 2;
    -webkit-transition: opacity 0s step-end 1s, -webkit-transform 1s linear;
    transition: opacity 0s step-end 1s, -webkit-transform 1s linear;
    transition: opacity 0s step-end 1s, transform 1s linear;
    transition: opacity 0s step-end 1s, transform 1s linear, -webkit-transform 1s linear
}

.circle-chart .circle-bottom-left {
    width: 50%;
    height: 100%;
    background: #a6a6a6;
    position: absolute;
    left: 0;
    z-index: 1
}

.circle-chart .circle-bottom-right {
    width: 50%;
    height: 100%;
    background: #a6a6a6;
    position: absolute;
    right: 0;
    z-index: 1
}

.sport-circle .title {
    text-align: center;
    color: #000
}

.sport-circle .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000
}

#theme-color-night .sport-circle .title,
#theme-color-night .sport-circle .content {
    color: var(--theme-font-color-2)
}

.punishment {
    display: inline-block;
    text-align: center;
    margin-bottom: -.48rem
}

.punishment .punishment-flag {
    display: inline-block;
    text-align: center
}

.punishment .punishment-flag .flag {
    height: .426667rem
}

.punishment .punishment-flag .punishment-text {
    margin-top: .32rem;
    color: #000
}

.punishment .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: .426667rem;
    height: .426667rem
}

.punishment .yellow-card {
    width: .266667rem;
    height: .373333rem;
    border-radius: .053333rem;
    background: #fdca40
}

.punishment .red-card {
    width: .266667rem;
    height: .373333rem;
    border-radius: .053333rem;
    background: #d0021b
}

.sport-statistics {
    height: 3.326667rem;
    width: 100%;
    background-size: 100% 100%;
    font-size: .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sport-statistics .statistics {
    width: 100%
}

.sport-statistics .sport-statistics-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin-bottom: .21333rem
}

.sport-statistics .sport-statistics-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 auto;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.sport-statistics .shot .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: #000;
    font-size: .26667rem;
    text-align: center
}

.sport-statistics .shot>div {
    width: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.sport-statistics .shot>div .van-progress {
    width: 100%;
    height: .16rem;
    margin: 0 .266667rem;
    background-color: var(--theme-color-rgb-opacity-0-3)
}

.sport-statistics .shot>div span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: .8rem;
    font-size: .213333rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #000
}

.van-progress {
    background: #3270e1
}

#theme-color-night .sport-statistics .shot .title,
#theme-color-night .sport-statistics .shot>div span,
#theme-color-night .punishment .punishment-flag .punishment-text {
    color: var(--theme-font-color-2)
}

[data-v-18c662ed]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-18c662ed] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-18c662ed] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-18c662ed] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-18c662ed]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-18c662ed] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-18c662ed]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-18c662ed]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-18c662ed] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-18c662ed] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-18c662ed]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-18c662ed] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-18c662ed] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-18c662ed]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-18c662ed] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-18c662ed] {
    background-color: #333
}

.sport-small-progress[data-v-18c662ed] {
    margin: 0 .32rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.sport-small-progress .sport-small-progress-content[data-v-18c662ed] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.sport-small-progress .sport-small-progress-content .home-score[data-v-18c662ed],
.sport-small-progress .sport-small-progress-content .away-score[data-v-18c662ed] {
    color: #fff;
    font-size: .32rem
}

.sport-small-progress .sport-small-progress-content .progress-content[data-v-18c662ed] {
    margin: 0 .16rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: .16rem;
    border-radius: .08rem;
    background: var(--theme-color-rgb-opacity-0-3)
}

.sport-small-progress .sport-small-progress-content .progress-red[data-v-18c662ed] {
    height: 100%;
    border-top-left-radius: .08rem;
    border-bottom-left-radius: .08rem;
    background: var(--theme-color)
}

.sport-small-progress .progress-name[data-v-18c662ed] {
    text-align: center;
    -webkit-transform: scale(.83);
    -ms-transform: scale(.83);
    transform: scale(.83)
}

#theme-color-night .sport-small-progress .sport-small-progress-content .progress-content {
    background-color: var(--theme-color-rgb-opacity-0-3)
}

.score-statistics {
    width: 100%;
    height: calc(56vw - 1.173333rem - 1.1rem);
    font-size: .28rem;
    opacity: .9
}

.score-statistics .score-statistics-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 .426667rem;
    height: calc(56vw - 1.173333rem - 1.1rem)
}

.score-statistics .basketball-score .score-title,
.score-statistics .basketball-score .score-home,
.score-statistics .basketball-score .score-away {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: .666667rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #969696
}

.score-statistics .basketball-score .score-title-item,
.score-statistics .basketball-score .score-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    width: 1rem
}

.score-statistics .basketball-score .score-item.team-name,
.score-statistics .basketball-score .score-title-item.team-name {
    width: 3rem;
    text-align: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .24rem;
    line-height: 1
}

.score-statistics .basketball-score .bg-grey {
    background: rgba(255, 255, 255, .1)
}

.score-statistics .basketball-score .color-white {
    color: #fff
}

.score-statistics .basketball-score .color-yellow {
    color: var(--theme-color)
}

.score-statistics .basketball-score {
    width: 100%
}

.score-statistics .extra-statistics {
    margin-top: .533333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.score-statistics .basket-scoreboard {
    background: none
}

.score-statistics .basket-scoreboard .b-s-item .team-name {
    color: #969696
}

.live-statistics-im {
    width: 100%;
    background: #fff;
    color: #000;
    z-index: 101;
    position: fixed
}

.live-statistics-im .time-box.time-box-center .score-time {
    left: 50%
}

.live-statistics-im .time-box.time-box-center .progress {
    width: 100%
}

.live-statistics-im .time-box {
    width: 100%;
    position: absolute;
    bottom: 0
}

.live-statistics-im .score-time {
    position: absolute;
    bottom: 0;
    margin-bottom: -.2rem;
    margin-left: -10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 18%;
    height: .4rem;
    border-radius: .266667rem;
    font-size: .24rem;
    color: #fff;
    background: var(--theme-color);
    z-index: 13
}

.live-statistics-im .progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: .06rem;
    margin-bottom: -.03rem;
    background: var(--theme-color);
    z-index: 12
}

.live-statistics-im-header {
    height: 1.173333rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .24rem;
    z-index: 101;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    background-size: 100% 100%
}

.live-statistics-im-header .back {
    height: .5rem;
    font-size: .6rem;
    color: #999
}

.live-statistics-im-header .header-match-info {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    height: 1.173333rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: .32rem;
    color: #000
}

.live-statistics-im-header .header-match-info .title {
    font-size: .426667rem
}

.live-statistics-im-header .header-match-info {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.live-statistics-im-header .left-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.live-statistics-im-header .right-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.live-statistics-im-header .right-box .svg-icon {
    height: .533333rem;
    width: .533333rem
}

.live-statistics-im .match-title-info {
    position: relative !important;
    color: #000;
    height: 1.173333rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#theme-color-night .live-statistics-im,
#theme-color-night .live-statistics-im .live-statistics-im-header {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .live-statistics-im .header-match-info {
    color: var(--theme-font-color-2)
}

#theme-color-night .live-statistics-im .match-title-info {
    color: var(--theme-font-color-2) !important
}

._betDetailPage_ndx1v_18 {
    --selected-bg: linear-gradient(0deg, rgba(64, 128, 255, .04) 0%, rgba(64, 128, 255, .04) 100%), #fff;
    --border-btm-color: #ebeff6
}

html[data-prefers-color-scheme=dark] ._betDetailPage_ndx1v_18 {
    --selected-bg: rgba(255, 255, 255, .1);
    --border-btm-color: rgba(255, 255, 255, .1)
}

._betDetailPage_ndx1v_18 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #9a9b9d
}

._betDetailPage_ndx1v_18 ._header_cm5nc_10 {
    height: 1.173333rem
}

._betDetailPage_ndx1v_18 ._header_cm5nc_10 ._backIcon_cm5nc_49 {
    width: 1rem;
    height: 1rem;
    padding-left: .358974rem
}

._headerTitle_ndx1v_34 {
    font-size: .32rem
}

._betRecordIcon_ndx1v_38 .svg-icon {
    width: .53333rem;
    height: .53333rem;
    -webkit-transform: translate(.266667rem);
    -ms-transform: translate(.266667rem);
    transform: translate(.266667rem)
}

._fixedTitle_ndx1v_45 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._fixedTitle_ndx1v_45 span {
    margin: 0 .266667rem;
    font-size: .48rem;
    font-weight: 500
}

._fixedTitle_ndx1v_45 p {
    text-align: center;
    width: 3.2rem;
    font-size: .373333rem;
    font-weight: 500
}

._headerDown_ndx1v_62 {
    height: 70vh;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    color: var(--adm-color-text);
    text-align: center
}

._headerDownEmpty_ndx1v_69 {
    padding-bottom: 1.066667rem
}

._detailInfoWrapper_ndx1v_73 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._detailInfoWrapper_ndx1v_73 ._tabsWrapper_ndx1v_76 {
    height: 1.066667rem;
    background-color: var(--background-color-1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .533333rem
}

._detailInfoWrapper_ndx1v_73 ._tabsWrapper_ndx1v_76 .event-icon-tabs .tabs {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._detailInfoWrapper_ndx1v_73 ._tabsWrapper_ndx1v_76 .event-icon-tabs .tabs .tab-item .svg-icon {
    width: .45333rem;
    height: .45333rem;
    margin-right: .4rem
}

._detailInfoWrapper_ndx1v_73 ._tabsWrapper_ndx1v_76 .event-icon-tabs .tabs .tab-item.disabled {
    pointer-events: none
}

._detailInfoWrapper_ndx1v_73 ._tabsWrapper_ndx1v_76 .event-icon-tabs .tabs .tab-item .svg-icon.disabled {
    opacity: .3;
    pointer-events: none
}

._detailInfoWrapper_ndx1v_73 ._tabsWrapper_ndx1v_76 .event-icon-tabs .tabs .tab-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.1rem;
    font-size: .32rem;
    color: #fff;
    position: relative;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._detailInfoWrapper_ndx1v_73 ._tabNav_ndx1v_76 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._detailInfoWrapper_ndx1v_73 ._tabNav_ndx1v_76 span {
    width: 1.33333rem;
    height: .64rem;
    font-size: .3333rem;
    color: #9a9b9d;
    line-height: .64rem;
    text-align: center;
    border-radius: .13333rem;
    border: 1px solid #dcdedf;
    margin-left: .13333rem
}

._detailInfoWrapper_ndx1v_73 ._tabNav_ndx1v_76 span._active_ndx1v_96 {
    color: #fff;
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

html[data-prefers-color-scheme=dark] ._detailInfoWrapper_ndx1v_73 ._tabNav_ndx1v_76 span._active_ndx1v_96 {
    background-color: var(--theme-color)
}

html[data-prefers-color-scheme=dark] ._detailInfoWrapper_ndx1v_73 ._tabNav_ndx1v_76 span {
    border-color: var(--theme-color-bg-color-1);
    background-color: var(--theme-color-bg-color-1)
}

._detailInfoWrapper_ndx1v_73 ._noData_ndx1v_100 {
    text-align: center
}

._detailInfoWrapper_ndx1v_73 ._noData_ndx1v_100 img {
    width: 5.333333rem;
    display: inline-block;
    padding-top: 2.666667rem
}

._detailInfoWrapper_ndx1v_73 ._noData_ndx1v_100 p {
    font-size: .373333rem;
    line-height: .8rem;
    color: #626571
}

._detailInfoWrapper_ndx1v_73 ._noData_ndx1v_100 span {
    display: block;
    margin: .533333rem auto 0;
    width: 3.733333rem;
    height: 1.066667rem;
    line-height: 1.066667rem;
    border-radius: .106667rem;
    font-size: .373333rem;
    color: #fff;
    cursor: pointer;
    background: var(--theme-color)
}

._plarlay_ndx1v_126 {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1030
}

._headerWrapper_1bjy0_10 {
    position: -webkit-sticky;
    position: sticky;
    top: -4.453333rem;
    height: 5.626667rem;
    background-color: var(--background-color-1);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 68%
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 {
    width: 100%;
    padding: 1.226667rem 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19._battleWrapper2_1bjy0_26 ._teamInfo_1bjy0_26 {
    width: 2.933333rem
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19._battleWrapper2_1bjy0_26 ._scoreInfo_1bjy0_29 {
    width: 3.146667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._teamInfo_1bjy0_26 {
    width: 3.2rem;
    height: 2.233333rem;
    text-align: center;
    margin-top: .5rem;
    position: relative
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._teamInfo_1bjy0_26 ._logo_1bjy0_37 {
    margin: .32rem
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._teamInfo_1bjy0_26 span {
    display: block;
    font-size: .373333rem;
    line-height: .506667rem;
    color: var(--text-color-6);
    font-weight: 500;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 {
    width: 2.88rem;
    text-align: center
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58 em {
    display: inline-block;
    font-size: .266667rem;
    font-weight: 400;
    line-height: .346667rem;
    text-align: center;
    color: rgba(0, 0, 0, .6);
    position: relative
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58 em:after {
    content: "";
    position: absolute;
    width: .266667rem;
    height: .266667rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58 em._isHome_1bjy0_76:after {
    right: calc(100% + .133333rem)
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58 em._isAway_1bjy0_79:after {
    left: calc(100% + .133333rem)
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58 em._icon-serve-tennis_1bjy0_82:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPzSURBVHgBjVQ7bBxFGP5mdvZuz/bFFycOFgnKYYlHpAhiCUKgQKZCQjLvUIFEOqoICgoKyBlEQcWrQBQQoiCB0hjFVQpiGWgIirEUhERA3IFjYwFn32Nvbx/zyD9zceSL7Cgj7c5qZ/5vvv/7vl2GWxhz1ckSgriEGBgpPPff/WOvd262n223MFM9VCqhdKjTVk/tGElf9QUDp0spg0zyhUzKjwb1E/MP31mp3RLo98sPToVtc5J7bFfc8ZEXw8iJndCQYMEVCKGgDZBp1AJ125uPjp/98qag88uHT3CwSppoMCq07IwEEkKIIw6flRF3ChBDS8gNhUhoX4HfXnn8wNnpLUG/W3noRQI6bVvUil4YAyV7a1oaEHNEXYWooyH0PoRRima4DuF3IdieJ1+ZOj9r9/INwLnqkbLH2TsWzGhAEIDgDB43dNHpdHUJzOOc1ji8gRXw4F/kA47VWgELP175YmauUuoD9XxMxrEux10NqiPdAEXgnFEzhgzKDOwjCesOSWPjDjcmwugdEfbfzUcuXpo93AeqGT9uSP18gSOhgjTpgdg5jhUVMxR3CPeOVEEuT/r6QGHQIwKM5NEkR/MNiyXs7dzqfYMk4oTnc1eUpwJLQytqnwpkBvh5hrClSD/mrAibEq22sk0gSw26kSZ51GS1OlNyTHV3YNTOdkGRIRk5LaWlZOsZ6cncmmUUEpCFFaSlNc7KkVInzUYGqSVOffNeyTGN4xjrq8PYaabgFUYQJ3+AD16AH7RcCqzGucCDJnlsPm3cOh3ldEiJQINY+4IjUgr3lI/0NH3mwGItH5g/9ejXyIqfY/e+Oormecj6Ucpk0RlGrVFOtUuBpMjZ/Ka27ZAkoO6iSMHPeRi765H/xYZRmWpfkm02nhVipGoB+eIitTsOs/4s6fcLvOELkARiGXZj7XRsNTOaNbUunXnC839+7OAL4XX3kxQXrVhWu4xO7lK0WtnvwK5TCIoZVn97AO02sZTG7Y9C6Z7brZ4M9m2cpB/2R6pgPtaa122s2m3p2CR0dQhc5hcxNHYZzaV7yTdOkiinq23dmWtsdllt/56R+T7QYxOLjUI+OEZaU6QEGWCsscREYn2N2hMNJGYZa8t7yTBiSsCtlrzOXEr+VuW1xVofqB1PH/xhNuf70yExtf2E14pk0tMvMf/gr8v22+eo1zNibXPsvrDpz96tnt7yh7IxTn478VKnk74dhqqcJca1mtiZ8ph0BXy9F5mo0oFY4555+dMTf89urt/2J/3+V5PlpZWlSWh+PAyTCfd52n8BBT7HBz8ZKAbzcWPt3AeVWuPG2m1BN48zZ44Onf/1p932OQAaWwFtHlcBpH0uwOvGcAIAAAAASUVORK5CYII=) no-repeat center/100% 100%
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58 em._icon-serve-table-tennis_1bjy0_85:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOgSURBVHgB7ZVfaBxFHMe/M7t3vTsv5izVUrFmrWmaB4v9YxUpwgWrTwZaqS8VLH0QkaIgKkKDkOCDCpVUBZUSisE+CKko6INY4QpSBNF6fdEmxrslpoYk2tvLbnp7+2fG3+xm2zSE5Fr64EN/MOzt7G++n/n9mTnglv3fjeEGrbO7syhF7lnI9HbGA1tL5ytN23nLNMvmTQEZRrehpXFCSNbDoEOEDKEIYjHGSZC/Z1bOv84YkzcMMsgEYyUSM4A0QqZBkz6CQChKBAI4dD31y64d+4ojI/1Osla7HogvRAlSGqSJICRxgjCmogmg9i+lhISal3fbzsXUzPTk6WQ9bwVSLBZ1X8gIot7DMKRUCBpBJB6bAvqQQlAqBRpN9yXD2Fa4LtC4ab5JCka04wVhxkT0FCSq5oRUzxiuzHUbmY5NG3tbBnV17VzHpTySvCegxdCr31TaQhqCNiAxPTuVbRkUhvZjJKczTh3Fru0dFc3iqOJQ47IzrpIrZ1oG0c52aJpOKWERKIEtjejqbxENFZ1nz5dbBnV03OHQMsJI8IWoEph6KkAyF8/zKBqN69+a5gUz0Vm1vX87e2Ji8/rcKz+eG0XTE+C6tnD4lHBEu+Ibg1PReUrx5hMW2ZVvaMHEPz+XqqPni8+99hEuztRphtJGxY5rFKdMtTyPoGlwLfX2hHnhyGKNltpbhmKs/c6NOPnBq3j4ASOqF1fp0al2VHwVgaZpqgPUKC+FtAwaHy9vHhz6CrN/V3Dy4z68sP/BeCkVXNMUNI1Ht2Rx9EAeP/TlzKmhnQeXaqyauv7BfmNu2qquzwSYdjz0HSzi9rYsPvviDN49/h280MPhPRm8vCcAnTd4ro95S8C5vKb/vjfGBhKdFZuhWq0a96ZqpV25qcInZ2vWi0+2v9PV/dAhzjLDWzs3jWzYIM/UJifHBp5q7mZ0g4dNH269QcPF5UtBcX/XuveHy5artPQVIIVLdr107t+sYeQfwZa2r5/f/cyxU8Cxa/wmBrfu9UjcpxvBb3gIbB92XcCeC+AH2l5y+XRF0MTUX9+URyuGxm6DtbYw8OHQ56eW87N81Lwapc1rwJtz4dIfg0Nj3g3h8aaZ+C1bo1Lpy8Lp8uyv7W1Z4661hcqhp3vvxwr20+F7Ssyxip7dJBDdCK5EkM6Ve793tic+y3ZdT88+64/f/9wmPXEULHgcq5jrtx2oN/LDtpe35v01lp/KHA8CvQe37GbYf8jOwZRzkgFHAAAAAElFTkSuQmCC) no-repeat center/100% 100%
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58 em._icon-serve-volleyball_1bjy0_88:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASJSURBVHgBjZR7TJV1GMe/7+VcOUeQm47EowZeSiXLyx/oZqErt9x0aurWH+mqrRaKW7f5TzhdRX8kltXsgpFULFnUkjUlQASDIOMmJQTEHTxw4D2395z33nOOYeDE+due7Zz39zyf9/k+32cvg/s4W7a8GBtwxM+1hoEkp2/8/PmPA/fKZ2a7KD27I66wKu1wW58ti4dvU+baNMQ7rWAhw2zmrg0Oez/v6Wwqu3KpeOC+oF9+sGv/RxUrTo6MMfOe21CLAxubYeLtCMftRjBmB0KSAbfbh/c+qeoPhcQ3mmo+K55ez90JvHjumbdOlK36sHfM4Sg4moo9q4pgZYPgWREm8XcY/haoMY+CNccgY9n82Orf+ne7Fi7GUH979V2hQ/U792UXpJ/+ayQJr+xZhCcfXwndcMKm1P2vSXVD89RDtmdSdQyWLopDklSx+dD+hZ3flQ9ej6SwU8DB+ucXlFyd+27r+CKkpsbgpb0rqTseesIuhKzboGsMNIOBqjJglVGwPcfBGiISE5xYvWErKejNP5u7OW4GdK757+2FDatdnNWMA9uXgKMblmVhUEowIRsy7yIgC02/FWbjJkzuQrCkQLU/BNW6NFmWx3NmQGu7Eg72eBNIJYPRSRUGZeu6QSAdKhMLX+xhKLoJGiIdW6AzDrCBJjAUlIZx5x6c+DHjidszdV9/2VHdgtOVnWmw2c3w+GXYeQZpKRaCRsAaJCTCkP3QAx2QVAtkje50OyTPDYjW9eB4C/4ZmHRxzpRTUWj8qqyUc3WP5XhVK0zUu9XCom/IBzPCWJhsg0JQRdEQYtJgCFUwlCA9AyQJ0CQBYS0GCr8gqqq9beRMVH51RwZELim6tgoZ4g3KGJlUUFLejnBwmJLVaMi6DV7bs9SlBlWJPAtDVhVwvkaas44lrnhqA+Aj0Iz5iZPjogx/gMMcfhRPLW3BtuXdWJ7cD2ksHhNxx6lTjkKBZFkHUV0Gk9oFVTMIRuMJdUKXAwiKZCsvTUSheW9u9b72/lc1mVkXNj2S/AdsnAJF1iBLKvSwB4z2Pe3lzltjIFDYsRdWbx4ZqZNJDAyDNkKagD/oaJ7o+tl32/1Xs2orN6aPwWaj+RhWKjZR8CTThNKKPiqgF5FkWVahcCkImNbTf51eRJ3qlKeGcLXhz09nrJSop+QraqJb0Wwky0xz4yEETDh5eSvOXFmH0vLuKCQClck0v3ULRNlGv8kHgja2ufuHBjxlM6CL1+QKKpt+RFLnUDGtx815eL10H35qeZjsM3CxpgeCN/hftzQGOGiVMiGTqurudFQ2CEeHey70Y8qoqZO69u1vGstz0i+1mHOL61zwCDIBQ2AMHWGZR0efHw8+YIdGs43sb9fECtTVeTE4EXvM3VPy9RTnrp++7GMl+2taPO94/UGXJIpQwwEoUhgWE2DjyTwt0q0OVvOPO03coRutRd9Or5/1I13wQ0NqUcm1p1MtrS8IXmmNx88jEFBpXrTxhl47xxz8Bb2tpy739gp31s4KnX6+yDvojNd/TRCoW0GIE47kNwv3yv8XlgVYWHIHbVgAAAAASUVORK5CYII=) no-repeat center/100% 100%
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58 em._icon-serve-badminton_1bjy0_91:after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMiSURBVHgB7VRNaBNbFD733pmkKakmrtL3Qknf4vW9zdMHuhHBigsFV7oT/AEFRS0oKGShuNKNIGgFl9aNKwVFUEFEcCEo/oILFY1TpGSS2zQzSaxN5v4cT6ILBS2JdaV+MDN35s493/m+c88F+KUxU5XXgyDYTleqm/8Z9Ih6fXpEKfaCcx5yjmAtH06n0+F8azj0CGvZNiEYcIYpRJYyeu5ycfLZ5fnW9KykGlQ8wUXOWt1ZrlohcKcftLZrM5ns7QWTSCn/j8XEY0ALjAswao6UKYri0CyvI5o3fQl33cBARn6+rie7XJftZZ28kHgMkFVEEKNXpG96EWPOsigSY7AQJWEgPWAsx5gA3QqIyu0oYm3Szp3UaaU5h4JjnPXpwcHJnpT4vr+aCp1jZJXVLbD0FG4fqdDQ1tERg6a9IRyLfCTidtvUVOHvnpQElakJymmpMlFOMEwTBQinnXmLZuNA2ZOFGgx+VGaNAmP1eb9U3ye6IqCm01HtLHdcETVrb5Cag3OxCIAy5wlyENs2kRpO9tHYNIlEg+Burj8pXnZll3ovt1DUemsuvCCE8wdFesC5LdO2bbbtMhSQCZd8obGaJTtV284707KwMZv952JXds2UCx5lnlKtmiS/T7iJxBHA2BkdzZ60SI3pxIFRPYictrSRSpnj2aGRM6wtEbqoiZQv1gvLb5io3kLR91hwSFJnnHQglqcaXVO6uZlk/CmYoK6Mn37ftKeGh4e/OGbmJcnn80sfPrp3/+DODfHlK9fUrImSPLHkOWeiotXsFc7jYxZ4UrUa951E8sDg4L+TX4vjfIvAD/ycfCtvlmQ5vnnsOBza/XLxju1bQxHXWWOjDPk+YjlUYyKxO/PXitvwPZiuzDwvS4mlUhkPHzmMA6kB3L9rExYeXsLiq7uRLL4+5nleV0f9V1GtvvsvCGtIRB0S3y/h+PgpTC1ZjEfzezzfe5KDhUIGwbJavYEhEUlZ+UTk48TEOW90dDQHPeKbhW803t2yiGuNNqCpD7SK6DjXG4eGhq7AjwIi9tcajfEgrD+drlSvFovFVfAbPw0+ALj4sHUTbhtZAAAAAElFTkSuQmCC) no-repeat center/100% 100%
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScore_1bjy0_58._showBaseballIcon_1bjy0_94 em._isAway_1bjy0_79:after {
    left: calc(100% + .666667rem)
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScoreBaseball_1bjy0_97 em {
    display: inline-block;
    font-size: .266667rem;
    font-weight: 400;
    line-height: .346667rem;
    text-align: center;
    color: rgba(0, 0, 0, .6);
    position: relative
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScoreBaseball_1bjy0_97 em:after {
    content: "";
    position: absolute;
    width: .266667rem;
    height: .4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(100% + .133333rem);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQkSURBVHgB3ZVbTxtHFMf/3ovt9QVMwAYToDapcLkFkJuQNi+QgtQIVWpJXyo1lap+gKSfAKefgC/QqGpUVX0gT1GkqlFCJIRahDCISCUU4wsQNzWXhfV6d70Xd8YGGlKc5q1SZnW0Y82c3/nvOWfGwBs/hkIh358rqXAqlQrPbswKr+Nje9ViMpn0MQxz4/7XsU85t6vH3x1B9Po1WJZFbZFsmSSTx+FwOHWaP1MNnEgkxjmeTzoFIcaZ6DnrDyAYaITX7YHH7SXm7rfb7d/ZWPbRejr9+WvD0xvpCafgmnIJbl8htwt/sAkN0fMI9HdBEDxwu9wQXB6QdTicrpCNYe48TSQm/hNOVFznWHtMEAQ4nQKyD2bhra0Bt3eA+tZW2Gw2MAwLsoeC4XA44bA7wbBc7PfV1fGqcJLjkJ3jvik7EINpQcxLCHhq0fz+BThqvbBQglUqgT508LwdvN1B3g5YDPNtnNSpmvIhjuNDJJfQFRVLt3+EUzNR814fhNYgShRaovByQUls+htgWY58CYuiJPs25xZuHsG4E5/B8zd4jodWKOD59BwSf6yiK9KJut5O8DXeimICsw6D0IcG2EllkFlaRnphGZnkOk1N7AR8dmNDYGxMP8My2Ik/hbi5hYa6egTHroD31RwqrsDp3KRzkrbEwxlsr62T/HDwNDUg5BZ6+6d9vkVRFI/7fIUcDq/Dub5y7wG2n6zA76lB+9gHaIz2HYMtq5KSsnoyj/8wBTmXg2oYcLUF4WgJoq45AEtV2gcHB5PHykn5sDB1D/srSfjP1KM23IIgAZtH4ONcU9UWckRALrsFlhQ0+O55vHUhirwsQZL2ob1c0JtDH+9liQOnaGgbuoTuz8ZJZ6DcE/8UshIgl9nE2sxvyCZTaOzqQIiAdUOHruswiLlZ9jllnjj+M7d/Wuab/T2Ri1E4yUk0j9SS3JqHquV9EWv3p7FDVAf7etF2KQqTrKuaCpm0bV4+WBy+fHngX614dvjiVEt/NyxSVMOyKmppnmlf0LdlYmt2HvFHD+HweFH/zttlMFWsqWrZTKM0Wa3PJzVNFVVNg1bUSJtZh9BKdxiajp3NZyQ4B2edD3aPpwxWNQWqqkDTtJRU0B+fCie3m2gYxlcK2XhkhmmU00JtO5tFIpOGl3RSfSdRTcF0HzkXhYKMgqJMfHJ1OFVNOTrOnburKoVbspwnDgXIxInmU9eLkHd3EQqHEOhoh0KC0jW6T87nqfpbH304+v2LrFNvxe5IJFbUi18UZCmVJ84SKRS13FYWJZ5HZm6hDMxLB7SIYrFYvDY2Ohp7mVP1Pu+NRO5IJWtYVeQvSe8u0f51nKmF9OwvSDyDpZ9/eSKTL8yLu+Gro1funsZ45T/Ri2N+ft4likpTPP5raWRkZG9gYEDE/zn+BjPyUHysnXB3AAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100%
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._littleScoreBaseball_1bjy0_97 em i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: calc(100% + .133333rem);
    width: .266667rem;
    height: .266667rem;
    background-size: 100% 100%
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 span {
    display: block;
    color: #aaa9ac
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._scoreText_1bjy0_128:first-of-type {
    font-size: .32rem;
    line-height: .48rem;
    letter-spacing: .02133rem;
    color: var(--text-color-6);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .4rem
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._scoreText_1bjy0_128:first-of-type {
    font-size: .42667rem;
    line-height: .42667rem;
    color: var(--theme-color) !important;
    font-weight: 700;
    padding-top: .106667rem
}

html[data-prefers-color-scheme=dark] ._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._scoreText_1bjy0_128:first-of-type {
    font-size: .42667rem;
    line-height: .42667rem;
    color: var(--odd-color) !important;
    font-weight: 700;
    padding-top: .106667rem
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._des_1bjy0_128 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._des_1bjy0_128 .leftTime:last-of-type {
    font-size: .33333rem;
    width: 1.54667rem;
    height: .48rem;
    display: block;
    line-height: .42667rem;
    text-align: center;
    border-radius: .24rem;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    margin-top: .21333rem
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 i._centerIcon_1bjy0_149 {
    display: inline-block;
    width: .426667rem;
    height: .533333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAnCAYAAABuf0pMAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASUSURBVHgB7Vcxb1xFEJ7ZfXfvDoxky1iWXBk5EZKLKJHrIFcBOjeWQkf+AfwD/wAkJJqUkRAobWigAtGhiCIhBSAZJBoQAmM7OHBnv/d22Z2d3Z13d7m7oDhNMtLc29u3O/PNN7Pz3gN43gX9z87No/VO2bnV0XDZIi7Kmxaerlhn0Bi4cwZn79+5sfQLeudlv3Ov7OlFrRFQwbmKB9DUFqphczyw1ZWi2+t+WPbVYlE45wjnLt6H6npHerH+F24ppWCHIn8GzqX4gJXGyx7AM3dO4nxqBYvnnPHZUsy78IO3u3S9ebeGnw/N2P1rFzVcu6Dpnl8zr0xlAFmlXL+koT8DdtyHc+R2egomGFjqI0VL5wnGAXqxsXvY2V1kDADyRo/eWsPG2oaurmvYWFZ5foIj6+a8TmJxKoAUtTfKvq1w8NvfYXz9UgE9R0TT1ARUgghbw3/LI5wXAKFWIXqBIN2/ff8UBnVIxZsXC8Ibo2WPTk12aCOMOQEAG4tqTMNgggwrA7fvDWh89TWXiiUH1q3JabIpEBnA4+pxvAYo99GISU+PKMbNPfh1CD/9FY7aO1dKdyraLIUccBBiaioATPjjZpOuhiKEBMq4vH/67SNOhYK3Xi+F87AmqvQ8qSDbDMTCi3n3AIw3JAA0hig/OBnCF98/ork3Nkq4sKxTADamrcXC5DpQAngoPrCp8oMR00qBq4oAylj46ocT2P+zovmNV4vMoclFiCmYcMDsNAa8Ud7F1Z3TIFmiCH1a3Pwnd48oFS07YFMRymKMfWEigNQ6xZGiNyJyKHCbwIDLRUrF5w8eSu8ELKQuNrQYOc5gAMKGBCRaxPYaoMLkQnPXL398CPt/nOYVNrSfGAAK9kZl5LGSawDayOCjrw/J2MFJFWqlMaLHGfj4mwNYXujAsFGcd3bOpY8AE9thBsBRk+YzybcQ9n8fuh4QaMfESm7bh//UcDRwkNxLpdYF+BedFL0VFTgCIqcgLo6NiFOB8S2VHaKz7FeGeZsAEnuC7pj/EMfj36+LcbrJPERT6XhaRy16YDo5UKi5VjBWMWS+W0Ynn0H3XzlSj+MpI2eoUvH5aClSVIEN/58chHlUDoAqaN4DQ14X/GUUbRazc3+4lKnhfmNEB0y0qkC5d8zUB9Uuv061DkDSnADJacrpAdFl+dugsU7NZ6o6rW6cDprjs9pC6DsoOzFDigYDG5QG9I9iFzUoZg1pPpw0ldIY/oe99FxzjuvKwpnzWWH9Xvo0K90HisvxTkhhfhjRmU9j7g0iZ7LDp6LF0Eo9UwRa8TwdHjyuavNdpep3/acZtOvPxgeW3t3d9bv9MfWvw+X6+nrPXftra2svuSvp6urqy+66wPrKysrKAt/za0veW7CtuT4B0EYOM4gOG+qy0ZId9BhUj0H1Wf1cd2trq8MBeFV7e3uzAQgG0G9gAHp7e7vwKgx2Njc3CZS/ynGMmpWCYLvzic1Vw1UX0HtDDEKmp5DgxJgo53X4pABQAJBAEDKVlCIJMM6JsRL7/peguLbGk1iKKgOwc3yYPLEIOnGErVHgL2Qu+Q8hOKt5vZBVEAAAAABJRU5ErkJggg==) no-repeat center top;
    background-size: 100%;
    margin-top: .106667rem
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._scoreInfo_1bjy0_29 ._matchDaySeason_1bjy0_157 {
    padding-top: .213333rem;
    color: #fff;
    white-space: nowrap
}

._headerWrapper_1bjy0_10 ._matchInfo_1bjy0_162 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: .213333rem;
    position: absolute;
    left: 0;
    right: 0
}

._headerWrapper_1bjy0_10 ._matchInfo_1bjy0_162 p {
    font-size: .32rem;
    font-weight: 400;
    color: var(--text-color-6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._headerWrapper_1bjy0_10 ._matchInfo_1bjy0_162 p ._text_1bjy0_178 {
    font-style: normal;
    font-weight: 400;
    line-height: .426667rem;
    padding-right: .053333rem
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._icon_1bjy0_82 {
    width: .36rem !important;
    height: .36rem !important
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._teamInfo_1bjy0_26 ._card_1bjy0_82 {
    width: .8rem;
    height: .426667rem;
    margin-right: .053333rem;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._teamInfo_1bjy0_26:first-of-type ._card_1bjy0_82 {
    left: 0;
    top: .6rem
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._teamInfo_1bjy0_26:last-of-type ._card_1bjy0_82 {
    right: 0;
    top: .6rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._teamInfo_1bjy0_26 ._yellow-card_1bjy0_194 {
    display: inline-block;
    height: .358974rem;
    width: .3rem;
    line-height: .358974rem;
    margin-left: .102564rem;
    font-size: .230769rem;
    font-weight: 700;
    color: #fff;
    border-radius: .102564rem;
    background-color: #ffba07
}

._headerWrapper_1bjy0_10 ._battleWrapper_1bjy0_19 ._teamInfo_1bjy0_26 ._red-card_1bjy0_197 {
    display: inline-block;
    height: .358974rem;
    width: .3rem;
    line-height: .358974rem;
    margin-left: .102564rem;
    font-size: .230769rem;
    font-weight: 700;
    color: #fff;
    border-radius: .102564rem;
    background-color: #ea3443
}

._headerWrapper_1bjy0_10 ._matchInfo_1bjy0_162 p span {
    display: inline-block;
    line-height: .426667rem
}

._headerWrapper_1bjy0_10 ._matchInfo_1bjy0_162 p span._isCurrent_1bjy0_204 {
    color: #ffa71f
}

._headerWrapper_1bjy0_10 ._jumpLive_1bjy0_207 {
    position: absolute;
    bottom: .906667rem;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    height: .746667rem;
    line-height: .746667rem;
    border-radius: .373333rem;
    background: rgba(0, 0, 0, .3);
    vertical-align: middle;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 10
}

._headerWrapper_1bjy0_10 ._jumpLive_1bjy0_207._hasData_1bjy0_221 {
    padding: 0 .213333rem
}

._headerWrapper_1bjy0_10 ._jumpLive_1bjy0_207>div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 .213333rem
}

._headerWrapper_1bjy0_10 ._jumpLive_1bjy0_207>div span {
    display: inline-block;
    font-size: .32rem;
    line-height: .453333rem;
    color: #fff;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASQSURBVHgB5VfNbhs3EJ4huZITx8j6DeQ3sN/APTWH/shFUPRmqaeml0bHnmT30t7c9hIgAWoXaNAWqGEHCIrc5DeI8wK1/ARSIwteaUlOZ8iV7ASppURQECADrVa7Ioff/PCbIcA7IAhzlOq9ToWcOXA5dB83lj74v3EKZpTb93ut2w96zZfff/Ggt14yydMkwVWl4fgqHTN5orrbSZdMcqI0pjgYruzVl9sBwK/9plHY9JZwmPntv+4sbcG8QIh8+We/WSqrLWfhKO9lG1QuH2gD6+Shm51T/ff64uEkHWMQ1Z1OClpXVQJ8i5eSYOnw4S8V7y8E0MP1RQWlstmVJ2uhywpTIoBsQFuDvjt1zoPPAZwDyOMUsEPHObJ8+AIIBrCKJdMyCaba4BiE1ggcT0CNpBUhYpzBVsoPWQv4L5Q5HBLAwiRnCfJcLiCXE3oe7wkJCNALGAuUD/0p/7/xd+PGMTKACiVJq5RghYc8YkXHYqwyxcW/jbnkAVHoxz8vHKOi5+TyNo7xl8ai1jfZmXeJVASReRxkrvvc2xXjtF5PFFZ48N7+naU6zElqu+cVKtM34jUidgsbZo1KFzNVYy9iRdyolTqCOQuvg9FbBAJGPMzrpoq9RfA2ZIFBKCQGgJI/AkZyLYAajSHv5sqeIiG5VVx4BGCUSzHr9WQl1fudVaFieFNB+XA+SLJyXoRHds3YE7wJrwyLsGNZJ0+vlUtM0/0mvIGIrc5R26Fd845+FBQKPCpBMk1ScEjTcklBeUFVShq3Prt3dvLJT2eb8BoiizJZpNDPu6N3EgrDGxmFDacSFZKLM5snOlVha/Y+2ulXLQwbTxqxblxhhDCb7IabfnHhH3DsfElFCYcH3i/heQphn2FhUkywwJJVyPXJre876zAJBYZ1RdG/EPzPO8VLOCC4CKYSXjgkF8YcG9E0k0+bb+2J83lBO6TTXz6/vmxztz3KAxXC4QGtnbxFg+E4gk3kvO8S+e3BuV978u3yRBCeJ1nnTiMeapOo4XAY4XZBhBPTYoHHeQ4icbXkK3ePYGgbjxuTFx8JhqqnLtzO21RuJtoV9F8pGWRdGCRtDmub2JX7Xy0dwWtKMPYlVOwTNIG2uc5OavQO68uyrVZgRqFXPKhQmmkyWc1D4oLCmD52J05anzlKlsU714803Nn+0e7ixGSm8KFwzL2AieXGqNXaH9kBb61VcvGt9E6S8G8lGLK/daKoBPCpyxWG/pPfM2H52APi/PsKokCYKJU0PAsCH+qHOiInXSjcvbUzQ5meSpgXHY17T8vNsLfuWUD04Q/PW1wL1rkwdbkedKWeSZMbum1TNLBF9y30LzVDMkhusX5QUSIpuDy4VJKdpOmlwA+ig+dXeLQcDWAwIMr67tn+1zfWAllx17vBBxiu72qTFabSg7FyDNWyOIeYS219IG1fVByUMdwvJiosRAXvCBnKEG7tMR/GY4BYLnkg5xObw6G7ljcKFa+Wj3/utYxm7yRy5pCOvaB2RskZ9d1v9YujXe3hWU0ZtcsgxWwce4JdwQDaDzcXZya590P+A4e4Ljbp/Q1RAAAAAElFTkSuQmCC) no-repeat left center;
    background-size: auto .426667rem;
    padding-left: .533333rem;
    word-break: keep-all
}

._headerWrapper_1bjy0_10 ._jumpLive_1bjy0_207>div span._icon2_1bjy0_239 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAXRSURBVHgB7VfNbhxFEK7qnpndODayn8D7Bg5PwPqAECEiQSKSBVJsExCKImQjAddd5wSIEFsckAhibf4SBZD2wCUnO08Q5wmyeQI7sc3a89PNV90zsz8xsHvjkNaORrMzXf1V1VdfVxO9GP+jwcN/XPj6cEVpWsVVU4pILtZslbLM7J+J8cwy15L7E8Nai4vJGkvGsjySySwbg3e4ssziIvfOJOaJJbV+/7PJjedAvHHz4FYQsgAgzgH0X+4/mZHfWSsbhkxaEadYID4xsjAWwjeysBEguMo73hmAkHcp0BCt3/906uMSxPkv986pKHwYaNoH9rfaH03t0Ajj/T+6DcxppolZ+/7y2eYocy589eySUaoFINOc0bwq3+jgonahpvaoAGSYOHVpMakZdQr9+clLbUV2SyPiVvNcCUKizS7G3KExh/BCqXEn0b7SQrRsJij/DOCO/MCcMUy5fINwNiVlx5nnQVuhGZUglIFDIBnbsWyRZEGDZCY2Y4H3VYZ7oKgXxJzxasy44nsrpdlvapQRyOKBj16J/s1vDhqVimpKyUlaVMCu8OPULt17b3Jr2MjC7YM6h7oRRjQXaJ6BDuzHMe0iP5t3Tvn+8nfPlqKKbgGrRe5gXNkksRR3sxtBn0tOhBwy1L2rfw1Ax6Y2sPi3ezV9ptLCp3XnArKQCZssT2tl8B/XF1qHS8eULLeXZzrFvEqFa9UJFr3gWL4H97z+KNtfHcIHNqm98cviWbaZuVGErRiXWnvTaiLa1iG/khl43s3WTrp2/eTY0vFxtpUmdhkk7SAy9TMUbcv3pf3A+wkxW/v5ygRDTJvesuGBRIrSxXm9p+4u1dIj3JQOG1HItSQ2T7qkX7734VQzibOneIZa8uO7Vyc3uyfxfJpSRwdUq6popRdo5aS8kBOTpuySoqjHpp7U5KWm8ntOnoXWXk1pXhXpRSbn28tnOh4s+T0ht96+NtNJT8yyyRg6RKtFNHy2PZgi8qgEQdGXDvG4vzqL59RHIoqiOYCQcD6425dr0QkB0i+Yv1+b2gGoB4p5umrCS2W+ZdHC3cAtjlQMpcNJRF/4LXuk+eM5KCo2RN6hoSHBMengZgjOPBJ7qLLZ4j94xWXssU6+AfenQ9miOgoPByIDxGIEmKaHQahTWgLsAXtOggunEFFxQkTRzclbgoF0+D22J9kiJE6FciM2sx2ZrlnNDQAQYmmJ7uAGhuDU8/tuDynsBVRyzj3TIDGtfFUopkeq3N4vQ2dZGyD3WRN04KA+CAIe9peyaIniOoBzl7LdYiH5NlI+EvicPRn6OeHDxDrgxsIPR3BfNaEV6Iw8is3lmX2U7YYIWBTqllSLjxhRGBAHkeeOAIh0uC0LghfrhWB54sJqpBpX7/1lw4pquF17OBKu+7E+jSextd0u6j/hx6XXcbqeJKYjZIvCyva7W93FajWYDStMlYin37591IiC8CHe1yDjnROVrBVz42PbOToycgc43/75SlA9Dpy/edBAa9cEd9bQ1DTpH8ZCq1sLgqwVaFWXkuOclKgOSjLYRgrSzO4kKWT7Wq+Uh8eVn46aqKrGcZea5d5hhJhW29TSv+7ld71Izb/z4+GSVmoRqTgHTkxDxPZsah4BxNpvH/x3Z4b0WOcCluttYORJyKeU22nj1yuTm7htLt05asJYAxY37ixNrtGIQ/oPheZUqNLjBCLhWvQxOyQRFCcv6XhNjSxurBfQMhKwsC+yANbM0BhD9ARcApZgzPZOzcp5RJwvI4Fa3LXuwMCLr6MlH9VYVFXYV5iq1dEjIQ0RvL4oZxSs1x6Y+OrnT9eBcEXDO2mERQmxJbvmRtpz96xLgcI7lmaFdOhPWegn5MDjj2LkT1s2P4XlBx93OLL5phfHZqN9fWr1OfSvffF0lbVewUKzWFDEy8oJS+UgRB0dQNcVsTuVuT2BhezszoBS/05+3dFQALIDkckRENzJUvMkSYJb7esTG/Ri9I2/ARLiA+bd0LP1AAAAAElFTkSuQmCC) no-repeat left center;
    background-size: auto .426667rem
}

._headerWrapper_1bjy0_10 ._jumpLive_1bjy0_207>div span._icon3_1bjy0_243 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARYSURBVHgB5VfdaltHEJ7Z3XP8g5xYL1DbTxDnCWzflDY0RTcFEwo+opDWEJAF7bXUy6YUWSY0kBtJd4a6rXrV3kV5gcZ5gqpPIMVWjKVzdiczeyRhEmJJxslNBh/v2aPdmW93Zr6dBfjYBS92cpXOJgSmpBSsK43L3AL6B4n/EGW4AnkBIOmQn0eUPtJ1/kEifnEW0DnuOyBn6SW3x9Zi/Z/vM423ANw96NWMwR1t2AZbEiNKkR/BYAjFLr+nP3BHfvFWcQiAfDs0yBYvvMt3m36zDsnGVP37h0xxDODLg17FaNhjyx0eeuDmk/1mPtuFaxTe3VULehNRlXhjVmxCDd6JPN755SQK5lRNa2w7GGw1d7NteI/igajgX96RrO3TlmLDO0ocTFR+38ZFmsVsm51VVZq3P4CSYpeui39tP34GH0iMS6ppjOEtzD16RUoT/LGbwVmUfN04K6CiMita5sBqWdvPH+an38Hco1OyicQzcj7NZBrgXu1ViUHvD1O0ZTRtah0+zdU6y9Pq4NWnD9AbZDCFcA5GnM/twUDdbtxb3IoHrso6VueSIJpWhwevhV8U0qwIOJ9X4oH9/zC/0Jb+2XnStJbT3dlZdsATmuFpiDP6gFkNeQdo/CExkMScSG56HUKrsnY1q/89ALHlLthPEs90bjYAggAU0XQTcr92ckIi8k7u7dVa4fvht7uVTjQa+04AKgWhvMIpQATG/GkW9P5oPO/AeO84m8AlhI7Xk3vc2ZxbNDU1r6JLAchsJiCT9mAihCDArnC47xB0OYQ/Gf9ogxUnIeGwG2J4U2tRpy7VhykINOOjdILw4GMNuCG5TmfUYPcVvqj0nrMrWnwS7sgSDMV/EQQlr4+/T0IgINIdcJMT0VrX0Fptzruwcj4YFJ3RXC/gDrt9nRffRYd5v2jEHY6R9tHuUgsuX5D8IyXBPE0cHn5zo86B1uJDJJpbCivK2LJyyZoBvN3DZE2H1MbQPJcAja0rTlSIaY1hIC0YpsuFfpy3QfCUVx6FJozcArUYFGQhvMX6sr4isrbYfHCzOVHXMIiNY+vKTceFh+lxvfbVk17EMwo6VBuGeTSxrmstVQm5kHkw25HOMSCkMhsZ/3Y/U+emvv3kJCKlakf3M1m4gpAPXDF+BTYUOe/bLmpowxVkVEfinZ9POzrA5VOKs63i9daB75Ltx51VnA//S2LoKqbwY84EyoDZgw8kOBdsSEvWvVCYwI++dAYsTOLv65DtGq9eYdmX6IQ17/1PfzqpB4Hi4hTanJhlFcfPpHiEaxRh0EUVFpi09tj1y/2+q/7+3dLeOPw+f/hyXxlV0EaB1IhcLZPmgk2qV/8of0HxlxS+sKAc5kIkClNW80TCZCBb6eNreGKKe8eXFF9HAHAx0zj69kbkp1xE+dnDk0jL7UiuZoavZmxYD40zIH+Ejq5raniej+qJUeuJVUDQyDifkr5WoC4XLS9cAuVJNP1xyWspZyLbQ3L5HAAAAABJRU5ErkJggg==) no-repeat left center;
    background-size: auto .426667rem
}

._headerWrapper_1bjy0_10 ._msgLayer_1bjy0_247 {
    position: absolute;
    height: 70%;
    bottom: .826667rem;
    left: .373333rem;
    width: 4.053333rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

._headerWrapper_1bjy0_10 ._msgLayer_1bjy0_247::-webkit-scrollbar {
    display: none;
    width: 0
}

._headerWrapper_1bjy0_10 ._msgLayer_1bjy0_247::-webkit-scrollbar-thumb {
    width: 0;
    background: rgba(255, 255, 255, .4);
    border-radius: .126133rem
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 {
    --bg-color: #fff;
    --tab-color: #9a9b9d;
    --tab-font-size: .358974rem;
    --tab-title-bg-color: transparent;
    --tab-bar-height: .051282rem;
    --tab-bar-radius: .02667rem;
    --tab-active-color: #179cff;
    --tab-active-font-size: .358974rem;
    --tab-active-title-bg-color: #f5f5f5;
    --tab-bar-active-color: #179cff;
    --tab-placeholder-color: #F2F2F6
}

html[data-prefers-color-scheme=dark] ._headerWrapper_1bjy0_10,
html[data-prefers-color-scheme=dark] ._detailInfoWrapper_ndx1v_73 ._tabsWrapper_ndx1v_76 {
    background-color: #1f1f1f
}

html[data-prefers-color-scheme=dark] ._betTabsWrap_xpywb_10 ._tabs_16k1r_10 {
    --bg-color: transparent;
    --tab-color: rgba(255, 255, 255, .5);
    --tab-active-color: #127dcc;
    --tab-bar-active-color: #127dcc;
    --tab-placeholder-color: rgba(255, 255, 255, .04);
    background-color: #1f1f1f
}

html[data-prefers-color-scheme=dark] ._bar_16k1r_31 {
    opacity: 0
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 {
    background: var(--bg-color);
    position: relative;
    min-width: 0
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    overflow-x: scroll;
    scrollbar-width: none
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29._center_16k1r_49 {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29::-webkit-scrollbar {
    display: none
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29._auto_16k1r_55 ._item_16k1r_44 {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 {
    padding: .307692rem .410256rem
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 ._title_16k1r_50 {
    color: var(--tab-color);
    font-size: var(--tab-font-size);
    background-color: var(--tab-title-bg-color);
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    margin: 0 auto;
    position: relative;
    cursor: pointer
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 ._title_16k1r_50._active_16k1r_61 {
    color: var(--theme-color);
    font-size: var(--tab-active-font-size);
    background-color: var(--tab-active-title-bg-color)
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44 ._title_16k1r_50._activeTab_16k1r_79 {
    color: #179cff;
    text-align: center;
    font-size: .307692rem;
    font-style: normal;
    font-weight: 400;
    line-height: .410256rem
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29 ._item_16k1r_44._disabled_16k1r_88 {
    opacity: .5
}

._betTabsWrap_xpywb_10 ._tabs_16k1r_10 ._list_16k1r_29 ._activeBarPlaceholder_16k1r_91 {
    position: absolute;
    content: "";
    display: block;
    bottom: 0;
    background-color: var(--tab-placeholder-color);
    height: .102564rem;
    width: 100%;
    left: 0
}

._bar_16k1r_31 {
    position: absolute;
    bottom: 0;
    background-color: var(--tab-bar-active-color);
    border-radius: var(--tab-bar-radius);
    height: var(--tab-bar-height);
    left: 0;
    width: 1.282051rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

._fixed_16k1r_114 {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    right: 0;
    background-color: var(--bg-color);
    z-index: 1
}

._sticky_16k1r_122 {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: var(--bg-color);
    z-index: 1
}

._collapse_rknh7_10 {
    --bg-color: #FCFDFF;
    --icon-color: #cbced8;
    --border-color: #F0F2F8;
    --font-color: #383B43
}

html[data-prefers-color-scheme=dark] ._collapse_rknh7_10 {
    --bg-color: rgba(255, 255, 255, .04);
    --icon-color: #fff;
    --border-color: rgba(255, 255, 255, .1);
    --font-color: #fff
}

._collapse_rknh7_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: var(--bg-color)
}

._collapse_rknh7_10 ._head_rknh7_29 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--font-color)
}

._collapse_rknh7_10 ._head_rknh7_29._borderTop_rknh7_36 {
    border-top: .02667rem solid var(--border-color)
}

._collapse_rknh7_10 ._head_rknh7_29._borderBottom_rknh7_39 {
    border-bottom: .02667rem solid var(--border-color)
}

._collapse_rknh7_10 ._head_rknh7_29 ._icon_rknh7_42 {
    width: .266667rem;
    height: .266667rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

._collapse_rknh7_10 ._head_rknh7_29 ._icon_rknh7_42._rotate_rknh7_48 {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

._collapse_rknh7_10 ._head_rknh7_29 ._title_rknh7_51 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .373333rem
}

._collapse_rknh7_10 ._head_rknh7_29 ._title_rknh7_51 ._iconBox_rknh7_57 {
    display: inherit
}

._collapse_rknh7_10 ._head_rknh7_29 ._title_rknh7_51 ._mrg_rknh7_60 {
    margin-left: .106667rem
}

._collapse_rknh7_10 ._collapseContent_rknh7_63 {
    -webkit-transition: height .3s;
    transition: height .3s;
    overflow: hidden
}

._collapse_rknh7_10 ._collapseContent_rknh7_63._hidden_rknh7_67 {
    overflow: hidden
}

._collapse_rknh7_10 ._collapseContent_rknh7_63._hidden_rknh7_67 .p-sticky {
    position: initial
}

._betDetailPage_1yzxp_18 {
    --selected-bg: linear-gradient(0deg, rgba(64, 128, 255, .04) 0%, rgba(64, 128, 255, .04) 100%), #fff;
    --border-btm-color: #ebeff6
}

html[data-prefers-color-scheme=dark] ._betDetailPage_1yzxp_18 {
    --selected-bg: rgba(255, 255, 255, .1);
    --border-btm-color: rgba(255, 255, 255, .1)
}

._headerDownItem_1yzxp_28 {
    height: 2.666667rem;
    padding: .16rem .373333rem;
    border-bottom: .02667rem solid var(--border-btm-color)
}

._headerDownItem_1yzxp_28 section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .32rem .373333rem
}

._headerDownItem_1yzxp_28 section._selected_1yzxp_38 {
    border-radius: .106667rem;
    background: var(--selected-bg)
}

._logoBox_1yzxp_43 {
    width: 2.666667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._logoBox_1yzxp_43 dt {
    width: .96rem;
    height: .96rem
}

._logoBox_1yzxp_43 dt img {
    width: 100%;
    height: 100%
}

._logoBox_1yzxp_43 dd {
    margin-top: .106667rem;
    font-size: .373333rem;
    line-height: .533333rem;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._scoreBox_1yzxp_68 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

._scoreBox_1yzxp_68._isStart_1yzxp_72 dt {
    font-size: .32rem
}

._scoreBox_1yzxp_68 dt {
    margin-top: .106667rem;
    font-size: .32rem;
    font-weight: 500;
    line-height: .453333rem
}

._scoreBox_1yzxp_68 dd {
    font-size: .693333rem;
    line-height: .88rem;
    font-weight: 500
}

._scoreBox_1yzxp_68 i._centerIcon_1yzxp_87 {
    display: inline-block;
    width: .426667rem;
    height: .533333rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAnCAYAAABuf0pMAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASUSURBVHgB7Vcxb1xFEJ7ZfXfvDoxky1iWXBk5EZKLKJHrIFcBOjeWQkf+AfwD/wAkJJqUkRAobWigAtGhiCIhBSAZJBoQAmM7OHBnv/d22Z2d3Z13d7m7oDhNMtLc29u3O/PNN7Pz3gN43gX9z87No/VO2bnV0XDZIi7Kmxaerlhn0Bi4cwZn79+5sfQLeudlv3Ov7OlFrRFQwbmKB9DUFqphczyw1ZWi2+t+WPbVYlE45wjnLt6H6npHerH+F24ppWCHIn8GzqX4gJXGyx7AM3dO4nxqBYvnnPHZUsy78IO3u3S9ebeGnw/N2P1rFzVcu6Dpnl8zr0xlAFmlXL+koT8DdtyHc+R2egomGFjqI0VL5wnGAXqxsXvY2V1kDADyRo/eWsPG2oaurmvYWFZ5foIj6+a8TmJxKoAUtTfKvq1w8NvfYXz9UgE9R0TT1ARUgghbw3/LI5wXAKFWIXqBIN2/ff8UBnVIxZsXC8Ibo2WPTk12aCOMOQEAG4tqTMNgggwrA7fvDWh89TWXiiUH1q3JabIpEBnA4+pxvAYo99GISU+PKMbNPfh1CD/9FY7aO1dKdyraLIUccBBiaioATPjjZpOuhiKEBMq4vH/67SNOhYK3Xi+F87AmqvQ8qSDbDMTCi3n3AIw3JAA0hig/OBnCF98/ork3Nkq4sKxTADamrcXC5DpQAngoPrCp8oMR00qBq4oAylj46ocT2P+zovmNV4vMoclFiCmYcMDsNAa8Ud7F1Z3TIFmiCH1a3Pwnd48oFS07YFMRymKMfWEigNQ6xZGiNyJyKHCbwIDLRUrF5w8eSu8ELKQuNrQYOc5gAMKGBCRaxPYaoMLkQnPXL398CPt/nOYVNrSfGAAK9kZl5LGSawDayOCjrw/J2MFJFWqlMaLHGfj4mwNYXujAsFGcd3bOpY8AE9thBsBRk+YzybcQ9n8fuh4QaMfESm7bh//UcDRwkNxLpdYF+BedFL0VFTgCIqcgLo6NiFOB8S2VHaKz7FeGeZsAEnuC7pj/EMfj36+LcbrJPERT6XhaRy16YDo5UKi5VjBWMWS+W0Ynn0H3XzlSj+MpI2eoUvH5aClSVIEN/58chHlUDoAqaN4DQ14X/GUUbRazc3+4lKnhfmNEB0y0qkC5d8zUB9Uuv061DkDSnADJacrpAdFl+dugsU7NZ6o6rW6cDprjs9pC6DsoOzFDigYDG5QG9I9iFzUoZg1pPpw0ldIY/oe99FxzjuvKwpnzWWH9Xvo0K90HisvxTkhhfhjRmU9j7g0iZ7LDp6LF0Eo9UwRa8TwdHjyuavNdpep3/acZtOvPxgeW3t3d9bv9MfWvw+X6+nrPXftra2svuSvp6urqy+66wPrKysrKAt/za0veW7CtuT4B0EYOM4gOG+qy0ZId9BhUj0H1Wf1cd2trq8MBeFV7e3uzAQgG0G9gAHp7e7vwKgx2Njc3CZS/ynGMmpWCYLvzic1Vw1UX0HtDDEKmp5DgxJgo53X4pABQAJBAEDKVlCIJMM6JsRL7/peguLbGk1iKKgOwc3yYPLEIOnGErVHgL2Qu+Q8hOKt5vZBVEAAAAABJRU5ErkJggg==) no-repeat center top;
    background-size: 100%;
    margin-top: .106667rem
}

html[data-prefers-color-scheme=dark] ._fixedTopIcon_1yzgc_10._active_1yzgc_14 path {
    fill-opacity: 1
}

._fixedTopIcon_1yzgc_10 path {
    fill: #999
}

._fixedTopIcon_1yzgc_10._active_1yzgc_14 path {
    fill: var(--theme-color)
}

._teamLogo_1b1o0_10 {
    display: inline-block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._teamLogo_1b1o0_10._s24_1b1o0_14 {
    width: .64rem;
    height: .64rem
}

._teamLogo_1b1o0_10._s32_1b1o0_18 {
    width: .853333rem;
    height: .853333rem
}

._teamLogo_1b1o0_10._s36_1b1o0_22 {
    width: .96rem;
    height: .96rem
}

._teamLogo_1b1o0_10._s44_1b1o0_26 {
    width: 1.173333rem;
    height: 1.173333rem
}

._bg_1b1o0_31 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

._videoContainer_rxab0_10 {
    position: fixed;
    z-index: 5;
    background-color: #000;
    height: 56.25vw;
    width: 100%
}

._videoContainer_rxab0_10._isFullWrp_rxab0_17 {
    -webkit-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
    transform: rotate(90deg) translateY(-100%);
    width: 100vh;
    height: 10rem;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    z-index: 200
}

._videoContainer_rxab0_10._isFullWrp_rxab0_17 ._videoSectionWrp_rxab0_24 {
    width: 178vw;
    height: 10rem;
    margin: 0 auto
}

._videoContainer_rxab0_10 iframe {
    border: none;
    position: absolute;
    z-index: 1
}

._videoContainer_rxab0_10 .video-player {
    border: none;
    position: absolute;
    z-index: 2
}

._videoSectionWrp_rxab0_24 {
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 100
}

._videoSectionWrp_rxab0_24 ._openCtrlMadk_rxab0_41 {
    width: 100%;
    height: 100%
}

._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45,
._videoSectionWrp_rxab0_24 ._lineSwitchLayer_rxab0_46 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 {
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 {
    height: 1.025641rem;
    padding: 0 .358974rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%)
}

._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 ._leftSide_rxab0_106,
._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 ._rightSide_rxab0_107 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 ._clickArea_rxab0_111 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.025641rem;
    padding-left: .205128rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 ._pauseAndPlay_rxab0_118,
._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 ._refresh_rxab0_119,
._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 ._responsibleTipBtn_rxab0_120,
._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 ._bulletBtn_rxab0_121,
._videoSectionWrp_rxab0_24 ._ctrlWrp_rxab0_45 ._btmBar_rxab0_97 ._fullBtn_rxab0_122 {
    width: .615385rem;
    height: .615385rem;
    background-size: contain;
    background-repeat: no-repeat
}

._pauseAndPlay_rxab0_118 {
    background-image: url(/assets/icon_video_play.svg)
}

._pauseAndPlay_rxab0_118._isPlaying_rxab0_131 {
    background-image: url(/assets/icon_video_pause.svg)
}

._refresh_rxab0_119 {
    background-image: url(/assets/icon_video_fresh.svg)
}

._responsibleTipBtn_rxab0_120 {
    background-image: url(/assets/icon_video_info.svg)
}

._responsibleTipBtn_rxab0_120._active_rxab0_140 {
    background-image: url(/assets/icon_video_info_sel.svg)
}

._fullBtn_rxab0_122 {
    background-image: url(/assets/icon_video_fullscreen.svg)
}

._fullBtn_rxab0_122._unFull_rxab0_152 {
    background-image: url(/assets/icon_video_nofullscreen.svg)
}

._videoSectionWrp_rxab0_24 ._lineSwitchLayer_rxab0_46 {
    z-index: 14;
    background-color: rgba(0, 0, 0, .66);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

._videoSectionWrp_rxab0_24 ._lineSwitchLayer_rxab0_46 ._options_rxab0_163 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

._videoSectionWrp_rxab0_24 ._lineSwitchLayer_rxab0_46 ._options_rxab0_163 ._option_rxab0_163+._option_rxab0_163 {
    margin-left: .384615rem
}

._videoSectionWrp_rxab0_24 ._lineSwitchLayer_rxab0_46 ._options_rxab0_163 ._option_rxab0_163 {
    border-radius: .051282rem;
    padding: .179487rem .846154rem;
    border: 1px solid rgba(255, 255, 255, .5);
    color: rgba(255, 255, 255, .5);
    text-align: center
}

._videoSectionWrp_rxab0_24 ._lineSwitchLayer_rxab0_46 ._options_rxab0_163 ._option_rxab0_163._selected_rxab0_176 {
    border: 1px solid #6aaaf5;
    color: #6aaaf5
}

._videoSectionWrp_rxab0_24 ._lineSwitchLayer_rxab0_46 ._tips_rxab0_180 {
    position: absolute;
    bottom: .25641rem;
    opacity: .5972;
    color: #fff;
    font-weight: 500;
    font-size: .307692rem;
    margin-top: 1.615385rem
}

._videoSectionWrp_rxab0_24 ._msgLayer_rxab0_189 {
    position: absolute;
    height: 70%;
    bottom: .794872rem;
    left: .358974rem;
    width: 3.897436rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 12
}

._responsibleTipSection_rxab0_199 {
    padding: .153846rem 0;
    height: 1.794872rem;
    color: #808285;
    background-color: #fff;
    padding: .128205rem .358974rem
}

._responsibleTipSection_rxab0_199 ._tipText_rxab0_206 {
    font-size: .282051rem;
    line-height: .384615rem;
    font-style: normal;
    font-weight: 400
}

._videoSectionPlaceHolder_rxab0_213 {
    height: 56.25vw;
    background-color: #000
}

._videoSectionPlaceHolder_rxab0_213.isAnimation._withResTip_rxab0_216 {
    height: 56.25vw
}

.animate-loading {
    width: 1.6rem;
    height: 1.65333rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.8rem;
    margin-top: -.82667rem
}

._videoSectionPlaceHolder_rxab0_213._withResTip_rxab0_216 {
    height: 56.25vw
}

html[data-prefers-color-scheme=dark] ._responsibleTipSection_rxab0_199 ._tipText_rxab0_206 {
    color: rgba(255, 255, 255, .6)
}

._headerBar_rxab0_59 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.173333rem;
    padding: 0 .358974rem;
    background: none;
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(top, #000 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 100;
    width: 100%
}

._headerBar_rxab0_59 ._left_rxab0_67 {
    width: 1.333333rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._headerBar_rxab0_59 ._left_rxab0_67 svg {
    width: .205128rem;
    height: .358974rem
}

._headerBar_rxab0_59 ._center_rxab0_75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

._headerBar_rxab0_59 ._right_rxab0_79 {
    width: 1.333333rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

._headerBar_rxab0_59 ._right_rxab0_79 ._lineSwitchBtn_rxab0_85 {
    border-radius: .102564rem;
    border: 1px solid #fff;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .076923rem .205128rem;
    font-size: .307692rem;
    font-style: normal;
    font-weight: 600
}

._videoHeader_b70vz_10 {
    font-size: .410256rem;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._videoHeader_b70vz_10 ._teamName_b70vz_16 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._videoHeader_b70vz_10 ._teamName_b70vz_16._home_b70vz_22 {
    text-align: right
}

._videoHeader_b70vz_10 ._teamName_b70vz_16 ._guest_b70vz_25 {
    text-align: left
}

._videoHeader_b70vz_10 ._center_b70vz_28 {
    margin: 0 .25641rem
}

._videoHeader_b70vz_10 ._center_b70vz_28 ._sep_b70vz_31 {
    padding: 0 .102564rem
}

._switchBtnsOne_j1j7o_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .205128rem
}

._switchBtnsOne_j1j7o_10>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .051282rem
}

._switchBtnsOne_j1j7o_10 p {
    color: rgba(255, 255, 255, .9);
    font-size: .307692rem;
    font-weight: 400
}

._switchBtnsOne_j1j7o_10 ._activeIcon_j1j7o_25,
._switchBtnsOne_j1j7o_10 ._normalIcon_j1j7o_26 {
    width: .615385rem;
    height: .615385rem
}

._switchBtnsOne_j1j7o_10 ._activeIcon_j1j7o_25 {
    display: none
}

._switchBtnsOne_j1j7o_10 ._active_j1j7o_25 ._activeIcon_j1j7o_25 {
    display: initial
}

._switchBtnsOne_j1j7o_10 ._active_j1j7o_25 ._normalIcon_j1j7o_26 {
    display: none
}

.video-player .video-js,
.video-player {
    width: 100%;
    overflow: hidden
}

.video-player.videoError .video-js {
    display: none !important
}

.video-player .video-full {
    width: 1.33333rem;
    height: 1.33333rem;
    position: absolute;
    z-index: 100;
    right: .53333rem;
    top: .53333rem
}

.video-player .dplayer-video-wrap {
    position: relative;
    background: #000;
    font-size: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-big-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1.5em;
    margin-top: -.75em
}

.video-error-tips {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000
}

.video-error-tips .tips {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.video-error-tips .tips .tips-icon {
    width: 1.728rem;
    height: 1.28rem;
    margin: auto;
    background-repeat: no-repeat;
    background-image: url(/assets/video-icon/video-error.svg);
    background-size: 100%
}

.video-error-tips .tips .tips-title {
    margin-top: .1rem;
    font-size: .32rem;
    color: #fff;
    letter-spacing: .0023rem;
    text-align: center
}

.video-error-tips .tips .tips-title span {
    color: #eac581
}

.vjs-error-display {
    display: none
}

.vjs-subs-caps-button {
    display: none !important
}

.vjs-picture-in-picture-control.my-picture {
    display: inline-block !important
}

.vjs-picture-in-picture-control,
#copyVideo,
#copyVideo-isFrame {
    display: none !important
}

.video-js .vjs-line-control .vjs-icon-placeholder:before {
    content: " ";
    background-image: url(/assets/video-icon/line.png);
    background-size: .4rem .4rem;
    background-repeat: no-repeat;
    background-position: center
}

.video-player .video-js .vjs-big-play-button {
    width: 2em !important;
    height: 2em !important;
    border-radius: 50% !important;
    top: 50%;
    left: 50%
}

.video-js .vjs-big-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1em !important;
    margin-top: -1em !important;
    line-height: 2em !important;
    font-size: 3em !important;
    border: none !important
}

.suspended-frame-component {
    position: fixed;
    top: 10rem;
    right: .2rem;
    width: 6.72rem;
    height: 3.78rem;
    z-index: 9999999999;
    overflow: hidden
}

.suspended-frame-component ._videoContainer_rxab0_10 {
    width: 6.72rem;
    height: 3.78rem
}

.suspended-frame-component .close {
    width: .8rem;
    height: .8rem;
    position: absolute;
    padding: .1rem;
    right: 0;
    top: 0;
    z-index: 99999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.suspended-frame-component .close .svg-icon {
    width: .4rem;
    height: .4rem
}

.suspended-frame-component .detail-live-wrap,
.suspended-frame-component .iframe-box {
    width: 100%;
    height: 100%
}

.suspended-frame-component .detail-live-wrap {
    position: relative
}

.suspended-frame-component .video-error-tips {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.suspended-frame-component .video-error-tips .tips {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.suspended-frame-component .video-error-tips .tips .tips-icon {
    width: 1.08rem;
    height: .8rem;
    margin: auto;
    background-repeat: no-repeat;
    background-image: url(/assets/video-icon/video-error.svg);
    background-size: 100%
}

.suspended-frame-component .video-error-tips .tips .tips-title {
    margin-top: .1rem;
    font-size: .3rem;
    color: #fff;
    letter-spacing: .0023rem;
    text-align: center
}

.suspended-frame-component .video-error-tips .tips .tips-title span {
    color: #eac581
}

.suspended-frame-component .video-error-tips .match-details {
    position: absolute;
    left: .14rem;
    top: .4rem
}

.suspended-frame-component .video-error-tips .match-details .match-team {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.suspended-frame-component .video-error-tips .match-details .match-team .team {
    display: inline-block;
    max-width: 1.2rem;
    font-size: .12rem;
    color: #fff;
    letter-spacing: .0027rem
}

.suspended-frame-component .video-error-tips .match-details .match-team .team-score {
    display: inline-block;
    margin: 0 .05rem;
    font-family: DINCondensed-Bold;
    font-size: .14rem;
    color: #eac581;
    letter-spacing: .0034rem
}

.suspended-frame-component .video-error-tips .match-details .match-count-down {
    line-height: normal;
    font-size: .12rem;
    color: #fff;
    letter-spacing: .0027rem
}

.suspended-frame-component iframe {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2
}

.suspended-frame-component .video-js,
.suspended-frame-component video {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.suspended-frame-component .vjs-loading-spinner:after {
    content: none
}

.suspended-frame-component .vjs-loading-spinner .vjs-control-text {
    display: none
}

._betTabsWrap_xpywb_10 {
    background-color: var(--background-color-1)
}

._filterButton_xpywb_14 {
    position: absolute;
    width: .923077rem;
    height: 1.128205rem;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._filterButton_xpywb_14 ._svgBox_xpywb_24 {
    width: .69333rem;
    height: .69333rem;
    border-radius: .512821rem;
    border: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

html[data-prefers-color-scheme=dark] ._filterButton_xpywb_14 ._svgBox_xpywb_24 {
    border-color: #2c2c2c
}

._filterButton_xpywb_14 ._svgBox_xpywb_24 svg {
    width: .32rem;
    height: .32rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

._filterButton_xpywb_14 ._svgBox_xpywb_24 .svg-icon.collapsed {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

._filterButton_xpywb_14 ._svgBox_xpywb_24._allFolded_xpywb_38 svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

._tabs_xpywb_42 {
    --tab-font-size: .333333rem;
    --tab-active-font-size: .333333rem;
    --tab-active-title-bg-color: #e8f5ff
}

._tabs_xpywb_42 ._betTabTitle_xpywb_47 {
    height: .769231rem;
    line-height: .769231rem;
    padding: 0 .307692rem;
    border-radius: .512821rem
}

html[data-prefers-color-scheme=dark] ._tabs_xpywb_42 {
    --tab-active-title-bg-color: rgba(255, 255, 255, .04)
}

html[data-prefers-color-scheme=dark] ._betCollapse_apme1_18,
html[data-prefers-color-scheme=dark] ._oddItem_apme1_21 {
    -webkit-box-shadow: none;
    box-shadow: none
}

html[data-prefers-color-scheme=dark] ._oddItem_apme1_21 {
    background-color: var(--theme-color-bg-color-1)
}

html[data-prefers-color-scheme=dark] ._oddItem_apme1_21._selected_apme1_24 {
    background-color: rgba(255, 255, 255, .2)
}

._hidden_apme1_28 {
    display: none
}

._betContainer_apme1_32 {
    padding: .205128rem .128205rem;
    background-color: #f5f5f5
}

html[data-prefers-color-scheme=dark] ._betContainer_apme1_32 {
    background-color: #121212
}

._betCollapse_apme1_18 {
    border-radius: .205128rem
}

._betCollapse_apme1_18:not(:first-of-type) {
    margin-top: .205128rem
}

._betCollapse_apme1_18 ._collapseHeader_apme1_43 {
    padding: 0 .307692rem
}

._betTitle_apme1_47 {
    font-size: .358974rem;
    line-height: .923077rem;
    height: .923077rem;
    position: relative;
    text-align: center;
    width: 100%;
    color: #1e2341;
    font-weight: 400
}

._betTitle_apme1_47 i {
    position: absolute;
    right: -.102564rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .403333rem;
    height: .403333rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

._betTitle_apme1_47 i._slideUp_apme1_66 {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg)
}

._betTitle_apme1_47 i svg {
    display: block;
    width: 100%;
    height: 100%
}

._betTitle_apme1_47 ._pin_apme1_74 {
    position: absolute;
    right: .5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .463333rem;
    height: .463333rem
}

html[data-prefers-color-scheme=dark] ._betTitle_apme1_47 {
    color: #fff
}

._collapseBody_apme1_83 {
    padding: 0 .205128rem;
    border-top: .01333rem solid var(--border-color-4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

._collapseBody_apme1_83 ._betColumn_apme1_90 {
    width: 4.564103rem
}

._collapseBody_apme1_83 ._betColumn_apme1_90._threeColumn_apme1_93 {
    width: 2.974359rem
}

._collapseBody_apme1_83 ._betColumnTitle_apme1_96 {
    height: .820513rem;
    width: 100%;
    overflow: hidden;
    padding: 0 .205128rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._collapseBody_apme1_83 ._betColumnTitle_apme1_96._betColumnTitleEmpty_apme1_105 {
    height: .205128rem
}

._collapseBody_apme1_83 ._betColumnTitle_apme1_96 P {
    font-size: .358974rem;
    font-weight: 500;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden
}

._collapseBody_apme1_83 ._oddList_apme1_118 {
    padding-top: 0
}

._collapseBody_apme1_83 ._oddItem_apme1_21 {
    height: 1.179487rem;
    margin-bottom: .205128rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .153846rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
    border-radius: .205128rem;
    background-color: #f5f5f5;
    position: relative
}

._collapseBody_apme1_83 ._oddItem_apme1_21._selected_apme1_24 {
    background-color: #d6dbee
}

._collapseBody_apme1_83 ._oddItem_apme1_21._up_apme1_139 dd {
    color: #da6472
}

._collapseBody_apme1_83 ._oddItem_apme1_21._up_apme1_139 ._arrow_apme1_142 {
    width: .25641rem
}

._collapseBody_apme1_83 ._oddItem_apme1_21._down_apme1_146 dd {
    color: #47bd4a
}

._collapseBody_apme1_83 ._oddItem_apme1_21._down_apme1_146 ._arrow_apme1_142 {
    width: .25641rem
}

._collapseBody_apme1_83 ._oddItem_apme1_21 ._lockedBox_apme1_153 {
    display: none
}

._collapseBody_apme1_83 ._oddItem_apme1_21 ._closeIcon_apme1_156 {
    width: .410256rem;
    height: .410256rem
}

._collapseBody_apme1_83 ._oddItem_apme1_21._locked_apme1_153:not(._isTopThree_apme1_160, ._isTopTwo_apme1_160) ._oddNameBox_apme1_160 {
    display: none
}

._collapseBody_apme1_83 ._oddItem_apme1_21._locked_apme1_153 ._oddValueBox_apme1_163 {
    display: none
}

._collapseBody_apme1_83 ._oddItem_apme1_21._locked_apme1_153 ._lockedBox_apme1_153 {
    display: inherit
}

._collapseBody_apme1_83 ._oddItem_apme1_21 ._oddNameBox_apme1_160 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

._collapseBody_apme1_83 ._oddItem_apme1_21 ._oddName_apme1_160 {
    font-size: .307692rem;
    line-height: .410256rem;
    color: var(--theme-color);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

html[data-prefers-color-scheme=dark] ._collapseBody_apme1_83 ._oddItem_apme1_21 ._oddName_apme1_160 {
    font-size: .307692rem;
    line-height: .410256rem;
    color: var(--odd-color);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._collapseBody_apme1_83 ._oddItem_apme1_21 ._oddValueBox_apme1_163 {
    display: initial;
    width: 100%;
    color: var(--text-color-6);
    font-size: .410256rem;
    font-weight: 700;
    line-height: .615385rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: PingFang, Roboto, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體
}

._collapseBody_apme1_83 ._oddItem_apme1_21 ._arrow_apme1_142 {
    width: 0;
    height: .25641rem;
    display: inline-block;
    -webkit-transform: translate(-.02667rem);
    -ms-transform: translate(-.02667rem);
    transform: translate(-.02667rem)
}

._collapseBody_apme1_83 ._oddItem_apme1_21._isTopThree_apme1_160 {
    height: 1.025641rem;
    padding: 0 .205128rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

._collapseBody_apme1_83 ._oddItem_apme1_21._isTopThree_apme1_160 ._oddNameBox_apme1_160 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .102564rem
}

._collapseBody_apme1_83 ._oddItem_apme1_21._isTopThree_apme1_160 ._oddValueBox_apme1_163 {
    width: auto
}

._collapseBody_apme1_83 ._oddItem_apme1_21._isTopTwo_apme1_160 {
    height: 1.641026rem;
    gap: .307692rem
}

._collapseBody_apme1_83 ._oddItem_apme1_21._isTopTwo_apme1_160 ._oddNameBox_apme1_160 {
    gap: .410256rem
}

._collapseBody_apme1_83 ._oddItem_apme1_21._isTopTwo_apme1_160 ._oddName_apme1_160 {
    display: none
}

._collapseBody_apme1_83 ._oddItem_apme1_21._isTopTwo_apme1_160 ._oddValueBox_apme1_163 {
    font-size: .358974rem;
    line-height: .410256rem
}

._collapseBody_apme1_83 ._oddItem_apme1_21 ._numberIcon_apme1_231 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

._noDataBox_1763q_10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

._noDataBox_1763q_10 ._content_1763q_18 {
    position: relative;
    width: 100%;
    height: 5.866667rem;
    text-align: center
}

._noDataBox_1763q_10 ._content_1763q_18 ._txt_1763q_24 {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #626571;
    font-size: .373333rem;
    font-weight: 500;
    width: 100%;
    height: .533333rem;
    line-height: .533333rem;
    text-align: center
}

._noDataBox_1763q_10 ._btn_1763q_37 {
    text-align: center;
    width: 3.733333rem;
    height: 1.066667rem;
    line-height: 1.066667rem;
    border: none;
    border-radius: .133333rem;
    background-color: var(--theme-color);
    color: #fff;
    margin-top: .8rem
}

._noNetBox_1wy9p_10 {
    text-align: center;
    padding: 1.333333rem 0
}

._noNetBox_1wy9p_10 img {
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem
}

._noNetBox_1wy9p_10 p {
    color: #626571;
    font-size: .373333rem;
    font-weight: 500;
    line-height: .8rem
}

._noNetBox_1wy9p_10 span {
    display: block;
    margin: .533333rem auto 0;
    width: 3.733333rem;
    height: 1.066667rem;
    line-height: 1.066667rem;
    border-radius: .106667rem;
    font-size: .373333rem;
    color: #fff;
    cursor: pointer;
    background: var(--theme-color)
}

._errorStateWrp_akut8_10 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

._errorStateWrp_akut8_10 ._errorContent_akut8_16 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

._errorStateWrp_akut8_10 ._errorContent_akut8_16 ._img_akut8_23 {
    margin-bottom: .833333rem;
    margin-top: .833333rem
}

._errorStateWrp_akut8_10 ._errorContent_akut8_16 ._tip_akut8_28 {
    color: #626571;
    font-size: .373333rem
}

._errorStateWrp_akut8_10 ._errorContent_akut8_16 ._tip_akut8_28:not(:last-of-type) {
    margin-bottom: .266667rem
}

.chat-container {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.chat-container .chat-room {
    height: 100%
}

#theme-color-night .chat-container {
    background-color: var(--theme-color-card-bg-color)
}

.chat-room {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chat-room .van-notice-bar {
    height: .58667rem;
    background-color: #fff;
    color: var(--theme-color);
    border: none
}

#theme-color-night .chat-room .van-notice-bar {
    background-color: var(--theme-color-card-bg-color)
}

.chat-list.nodata {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.chat-list {
    padding: .213333rem .426667rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth
}

.chat-list .chat-back-bottom {
    width: .72rem;
    height: .72rem;
    background-color: #fff;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: .4rem;
    bottom: 1.6rem;
    z-index: var(--van-back-top-z-index);
    cursor: pointer;
    color: var(--van-back-top-text-color);
    border-radius: var(--van-radius-max);
    -webkit-box-shadow: 0 .05333rem .21333rem rgba(0, 0, 0, .12);
    box-shadow: 0 .05333rem .21333rem rgba(0, 0, 0, .12);
    -webkit-transition: var(--van-duration-base) cubic-bezier(.25, .8, .5, 1);
    transition: var(--van-duration-base) cubic-bezier(.25, .8, .5, 1)
}

.chat-list .chat-back-bottom .van-icon-back-top {
    font-size: .42667rem;
    color: var(--theme-color);
    font-weight: 600;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.chat-list .no-data {
    background-color: transparent
}

.chat-list .broadcast-icon {
    margin-right: .106667rem;
    width: .586667rem;
    height: .586667rem;
    vertical-align: text-bottom
}

.chat-list .message {
    margin-bottom: .213333rem;
    text-align: left
}

.chat-list .message:last-child {
    margin-bottom: 0
}

.chat-list .message.color-gold .time,
.chat-list .message.color-gold .user-name,
.chat-list .message.color-gold .content {
    color: #7d7d7d
}

.chat-list .message .time {
    margin-left: .13333rem
}

.chat-list .message.broadcast .time,
.chat-list .message.broadcast .user-name,
.chat-list .message.broadcast .content {
    color: var(--theme-color)
}

.chat-list .message .author img {
    height: .373333rem;
    margin-right: .053333rem;
    vertical-align: middle
}

.chat-list .message .author .vip-level {
    display: inline-block;
    width: .53333rem;
    height: .53333rem;
    position: absolute;
    vertical-align: middle;
    left: 0
}

.chat-list .message .user-name {
    display: inline-block;
    max-width: 2.986667rem;
    font-size: .32rem;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle
}

.chat-list .message .content {
    display: inline-block;
    font-size: .32rem;
    line-height: .586667rem;
    color: #000;
    padding: .26667rem .21333rem;
    background-color: #f7f7f7;
    border-radius: 0 .4rem .4rem;
    margin-top: .21333rem;
    margin-bottom: .21333rem;
    word-break: break-all
}

.chat-list .message .emoji-img {
    display: inline-block;
    width: 2.133333rem;
    height: 2.133333rem;
    vertical-align: text-top
}

.chat-list .message .order-msg {
    background-color: var(--theme-color);
    color: #fff;
    display: inline-block;
    font-size: var(--van-font-size-sm);
    padding: .10667rem;
    border-radius: .13333rem;
    margin-left: .13333rem
}

.chat-list .vip-icon {
    display: inline-block;
    height: .42667rem;
    font-size: .26667rem;
    background: var(--theme-color);
    color: #fff;
    border-radius: .32rem;
    line-height: .42667rem;
    position: relative;
    padding: .02667rem .21333rem .02667rem .64rem;
    margin-right: .10667rem;
    font-weight: 600
}

.chat-list .vip-icon .svg-icon {
    position: absolute;
    width: .48rem;
    left: 0;
    bottom: 0
}

.chat-list .unread {
    position: fixed;
    right: 0;
    bottom: 2.24rem;
    height: 1.066667rem;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .426667rem;
    z-index: 4;
    border-radius: .533333rem 0 0 .533333rem;
    -webkit-box-shadow: 0 .16rem .426667rem rgba(0, 0, 0, .08);
    box-shadow: 0 .16rem .426667rem rgba(0, 0, 0, .08);
    color: var(--theme-color);
    font-size: .453333rem;
    line-height: .64rem;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.chat-list .unread .icon {
    width: .64rem;
    height: .64rem;
    margin-right: .106667rem
}

.chat_order {
    margin-top: .106667rem;
    position: relative;
    padding: .213333rem .32rem;
    background: #fff;
    border-radius: .26667rem;
    color: #8a8a8d;
    text-align: left;
    width: 7.49333rem;
    padding: .32rem
}

.chat_order .bet-league,
.chat_order .match-time,
.chat_order .bet-team {
    color: #7d7d7d
}

.chat_order .bet-team span {
    color: #000
}

.chat_order .follow {
    margin-top: .26667rem;
    color: var(--theme-color);
    border: 1px solid var(--theme-color)
}

.chat_order .bet-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .53333rem
}

.chat_order .bet-info {
    margin-bottom: .106667rem;
    color: #000;
    background-color: #fdf8fa;
    padding: .26667rem .26667rem .26667rem .53333rem;
    line-height: .53333rem;
    border-radius: .26667rem;
    position: relative
}

.chat_order .bet-info .bet-title {
    font-size: .32rem;
    height: .53333rem;
    line-height: .53333rem;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    color: #7d7d7d;
    background-color: #f3e9eb;
    padding: 0 .16rem;
    border-radius: .26667rem
}

.chat_order .bet-info .section {
    font-size: .32rem;
    height: .53333rem;
    line-height: .53333rem;
    display: inline-block;
    color: #7d7d7d;
    background-color: #fbeaf0;
    padding: 0 .16rem;
    border-radius: .26667rem;
    margin-left: .13333rem
}

.chat_order .bet-info .section .odd {
    color: var(--theme-color)
}

.chat_order .order-status {
    position: absolute;
    top: .21333rem;
    right: .32rem;
    width: .9rem;
    height: .9rem
}

.chat_order .vm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .53333rem
}

.chat_order .bet-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .32rem
}

.chat_order .bet-amount .currency-icon {
    margin-right: .106667rem;
    width: .53333rem;
    height: .53333rem
}

.chat_order .bet-amount b {
    font-weight: 700;
    font-size: .426667rem
}

.chat_order .bet-amount .bet {
    width: 3.813333rem;
    height: 1.06667rem;
    color: #000
}

.chat_order .bet-amount .bet img {
    width: .426667rem;
    height: .426667rem
}

.chat_order .bet-amount .bet b {
    color: #000
}

.chat_order .bet-amount .win {
    text-align: left
}

.chat_order .bet-amount .win b {
    color: var(--theme-color)
}

.chat_order .bet-amount .amount {
    font-size: .34rem
}

.chat_order .divider {
    position: absolute;
    top: .96rem;
    width: .05333rem;
    height: 1.38667rem;
    border-radius: .69333rem;
    background-color: var(--theme-color);
    left: .32rem
}

.chat-list .system-message {
    padding: .26667rem .21333rem;
    background-color: #f7f7f7;
    border-radius: .4rem;
    margin-top: .21333rem;
    margin-bottom: .21333rem;
    line-height: .42667rem;
    word-break: break-all;
    color: #7d7d7d
}

.chat-list .system-message span {
    color: var(--theme-color)
}

#theme-color-night .chat-list.nodata {
    background-color: var(--theme-color-card-bg-color) !important
}

#theme-color-night .chat-list .message .content,
#theme-color-night .chat-list .system-message {
    background-color: var(--theme-color-bg-color-1);
    color: var(--theme-font-color-1)
}

.input-overlay {
    background: none;
    z-index: 3
}

.allowSendMessage {
    background: #fff;
    border-radius: .4rem .4rem 0 0;
    z-index: 1;
    -webkit-box-shadow: 0 .05333rem .32rem rgba(50, 50, 51, .12);
    box-shadow: 0 .05333rem .32rem rgba(50, 50, 51, .12)
}

.wrapper {
    position: relative;
    z-index: 4
}

.wrapper.with-replay .anchor-gift {
    display: none
}

.not-allowed {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.28rem;
    padding: 0 .426667rem;
    color: #000
}

.not-allowed .icon {
    font-size: .5rem;
    margin-right: .16rem
}

.not-allowed .check {
    color: var(--theme-color);
    margin-left: .106667rem
}

.chat-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .21333rem .4rem;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chat-input-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.chat-input-box {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.chat-field {
    padding: .106667rem .96rem .106667rem .32rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .053333rem;
    outline: none;
    border: none;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-size: .32rem;
    line-height: .64rem;
    color: #000;
    background: #f4f3f8;
    border-radius: 2.64rem
}

.chat-field::-webkit-input-placeholder {
    color: #c2c2c2
}

.chat-field::-moz-placeholder {
    color: #c2c2c2
}

.chat-field:-ms-input-placeholder {
    color: #c2c2c2
}

.chat-field::-ms-input-placeholder {
    color: #c2c2c2
}

.chat-field::placeholder {
    color: #c2c2c2
}

.send-icon {
    position: absolute;
    display: none;
    top: .21333rem;
    right: .32rem;
    width: .42667rem;
    height: .42667rem
}

.send-icon.active {
    display: block
}

.svg_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: .213333rem
}

.svg_wrap>.svg-icon {
    width: .8rem;
    height: .8rem
}

.svg_wrap>span {
    font-size: .48rem
}

.keyboard-icon {
    margin-left: .213333rem
}

.btn_bet {
    background: -webkit-gradient(linear, left top, right top, from(#f80069), to(#ff7f50));
    background: -webkit-linear-gradient(left, #f80069 0%, #ff7f50 100%);
    background: linear-gradient(90deg, #f80069 0%, #ff7f50 100%);
    border: .026667rem solid #ffffff;
    border-radius: .213333rem;
    height: .853333rem;
    padding: 0 .32rem;
    font-weight: 600;
    font-size: .373333rem;
    color: #fff;
    margin-left: .213333rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.wrapper.full_width {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.wrapper.full_width .chat-field {
    background: rgba(31, 32, 34, .5);
    color: #fff
}

.wrapper.full_width .chat-field textarea {
    color: #fff
}

.wrapper.full_width .svg_wrap {
    background: rgba(31, 32, 34, .5);
    height: .853333rem;
    width: .853333rem
}

.wrapper.full_width .svg_wrap svg {
    width: .533333rem;
    height: .533333rem
}

.wrapper.full_width .btn_bet {
    display: none
}

.wrapper.fixed {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: #f7f7f7
}

.wrapper.fixed .anchor-gift {
    display: none
}

.wrapper.fixed .chat-field {
    background: #fff
}

.wrapper.fixed .keyboard-icon.active {
    background: none
}

.wrapper.fixed .keyboard-icon.active svg {
    width: .746667rem;
    height: .746667rem
}

.wrapper.inputting {
    background-color: #f7f7f7
}

.wrapper.inputting .anchor-gift,
.wrapper.inputting .btn_bet {
    display: none
}

.select-order {
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem;
    height: 60%;
    background-color: var(--theme-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.select-order .floating-panel__header {
    height: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: -webkit-grab;
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select-order .floating-panel__header .floating-panel__header-bar {
    height: .16rem;
    width: 1.14667rem;
    border-radius: .08rem;
    background: #bdbdbd
}

.select-order .select-content {
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem;
    background-color: var(--theme-color-card-bg-color);
    overflow: auto;
    padding: .64rem;
    height: calc(100% - 1.6rem - .8rem);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.select-order .select-footer {
    padding: .4rem;
    background-color: var(--theme-color-card-bg-color)
}

.select-order .select-footer .submit-btn .adm-button {
    height: 1.06667rem;
    background-color: var(--theme-color);
    color: #fff
}

.select-order .chat_order {
    margin-bottom: .4rem;
    position: relative;
    background-color: var(--theme-color-bg-color-1);
    border-radius: .26667rem;
    color: #8a8a8d;
    text-align: left;
    width: 7.49333rem;
    padding: .32rem;
    border: 1px solid #ededed
}

.select-order .chat_order .bet-league,
.select-order .chat_order .match-time,
.select-order .chat_order .bet-team {
    color: #7d7d7d
}

.select-order .chat_order .bet-team span {
    color: #000
}

.select-order .chat_order .follow {
    margin-top: .26667rem;
    color: var(--theme-color);
    border: 1px solid var(--theme-color)
}

.select-order .chat_order .bet-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .53333rem
}

.select-order .chat_order .bet-info {
    margin-bottom: .106667rem;
    color: #000;
    background-color: #fdf8fa;
    padding: .26667rem .26667rem .26667rem .53333rem;
    line-height: .53333rem;
    border-radius: .26667rem;
    position: relative
}

.select-order .chat_order .bet-info .bet-title {
    font-size: .32rem;
    height: .53333rem;
    line-height: .53333rem;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    color: #7d7d7d;
    background-color: #f3e9eb;
    padding: 0 .16rem;
    border-radius: .26667rem
}

.select-order .chat_order .bet-info .section {
    font-size: .32rem;
    height: .53333rem;
    line-height: .53333rem;
    display: inline-block;
    color: #7d7d7d;
    background-color: #fbeaf0;
    padding: 0 .16rem;
    border-radius: .26667rem;
    margin-left: .13333rem
}

.select-order .chat_order .bet-info .section .odd {
    color: var(--theme-color)
}

.select-order .chat_order .order-status {
    position: absolute;
    top: .21333rem;
    right: .32rem;
    width: .9rem;
    height: .9rem
}

.select-order .chat_order .vm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .53333rem
}

.select-order .chat_order .bet-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: .32rem
}

.select-order .chat_order .bet-amount .currency-icon {
    margin-right: .106667rem;
    width: .53333rem;
    height: .53333rem
}

.select-order .chat_order .bet-amount b {
    font-weight: 700;
    font-size: .426667rem
}

.select-order .chat_order .bet-amount .bet {
    width: 3.813333rem;
    height: 1.06667rem;
    color: #000
}

.select-order .chat_order .bet-amount .bet img {
    width: .426667rem;
    height: .426667rem
}

.select-order .chat_order .bet-amount .bet b {
    color: #000
}

.select-order .chat_order .bet-amount .win {
    text-align: left
}

.select-order .chat_order .bet-amount .win b {
    color: var(--theme-color)
}

.select-order .chat_order .bet-amount .amount {
    font-size: .34rem
}

.select-order .chat_order .divider {
    position: absolute;
    top: .96rem;
    width: .05333rem;
    height: 1.38667rem;
    border-radius: .69333rem;
    background-color: var(--theme-color);
    left: .32rem
}

.select-order .chat_order .van-checkbox {
    position: absolute;
    right: -.8rem;
    top: 0;
    bottom: 0
}

.select-order .chat_order .van-checkbox .van-checkbox__icon .van-icon {
    border-radius: .10667rem
}

#theme-color-night .not-allowed {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-1)
}

#theme-color-night .allowSendMessage {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .allowSendMessage .chat-field {
    background-color: #393939
}

#theme-color-night .chat_order {
    background-color: var(--theme-color-bg-color-1);
    border-color: var(--theme-color-bg-color-1)
}

#theme-color-night .chat_order .bet-info {
    color: var(--theme-font-color-1);
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .chat_order .bet-info .bet-title,
#theme-color-night .chat_order .bet-info .section {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .chat_order .bet-amount .bet {
    color: var(--theme-font-color-1)
}

#theme-color-night .chat_order .bet-amount .bet b,
#theme-color-night .chat_order .bet-team span {
    color: var(--theme-font-color-2)
}

#theme-color-night .chat_order .follow {
    background: none
}

.chat-input-disabled {
    padding: .346667rem .426667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.28rem
}

.chat-input-disabled .prompt {
    margin-right: .16rem;
    width: .64rem;
    height: .64rem;
    fill: var(--theme-font-color-1)
}

.chat-input-disabled .text {
    font-size: .32rem;
    line-height: .586667rem;
    color: #8a8a8d;
    text-align: left
}

.chat-input-disabled .check {
    color: #39f
}

.emoji-picker {
    position: relative;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.emoji-picker .tabs {
    border-bottom: .026667rem solid #f1f1f1
}

.emoji-picker .tabs .tab-item-image {
    width: .586667rem;
    height: .586667rem;
    display: inline-block;
    vertical-align: top
}

.emoji-picker .tabs .tab-item {
    font-size: .586667rem;
    line-height: .586667rem;
    display: inline-block
}

.emoji-picker .tabs .van-tabs__content {
    display: none
}

.emoji-picker .tabs .van-tabs__wrap {
    padding-right: 1.333333rem;
    height: 1.013333rem;
    display: block !important
}

.emoji-picker .tabs .van-tabs__wrap:after {
    border-color: var(--dividing-border3);
    border-top: 0 none
}

.emoji-picker .tabs .van-tabs__wrap .van-tabs__line {
    background-color: var(--theme-color);
    bottom: -.026667rem
}

.emoji-picker .tabs .van-tabs__wrap .van-tabs__nav {
    background-color: #fff;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0
}

.emoji-picker .tabs .van-tabs__wrap .van-tabs__nav .van-tab {
    width: 1.6rem;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: .426667rem
}

.emoji-picker .tabs .van-tabs__wrap .van-tabs__nav .van-tab .van-tab__text {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emoji-picker .emoji-del {
    position: absolute;
    right: .426667rem;
    bottom: .346667rem
}

.emoji-picker .emoji-del .icon {
    width: .56rem;
    height: .426667rem
}

.emoji-picker.isHorizontal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 4.8rem;
    padding: 0 .426667rem
}

.emoji-picker.isHorizontal .emoji-del {
    top: auto;
    bottom: .64rem;
    right: .64rem
}

.emoji-picker.isHorizontal .van-tabs .van-tabs__wrap {
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-right: 0
}

.emoji-picker.isHorizontal .van-tabs .van-tabs__wrap .van-tabs__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 2.133333rem;
    overflow: visible
}

.emoji-picker.isHorizontal .van-tabs .van-tabs__wrap .van-tabs__nav .van-tab {
    width: 100%;
    height: .8rem;
    margin: .213333rem 0
}

.emoji-picker.isHorizontal .van-tabs .van-tabs__wrap .van-tabs__nav .van-tab--active {
    background: #e4e4e4;
    border-radius: 2.666667rem
}

.emoji-picker.isHorizontal .van-tabs .van-tabs__wrap .van-tabs__line {
    display: none
}

.emoji-picker.isHorizontal .stickers {
    width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%
}

.emoji-picker.isHorizontal .stickers .sticker-swipe .stickers-item {
    width: 11.1111111111%
}

.emoji-picker.isHorizontal .stickers.is-img .van-swipe {
    height: 100%
}

.emoji-picker.isHorizontal .stickers.is-img .img-swipe {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.emoji-picker.isHorizontal .stickers.is-img .img-swipe .stickers-item {
    width: 12.5%
}

.stickers {
    height: 5.866667rem;
    background-color: #fff;
    position: relative
}

.stickers .sticker-swipe {
    padding: .4rem .32rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.stickers .sticker-swipe .stickers-item {
    width: 12.5%;
    text-align: center;
    font-size: .8rem;
    height: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.stickers .sticker-swipe .stickers-item:active {
    background: rgba(0, 0, 0, .1)
}

.stickers.is-img .img-swipe {
    padding: .266667rem .32rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.stickers.is-img .img-swipe .stickers-item {
    width: 25%;
    height: 88x;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.stickers.is-img .img-swipe .stickers-item>img {
    display: block;
    width: 1.76rem;
    height: 1.76rem;
    margin: .26667rem
}

.stickers.is-img .img-swipe .stickers-item .s-title {
    font-size: .32rem;
    line-height: .586667rem;
    color: #8a8a8d
}

.stickers .van-swipe {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.stickers .van-swipe__indicators {
    bottom: .533333rem
}

.stickers .van-swipe__indicator {
    border-radius: 2.666667rem;
    background: rgba(0, 0, 0, .3);
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    width: .106667rem;
    height: .106667rem;
    margin-right: .106667rem
}

.stickers .van-swipe__indicator--active {
    width: .48rem;
    background: var(--theme-color)
}

#theme-color-night .emoji-picker,
#theme-color-night .emoji-picker .stickers {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .emoji-picker .tabs,
#theme-color-night .emoji-picker .tabs .van-tabs__wrap,
#theme-color-night .emoji-picker .tabs .van-tabs__wrap .van-tabs__nav {
    background-color: var(--theme-color-card-bg-color)
}

.sport-notice2.van-notice-bar {
    color: var(--theme-font-color-1);
    height: 1.09333rem;
    padding: 0;
    background: none
}

.sport-notice2.van-notice-bar .left-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f5f5;
    width: 1.09333rem;
    height: 1.09333rem;
    border-radius: .26667rem 0 0 .26667rem
}

.sport-notice2.van-notice-bar .left-icon .volume {
    width: .57333rem;
    height: .56rem
}

.sport-notice2.van-notice-bar .left-icon span {
    font-size: var(--van-font-size-sm);
    font-weight: 500;
    color: var(--theme-font-color-1)
}

.sport-notice2.van-notice-bar .van-notice-bar__wrap {
    border-radius: 0 .26667rem .26667rem 0;
    background-color: #f5f5f5;
    margin-left: -.02667rem
}

.sport-notice2.van-notice-bar .right-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f5f5;
    height: 100%;
    width: 1.09333rem;
    height: 1.09333rem;
    margin-left: .26667rem;
    border-radius: .26667rem;
    position: relative
}

.sport-notice2.van-notice-bar .right-icon .unread-count {
    width: .42667rem;
    height: .42667rem;
    background-color: #f15079;
    color: #fff;
    font-size: .32rem;
    position: absolute;
    right: 0;
    top: 0;
    line-height: .42667rem;
    text-align: center;
    border-radius: .42667rem
}

.sport-notice2.van-notice-bar .right-icon .message {
    width: .68rem;
    height: .57333rem
}

.sport-notice2.van-notice-bar .notice-item {
    margin-right: 2.66667rem;
    font-size: var(--van-font-size-sm)
}

.sport-notice2.van-notice-bar .one_item.notice-item {
    display: inline-block;
    min-width: 9.56rem;
    margin-right: 0;
    text-align: right
}

.sport-notice2.van-notice-bar .notice-swipe {
    height: .53333rem;
    line-height: .53333rem
}

.sport-notice2.van-notice-bar .notice-swipe .van-swipe__track--vertical {
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

[data-v-92634cc8]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-92634cc8] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-92634cc8] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-92634cc8] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-92634cc8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-92634cc8] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-92634cc8]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-92634cc8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-92634cc8] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-92634cc8] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-92634cc8]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-92634cc8] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-92634cc8] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-92634cc8]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-92634cc8] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-92634cc8] {
    background-color: #333
}

.amusement-title[data-v-92634cc8] {
    font-size: .34667rem;
    height: .64rem;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.amusement-title .main[data-v-92634cc8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.amusement-title .main .text[data-v-92634cc8] {
    font-size: .4rem
}

.amusement-title .main .icon[data-v-92634cc8]:before {
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .08rem;
    height: .32rem;
    border-radius: .16rem;
    background-color: var(--theme-color);
    margin-right: .16rem
}

.amusement-title .right[data-v-92634cc8] {
    font-size: var(--van-font-size-sm);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400
}

[data-v-eb5b9f27]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-eb5b9f27] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-eb5b9f27] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-eb5b9f27] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-eb5b9f27]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-eb5b9f27] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-eb5b9f27]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-eb5b9f27]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-eb5b9f27] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-eb5b9f27] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-eb5b9f27]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-eb5b9f27] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-eb5b9f27] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-eb5b9f27]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-eb5b9f27] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-eb5b9f27] {
    background-color: #333
}

.collect-status[data-v-eb5b9f27] {
    position: absolute;
    top: .10667rem;
    right: .10667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .58667rem;
    height: .58667rem;
    border-radius: .58667rem;
    z-index: 1;
    background: var(--theme-corner-mark-color)
}

.collect-status .select-icon[data-v-eb5b9f27] {
    width: .37333rem;
    height: .37333rem
}

[data-v-fef8686d]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-fef8686d] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-fef8686d] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-fef8686d] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-fef8686d]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-fef8686d] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-fef8686d]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-fef8686d]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-fef8686d] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-fef8686d] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-fef8686d]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-fef8686d] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-fef8686d] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-fef8686d]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-fef8686d] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-fef8686d] {
    background-color: #333
}

.grid-game[data-v-fef8686d] {
    padding: .21333rem .26667rem 0
}

.grid-game .title-icon[data-v-fef8686d] {
    width: .58667rem;
    margin-right: .05333rem
}

.grid-game .com[data-v-fef8686d] {
    height: .53333rem
}

.grid-game .scrollX[data-v-fef8686d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 9.46667rem
}

.grid-game .scrollX[data-v-fef8686d]::-webkit-scrollbar {
    display: none
}

.grid-game .corner-mark[data-v-fef8686d] {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    padding: 0 .26667rem;
    height: .34667rem;
    border-radius: .24rem 0;
    background: var(--theme-corner-mark-color);
    color: #fff
}

.grid-game .grid-list[data-v-fef8686d] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .26667rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: .02667rem
}

.grid-game .grid-list .flex-row.grid-item[data-v-fef8686d],
.grid-game .grid-list .flex-row.grid-item .grid-item-section[data-v-fef8686d],
.grid-game .grid-list .flex-row.grid-item .grid-item-section .item-img[data-v-fef8686d] {
    width: 100%
}

.grid-game .grid-list .flex-row.grid-item .grid-item-section .item-img .item-logo[data-v-fef8686d] {
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none;
    background-size: cover;
    background-repeat: no-repeat
}

.grid-game .grid-list .flex-row.grid-item .grid-item-section .item-img .item-logo img[data-v-fef8686d] {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.grid-game .grid-list .grid-item[data-v-fef8686d] {
    margin-bottom: .13333rem
}

.grid-game .grid-list .grid-item[data-v-fef8686d]:nth-of-type(2n) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid-game .grid-list .grid-item .model[data-v-fef8686d] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    color: #fff;
    font-size: .32rem;
    border-radius: .4rem .4rem 0 0
}

.grid-game .grid-list .grid-item .model span[data-v-fef8686d] {
    margin: .05333rem
}

.grid-game .grid-list .grid-item .grid-item-section[data-v-fef8686d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    border-radius: .24rem;
    border: 1px solid #e0e0e0;
    position: relative;
    overflow: hidden
}

.grid-game .grid-list .grid-item .grid-item-section .item-img[data-v-fef8686d] {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid-game .grid-list .grid-item .grid-item-section .item-img .img[data-v-fef8686d] {
    width: 100%;
    height: 100%;
    border-radius: .4rem .4rem 0 0;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover
}

.grid-game .grid-list .grid-item .grid-item-section .item-img .img img[data-v-fef8686d] {
    width: 100%;
    height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.grid-game .grid-list .grid-item .grid-item-section .item-big-img.item-img[data-v-fef8686d] {
    width: 100%
}

.grid-game .grid-list .grid-item .grid-item-section .demo[data-v-fef8686d] {
    position: absolute;
    right: .10667rem;
    bottom: .10667rem;
    max-width: 1.12rem;
    height: .48rem;
    border-radius: .24rem;
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
    font-size: .26667rem;
    text-align: center;
    line-height: .48rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.grid-game .grid-list .grid-item .grid-item-section .text-name[data-v-fef8686d] {
    position: absolute;
    width: 100%;
    bottom: .10667rem;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    font-size: .29333rem;
    line-height: .32rem;
    word-break: break-all;
    padding: 0 .26667rem
}

.grid-game .grid-list .grid-item .grid-item-section-3[data-v-fef8686d] {
    width: 3.04rem;
    height: 4.02667rem;
    margin-right: .13333rem
}

.grid-game .grid-list .grid-item .grid-item-section-3.style3[data-v-fef8686d] {
    padding-bottom: 0
}

.grid-game .grid-list .grid-item .grid-item-section-3.style3 .text-name[data-v-fef8686d] {
    position: absolute;
    width: 100%;
    height: .32rem;
    bottom: 0;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    font-size: .26667rem;
    line-height: .32rem;
    word-break: break-all;
    padding: 0 .26667rem;
    background-color: #fff
}

.grid-game .grid-list .grid-item .grid-item-section-3.style3 .demo[data-v-fef8686d] {
    bottom: .42667rem
}

.grid-game .grid-list .grid-item .grid-item-section-4[data-v-fef8686d] {
    width: 2.25333rem;
    height: 2.98133rem;
    margin-right: .13333rem
}

.grid-game .grid-list .grid-item .grid-item-section-4.style3[data-v-fef8686d] {
    padding-bottom: 0
}

.grid-game .grid-list .grid-item .grid-item-section-4.style3 .text-name[data-v-fef8686d] {
    position: absolute;
    width: 100%;
    height: .32rem;
    bottom: 0;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    font-size: .26667rem;
    line-height: .32rem;
    word-break: break-all;
    padding: 0 .26667rem;
    background-color: #fff
}

.grid-game .grid-list .grid-item .grid-item-section-4.style3 .demo[data-v-fef8686d] {
    bottom: .42667rem
}

.grid-game .grid-list .grid-item.col-3:nth-child(3n) .grid-item-section-3[data-v-fef8686d] {
    margin-right: 0rem
}

.grid-game .grid-list .grid-item.col-4:nth-child(4n) .grid-item-section-4[data-v-fef8686d] {
    margin-right: 0rem
}

.grid-game .grid-list[data-v-fef8686d]:last-of-type {
    margin-right: 0rem
}

.grid-game .more[data-v-fef8686d] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid-game .casino-menu-7[data-v-fef8686d] {
    width: .64rem;
    height: .64rem
}

.grid-game .ico-clear[data-v-fef8686d] {
    width: .69333rem
}

.grid-game .prev-btn[data-v-fef8686d] {
    width: 1.01333rem;
    height: .64rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #f1f1f1;
    color: var(--theme-color);
    font-weight: 600;
    border-radius: .32rem 0 0 .32rem
}

.grid-game .next-btn[data-v-fef8686d] {
    width: 1.01333rem;
    height: .64rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #f1f1f1;
    color: var(--theme-color);
    font-weight: 600;
    border-radius: 0 .32rem .32rem 0;
    border-left: none
}

.grid-game .prev-btn .svg-icon[data-v-fef8686d],
.grid-game .next-btn .svg-icon[data-v-fef8686d] {
    width: .32rem;
    height: .32rem
}

.grid-game .prev-btn.disabled[data-v-fef8686d],
.grid-game .next-btn.disabled[data-v-fef8686d] {
    color: #999
}

#theme-color-night .grid-game .grid-list .grid-item section .text-name {
    background-color: #1f1f1f
}

[data-v-399d8279]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-399d8279] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-399d8279] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-399d8279] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-399d8279]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-399d8279] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-399d8279]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-399d8279]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-399d8279] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-399d8279] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-399d8279]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-399d8279] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-399d8279] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-399d8279]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-399d8279] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-399d8279] {
    background-color: #333
}

.grid-item-4[data-v-399d8279] {
    width: 10rem;
    height: 7.1679rem
}

.grid-item-3[data-v-399d8279] {
    width: 10rem;
    height: 9.2523rem
}

.home-page {
    width: 100%;
    min-height: 100%;
    padding-top: 1.27333rem;
    padding-bottom: 2.4rem;
    background-color: #fff
}

.home-page .top-menu {
    width: 100%;
    white-space: nowrap;
    background: none;
    overflow-x: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .26667rem
}

.home-page .top-menu::-webkit-scrollbar {
    display: none
}

.home-page .top-menu .top-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.42667rem;
    height: 1.46667rem;
    margin-right: .13333rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f5f5;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: .26667rem
}

.home-page .top-menu .top-menu-item .icon-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-page .top-menu .top-menu-item .icon-box .icon {
    height: .74667rem;
    margin-bottom: .10667rem
}

.home-page .top-menu .top-menu-item p {
    min-width: 100%;
    color: #000;
    text-align: center;
    font-size: .28rem;
    padding: 0 .05333rem
}

.home-page .top-menu .top-menu-item.active {
    border: 1px solid var(--theme-color)
}

.home-page .sport-notice2 {
    margin: 0 .4rem .133rem
}

.home-page .no_casino {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .53333rem
}

.home-page .no_casino .no-data {
    margin-top: .53333rem
}

.home-page .no_casino p {
    margin-bottom: .4rem
}

.home-page .no_casino span {
    color: var(--theme-color);
    text-decoration: underline;
    margin-top: .53333rem
}

.home-page .sport-notice {
    background-color: #f5f5f5;
    border-radius: .4rem;
    margin: 0 .4rem .42667rem
}

.home-page .van-swipe.home-swipe {
    width: calc(100% - .53333rem);
    height: 2.933rem;
    margin: 0 .26667rem .133rem;
    border-radius: .4rem
}

.home-page .van-swipe.home-swipe .van-swipe-item .main-banner {
    height: 2.933rem;
    position: relative;
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-page .van-swipe.home-swipe .van-swipe-item .banner-content {
    z-index: 2;
    width: 58%
}

.home-page .van-swipe.home-swipe .van-swipe-item .banner-content h2 {
    color: var(--theme-color);
    font-size: .42667rem;
    padding-left: .53333rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .42667rem;
    max-height: 1.54667rem
}

.home-page .van-swipe.home-swipe .van-swipe-item .banner-content p {
    font-size: .37333rem;
    margin-top: .26667rem;
    padding-left: .53333rem;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .37333rem;
    max-height: 1.38667rem
}

.home-page .van-swipe.home-swipe .van-swipe-item .banner-image {
    max-width: 40%;
    max-height: 100%;
    height: auto;
    position: absolute;
    right: .26667rem
}

.home-page .van-swipe.home-swipe .van-swipe__indicator {
    background-color: #ebedf0;
    opacity: 1
}

.home-page .van-swipe.home-swipe .van-swipe__indicator.van-swipe__indicator--active {
    background-color: var(--theme-color)
}

.home-page .home-banner {
    width: calc(100% - .53333rem);
    margin: 0 .26667rem .133rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-page .home-banner.card-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.home-page .home-banner.card-section.col-3 .card {
    width: 3.06667rem;
    height: 1.396rem
}

.home-page .home-banner .card {
    width: 4.66667rem;
    height: 1.37333rem;
    border-radius: .26667rem;
    -webkit-box-shadow: 0 .05333rem .13333rem rgba(0, 0, 0, .1);
    box-shadow: 0 .05333rem .13333rem rgba(0, 0, 0, .1);
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .26667rem;
    position: relative
}

.home-page .home-banner .card img {
    max-width: 40%;
    max-height: 100%;
    height: auto;
    position: absolute;
    right: .13333rem
}

.home-page .home-banner .card-text {
    width: 58%;
    z-index: 2
}

.home-page .home-banner .card-text h3 {
    font-size: .34667rem;
    color: var(--theme-color);
    margin-bottom: .05333rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .34667rem;
    max-height: .69333rem
}

.home-page .home-banner .card-text p {
    font-size: .29333rem;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .29333rem;
    max-height: .58667rem
}

.home-page.show-download {
    padding-top: 2.44667rem
}

.home-page.show-download .van-tabs__wrap {
    top: 2.29333rem
}

#theme-color-night .home-page,
#theme-color-night .van-tabs__wrap {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .home-page .top-menu-item,
#theme-color-night .sport-notice2.van-notice-bar .van-notice-bar__wrap,
#theme-color-night .sport-notice2.van-notice-bar .left-icon,
#theme-color-night .sport-notice2.van-notice-bar .right-icon {
    background: #2c2c2c
}

#theme-color-night .home-page .top-menu .van-tab--active .top-menu-item p {
    color: var(--theme-font-color-2);
    background-color: var(--theme-color)
}

#theme-color-night .home-page .top-menu .top-menu-item p {
    color: var(--theme-font-color-1)
}

#theme-color-night .home-page .sport-notice {
    background-color: #2c2c2c
}

#theme-color-night .home-page .van-swipe.home-swipe .van-swipe__indicator {
    background-color: #2c2c2c;
    opacity: .8
}

#theme-color-night .home-page .van-swipe.home-swipe .van-swipe__indicator.van-swipe__indicator--active {
    background-color: var(--theme-color);
    opacity: 1
}

.sport-menu {
    background-color: var(--theme-color-card-bg-color);
    border-radius: .4rem .4rem 0 0;
    overflow: hidden;
    position: relative;
    padding-top: .85333rem;
    z-index: 4
}

.sport-menu .tabs.show-notice {
    top: 2.50667rem
}

.sport-menu .tabs.show-download {
    top: 2.61333rem
}

.sport-menu .tabs.show-download.show-notice {
    top: calc(2.61333rem + var(--van-notice-bar-height))
}

.sport-menu .van-popover__wrapper {
    border-radius: .4rem 0 0;
    background-color: var(--theme-color-card-bg-color);
    color: #fff;
    z-index: 1
}

.sport-menu .van-popover__wrapper .switching .svg-icon {
    width: .2rem;
    margin-left: .05rem
}

.sport-menu .tabs {
    height: .85333rem;
    font-size: .34667rem;
    color: #8a8a8d;
    background-color: var(--theme-color-card-bg-color);
    position: fixed;
    min-width: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    top: 1.44rem;
    z-index: 10;
    width: 10rem
}

.sport-menu .tabs:before {
    display: block;
    content: " ";
    height: .85333rem;
    width: 10rem;
    position: absolute;
    top: 0;
    background-color: var(--theme-color-page-bg-color)
}

.sport-menu .tabs .right-warp {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto
}

.sport-menu .tabs .right-warp::-webkit-scrollbar {
    display: none
}

.sport-menu .tabs .tab-item {
    background-color: var(--theme-color-card-bg-color);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: normal;
    line-height: .85333rem;
    height: 100%;
    cursor: pointer;
    font-size: .34667rem;
    min-width: 1.6rem;
    position: relative;
    text-align: center
}

.sport-menu .tabs .tab-item:last-of-type {
    border-radius: 0 .4rem 0 0
}

.sport-menu .tabs .tab-item:last-of-type:before {
    display: none
}

.sport-menu .tabs .first-tab-item {
    border-radius: .4rem 0 0;
    max-width: 2.66667rem;
    min-width: 2rem;
    background-color: var(--theme-color-card-bg-color);
    color: #fff
}

.sport-menu .tabs .first-tab-item:before {
    display: block;
    content: " ";
    height: .85333rem;
    width: 10rem;
    position: absolute;
    top: 0;
    background-color: var(--theme-color-card-bg-color)
}

.sport-menu .tabs .first-tab-item .van-popover__wrapper {
    border-radius: .4rem 0;
    background-color: var(--theme-color);
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sport-menu .tabs .first-tab-item .van-popover__wrapper span {
    min-width: 1.73333rem;
    height: 100%;
    padding-right: .13333rem;
    font-size: var(--van-font-size-sm);
    display: inline-block
}

.sport-menu .tabs .first-tab-item .van-popover__wrapper span:after {
    position: absolute;
    border: 3px solid;
    border-color: transparent transparent #fff #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
    margin-left: .13333rem;
    margin-top: -.13333rem;
    right: .13333rem;
    top: .4rem
}

.sport-menu .tabs .first-tab-item:before {
    display: none !important
}

.sport-menu .tabs .arrow-right.first-tab-item .van-popover__wrapper span:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -.06rem
}

.sport-menu .tabs .tab-item:before {
    content: " ";
    display: block;
    width: .013333rem;
    height: .37333rem;
    background: var(--theme-color-border-color);
    position: absolute;
    top: .24rem;
    right: 0
}

.sport-menu .tabs .tab-item.active {
    color: var(--theme-color);
    font-weight: 600
}

.sport-menu .tabs .tab-item.active .svg-icon {
    position: absolute;
    right: .12rem;
    top: 0;
    width: .37333rem;
    height: .34667rem;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.sport-menu .list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 .213333rem;
    height: 1.6rem;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.sport-menu .list p {
    margin-right: .106667rem;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .21333rem;
    padding: .21333rem .13333rem;
    text-align: left
}

.sport-menu .list p .icon {
    display: block;
    line-height: 1
}

.sport-menu .list p .icon svg {
    width: .8rem;
    height: .8rem
}

.sport-menu .list p .count {
    width: .8rem;
    position: absolute;
    line-height: .453333rem;
    text-align: center;
    font-size: .32rem;
    color: #8a8a8d;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 600
}

.sport-menu .list p .count small {
    font-size: .266667rem
}

.sport-menu .list p.active {
    border: .04rem solid var(--theme-color)
}

.sport-menu .list p.active .count {
    color: var(--theme-color)
}

.sport-menu .list .sport-tab-item {
    width: 1.52rem;
    height: 1.28rem;
    position: relative
}

.sport-menu .list .sport-tab-item .collect-ico {
    width: 1.06667rem;
    height: 1.06667rem
}

.sport-menu .list .sport-tab-item .euro-ico {
    width: .77333rem;
    height: .93333rem
}

.sport-menu .date-filter_wrapper {
    -webkit-overflow-scrolling: touch;
    background-color: var(--bg-secondary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    padding: 0 .26667rem .21333rem
}

.sport-menu .button-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: .58667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .37333rem;
    height: 1.17333rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    min-width: 1.86667rem;
    outline: none;
    padding: 0 .26667rem;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto
}

.sport-menu .button-wrapper.primary {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

.sport-menu .date-filter_wrapper .interval-item {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: .13333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666 !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: var(--van-font-size-sm);
    height: .90667rem;
    min-width: 1.6rem;
    text-decoration: none;
    border: 1px solid #f5f5f5
}

.sport-menu .date-filter_wrapper .interval-item.active {
    background-color: var(--theme-color);
    color: #fff !important
}

.sport-menu .date-filter_wrapper>:not(:first-child) {
    margin-left: .13333rem
}

.sport-menu .date-filter_wrapper .interval-item>:not(:first-child) {
    margin-top: .08rem
}

.sport-menu .date-filter_wrapper .interval-item>div:nth-of-type(2) {
    font-size: .26667rem
}

#theme-color-night .sport-menu .tabs .tab-item.active,
#theme-color-night .sport-menu .tabs .first-tab-item {
    color: #fff
}

#theme-color-night .sport-menu .list p.active .count {
    color: var(--theme-color)
}

#theme-color-night .sport-menu .date-filter_wrapper .interval-item {
    border-color: var(--theme-color-bg-color-1);
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .sport-menu .date-filter_wrapper .interval-item.active {
    border-color: var(--theme-color);
    background-color: var(--theme-color)
}

#theme-color-night .sport-menu .tabs .tab-item:before {
    background-color: #8a8a8d
}

[data-v-73a2357a]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-73a2357a] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-73a2357a] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-73a2357a] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-73a2357a]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-73a2357a] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-73a2357a]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-73a2357a]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-73a2357a] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-73a2357a] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-73a2357a]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-73a2357a] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-73a2357a] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-73a2357a]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-73a2357a] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-73a2357a] {
    background-color: #333
}

.custom-nav-bar .icon[data-v-73a2357a] {
    width: .7rem;
    height: .7rem
}

[data-v-f1bdd0cf]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-f1bdd0cf] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-f1bdd0cf] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-f1bdd0cf] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-f1bdd0cf]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-f1bdd0cf] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-f1bdd0cf]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-f1bdd0cf]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-f1bdd0cf] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-f1bdd0cf] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-f1bdd0cf]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-f1bdd0cf] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-f1bdd0cf] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-f1bdd0cf]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-f1bdd0cf] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-f1bdd0cf] {
    background-color: #333
}

.my-search[data-v-f1bdd0cf] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: var(--van-search-padding);
    background: var(--van-search-background);
    font-weight: 300
}

.my-search--show-action[data-v-f1bdd0cf] {
    padding-right: 0
}

.my-search__content[data-v-f1bdd0cf] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: var(--van-padding-sm);
    background: var(--van-search-content-background);
    border-radius: var(--van-radius-sm)
}

.my-search__content--round[data-v-f1bdd0cf] {
    border-radius: var(--van-radius-max)
}

.my-cell[data-v-f1bdd0cf] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);
    overflow: hidden;
    color: var(--van-cell-text-color);
    font-size: var(--van-cell-font-size);
    line-height: var(--van-cell-line-height);
    background: var(--van-cell-background)
}

.my-field[data-v-f1bdd0cf] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.my-search__field[data-v-f1bdd0cf] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 var(--van-padding-xs) 0 0;
    height: var(--van-search-input-height);
    background-color: transparent
}

.my-field__left-icon[data-v-f1bdd0cf] {
    margin-right: var(--van-padding-base)
}

.my-search__field .my-field__left-icon[data-v-f1bdd0cf] {
    color: var(--van-search-left-icon-color)
}

.my-search__field .my-field__left-icon .van-icon[data-v-f1bdd0cf] {
    display: block;
    font-size: var(--van-field-icon-size);
    line-height: inherit
}

.my-cell__title[data-v-f1bdd0cf],
.my-cell__value[data-v-f1bdd0cf] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.my-cell__value[data-v-f1bdd0cf] {
    position: relative;
    overflow: hidden;
    color: var(--van-cell-value-color);
    text-align: right;
    vertical-align: middle;
    word-wrap: break-word
}

.my-field__value[data-v-f1bdd0cf] {
    overflow: visible
}

.my-field__body[data-v-f1bdd0cf] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.my-field__control[data-v-f1bdd0cf] {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--van-field-input-text-color);
    line-height: inherit;
    text-align: left;
    background-color: transparent;
    border: 0;
    resize: none;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.my-field__control[type=search][data-v-f1bdd0cf] {
    -webkit-appearance: none
}

.my-search__action[data-v-f1bdd0cf] {
    padding: var(--van-search-action-padding);
    color: var(--van-search-action-text-color);
    font-size: var(--van-search-action-font-size);
    line-height: var(--van-search-input-height);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.my-badge__wrapper[data-v-f1bdd0cf] {
    position: relative;
    display: inline-block
}

[data-v-9ee24310]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-9ee24310] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-9ee24310] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-9ee24310] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-9ee24310]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-9ee24310] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-9ee24310]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-9ee24310]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-9ee24310] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-9ee24310] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-9ee24310]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-9ee24310] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-9ee24310] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-9ee24310]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-9ee24310] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-9ee24310] {
    background-color: #333
}

.field-container[data-v-9ee24310] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.inputBox.required .labelTitle[data-v-9ee24310]:before {
    margin-right: .05333rem;
    color: var(--van-field-required-mark-color);
    content: "*"
}

.inputBox[data-v-9ee24310] {
    width: 100%;
    position: relative;
    border-radius: .13333rem;
    border: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inputBox input.code[data-v-9ee24310] {
    width: 2.85333rem;
    margin-right: .26667rem
}

.inputBox input.isLeftIcon[data-v-9ee24310] {
    padding-left: 1.06667rem
}

.inputBox input.isRightIcon[data-v-9ee24310] {
    padding-right: 1.33333rem
}

.inputBox input.show-clear[data-v-9ee24310] {
    padding-right: .93333rem
}

.inputBox input.isRightIcon.show-clear[data-v-9ee24310] {
    padding-right: 1.86667rem
}

.inputBox input.isRightIcon.isActionIcon[data-v-9ee24310] {
    padding-right: 2.66667rem
}

.inputBox input[data-v-9ee24310] {
    width: 100%;
    height: 1.38667rem;
    outline: none;
    padding: .26667rem .4rem 0;
    border: none;
    border-radius: .69333rem;
    border: 1px solid #eeeeee;
    color: var(--theme-font-color-3);
    font-size: .34667rem;
    line-height: .74667rem;
    font-weight: 400
}

.inputBox input.error[data-v-9ee24310] {
    border-color: var(--theme-color)
}

.inputBox input[data-v-9ee24310]:focus {
    outline: none;
    border: 1px solid var(--theme-color)
}

.inputBox input:focus.error[data-v-9ee24310] {
    border-color: var(--theme-color)
}

.inputBox input:focus+.labelBox .labelTitle[data-v-9ee24310],
.inputBox input.inputActive+.labelBox .labelTitle[data-v-9ee24310] {
    font-size: .26667rem;
    line-height: .56rem;
    color: #bbb;
    -webkit-transform: translate(0, -70%);
    -ms-transform: translate(0, -70%);
    transform: translateY(-70%)
}

.inputBox input:focus+.labelBox .labelTitle[data-v-9ee24310] {
    border-color: #eee;
    color: #bbb
}

.inputBox .labelBox[data-v-9ee24310] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 3px solid transparent;
    background-color: transparent;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    padding: .13333rem
}

.inputBox .labelBox.none[data-v-9ee24310] {
    display: none
}

.inputBox .labelTitle.isLeftIcon[data-v-9ee24310] {
    margin-left: .8rem
}

.inputBox .labelTitle.isRightIcon[data-v-9ee24310] {
    margin-right: 1.06667rem
}

.inputBox .labelTitle[data-v-9ee24310] {
    display: inline-block;
    font-size: var(--van-font-size-sm);
    padding: 0 .26667rem;
    background-color: transparent;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    color: #bbb;
    -webkit-transition: -webkit-transform .15s ease-out, font-size .15s ease-out, background-color .2s ease-out, color .15s ease-out;
    -webkit-transition: font-size .15s ease-out, background-color .2s ease-out, color .15s ease-out, -webkit-transform .15s ease-out;
    transition: font-size .15s ease-out, background-color .2s ease-out, color .15s ease-out, -webkit-transform .15s ease-out;
    transition: transform .15s ease-out, font-size .15s ease-out, background-color .2s ease-out, color .15s ease-out;
    transition: transform .15s ease-out, font-size .15s ease-out, background-color .2s ease-out, color .15s ease-out, -webkit-transform .15s ease-out
}

.inputBox .code-view[data-v-9ee24310] {
    margin: auto 0;
    margin-right: .26667rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.inputBox .prependIcon[data-v-9ee24310] {
    position: absolute;
    height: 1.33333rem;
    width: 1.06667rem;
    top: .02667rem;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inputBox .appendIcon.actionIcon[data-v-9ee24310] {
    position: absolute;
    height: 1.33333rem;
    width: 2.66667rem;
    top: .02667rem;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.inputBox .appendIcon[data-v-9ee24310] {
    position: absolute;
    height: 1.33333rem;
    width: 1.33333rem;
    top: .02667rem;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inputBox .clear[data-v-9ee24310] {
    position: absolute;
    height: 1.33333rem;
    width: .53333rem;
    top: .02667rem;
    right: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .53333rem;
    color: #bbb
}

.inputBox .clear.show-right-icon[data-v-9ee24310] {
    right: 1.33333rem
}

.inputBox .clear.show-action-icon[data-v-9ee24310] {
    right: 2.66667rem
}

.inputBox .fieldHint[data-v-9ee24310] {
    font-size: var(--van-font-size-sm);
    text-align: left;
    white-space: nowrap;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .32rem;
    top: 1.38667rem;
    left: 0;
    color: var(--theme-color)
}

.inputBox .fieldHint .error-msg[data-v-9ee24310] {
    font-size: var(--van-font-size-sm);
    height: .48rem;
    padding-top: .26667rem;
    padding-left: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inputBox .fieldHint .error-msg .svg-icon[data-v-9ee24310] {
    width: .37333rem;
    height: .37333rem;
    margin-right: .13333rem
}

.inputBox.noField input[data-v-9ee24310] {
    padding-top: 0
}

.inputBox.noField input[data-v-9ee24310]:focus {
    outline: none;
    border: 1px solid var(--theme-color)
}

.inputBox.noField input:focus+.labelBox .labelTitle[data-v-9ee24310],
.inputBox.noField input.inputActive+.labelBox .labelTitle[data-v-9ee24310] {
    font-size: .26667rem;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0)
}

.inputBox.noField .labelTitle[data-v-9ee24310] {
    font-size: var(--van-font-size-sm);
    padding: 0 .26667rem;
    background-color: transparent;
    -webkit-transform: translate(0%);
    -ms-transform: translate(0%);
    transform: translate(0);
    color: #bbb
}

.inputBox.mbNone[data-v-9ee24310] {
    margin-bottom: 0
}

.border-input.van-cell-group {
    border: none;
    margin-bottom: .426667rem
}

.border-input.van-cell-group:after {
    border: 0
}

#theme-color-night .border-input.van-cell-group .van-field {
    background-color: #393939;
    border-color: #393939
}

.fb-sport-filter {
    width: 100%;
    height: 100%;
    font-size: .32rem;
    color: var(--theme-font-color-1);
    text-align: left;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fb-sport-filter * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fb-sport-filter .filter-content {
    width: 100%;
    background: var(--theme-color-page-bg-color);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.fb-sport-filter .filter-content .none {
    display: none
}

.fb-sport-filter .filter-content .label {
    padding: 0 .32rem;
    color: #000
}

.fb-sport-filter .filter-content .label.mt {
    margin-top: .266667rem
}

.fb-sport-filter .filter-content .all-league {
    height: 100%;
    padding-left: .133333rem
}

.fb-sport-filter .filter-content .all-league .league-select {
    width: 94%;
    height: .96rem;
    margin-bottom: .106667rem;
    border-radius: .666667rem;
    padding-left: .266667rem;
    font-size: .32rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: var(--theme-color-card-bg-color)
}

.fb-sport-filter .filter-content .all-league .league-select .leagueIcon {
    width: .426667rem;
    height: .426667rem;
    margin-right: .106667rem;
    vertical-align: text-top
}

.fb-sport-filter .filter-content .all-league .leagueInfo {
    width: 8.533333rem;
    font-size: .32rem;
    color: var(--theme-font-color-1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle
}

.fb-sport-filter .filter-content .all-league .van-index-bar__sidebar {
    right: .133333rem
}

.fb-sport-filter .filter-content .all-league .van-index-bar__sidebar .van-index-bar__index {
    font-size: .32rem;
    padding: .106667rem .133333rem
}

.fb-sport-filter .filter-content .all-league .van-index-bar__sidebar .van-index-bar__index.van-index-bar__index--active {
    border-radius: 50%;
    background: var(--theme-color);
    color: #fff
}

.fb-sport-filter .filter-footer {
    z-index: 5;
    width: 100%;
    height: 2rem;
    background: var(--theme-color-card-bg-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fb-sport-filter .filter-footer .confirm,
.fb-sport-filter .filter-footer .all-checked {
    width: 4.48rem;
    height: 1.06667rem;
    border-radius: .53333rem;
    font-size: .32rem;
    color: #2b2b2b;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fb-sport-filter .filter-footer .all-checked {
    border: .026667rem solid var(--theme-color);
    color: var(--theme-color)
}

.fb-sport-filter .filter-footer .confirm {
    background: var(--theme-color);
    color: #fff
}

.fb-sport-filter .van-checkbox .van-checkbox__icon .van-icon {
    width: .426667rem;
    height: .426667rem;
    border: .053333rem solid #d1d1d1;
    border-radius: .10667rem
}

.fb-sport-filter .van-checkbox .van-checkbox__icon--checked .van-icon {
    background: var(--theme-color);
    border-color: var(--theme-color);
    position: relative
}

.fb-sport-filter .van-checkbox .van-checkbox__icon--checked .van-icon:before {
    position: absolute;
    top: -.053333rem;
    left: 0
}

.fb-sport-filter .van-index-anchor--sticky {
    background: #e5e5e5;
    color: #000
}

.fb-sport-filter .van-index-anchor {
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .426667rem;
    color: var(--theme-font-color-1);
    font-weight: 500;
    font-size: .32rem;
    line-height: .853333rem;
    background-color: transparent
}

.fb-sport-filter .van-checkbox__label {
    margin-left: .213333rem;
    color: var(--theme-font-color-1);
    line-height: .533333rem
}

.fb-sport-filter .van-index-bar__index {
    padding: 0 .106667rem 0 .426667rem;
    font-weight: 500;
    font-size: .266667rem;
    line-height: .373333rem
}

.fb-sport-filter .van-index-bar__sidebar {
    position: absolute;
    right: 0;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.search-result-match {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .26667rem .4rem;
    background-color: #fff;
    border-radius: .13333rem
}

.search-result-match .van-icon-arrow {
    color: #b8b8b8;
    font-size: .38rem;
    margin-left: .2rem
}

.search-result-match .team-name {
    font-size: var(--van-font-size-sm)
}

.search-result-match .flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.search-result-match .top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #b8b8b8;
    line-height: .6rem
}

.search-result-match .bottom {
    line-height: .6rem
}

.search-result-match .bottom .search-match-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search-result-match .score {
    font-size: .32rem;
    font-weight: 600
}

.search-result-match .ellipsis-2-lines {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.search-result-match .ellipsis-2-lines {
    -webkit-line-clamp: 2
}

#theme-color-night .search-result-match {
    background-color: var(--theme-color-page-bg-color)
}

.search-result-sports {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.search-result-list {
    padding-bottom: 2.66667rem
}

.search-result-sports .no-box {
    padding-top: 0
}

.search-page {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    color: #666;
    font-size: var(--van-font-size-sm);
    padding-top: var(--van-nav-bar-height);
    font-weight: 400
}

.search-page .content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.search-page .search-bar .search-bar-history {
    margin: .21333rem .10667rem;
    border-radius: .21333rem;
    padding: .32rem .21333rem;
    padding-top: 0;
    padding-bottom: 0
}

.search-page .search-bar .search-bar-history .history-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-page .search-bar .search-bar-history .history-title .svg-icon {
    width: .53333rem;
    height: .53333rem
}

.search-page .search-bar .history-list {
    padding-top: .42667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.search-page .search-bar .histories_popular {
    padding: .26667rem .26667rem .13333rem
}

.search-page .search-bar .histories_popular>div {
    padding-left: .13333rem
}

.search-page .search-bar .histories_popular .histories_popular-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-page .search-bar .histories_popular .histories_title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--van-font-size-sm);
    height: .53333rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: .48rem
}

.search-page .search-bar .histories_popular .histories_word {
    color: #666;
    font-size: var(--van-font-size-sm);
    line-height: 1;
    margin-bottom: .4rem;
    width: 50%
}

.search-page .search-bar .history-list .history-item {
    padding: .05333rem .32rem;
    margin-right: .21333rem;
    margin-bottom: .21333rem;
    border-radius: .61333rem;
    background: #edeef1
}

.search-page .search-bar .empty-history {
    line-height: 5em;
    text-align: center
}

.search-page .search-league-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.28rem;
    padding-top: .21333rem;
    padding-bottom: .21333rem
}

.search-page .search-league-detail:last-of-type {
    border-bottom: none
}

.search-page .search-league-detail .league-icon {
    margin-right: .10667rem;
    border-radius: 50%;
    overflow: hidden
}

.search-page .search-league-detail .league-name {
    line-height: 1
}

.search-page .search-league-detail .league-into,
.search-page .search-league-detail .league-matche {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search-page .search-league-detail .league-matche .league-count {
    background-color: #ea3443;
    border-radius: .05333rem;
    padding: .05333rem .10667rem .02667rem;
    font-size: .8em;
    font-weight: 700;
    line-height: 1;
    margin-right: .10667rem
}

.search-page .search-leagues {
    border-radius: .21333rem;
    overflow: hidden
}

.search-page .search-leagues,
.search-page .search-leagues .ui-collapse-title {
    position: relative
}

.search-page .search-leagues .ui-collapse-title:before {
    content: "";
    background: #2b50e7;
    width: .10667rem;
    height: .66667rem;
    border-radius: 0 .24rem .24rem 0;
    position: absolute;
    left: 0;
    top: .18667rem
}

.search-page .search-page {
    padding-bottom: .21333rem
}

.search-page .search-page .search-main {
    padding: .42667rem .10667rem 0;
    margin-bottom: .21333rem
}

.search-page .search-page .leagues-main {
    margin: 0 .21333rem;
    -webkit-box-shadow: 0 .16rem .42667rem rgba(0, 0, 0, .08);
    box-shadow: 0 .16rem .42667rem rgba(0, 0, 0, .08);
    border-radius: .21333rem
}

.search-page .van-nav-bar {
    overflow: hidden
}

.search-page .van-nav-bar .van-nav-bar__title {
    width: 8.53333rem !important;
    max-width: 8.53333rem !important;
    margin-left: 1.46667rem
}

.search-page .van-nav-bar .van-nav-bar__title .van-search {
    height: var(--van-nav-bar-height)
}

.search-page .van-nav-bar .van-search__action {
    padding-left: 0;
    padding-right: .53333rem
}

.search-page .van-nav-bar .van-dropdown-menu .van-dropdown-menu__title {
    font-size: var(--van-font-size-sm);
    font-weight: 400
}

.search-page .van-nav-bar .van-dropdown-menu .van-dropdown-menu__bar {
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-page .van-nav-bar .van-dropdown-menu .van-dropdown-item__content {
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

#theme-color-night .search-page,
#theme-color-night .search-page .van-nav-bar,
#theme-color-night .search-page .van-nav-bar .my-search {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .search-page .van-nav-bar .my-search .my-search__content {
    background-color: #393939
}

#theme-color-night .search-page .van-nav-bar .my-search .van-dropdown-menu__bar {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .search-bar .history-list .history-item {
    background-color: var(--theme-color-card-bg-color);
    color: var(--theme-font-color-1)
}

[data-v-c6e7794a]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-c6e7794a] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-c6e7794a] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-c6e7794a] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-c6e7794a]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-c6e7794a] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-c6e7794a]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-c6e7794a]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-c6e7794a] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-c6e7794a] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-c6e7794a]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-c6e7794a] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-c6e7794a] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-c6e7794a]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-c6e7794a] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-c6e7794a] {
    background-color: #333
}

.simple-header[data-v-c6e7794a] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--theme-color-card-bg-color);
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 1.01333rem;
    padding: 0 .26667rem;
    position: relative;
    z-index: 1
}

.simple-header .arrow[data-v-c6e7794a] {
    width: .72rem;
    height: .72rem;
    border: 1px solid #ebebeb;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .72rem
}

.simple-header .arrow .svg-icon[data-v-c6e7794a] {
    width: .37333rem;
    height: .37333rem
}

.simple-header .ball-icon[data-v-c6e7794a] {
    width: .58667rem;
    height: .58667rem
}

.simple-header .rotate180[data-v-c6e7794a] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.simple-header .leftSide[data-v-c6e7794a] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .34667rem;
    font-weight: 600
}

.simple-header .leftSide>div[data-v-c6e7794a] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.simple-header .leftSide[data-v-c6e7794a]>:not(:last-child) {
    margin-right: .26667rem
}

.simple-header .rightSide[data-v-c6e7794a] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.simple-header .rightSide[data-v-c6e7794a]>:not(:first-child) {
    margin-left: .32rem
}

.options[data-v-c6e7794a] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: .4rem;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--van-font-size-sm);
    height: .8rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-width: 1.86667rem;
    padding: 0 .26667rem;
    white-space: nowrap
}

.options .svg-icon[data-v-c6e7794a] {
    width: .42667rem;
    height: .42667rem
}

.options[data-v-c6e7794a]:nth-child(1) {
    border-radius: .8rem;
    width: .8rem;
    height: .8rem;
    min-width: .8rem;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.options[data-v-c6e7794a]>:nth-child(2) {
    margin-left: .16rem;
    margin-right: .16rem
}

.options .active[data-v-c6e7794a] {
    color: #000;
    font-weight: 600
}

.search-popup {
    margin-top: -.02667rem;
    z-index: 10000 !important;
    overflow: hidden
}

#theme-color-night .simple-header .arrow {
    border-color: #2c2c2c
}

#theme-color-night .simple-header .options {
    color: #919191;
    border-color: var(--theme-color-bg-color-1);
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .simple-header .options .active {
    color: #fff
}

.odds-btn-container {
    -ms-flex-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: .08rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .37333rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.odds-btn-container {
    background-color: #fff;
    border-radius: .13333rem;
    height: 1.22667rem
}

.odds-btn-container {
    width: 1.44rem
}

.odds-btn-container.odds-normal {
    background-color: #f7f7f7
}

.odds-btn-container .odds-btn {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.odds-btn-container .odds-btn .title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .29333rem;
    font-weight: 400;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap
}

.odds-btn-container.odds-normal .title {
    color: var(--theme-color) !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: .29333rem
}

.odds-btn-container.odds-normal .odds {
    font-size: var(--odd-font-size);
    font-weight: 500;
    line-height: .42667rem;
    margin-top: .08rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.odds-btn-container .lock {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.odds-btn-container .lock>.svg-icon {
    height: .29333rem;
    width: .29333rem
}

.odds__block .icon {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: PingFang, Roboto, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體;
    font-weight: 700
}

.odds__block .icon__up {
    color: #da0000 !important
}

.odds__block .icon__down {
    color: #37aa4a !important
}

.odds-btn-container.active {
    background: var(--theme-color) !important;
    border-color: var(--theme-color) !important;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.odds-btn-container.active .odds-btn .title {
    color: #fff !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

#theme-color-night .odds-btn-container.odds-normal .title {
    color: var(--odd-color) !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-size: .29333rem
}

#theme-color-night .odds-btn-container {
    color: var(--theme-font-color-2)
}

#theme-color-night .odds-btn-container.odds-normal {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .odds-btn-container.active {
    background: var(--theme-color);
    border-color: var(--theme-color)
}

[data-v-6052116c]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-6052116c] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-6052116c] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-6052116c] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-6052116c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-6052116c] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-6052116c]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-6052116c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-6052116c] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-6052116c] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-6052116c]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-6052116c] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-6052116c] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-6052116c]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-6052116c] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-6052116c] {
    background-color: #333
}

.marketBox[data-v-6052116c] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 5.33333rem;
    -ms-flex: 0 0 5.33333rem;
    flex: 0 0 5.33333rem;
    overflow: hidden;
    position: relative
}

.container[data-v-6052116c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    min-width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    transition: -webkit-transform .5s;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.container-switch[data-v-6052116c],
.container-switch-s2[data-v-6052116c] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translate(-100%)
}

.market-body>div[data-v-6052116c] {
    width: 1.49333rem
}

.row-3[data-v-6052116c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box[data-v-6052116c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.market-body[data-v-6052116c] {
    padding: .13333rem .26667rem .53333rem
}

.withoutScroll[data-v-6052116c] {
    padding: .13333rem .26667rem
}

.row-2[data-v-6052116c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row-2>div {
    height: 1.33333rem
}

.row-2 .oddsBtn {
    height: 1.33333rem !important;
    width: 1.49333rem !important
}

.row-2 .oddsBtn>.odds-btn {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: .13333rem 0
}

.row-2 .oddsBtn>.odds-btn>.title {
    font-size: var(--van-font-size-sm);
    font-weight: 400
}

.row-2 .oddsBtn>.odds-btn>.odds {
    font-size: .4rem;
    font-weight: 700
}

.row-3>div {
    height: .85333rem
}

.row-3 .oddsBtn {
    height: 1.33333rem !important;
    width: 1.49333rem !important
}

.row-3 .oddsBtn>.odds-btn>.title {
    font-size: var(--van-font-size-sm);
    font-weight: 400;
    line-height: .42667rem
}

.row-3 .oddsBtn>.odds-btn {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: .13333rem 0
}

.row-3 .oddsBtn>.odds-btn>.odds {
    font-size: .4rem;
    font-weight: 700;
    line-height: .42667rem
}

[data-v-fd1cd4d6]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-fd1cd4d6] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-fd1cd4d6] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-fd1cd4d6] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-fd1cd4d6]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-fd1cd4d6] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-fd1cd4d6]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-fd1cd4d6]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-fd1cd4d6] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-fd1cd4d6] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-fd1cd4d6]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-fd1cd4d6] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-fd1cd4d6] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-fd1cd4d6]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-fd1cd4d6] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-fd1cd4d6] {
    background-color: #333
}

.home-match-remark[data-v-fd1cd4d6] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .24rem;
    padding-left: .21333rem;
    padding-right: .10667rem;
    color: #969799
}

.home-match-remark .scores-list[data-v-fd1cd4d6] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #969799
}

.home-match-remark .scores-list .pen[data-v-fd1cd4d6] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.home-match-remark .q-pr-sm[data-v-fd1cd4d6] {
    padding-right: .21333rem
}

.home-match-remark .scores-list .pen .ht[data-v-fd1cd4d6] {
    margin-right: .10667rem
}

.home-match-remark .scores-list .pen .iconfont[data-v-fd1cd4d6] {
    margin-right: .02667rem;
    color: #969799;
    font-size: .74667rem
}

.home-match-remark .active {
    color: var(--theme-color)
}

[data-v-f8df7808]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-f8df7808] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-f8df7808] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-f8df7808] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-f8df7808]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-f8df7808] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-f8df7808]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-f8df7808]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-f8df7808] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-f8df7808] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-f8df7808]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-f8df7808] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-f8df7808] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-f8df7808]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-f8df7808] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-f8df7808] {
    background-color: #333
}

.team-img[data-v-f8df7808] {
    width: .373333rem;
    height: .373333rem
}

.home-match-list__item {
    border-top: .02667rem dashed #eaedf6;
    overflow: hidden;
    position: relative;
    height: 3.73333rem
}

.home-match-list__item.isFootball {
    height: 4.56rem
}

.home-match-list__item.notBorderTop {
    border-top: none
}

.home-match-list__item .first-play-team:after {
    content: "";
    position: absolute;
    width: .16rem;
    height: .16rem;
    border-radius: .13333rem;
    top: 50%;
    right: 0;
    margin-top: -.08rem;
    background-color: #36bb08;
    margin-left: .10667rem
}

.home-match-list__item:first-child {
    border-radius: .21333rem .21333rem 0 0
}

.home-match-list__item:last-child {
    border-bottom: .10667rem;
    border-radius: 0 0 .21333rem .21333rem
}

.home-match-list__item:first-child:last-child {
    border-radius: .21333rem
}

.info-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.info-wrap .left-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.match-main .match-teams .match-teams-name .team-info .red-card {
    padding: .02667rem .05333rem;
    color: #fff;
    background-color: #ea3443;
    line-height: .26667rem;
    font-size: .21333rem;
    border-radius: .05333rem;
    margin-left: .10667rem;
    height: auto
}

.match-main .match-teams .match-teams-name .team-info .yellow-card {
    padding: .02667rem .05333rem;
    color: #fff;
    line-height: .26667rem;
    font-size: .21333rem;
    border-radius: .05333rem;
    margin-left: .10667rem;
    height: auto;
    background-color: #ffba07
}

.matches-list-event {
    position: relative;
    height: .66667rem;
    padding: 0 .26667rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.matches-list-event .media-box,
.home-match-remark .media-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-match-remark .match-neutral .icon-Neutral {
    display: inline-block;
    width: .26667rem;
    height: .37333rem;
    text-align: center;
    line-height: .37333rem;
    font-size: .26667rem;
    margin-left: .13333rem;
    border-radius: .18667rem;
    background-color: #73c594;
    color: #fff
}

.matches-list-event .events-main,
.matches-list-event .events-tools {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.matches-list-event .events-main {
    white-space: nowrap;
    height: .66667rem
}

.matches-list-event .match-collect {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.matches-list-event .match-collect .collect-icon {
    width: .42667rem;
    height: .42667rem;
    margin-bottom: .05333rem
}

.matches-list-event .events-main .time {
    width: 3.06667rem;
    margin: 0 .10667rem 0 .16rem;
    font-size: var(--van-font-size-sm)
}

.matches-list-event .events-main .time .match-left-text {
    line-height: 1.8;
    display: inline-block;
    color: #000;
    margin-right: .10667rem
}

.match-left-time.highlight {
    color: var(--theme-color)
}

.matches-list-event .markets {
    font-size: var(--van-font-size-sm);
    line-height: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .77333rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #999
}

.matches-list-event .media-icon,
.home-match-remark .media-icon {
    margin-left: .13333rem;
    width: .45333rem;
    height: .34667rem
}

.match-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.match-main .match-teams {
    width: 100%;
    padding: 0 0 0 .21333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: .8rem
}

.match-main .match-teams .match-teams-name {
    width: 4.21333rem
}

.match-main .match-teams .match-teams-name .team-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.25333rem
}

.match-main.nomal .match-teams .match-teams-name .team-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .88rem
}

.match-main.nomal .match-teams .match-teams-name .team-info:last-of-type {
    margin-top: .13333rem
}

.match-main .match-teams .match-teams-name .team-info .team-icon {
    width: .48rem;
    height: .48rem
}

.match-main .match-teams .match-teams-name .team-info .team-wrap {
    width: 4.21333rem;
    margin-left: .10667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.match-main .match-teams .match-teams-name .team-info .team-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative
}

.match-main .match-teams .match-teams-name .team-info .team-name .name-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-height: .38rem;
    font-size: .32rem;
    color: #2b2b2b;
    position: relative;
    padding-right: .21333rem
}

.match-main .match-teams .match-score,
.match-main .match-teams .match-teams-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.match-main .match-teams .match-score {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    margin-right: .05333rem;
    display: block;
    height: 100%
}

.match-main .match-teams .match-score>p {
    font-size: var(--van-font-size-sm);
    height: 1.25333rem;
    font-weight: 700;
    color: var(--theme-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.match-main.nomal .match-teams .match-score>p {
    font-size: var(--van-font-size-sm);
    height: .88rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-score,
.away-score {
    font-size: var(--van-font-size-sm);
    height: 1.25333rem;
    font-weight: 700;
    color: var(--theme-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.match-main.nomal .match-teams .match-score>p:last-of-type {
    margin-top: .13333rem
}

.home-match-list__item.isFootball .info-wrap .right-info {
    width: 4.53333rem;
    height: 3.89333rem;
    margin-right: .21333rem;
    overflow: hidden
}

.home-match-list__item.nomal .info-wrap .right-info {
    width: 4.53333rem;
    height: 2.66667rem;
    margin-right: .21333rem;
    overflow: hidden
}

.home-match-list__item .info-wrap .right-info {
    width: 4.53333rem;
    height: 3.14667rem;
    margin-right: .21333rem;
    overflow: hidden
}

.home-match-list__item.nomal .info-wrap .right-sliding {
    top: calc(.81rem - .13333rem)
}

.home-match-list__item .info-wrap .right-sliding {
    width: .26667rem;
    position: absolute;
    right: .10667rem;
    top: calc(1.12rem - .13333rem)
}

.home-match-list__item .info-wrap .right-sliding.rotate {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.home-match-wrap-box {
    position: relative
}

.home-match-wrap-box .home-match-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0)
}

.home-match-wrap-box .home-match-wrap.status2 {
    -webkit-transform: translateX(-4.53333rem);
    -ms-transform: translateX(-4.53333rem);
    transform: translate(-4.53333rem)
}

.home-match-wrap-box .home-match-odds {
    padding: 0;
    border-radius: 0 0 .21333rem .21333rem;
    width: 100%;
    margin: auto;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.no-wrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.home-match-wrap-box .home-match-odds>div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-match-wrap-box .home-match-odds>.column2 .odds-btn-container.odds-normal .title {
    color: #9a9b9d !important
}

.home-match-wrap-box .home-match-odds .team-odds {
    width: 1.52rem
}

.home-match-wrap-box.nomal .home-match-odds .team-odds {
    width: 2.26667rem
}

.home-match-wrap-box .home-match-odds .team-odds:first-child {
    margin-left: 0
}

.home-match-wrap-box .home-match-odds .team-odds .team-odds-list {
    width: 100%
}

.home-match-wrap-box .home-match-odds .team-odds .team-odds-list .team-odds-item {
    width: 1.52rem;
    height: 1.25333rem !important
}

.home-match-wrap-box.nomal .home-match-odds .team-odds .team-odds-list .team-odds-item {
    width: 2.13333rem;
    height: .88rem !important
}

.home-match-wrap-box.nomal .home-match-odds .team-odds .team-odds-list .team-odds-item .odds-btn-container {
    width: 100%;
    height: 100%
}

.home-match-wrap-box.nomal .home-match-odds .team-odds .team-odds-list .team-odds-item+.team-odds-item {
    margin-top: .13333rem
}

.home-match-wrap-box .home-match-odds .team-odds .team-odds-list .team-odds-item+.team-odds-item {
    margin-top: .05333rem
}

.home-match-wrap-box .home-match-odds .team-odds .team-odds-list .team-odds-item:last-child {
    margin-bottom: 0
}

.home-match-remark {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: var(--van-font-size-sm);
    padding: .08rem .21333rem .18667rem;
    color: #5a6375;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0
}

.home-match-remark .icon-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.home-match-remark .icon-box .neutral {
    width: .48rem;
    height: .48rem;
    text-align: center;
    margin-left: .10667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-match-remark .icon-box .neutral:first-child {
    margin-left: 0
}

.home-match-remark .icon-box .ht {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .10667rem;
    height: 100%
}

.home-match-remark .icon-box .ht .svg-icon {
    width: .26667rem;
    height: .26667rem
}

.home-match-remark .icon-box .corner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .10667rem
}

.home-match-remark .icon-box .corner .svg-icon {
    width: .37333rem;
    height: .37333rem
}

.home-match-remark .icon-box .ht-score {
    padding-left: .05333rem;
    color: #5a6375;
    font-size: .26667rem
}

.home-match-remark .icon-box .scores-list {
    color: #8d9198;
    margin-left: .16rem;
    padding-left: .16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 100%;
    line-height: 1
}

.home-match-remark .icon-box .scores-line {
    position: relative
}

.home-match-remark .icon-box .active {
    color: #131a3e
}

#theme-color-night .match-left-time.highlight {
    color: var(--odd-color)
}

#theme-color-night .home-score,
#theme-color-night .away-score {
    font-size: var(--van-font-size-sm);
    height: 1.25333rem;
    font-weight: 700;
    color: var(--odd-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#theme-color-night .matches-list-event .events-main .time,
#theme-color-night .matches-list-event .events-main .time .match-left-text {
    color: #999
}

#theme-color-night .match-main .match-teams .match-teams-name .team-info .team-name .name-text {
    color: var(--theme-font-color-2)
}

#theme-color-night .home-match-list__item {
    border-color: var(--theme-color-border-color)
}

[data-v-0415d72b]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-0415d72b] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-0415d72b] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-0415d72b] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-0415d72b]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-0415d72b] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-0415d72b]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-0415d72b]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-0415d72b] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-0415d72b] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-0415d72b]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-0415d72b] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-0415d72b] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-0415d72b]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-0415d72b] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-0415d72b] {
    background-color: #333
}

.market-title-box[data-v-0415d72b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 4.53333rem;
    font-size: .26667rem;
    overflow: hidden
}

.container[data-v-0415d72b] {
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 100%;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translate(0);
    transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.container-switch[data-v-0415d72b] {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translate(-100%)
}

.container.no-transition[data-v-0415d72b] {
    -webkit-transition: none;
    transition: none
}

.box[data-v-0415d72b] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box>div[data-v-0415d72b] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.49333rem;
    padding-left: .18667rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

#theme-color-night .market-title-box .container {
    color: #9a9b9d
}

.matches-list {
    height: 100%
}

.matches-list .league {
    background-color: #fff;
    margin: 0 .1333rem .21333rem;
    border-radius: .21333rem;
    border: 1px solid #ebebeb;
    overflow: hidden
}

.matches-list .van-index-anchor--sticky .league-header-box .slideContainer {
    border-bottom: none
}

.matches-list .van-index-anchor--sticky.van-index-anchor.van-hairline--bottom:after {
    display: none
}

.matches-list .league-header-box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: .37333rem;
    overflow: hidden
}

.matches-list .league-header-box .headerWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: .69333rem;
    padding-right: .4rem;
    border-bottom: .02667rem solid #ebebeb
}

.matches-list .league-header-box .headerWrap:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem
}

.matches-list .league-header-box .notBorderTop.headerWrap {
    border-bottom: none
}

.matches-list .league-header-box .slideContainer {
    width: calc(100% - .8rem);
    height: .53333rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.matches-list .league-header-box .slideContainer .market-title-box {
    height: 100%
}

.matches-list .league-header-box .league-title {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    padding-right: .26667rem;
    height: .69333rem;
    font-size: var(--van-font-size-sm);
    font-weight: 500;
    text-overflow: ellipsis;
    line-height: .69333rem
}

.matches-list .league .forward {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    color: #8a8a8d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-right: .21333rem;
    font-size: .32rem
}

.matches-list .collapse {
    width: .26667rem
}

.matches-list .collapse.rotate180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.matches-list .none {
    display: none !important
}

.matches-list .league-header-box .countBox {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .8rem;
    -ms-flex: 0 0 .8rem;
    flex: 0 0 .8rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.matches-list .league-header-box .countBox .count {
    background-color: var(--theme-color);
    border-radius: .13333rem;
    color: #fff;
    font-size: var(--van-font-size-sm);
    height: .64rem;
    line-height: .64rem;
    padding: 0 .16rem;
    text-align: center
}

.matches-list .van-index-anchor {
    padding: 0;
    background: none;
    color: inherit;
    font-weight: 400
}

.matches-list .van-index-bar__sidebar {
    display: none
}

#theme-color-night .matches-list .league {
    border-color: #2c2c2c;
    background-color: #212121
}

#theme-color-night .matches-list .league .league-header-box {
    background-color: #212121
}

#theme-color-night .matches-list .league .league-header-box .headerWrap,
#theme-color-night .matches-list .league .league-header-box .slideContainer {
    border-color: #2c2c2c
}

[data-v-75d528b5]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-75d528b5] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-75d528b5] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-75d528b5] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-75d528b5]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-75d528b5] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-75d528b5]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-75d528b5]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-75d528b5] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-75d528b5] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-75d528b5]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-75d528b5] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-75d528b5] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-75d528b5]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-75d528b5] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-75d528b5] {
    background-color: #333
}

.ui-input-number[data-v-75d528b5] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: .8rem
}

.ui-input-number .ui-input-number-lable[data-v-75d528b5] {
    padding-right: .26667rem
}

.ui-input-number .ui-input-number-main[data-v-75d528b5] {
    border: 1px solid var(--theme-color);
    border-radius: .13333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1.28rem;
    padding: .10667rem
}

.ui-input-number .number-decrease-icon[data-v-75d528b5],
.ui-input-number .number-increase-icon[data-v-75d528b5] {
    cursor: pointer;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: .42667rem;
    text-align: center;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    font-size: .42667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #969696;
    opacity: .7;
    font-weight: 600
}

.ui-input-number .value[data-v-75d528b5] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    padding-right: .8rem
}

.ui-input-number .value-input[data-v-75d528b5] {
    border: none;
    display: inline-block;
    background: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    text-align: center;
    color: var(--theme-color);
    font-size: .34667rem;
    font-weight: 700
}

[data-v-2620e466]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-2620e466] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-2620e466] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-2620e466] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-2620e466]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-2620e466] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-2620e466]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-2620e466]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-2620e466] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-2620e466] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-2620e466]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-2620e466] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-2620e466] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-2620e466]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-2620e466] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-2620e466] {
    background-color: #333
}

.num-keyboard[data-v-2620e466] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .21333rem
}

.num-keyboard .num-key[data-v-2620e466] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-right: .24rem
}

.num-keyboard .col-key[data-v-2620e466] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.num-keyboard .row-key[data-v-2620e466] {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .13333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .4rem;
    width: 2.08rem;
    height: 1.12rem;
    border: 2px solid #f5f5f5;
    border-radius: .21333rem;
    font-size: 15px;
    margin-bottom: .26667rem;
    font-weight: 600;
    position: relative
}

.num-keyboard .row-key.disabledFundAll[data-v-2620e466] {
    pointer-events: none
}

.num-keyboard .row-key.disabledFundAll .svg-icon[data-v-2620e466] {
    opacity: .1
}

.num-keyboard .row-key[data-v-2620e466]:active {
    background: -webkit-linear-gradient(240.22deg, rgba(81, 159, 255, .1) 19.56%, rgba(162, 95, 255, 0) 92.82%);
    background: linear-gradient(209.78deg, rgba(81, 159, 255, .1) 19.56%, rgba(162, 95, 255, 0) 92.82%)
}

.num-keyboard .fast-key[data-v-2620e466] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.num-keyboard .fast-item[data-v-2620e466] {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .21333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 2.08rem;
    height: 1.12rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f5f5f5;
    color: #000;
    font-size: .4rem;
    margin-bottom: .26667rem;
    font-weight: 600
}

.num-keyboard .delete .svg-icon[data-v-2620e466] {
    width: .53333rem;
    height: .4rem
}

.num-keyboard .key-delete[data-v-2620e466] {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1
}

#theme-color-night .num-keyboard .fast-item {
    background-color: var(--theme-color-bg-color-1);
    color: var(--theme-font-color-1)
}

#theme-color-night .num-keyboard .row-key {
    border-color: var(--theme-color-border-color);
    color: var(--theme-font-color-1)
}

[data-v-7d27f979]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-7d27f979] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-7d27f979] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-7d27f979] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-7d27f979]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-7d27f979] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-7d27f979]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-7d27f979]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-7d27f979] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-7d27f979] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-7d27f979]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-7d27f979] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-7d27f979] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-7d27f979]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-7d27f979] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-7d27f979] {
    background-color: #333
}

.straight-bet-item-info .match-line span[data-v-7d27f979] {
    margin-right: .13333rem
}

.straight-bet-item-info .error[data-v-7d27f979] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    border-radius: 0 0 .21333rem .21333rem
}

.straight-bet-item-info .error .error-icon[data-v-7d27f979] {
    padding-right: .10667rem
}

.straight-bet-item-info .fade-enter-active[data-v-7d27f979],
.straight-bet-item-info .fade-leave-active[data-v-7d27f979] {
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.straight-bet-item-info .fade-enter[data-v-7d27f979],
.straight-bet-item-info .fade-leave-to[data-v-7d27f979] {
    opacity: 0
}

.straight-bet-item-info .betting-match-amount .match-subscribe[data-v-7d27f979] {
    border-radius: .13333rem;
    padding: .21333rem .21333rem .16rem;
    font-size: .34667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--theme-color);
    width: 2.13333rem;
    background-color: var(--theme-color);
    color: #fff
}

.straight-bet-item-info .balance-status .balance[data-v-7d27f979] {
    min-width: 1.6rem;
    height: .613333rem;
    padding: 0 .213333rem;
    background: #fff;
    border-radius: .053333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.straight-bet-item-info .balance-status .balance .money[data-v-7d27f979] {
    padding-left: .053333rem;
    font-size: .373333rem;
    color: #2b2b2b;
    font-weight: 700
}

.straight-bet-item-info .balance-status .balance .refresh[data-v-7d27f979] {
    width: .426667rem;
    height: .426667rem;
    margin-left: .133333rem;
    fill: #2b2b2b
}

.straight-bet-item-info .balance-status .status-babel .status[data-v-7d27f979] {
    height: .4rem
}

.straight-bet-item-info .balance-status .status-babel .status.error[data-v-7d27f979] {
    font-size: .266667rem;
    color: #da0000;
    text-align: right;
    display: inline-block
}

.straight-bet-item-info .balance-status .status-babel[data-v-7d27f979] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    text-align: right;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.straight-bet-item-info .balance-status[data-v-7d27f979] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .32rem;
    color: #969696;
    margin-bottom: .13333rem
}

.straight-bet-item-info .balance-status .balance .refresh.rota[data-v-7d27f979] {
    -webkit-animation: turn-7d27f979 1s linear infinite;
    animation: turn-7d27f979 1s linear infinite
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-title[data-v-7d27f979] {
    font-size: var(--van-font-size-sm);
    line-height: .45333rem;
    padding: .16rem 0;
    color: #8d9198
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main[data-v-7d27f979] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-fund[data-v-7d27f979] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-fund .match-fund[data-v-7d27f979] {
    width: 65%
}

.straight-bet-item-info .submit-btn[data-v-7d27f979] {
    width: 100%
}

.straight-bet-item-info .submit-btn .title[data-v-7d27f979] {
    font-size: .37333rem;
    padding-right: .08rem;
    font-weight: 600
}

.straight-bet-item-info .submit-btn .value b[data-v-7d27f979] {
    padding-left: .05333rem
}

.straight-bet-item-info .match-profit[data-v-7d27f979] {
    font-size: .26667rem;
    color: #8a8a8d;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-fund .sub-match-fund[data-v-7d27f979] {
    height: 100%;
    line-height: 100%;
    background: transparent;
    border: .026667rem solid #d1d1d1;
    border-radius: .053333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-size: .34667rem;
    color: var(--theme-font-color-2);
    border: none;
    background-color: transparent;
    outline: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .26667rem
}

.straight-bet-item-info .match-profit .can-win-profit[data-v-7d27f979] {
    font-size: .37333rem;
    color: #ea3443
}

.straight-bet-item-info .match-tools[data-v-7d27f979] {
    width: 2.906667rem;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative
}

.straight-bet-item-info .match-tools .remove[data-v-7d27f979] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1.6;
    -webkit-flex: 1.6 1;
    -ms-flex: 1.6 1;
    flex: 1.6 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0
}

.straight-bet-item-info .match-tools .remove svg[data-v-7d27f979] {
    cursor: pointer;
    height: .53333rem;
    width: .53333rem
}

.straight-bet-item-info .match-tools .match-odd-value .text-block[data-v-7d27f979] {
    padding-left: .05333rem;
    display: inline-block
}

.straight-bet-item-info .match-tools .match-odd[data-v-7d27f979] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.straight-bet-item-info .error-odds[data-v-7d27f979] {
    font-size: .48rem;
    color: #2b2b2b
}

.straight-bet-item-info .usdt_icon[data-v-7d27f979] {
    width: .333333rem;
    height: .333333rem
}

@-webkit-keyframes turn-7d27f979 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn-7d27f979 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.straight-bet-item-info .line .icon-lottie svg g {
    fill: var(--theme-color)
}

.straight-bet-item-info .currency-icon-box .icon {
    width: .8rem;
    height: .8rem
}

.straight-bet-item-info .currency-icon-box .arrow-icon {
    color: #969696
}

.straight-bet-item-info .currency-icon-box .money-number {
    color: #000
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-odd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.36rem;
    height: 1.28rem;
    border-radius: .13333rem
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-odd .van-stepper__input,
.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-odd .van-stepper__minus,
.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-odd .van-stepper__plus {
    background-color: transparent
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-odd .van-stepper__minus,
.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-odd .van-stepper__plus {
    width: .64rem;
    height: .64rem;
    color: var(--theme-color);
    opacity: .7
}

.straight-bet-item-info .match-subscribe-wrap .match-subscribe-main .match-subscribe-odd .van-stepper__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--theme-color)
}

.straight-bet-item-info .straight-bet-item-footer {
    padding: .42667rem 0;
    padding-top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem
}

.straight-bet-item-info .straight-bet-item-footer .cancel-btn {
    margin-right: .2rem;
    width: 2.56rem;
    border-color: var(--theme-color);
    color: var(--theme-color);
    border-radius: 2.64rem
}

.straight-bet-item-info .straight-bet-item-footer .submit-btn {
    width: 6.693333rem;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    border-radius: 2.64rem;
    color: #fff
}

.straight-bet-item-info .straight-bet-item-footer .submit-btn .van-button__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#theme-color-night .straight-bet-item-info .match-subscribe-wrap .match-subscribe-main {
    color: #919191
}

[data-v-c3257402]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-c3257402] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-c3257402] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-c3257402] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-c3257402]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-c3257402] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-c3257402]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-c3257402]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-c3257402] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-c3257402] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-c3257402]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-c3257402] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-c3257402] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-c3257402]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-c3257402] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-c3257402] {
    background-color: #333
}

.straight-bet[data-v-c3257402] {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: .53333rem .53333rem 0 0
}

.straight-bet .straight-bet-list[data-v-c3257402] {
    position: relative;
    border-radius: .53333rem .53333rem 0 0;
    background-color: #fff;
    border-bottom: .05333rem solid #fafafa;
    color: #333;
    font-size: .32rem;
    letter-spacing: 0;
    line-height: 1;
    padding: .32rem .53333rem .4rem;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.straight-bet .straight-bet-list.is-subscribed[data-v-c3257402] {
    z-index: 2;
    overflow: auto;
    padding-bottom: 0;
    border-bottom: 0;
    height: auto
}

.straight-bet .subscribe-mark[data-v-c3257402] {
    position: absolute;
    background: hsla(0deg, 0%, 100%, .4);
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.straight-bet .straight-bet-item-info.is-subscribe[data-v-c3257402] {
    position: relative;
    z-index: 2;
    background: #fff;
    border-radius: .21333rem
}

.straight-bet .straight-bet-item-info.is-subscribe.is-sing-odd[data-v-c3257402] {
    position: fixed;
    bottom: 1.6rem;
    width: calc(100% - .42667rem)
}

.straight-bet .straight-bet-content[data-v-c3257402] {
    z-index: 0;
    position: relative
}

.straight-bet .straight-fund-all[data-v-c3257402] {
    padding: .21333rem .42667rem .13333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.straight-bet .straight-fund-all .fund-all-title[data-v-c3257402] {
    font-size: .37333rem;
    line-height: .66667rem;
    margin-right: .53333rem;
    color: #131a3e
}

.straight-bet .straight-fund-all .betting-match-amount .match-subscribe[data-v-c3257402] {
    font-size: var(--van-font-size-sm)
}

.straight-bet .straight-bet-footer[data-v-c3257402] {
    height: 1.6rem;
    padding: .42667rem .53333rem;
    padding-top: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff
}

.straight-bet .straight-bet-footer .clear-btn[data-v-c3257402] {
    margin-right: .26667rem;
    width: 2.66667rem;
    z-index: 1;
    background-color: #fff;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    border-radius: .58667rem;
    font-size: .37333rem
}

.straight-bet .straight-bet-footer .clear-btn .svg-icon[data-v-c3257402] {
    width: .4rem;
    height: .4rem;
    margin-bottom: .1rem
}

.straight-bet .straight-bet-footer .submit-btn[data-v-c3257402] {
    width: 6.693333rem;
    font-weight: 600;
    font-size: .426667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    font-size: .37333rem;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
    border: none;
    border-radius: .58667rem
}

.straight-bet .straight-bet-footer .submit-btn .submit-btn-win[data-v-c3257402] {
    font-size: .26667rem;
    font-weight: 500
}

.straight-bet .straight-bet-footer .disabled[data-v-c3257402] {
    opacity: .5
}

.straight-bet .scroll[data-v-c3257402] {
    overflow: auto
}

.straight-bet .straight-bet-footer .clear-btn .van-button__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#theme-color-night .straight-bet {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .straight-bet .straight-bet-list {
    background-color: var(--theme-color-card-bg-color);
    border-color: var(--theme-color-card-bg-color)
}

#theme-color-night .straight-bet .straight-bet-list .match-option-detail {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .straight-bet .straight-bet-list .match-option-detail .match-option-name,
#theme-color-night .straight-bet .straight-bet-list .match-option-detail .match-name,
#theme-color-night .straight-bet .straight-bet-list .match-option-detail .match-tools .match-odd {
    color: var(--theme-font-color-2)
}

#theme-color-night .straight-bet .straight-bet-list .betting-match-amount,
#theme-color-night .straight-bet .straight-bet-list .betting-match-amount .input-box {
    background-color: transparent
}

#theme-color-night .straight-bet .straight-bet-list .betting-match-amount .amount-icon,
#theme-color-night .straight-bet .straight-bet-list .betting-match-amount .match-fund {
    color: var(--theme-font-color-2)
}

#theme-color-night .straight-bet .straight-bet-item-info.is-subscribe {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .straight-bet .subscribe-mark {
    background: none
}

#theme-color-night .straight-bet .straight-bet-footer {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .straight-bet .straight-bet-footer .clear-btn,
#theme-color-night .straight-bet-item-info .straight-bet-item-footer .cancel-btn {
    background-color: transparent
}

[data-v-b3ee26d8]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-b3ee26d8] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-b3ee26d8] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-b3ee26d8] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-b3ee26d8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-b3ee26d8] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-b3ee26d8]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-b3ee26d8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-b3ee26d8] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-b3ee26d8] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-b3ee26d8]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-b3ee26d8] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-b3ee26d8] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-b3ee26d8]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-b3ee26d8] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-b3ee26d8] {
    background-color: #333
}

.straight-bet-item-info .delete[data-v-b3ee26d8] {
    position: absolute;
    top: .1rem;
    right: .1rem;
    width: .32rem;
    height: .32rem
}

.straight-bet-item-info .submit-btn[data-v-b3ee26d8] {
    width: 100%
}

.straight-bet-item-info .submit-btn .title[data-v-b3ee26d8] {
    font-size: .37333rem;
    padding-right: .08rem;
    font-weight: 600
}

.straight-bet-item-info .submit-btn .value b[data-v-b3ee26d8] {
    padding-left: .05333rem
}

.straight-bet-item-info .match-profit[data-v-b3ee26d8] {
    font-size: .26667rem;
    color: #8a8a8d;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.straight-bet-item-info .match-profit .can-win-profit[data-v-b3ee26d8] {
    font-size: .37333rem;
    color: #ea3443
}

.straight-bet-item-info .match-tools .remove[data-v-b3ee26d8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1.6;
    -webkit-flex: 1.6 1;
    -ms-flex: 1.6 1;
    flex: 1.6 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 0
}

.straight-bet-item-info .match-tools .remove svg[data-v-b3ee26d8] {
    cursor: pointer;
    height: .53333rem;
    width: .53333rem;
    z-index: 10
}

.straight-bet-item-info .match-tools[data-v-b3ee26d8] {
    width: 2.88rem;
    padding: .386667rem .426667rem .32rem 0;
    width: 2.906667rem;
    height: 2.613333rem;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative
}

.straight-bet-item-info .match-tools .match-odd-value .text-block[data-v-b3ee26d8] {
    padding-left: .05333rem;
    display: inline-block
}

.straight-bet-item-info .match-tools .match-odd[data-v-b3ee26d8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@-webkit-keyframes turn-b3ee26d8 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes turn-b3ee26d8 {
    0% {
        -webkit-transform: rotate(0deg)
    }

    25% {
        -webkit-transform: rotate(90deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    75% {
        -webkit-transform: rotate(270deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

[data-v-2a910c49]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-2a910c49] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-2a910c49] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-2a910c49] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-2a910c49]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-2a910c49] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-2a910c49]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-2a910c49]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-2a910c49] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-2a910c49] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-2a910c49]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-2a910c49] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-2a910c49] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-2a910c49]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-2a910c49] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-2a910c49] {
    background-color: #333
}

.multiples-bet[data-v-2a910c49] {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

.multiples-bet .multiples-bet-list[data-v-2a910c49] {
    background-color: #fff;
    border-bottom: .05333rem solid #fafafa;
    color: #333;
    font-size: .32rem;
    letter-spacing: 0;
    line-height: 1;
    padding: .32rem .53333rem .4rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.multiples-bet .multiples-bet-list[data-v-2a910c49] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.multiples-bet .betting-plays[data-v-2a910c49] {
    position: relative
}

.multiples-bet .betting-matches[data-v-2a910c49] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.multiples-bet .betting-plays .play-item[data-v-2a910c49] {
    margin-top: .21rem;
    margin-bottom: .21rem
}

.multiples-bet .betting-plays .betting-play-item[data-v-2a910c49] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.multiples-bet .betting-plays .betting-play-info[data-v-2a910c49] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.multiples-bet .betting-plays .betting-play-info .odds[data-v-2a910c49] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .48rem;
    line-height: .53333rem;
    color: #2b2b2b;
    font-weight: 700;
    position: relative
}

.multiples-bet .betting-plays .betting-play-info .limit[data-v-2a910c49] {
    color: #969696;
    line-height: .53333rem
}

.multiples-bet .betting-plays .betting-play-name[data-v-2a910c49] {
    display: block;
    width: 2.66667rem;
    font-size: .32rem;
    color: #000;
    padding-right: .21333rem;
    line-height: .53333rem;
    text-align: left
}

.multiples-bet .betting-match-amount[data-v-2a910c49] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.02667rem;
    padding: .21333rem;
    border-radius: .13333rem;
    border: 1px solid #edeef1
}

.multiples-bet .betting-match-amount.active[data-v-2a910c49] {
    border-color: var(--theme-color)
}

.multiples-bet .betting-match-amount .amount-icon[data-v-2a910c49] {
    display: block;
    text-align: center;
    font-size: .34667rem;
    color: #7e7e7e
}

.multiples-bet .betting-match-amount .match-fund[data-v-2a910c49] {
    font-size: .34667rem;
    border: none;
    background-color: transparent;
    outline: none;
    height: .8rem;
    line-height: .8rem
}

.multiples-bet .submit-btn[data-v-2a910c49] {
    width: 6.693333rem;
    background: var(--theme-color);
    border-radius: .053333rem;
    color: #2b2b2b;
    font-weight: 600;
    font-size: .426667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    border: none
}

.multiples-bet .submit-btn .submit-btn-win[data-v-2a910c49] {
    font-size: .64rem;
    padding-top: .05333rem
}

.multiples-bet .head[data-v-2a910c49] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .266667rem 0
}

.multiples-bet .head .show-more[data-v-2a910c49] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: .32rem;
    color: var(--theme-color);
    width: 3.33333rem;
    height: .96rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--theme-color);
    border-radius: .48rem
}

.multiples-bet .head .show-more .collspace[data-v-2a910c49] {
    width: .32rem;
    height: .32rem;
    margin-left: .213333rem
}

.multiples-bet .head .total-mount[data-v-2a910c49] {
    font-weight: 400;
    font-size: .32rem;
    color: #969696;
    height: 100%
}

.multiples-bet .head .total-mount span[data-v-2a910c49] {
    font-weight: 700;
    font-size: .426667rem;
    text-align: right;
    color: #2b2b2b
}

.multiples-bet .empty[data-v-2a910c49] {
    color: var(--theme-color)
}

.multiples-bet .amount-del[data-v-2a910c49] {
    display: -webkit-box;
    display: -ms-flexbox;
    height: .9rem;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .1rem
}

.multiples-bet .amount-del .amount[data-v-2a910c49] {
    padding: .08rem .213333rem;
    border: .026667rem solid #f1f1f1;
    border-radius: .053333rem;
    background: #fff;
    font-size: .32rem;
    color: #969696
}

.multiples-bet .amount-del .amount span[data-v-2a910c49] {
    color: #2b2b2b;
    font-size: .373333rem
}

.multiples-bet .amount-del .del-all[data-v-2a910c49] {
    color: #e07900;
    font-size: .32rem
}

.multiples-bet .del-all-tips[data-v-2a910c49] {
    padding: .586667rem .426667rem
}

.multiples-bet .del-all-tips .tips[data-v-2a910c49] {
    height: .933333rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: right;
    margin-bottom: .613333rem
}

.multiples-bet .del-all-tips .tips .del-confirm[data-v-2a910c49] {
    margin-left: .533333rem;
    width: 1.92rem;
    height: 1.066667rem
}

.multiples-bet .del-all-tips .tips span[data-v-2a910c49] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: left;
    padding-left: 1.066667rem;
    position: relative
}

.multiples-bet .del-all-tips .tips span[data-v-2a910c49]:after {
    content: " ";
    width: .026667rem;
    height: .933333rem;
    display: block;
    background: #d1d1d1;
    position: absolute;
    top: -.16rem;
    left: .48rem;
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    transform: scaleX(.5)
}

.multiples-bet .del-all-tips .confirm-btn[data-v-2a910c49] {
    width: 9.146667rem;
    height: 1.066667rem;
    border: .026667rem solid #d1d1d1;
    border-radius: .053333rem;
    font-size: .373333rem;
    color: #2b2b2b;
    line-height: 1.066667rem;
    text-align: center
}

.multiples-bet .multiples-bet-footer[data-v-2a910c49] {
    height: 1.6rem;
    padding: .42667rem .53333rem;
    padding-top: 0;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff
}

.multiples-bet .multiples-bet-footer .clear-btn[data-v-2a910c49] {
    margin-right: .26667rem;
    width: 2.66667rem;
    z-index: 1;
    background-color: #fff;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    border-radius: .58667rem;
    font-size: .37333rem
}

.multiples-bet .multiples-bet-footer .clear-btn .svg-icon[data-v-2a910c49] {
    width: .4rem;
    height: .4rem;
    margin-bottom: .1rem
}

.multiples-bet .multiples-bet-footer .submit-btn[data-v-2a910c49] {
    width: 6.693333rem;
    font-weight: 600;
    font-size: .426667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    outline: none;
    font-size: .37333rem;
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff;
    border: none;
    border-radius: .58667rem
}

.multiples-bet .multiples-bet-footer .submit-btn .submit-btn-win[data-v-2a910c49] {
    font-size: .26667rem;
    font-weight: 500
}

.multiples-bet .multiples-bet-footer .disabled[data-v-2a910c49] {
    opacity: .5
}

.multiples-bet .usdt_icon[data-v-2a910c49] {
    width: .333333rem;
    height: .333333rem
}

.multiples-bet .multiples-bet-footer .clear-btn .van-button__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.multiples-bet .line .icon-lottie svg g {
    fill: var(--theme-color)
}

.multiples-bet .scroll {
    overflow: auto
}

.multiples-bet .currency-icon-box .arrow-icon {
    color: #969696
}

#theme-color-night .multiples-bet {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .multiples-bet .multiples-bet-list {
    background-color: var(--theme-color-card-bg-color);
    border-color: var(--theme-color-border-color)
}

#theme-color-night .multiples-bet .multiples-bet-list .match-option-detail {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .multiples-bet .multiples-bet-list .match-option-detail .match-option .match-option-name,
#theme-color-night .multiples-bet .multiples-bet-list .match-option-detail .match-name,
#theme-color-night .multiples-bet .multiples-bet-list .match-option-detail .match-odd,
#theme-color-night .multiples-bet .head .total-mount span {
    color: var(--theme-font-color-2)
}

#theme-color-night .multiples-bet .betting-plays .betting-play-name {
    color: var(--theme-font-color-1)
}

#theme-color-night .multiples-bet .betting-plays .betting-play-info .odds {
    color: var(--theme-font-color-2)
}

#theme-color-night .multiples-bet .betting-match-amount {
    background-color: #393939;
    border-color: #393939
}

#theme-color-night .multiples-bet .betting-match-amount .amount-icon,
#theme-color-night .multiples-bet .betting-match-amount .match-fund {
    color: var(--theme-font-color-2)
}

#theme-color-night .multiples-bet .multiples-bet-footer {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .multiples-bet .multiples-bet-footer .clear-btn {
    background-color: transparent
}

[data-v-e6c483d9]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-e6c483d9] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-e6c483d9] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-e6c483d9] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-e6c483d9]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-e6c483d9] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-e6c483d9]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-e6c483d9]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-e6c483d9] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-e6c483d9] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-e6c483d9]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-e6c483d9] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-e6c483d9] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-e6c483d9]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-e6c483d9] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-e6c483d9] {
    background-color: #333
}

.bet-receipt[data-v-e6c483d9] {
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #ffffff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto
}

.bet-receipt .reservation[data-v-e6c483d9],
.bet-receipt .success[data-v-e6c483d9] {
    color: #36bb08
}

.bet-receipt .reservation[data-v-e6c483d9]:before,
.bet-receipt .success[data-v-e6c483d9]:before {
    background-color: #36bb08
}

.bet-receipt .failure[data-v-e6c483d9] {
    color: red
}

.bet-receipt .failure[data-v-e6c483d9]:before {
    background-color: red
}

.bet-receipt .confirming[data-v-e6c483d9] {
    color: var(--theme-color)
}

.bet-receipt .confirming[data-v-e6c483d9]:before {
    background-color: var(--theme-color)
}

.bet-receipt .betting-main[data-v-e6c483d9] {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bet-receipt .match-line span[data-v-e6c483d9] {
    margin-right: .26667rem
}

.bet-receipt .title-box[data-v-e6c483d9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: .10667rem;
    position: absolute;
    right: 0;
    margin-right: .42667rem;
    padding-right: .16rem
}

.bet-receipt .receipt-title .title-type[data-v-e6c483d9] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: .21333rem;
    line-height: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.bet-receipt .receipt-title .title-type .receipt-loading[data-v-e6c483d9] {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-left: .9rem;
    color: var(--theme-color)
}

.bet-receipt .receipt-title .title-type .type[data-v-e6c483d9] {
    font-weight: 700;
    font-size: 2.4rem;
    margin-right: .10667rem;
    color: #333958
}

.bet-receipt .receipt-title .title-type .name[data-v-e6c483d9] {
    font-size: 1.8rem;
    line-height: 2.5rem
}

.bet-receipt .tip[data-v-e6c483d9] {
    width: 100%
}

.bet-receipt .tip .tip-box[data-v-e6c483d9] {
    background: rgba(255, 153, 0, .2);
    font-size: .32rem;
    color: #131a3e;
    line-height: 1.3;
    padding: .10667rem .16rem;
    border-radius: .13333rem;
    width: 100%;
    margin-bottom: .10667rem
}

.bet-receipt .tip .tip-box img[data-v-e6c483d9] {
    margin-right: .10667rem
}

.bet-receipt .tip .tip-box span[data-v-e6c483d9] {
    word-break: break-all
}

.bet-receipt .receipt-title[data-v-e6c483d9] {
    height: 2.93333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .5rem
}

.bet-receipt .receipt-title .title-type[data-v-e6c483d9] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.bet-receipt .receipt-title .title-type .type[data-v-e6c483d9] {
    font-weight: 700;
    font-size: .32rem;
    margin-right: .21333rem;
    color: #2b2b2b
}

.bet-receipt .receipt-title .title-type .svg-icon[data-v-e6c483d9] {
    width: 1.06667rem;
    height: 1.06667rem
}

.bet-receipt .receipt-title .title-type .name[data-v-e6c483d9] {
    font-weight: 600;
    font-size: .426667rem;
    color: #2b2b2b;
    text-align: left;
    line-height: .48rem;
    margin-top: .26667rem
}

.bet-receipt .receipt-title .close-btn[data-v-e6c483d9] {
    color: #aeb4bd
}

.bet-receipt .receipt-amount[data-v-e6c483d9] {
    width: 8.90667rem;
    height: 1.73333rem;
    padding: 0 .5rem;
    color: #aeb4bd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #f5f5f5;
    margin: 0 auto;
    border-radius: .26667rem
}

.bet-receipt .receipt-amount .amount-item[data-v-e6c483d9] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bet-receipt .receipt-amount .amount-item.fund[data-v-e6c483d9] {
    position: relative;
    text-align: left
}

.bet-receipt .receipt-amount .amount-item.profit[data-v-e6c483d9] {
    text-align: right
}

.bet-receipt .receipt-amount .amount-item .name[data-v-e6c483d9] {
    font-size: .32rem;
    line-height: .26rem;
    text-align: center
}

.bet-receipt .receipt-amount .amount-item .value[data-v-e6c483d9] {
    font-size: .42667rem;
    color: var(--theme-color);
    text-align: center;
    margin-top: .26667rem
}

.bet-receipt .multiples-betting[data-v-e6c483d9] {
    color: #aeb4bd;
    font-size: .32rem
}

.bet-receipt .multiples-betting .multiples-betting-list .multiples-betting-item[data-v-e6c483d9] {
    padding: .25rem .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bet-receipt .multiples-betting .multiples-betting-list .multiples-betting-item .odds[data-v-e6c483d9] {
    color: var(--theme-color);
    font-size: .37333rem;
    font-weight: 600;
    line-height: .37333rem
}

.bet-receipt .multiples-betting .multiples-betting-list .multiples-betting-item .odds span[data-v-e6c483d9] {
    padding-right: .2rem;
    font-size: .32rem;
    color: #2b2b2b
}

.bet-receipt .multiples-betting .multiples-betting-list .multiples-betting-item .right-info[data-v-e6c483d9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .32rem;
    line-height: .44rem
}

.bet-receipt .multiples-betting .multiples-betting-list .multiples-betting-item .right-info span[data-v-e6c483d9] {
    text-align: right
}

.bet-receipt .multiples-betting .multiples-betting-list .multiples-betting-item .left-info[data-v-e6c483d9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .32rem;
    line-height: .44rem
}

.bet-receipt .multiples-betting .multiples-betting-list .multiples-betting-item .left-info .series[data-v-e6c483d9] {
    color: #2b2b2b
}

.bet-receipt .receipt-straight-list[data-v-e6c483d9] {
    font-size: .32rem;
    padding-bottom: .21333rem;
    max-height: 56vh;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative
}

.bet-receipt .match-tools[data-v-e6c483d9] {
    width: 2.906667rem;
    text-align: right;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative
}

.bet-receipt .receipt-straight-list .match-odd-info[data-v-e6c483d9] {
    margin-bottom: .42667rem
}

.bet-receipt .match-odd-value[data-v-e6c483d9] {
    font-weight: 700;
    font-size: .48rem;
    color: #2b2b2b
}

.bet-receipt .receipt-straight-list .receipt-match-group[data-v-e6c483d9] {
    background-color: #fff;
    border-radius: .21333rem;
    color: #aeb4bd;
    margin: .21333rem .42667rem;
    padding: .16rem
}

.bet-receipt .receipt-straight-list .receipt-match-group .match-event[data-v-e6c483d9] {
    font-size: .32rem;
    line-height: .32rem;
    padding-bottom: .42667rem;
    margin-bottom: .42667rem;
    color: #5a6375
}

.bet-receipt .receipt-straight-list .receipt-match-group .match-event[data-v-e6c483d9]:before {
    content: "";
    display: inline-block;
    height: .42667rem;
    width: .21333rem;
    margin-right: .21333rem;
    margin-left: -.42667rem
}

.bet-receipt .receipt-straight-list .receipt-match-group .match-name[data-v-e6c483d9] {
    font-weight: 600;
    font-size: .32rem;
    line-height: .53333rem;
    color: #333
}

.bet-receipt .receipt-straight-list .match-amount[data-v-e6c483d9] {
    width: 100%;
    height: 1.06667rem;
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f5f5f5;
    margin-bottom: .13333rem
}

.bet-receipt .receipt-straight-list .match-amount .match-fund[data-v-e6c483d9],
.bet-receipt .receipt-straight-list .match-amount .match-profit[data-v-e6c483d9] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.bet-receipt .receipt-straight-list .match-amount .match-fund span[data-v-e6c483d9],
.bet-receipt .receipt-straight-list .match-amount .match-profit span[data-v-e6c483d9] {
    color: #5a6375
}

.bet-receipt .receipt-straight-list .match-amount .match-fund b[data-v-e6c483d9],
.bet-receipt .receipt-straight-list .match-amount .match-profit b[data-v-e6c483d9] {
    font-size: .32rem
}

.bet-receipt .save-close-btn[data-v-e6c483d9] {
    border-radius: 0
}

.bet-receipt .bet-receipt-footer[data-v-e6c483d9] {
    margin: .453333rem 0;
    padding: 0 .426667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.bet-receipt-footer .save-close-btn[data-v-e6c483d9] {
    width: 6.13333rem;
    height: 1.06667rem;
    border: .026667rem solid var(--theme-color);
    border-radius: .53333rem;
    color: var(--theme-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .34667rem;
    font-weight: 600;
    padding: 0 .26667rem;
    white-space: nowrap
}

.bet-receipt-footer .close-btn[data-v-e6c483d9] {
    width: 2.93333rem;
    height: 1.06667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--theme-color);
    border-radius: .53333rem;
    color: #fff;
    font-weight: 600;
    font-size: .34667rem;
    padding: 0 .26667rem;
    white-space: nowrap
}

.bet-receipt .pending-tip[data-v-e6c483d9] {
    color: var(--theme-color);
    margin-top: .21333rem;
    font-size: .32rem
}

.bet-receipt-pop {
    background-color: transparent;
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.bet-receipt-pop .wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.17333rem;
    padding: .53333rem .26667rem
}

.bet-receipt-pop .wrapper .title {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .37333rem;
    font-weight: 600;
    line-height: .37333rem;
    margin-right: .16rem
}

.bet-receipt-pop .wrapper .title:before {
    background-color: #ccb8a1;
    content: "";
    display: block;
    height: .42667rem;
    margin: 0 .26667rem;
    min-width: .08rem;
    width: .08rem
}

.bet-receipt-pop .wrapper .side {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.bet-receipt-pop .clear {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--van-font-size-sm);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.bet-receipt-pop .clear .svg-icon {
    width: .74667rem;
    height: .74667rem
}

#theme-color-night .bet-receipt-pop {
    background: var(--theme-color-bg-color-1) !important
}

#theme-color-night .bet-receipt-pop .bet-receipt {
    background: var(--theme-color-card-bg-color)
}

#theme-color-night .bet-receipt-pop .bet-receipt .receipt-title .title-type .name {
    color: var(--theme-font-color-2)
}

#theme-color-night .bet-receipt-pop .bet-receipt .receipt-straight-list .match-amount,
#theme-color-night .bet-receipt-pop .bet-receipt .receipt-amount {
    background: var(--theme-color-bg-color-1)
}

#theme-color-night .bet-receipt-pop .bet-receipt .betting-main {
    background: var(--theme-color-card-bg-color)
}

#theme-color-night .bet-receipt-pop .bet-receipt .receipt-straight-list .receipt-match-group,
#theme-color-night .bet-receipt-pop .bet-receipt .receipt-straight-list .receipt-match-group .match-option-detail {
    background: none
}

#theme-color-night .bet-receipt-pop .bet-receipt .receipt-straight-list .receipt-match-group .match-option-detail .match-option .match-option-name,
#theme-color-night .bet-receipt-pop .bet-receipt .receipt-straight-list .receipt-match-group .match-name,
#theme-color-night .bet-receipt-pop .bet-receipt .match-odd-value,
#theme-color-night .bet-receipt-pop .bet-receipt .multiples-betting .multiples-betting-list .multiples-betting-item .left-info .series {
    color: var(--theme-font-color-2)
}

[data-v-24c03544]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-24c03544] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-24c03544] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-24c03544] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-24c03544]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-24c03544] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-24c03544]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-24c03544]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-24c03544] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-24c03544] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-24c03544]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-24c03544] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-24c03544] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-24c03544]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-24c03544] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-24c03544] {
    background-color: #333
}

#sport-cart[data-v-24c03544] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: calc(2.21333rem + env(safe-area-inset-bottom));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    width: 100%;
    z-index: 3;
    width: 1.6rem;
    height: 1.2rem;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 .08rem rgba(0, 0, 0, .4);
    box-shadow: 0 0 .08rem rgba(0, 0, 0, .4);
    display: flex;
    -ms-flex-align: center;
    border-radius: 0 .6rem .6rem 0;
    padding-right: .2rem
}

.btn-sport[data-v-24c03544] {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.btn-sport .svg-icon[data-v-24c03544] {
    width: 1rem;
    height: 1rem
}

.btn-sport[data-v-24c03544]:last-child {
    margin-right: 0
}

.betting-cart .badge[data-v-24c03544] {
    bottom: .56rem;
    position: absolute;
    right: -.10667rem
}

.badge-wrapper[data-v-24c03544] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f73460;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .34667rem;
    font-weight: 600;
    height: .42667rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: .26667rem;
    width: .42667rem
}

.move_in_cart[data-v-24c03544] {
    -webkit-animation: mymove-24c03544 .5s ease-in-out;
    animation: mymove-24c03544 .5s ease-in-out
}

.move_dot[data-v-24c03544] {
    position: fixed;
    bottom: calc(2.21333rem + env(safe-area-inset-bottom));
    left: .6rem
}

@keyframes mymove-24c03544 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes mymove-24c03544 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#theme-color-night #sport-cart {
    background: transparent
}

[data-v-92b71502]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-92b71502] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-92b71502] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-92b71502] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-92b71502]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-92b71502] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-92b71502]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-92b71502]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-92b71502] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-92b71502] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-92b71502]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-92b71502] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-92b71502] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-92b71502]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-92b71502] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-92b71502] {
    background-color: #333
}

.betting-main[data-v-92b71502] {
    border-top-left-radius: .53333rem;
    border-top-right-radius: .53333rem;
    min-height: 50vh;
    background-color: #fff
}

.wrapper[data-v-92b71502] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.17333rem;
    padding: .53333rem
}

.wrapper .title[data-v-92b71502] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .37333rem;
    font-weight: 600;
    line-height: .37333rem;
    margin-right: .16rem
}

.wrapper .betting-tabs span[data-v-92b71502] {
    width: 2.4rem;
    height: .74667rem;
    color: var(--theme-font-color-2);
    line-height: .74667rem;
    border-radius: .37333rem;
    text-align: center;
    background-color: #f7f7f7;
    margin-right: .26667rem
}

.wrapper .betting-tabs span.active[data-v-92b71502] {
    border: 1px solid var(--theme-color);
    background: none;
    color: var(--theme-color)
}

.wrapper .side[data-v-92b71502] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative
}

.amount[data-v-92b71502] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.clear[data-v-92b71502] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--van-font-size-sm);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1
}

.clear .svg-icon[data-v-92b71502] {
    width: .74667rem;
    height: .74667rem
}

.amount[data-v-92b71502] {
    min-width: 2.66667rem
}

.bg-white[data-v-92b71502] {
    background: #fff !important
}

.betting-main[data-v-92b71502] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.betting-main .match-option-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff
}

.betting-main .match-name {
    color: #333;
    font-weight: 700;
    width: 100%;
    font-size: .32rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: .53333rem
}

.betting-main .match-option-detail .match-option {
    width: 7.12rem;
    text-align: left
}

.betting-main .match-option-detail .match-option .match-option-name {
    width: 100%;
    font-size: .32rem;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: .53333rem
}

.betting-main .match-option-detail .match-option .match-option-name>span {
    padding-right: .05333rem
}

.betting-main .match-option-detail .match-option .match-line,
.betting-main .match-option-detail .match-option .match-league {
    width: 100%;
    font-size: .32rem;
    color: #969696;
    line-height: .53333rem
}

.betting-main .match-option-detail .match-code {
    width: 2.08rem;
    height: .48rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJwAAAAkCAYAAAB8IVNVAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAnKADAAQAAAABAAAAJAAAAABPYMwNAAABJ0lEQVR4Ae3SQQrCUBQDwF/vf2d1JS+Lh0rJbgShKW1+GXKdc57v/7fftTzwy7vLq+vt7azthTvfsJ01O7dn5vfM5+f97Xrr/Ldn65/3t7PmM/P6zjdsZ306H/Mk1wTaAgbXFtYfAgYXHEJbwODawvpDwOCCQ2gLGFxbWH8IGFxwCG0Bg2sL6w8BgwsOoS1gcG1h/SFgcMEhtAUMri2sPwQMLjiEtoDBtYX1h4DBBYfQFjC4trD+EDC44BDaAgbXFtYfAgYXHEJbwODawvpDwOCCQ2gLGFxbWH8IGFxwCG0Bg2sL6w8BgwsOoS1gcG1h/SFgcMEhtAUMri2sPwQMLjiEtoDBtYX1h4DBBYfQFjC4trD+EDC44BDaAgbXFtYfAgYXHEJb4AUyVghHZJjGrAAAAABJRU5ErkJggg==);
    background-size: 100% 100%
}

.betting-main .match-option-detail .match-handicap {
    font-size: .32rem;
    color: #666;
    line-height: .53333rem;
    text-align: right
}

.betting-main .match-option-detail .match-odd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: .34667rem;
    color: #2b2b2b;
    font-weight: 700;
    position: relative
}

.betting-main .betting-match-amount {
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 1.28rem;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    width: 100%
}

.betting-main .betting-match-amount .input-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dddddd;
    border-radius: .13333rem;
    width: 6.4rem;
    padding: 0 .4rem;
    margin-right: .26667rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.betting-main .betting-match-amount .input-box.active {
    border-color: var(--theme-color) !important
}

.betting-main .betting-match-amount .amount-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size: .34667rem;
    color: #7e7e7e
}

.betting-main .betting-match-amount .line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    font-size: .533333rem;
    color: var(--theme-color-rgb-opacity-0-08)
}

.betting-main .betting-match-box {
    width: 100%
}

.betting-main .betting-match-amount .amount-icon.active {
    color: #000
}

.betting-main .betting-match-amount .match-subscribe {
    font-size: .42667rem;
    white-space: nowrap
}

.betting-main .betting-match-amount .match-fund {
    height: 100%;
    line-height: 100%;
    background: transparent;
    border: .026667rem solid #d1d1d1;
    border-radius: .053333rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-size: .34667rem;
    color: #2b2b2b;
    border: none;
    background-color: transparent;
    outline: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .26667rem
}

.betting-main .betting-match-amount .match-fund::-webkit-input-placeholder {
    font-weight: 400;
    font-size: .373333rem;
    color: #d1d1d1
}

.betting-main .betting-match-amount .match-fund::-moz-input-placeholder {
    font-weight: 400;
    font-size: .373333rem;
    color: #d1d1d1
}

.betting-main .betting-match-amount .match-fund::-ms-input-placeholder {
    font-weight: 400;
    font-size: .373333rem;
    color: #d1d1d1
}

.betting-main .total-amount {
    white-space: nowrap;
    font-size: var(--van-font-size-sm);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    height: .93333rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .42667rem;
    background-color: #fff
}

.betting-main .total-amount .amount-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .26667rem;
    color: #969696
}

.betting-main .total-amount .amount-item .name {
    margin-right: .13333rem
}

.betting-main .total-amount .value {
    font-size: .32rem;
    line-height: .58667rem;
    color: var(--theme-font-color-2);
    font-weight: 400
}

.betting-main .total-amount .win-amout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.betting-main .total-amount .win-amout .value {
    color: #ea3443
}

.betting-main .amount-statistical {
    font-size: .37333rem
}

.betting-main .amount-statistical .amount-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .13333rem
}

.betting-main .amount-statistical .amount-item .value {
    font-size: .48rem;
    color: #ea3443
}

.betting-main .down {
    color: #37d200
}

.betting-main .up {
    color: #ea3443
}

.betting-main .value-status {
    display: inline-block;
    position: absolute;
    right: 0;
    width: .24rem;
    height: .24rem;
    padding-left: .08rem;
    color: transparent;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.betting-main .value-status.down {
    color: #37d200;
    -webkit-transform: scale(.5) translateX(.10667rem) translateY(.26667rem);
    -ms-transform: scale(.5) translateX(.10667rem) translateY(.26667rem);
    transform: scale(.5) translate(.10667rem) translateY(.26667rem);
    -webkit-animation: Flashing 1s;
    animation: Flashing 1s
}

.betting-main .value-status.up {
    color: #ea3443;
    -webkit-transform: scale(.5) rotate(180deg) translateX(-.42667rem) translateY(-.66667rem);
    -ms-transform: scale(.5) rotate(180deg) translateX(-.42667rem) translateY(-.66667rem);
    transform: scale(.5) rotate(180deg) translate(-.42667rem) translateY(-.66667rem);
    animation: Flashing 1s reverse
}

.betting-main .delete-btn {
    background-color: #edeef1;
    border-radius: .21333rem .05333rem;
    padding: 0 .21333rem;
    color: #8d9198;
    font-size: 1rem
}

.betting-main .error-odds {
    line-height: 1.06667rem;
    color: #8d9198
}

.betting-main .match-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.betting-main .ball-logo {
    height: .5rem;
    width: .5rem;
    margin-right: .13333rem
}

@-webkit-keyframes Flashing {
    0% {
        margin-top: -.08rem
    }

    34% {
        margin-top: 0
    }

    75% {
        margin-top: -.08rem
    }

    to {
        margin-top: 0
    }
}

@keyframes Flashing {
    0% {
        margin-top: -.08rem
    }

    34% {
        margin-top: 0
    }

    75% {
        margin-top: -.08rem
    }

    to {
        margin-top: 0
    }
}

.text-grey-font {
    color: #8a8a8d
}

.betting-popup .van-popup {
    transition: transform .2s, -webkit-transform .2s;
    overflow: hidden;
    background-color: var(--theme-color-bg-color-1) !important;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

.betting-popup .amount .balance-item .balance {
    margin-top: 0
}

.betting-popup .balance-popup {
    width: 100%
}

#theme-color-night .betting-popup .van-popup {
    background: var(--theme-color-card-bg-color) !important
}

#theme-color-night .betting-popup .betting-main {
    background: var(--theme-color-card-bg-color)
}

#theme-color-night .betting-popup .betting-main .wrapper .betting-tabs span {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .betting-popup .betting-main .wrapper .betting-tabs span.active {
    background: none
}

#theme-color-night .betting-popup .betting-main .total-amount {
    background-color: var(--theme-color-card-bg-color)
}

[data-v-0c3822fd]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-0c3822fd] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-0c3822fd] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-0c3822fd] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-0c3822fd]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-0c3822fd] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-0c3822fd]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-0c3822fd]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-0c3822fd] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-0c3822fd] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-0c3822fd]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-0c3822fd] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-0c3822fd] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-0c3822fd]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-0c3822fd] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-0c3822fd] {
    background-color: #333
}

.outright-box[data-v-0c3822fd] {
    background-color: #fff;
    margin: 0 .1333rem .21333rem;
    border: 1px solid #ebebeb;
    border-radius: .21333rem;
    overflow: hidden
}

.headerContentBox[data-v-0c3822fd] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--van-font-size-sm);
    height: .66667rem;
    padding-right: .26667rem;
    border-bottom: .02667rem solid #ebebeb
}

.headerContentBox[data-v-0c3822fd]:before {
    content: "";
    width: .053rem;
    height: .32rem;
    background-color: var(--theme-color);
    border-radius: 0 .053rem .053rem 0;
    margin-right: .26667rem
}

.notBorderTop.headerContentBox[data-v-0c3822fd] {
    border-bottom: none
}

.headerContentBox.showBadge[data-v-0c3822fd] {
    width: 100%
}

.headerContentBox .headerContentTitle[data-v-0c3822fd] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden;
    padding-right: .26667rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--van-font-size-sm);
    font-weight: 500
}

.BadgeIcon_container[data-v-0c3822fd] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: .45333rem;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 1.73333rem;
    padding-right: .26667rem
}

.BadgeIcon_container>img[data-v-0c3822fd] {
    max-height: .45333rem
}

.outright-box .container[data-v-0c3822fd]:first-of-type {
    margin-top: .26667rem
}

.container[data-v-0c3822fd] {
    height: .93333rem;
    padding: 0 .26667rem;
    width: 100%;
    margin-bottom: .26667rem
}

.tournament_box[data-v-0c3822fd] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    border-radius: .16rem;
    padding: 0 .26667rem
}

.container:not(:last-of-type) .tournament_box[data-v-0c3822fd] {
    border-bottom: .02667rem solid #ffffff
}

.Tournament_checkBox[data-v-0c3822fd],
.fav[data-v-0c3822fd] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 .66667rem;
    -ms-flex: 0 0 .66667rem;
    flex: 0 0 .66667rem;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .26667rem
}

.Tournament_checkBox .collect-icon[data-v-0c3822fd],
.fav .collect-icon[data-v-0c3822fd] {
    width: .48rem;
    height: .48rem
}

.content[data-v-0c3822fd] {
    color: #333;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: var(--van-font-size-sm);
    overflow: hidden;
    padding-right: .26667rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.forward[data-v-0c3822fd] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    color: #8a8a8d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    position: relative;
    width: .58667rem;
    height: .58667rem;
    font-size: .32rem
}

.count[data-v-0c3822fd] {
    font-size: var(--van-font-size-sm)
}

.collapse[data-v-0c3822fd] {
    width: .26667rem
}

.collapse.rotate180[data-v-0c3822fd] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#theme-color-night .outright-box {
    background-color: var(--theme-color-card-bg-color);
    border-color: #2c2c2c
}

#theme-color-night .outright-box .headerContentBox {
    background-color: #212121;
    border-color: #2c2c2c
}

#theme-color-night .outright-box .container .tournament_box {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .outright-box .container .tournament_box .content {
    color: #fff
}

[data-v-38ea55a2]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-38ea55a2] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-38ea55a2] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-38ea55a2] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-38ea55a2]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-38ea55a2] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-38ea55a2]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-38ea55a2]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-38ea55a2] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-38ea55a2] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-38ea55a2]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-38ea55a2] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-38ea55a2] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-38ea55a2]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-38ea55a2] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-38ea55a2] {
    background-color: #333
}

.container_background[data-v-38ea55a2],
.container_box[data-v-38ea55a2] {
    background-color: #fff
}

.container_box[data-v-38ea55a2] {
    height: 100%
}

#theme-color-night .container_box {
    background-color: var(--theme-color-card-bg-color)
}

:root {
    --van-pull-refresh-footer-height: 1.33333rem;
    --van-pull-refresh-footer-font-size: var(--van-font-size-md);
    --van-pull-refresh-footer-text-color: var(--van-text-color-2);
    --van-pull-refresh-loading-icon-size: .42667rem
}

.my-pull-refresh {
    overflow: hidden
}

.my-pull-refresh__track {
    position: relative;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.my-pull-refresh__footer {
    width: 100%;
    height: 1rem;
    overflow: hidden;
    color: var(--van-pull-refresh-footer-text-color);
    font-size: var(--van-pull-refresh-footer-font-size);
    line-height: 1rem;
    text-align: center
}

.my-pull-refresh__loading .van-loading__spinner {
    width: var(--van-pull-refresh-loading-icon-size);
    height: var(--van-pull-refresh-loading-icon-size)
}

.my-pull-refresh .my-pull-refresh__finished-text {
    color: var(--van-list-text-color);
    font-size: var(--van-list-text-font-size);
    line-height: var(--van-list-text-line-height);
    text-align: center
}

.sport-page {
    min-height: calc(100% - 2.50667rem - var(--van-tabbar-height));
    border-radius: .4rem .4rem 0 0;
    padding-top: 1.44rem;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 1.6rem);
    padding-bottom: calc(env(safe-area-inset-bottom) + 1.6rem)
}

.sport-page .van-pull-refresh {
    overflow: visible
}

.sport-page .van-empty {
    background-color: #fff
}

.sport-page.show-download {
    padding-top: 2.61333rem
}

.sport-page.show-download:before {
    display: block;
    content: " ";
    height: 2.61333rem;
    width: 10rem;
    position: fixed;
    top: 0;
    background-color: var(--theme-color-page-bg-color);
    z-index: 5
}

.sport-page.show-download.show-notice {
    padding-top: calc(2.61333rem + var(--van-notice-bar-height))
}

.sport-page.show-download.show-notice:before {
    display: block;
    content: " ";
    height: calc(2.61333rem + var(--van-notice-bar-height));
    width: 10rem;
    position: fixed;
    top: 0;
    background-color: var(--theme-color-page-bg-color);
    z-index: 5
}

.sport-page.show-notice {
    padding-top: 2.50667rem
}

.sport-page.show-notice:before {
    display: block;
    content: " ";
    height: 2.50667rem;
    width: 10rem;
    position: fixed;
    top: 0;
    background-color: var(--theme-color-page-bg-color);
    z-index: 5
}

.sport-page:before {
    display: block;
    content: " ";
    height: 1.44rem;
    width: 10rem;
    position: fixed;
    top: 0;
    background-color: var(--theme-color-page-bg-color);
    z-index: 5
}

#theme-color-night .sport-page {
    background-color: #1f1f1f
}

#theme-color-night .sport-page .no-data {
    background-color: transparent !important
}

[data-v-e9a7df39]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-e9a7df39] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-e9a7df39] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-e9a7df39] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-e9a7df39]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-e9a7df39] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-e9a7df39]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-e9a7df39]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-e9a7df39] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-e9a7df39] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-e9a7df39]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-e9a7df39] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-e9a7df39] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-e9a7df39]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-e9a7df39] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-e9a7df39] {
    background-color: #333
}

.amusement-title[data-v-e9a7df39] {
    font-size: .34667rem;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.amusement-title .main[data-v-e9a7df39] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.amusement-title .main .text[data-v-e9a7df39] {
    font-size: .4rem
}

.amusement-title .main .icon[data-v-e9a7df39]:before {
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .08rem;
    height: .32rem;
    border-radius: .16rem;
    background-color: var(--theme-color);
    margin-right: .16rem
}

.amusement-title .right[data-v-e9a7df39] {
    font-size: var(--van-font-size-sm);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400
}

[data-v-d574c1d0]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-d574c1d0] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-d574c1d0] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-d574c1d0] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-d574c1d0]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-d574c1d0] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-d574c1d0]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-d574c1d0]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-d574c1d0] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-d574c1d0] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-d574c1d0]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-d574c1d0] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-d574c1d0] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-d574c1d0]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-d574c1d0] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-d574c1d0] {
    background-color: #333
}

.recent[data-v-d574c1d0] {
    padding: .4rem .34667rem 0
}

.recent .com[data-v-d574c1d0] {
    width: .58667rem
}

.recent .corner-mark[data-v-d574c1d0] {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    padding: 0 .26667rem;
    height: .34667rem;
    border-radius: .24rem 0;
    background: var(--theme-corner-mark-color);
    color: #fff
}

.recent .model[data-v-d574c1d0] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    color: #fff;
    font-size: var(--van-font-size-sm);
    border-radius: .4rem
}

.recent .recent-list[data-v-d574c1d0] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .26667rem;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.recent .recent-list .list-item[data-v-d574c1d0] {
    -webkit-flex-basis: 2.90667rem;
    -ms-flex-preferred-size: 2.90667rem;
    flex-basis: 2.90667rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    margin-right: .26667rem;
    position: relative;
    overflow: hidden
}

.recent .recent-list .list-item .item-text[data-v-d574c1d0] {
    width: 2.90667rem;
    height: .61333rem;
    line-height: .61333rem;
    text-align: center;
    font-size: var(--van-font-size-xs)
}

.recent .recent-list .list-item[data-v-d574c1d0]:last-of-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.recent .recent-list .list-item[data-v-d574c1d0]:nth-of-type(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.recent .recent-list .list-item>div[data-v-d574c1d0] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.recent .recent-list .list-item>div .item-img[data-v-d574c1d0] {
    width: 2.90667rem;
    height: 1.65333rem;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .4rem
}

.recent .recent-list .list-item>div .item-img .item-logo[data-v-d574c1d0] {
    width: 2.90667rem;
    height: 1.65333rem;
    border-radius: .4rem;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none;
    background-color: var(--theme-img-bg-color);
    background-size: cover;
    background-repeat: no-repeat
}

.recent .recent-list .list-item>div .item-img .item-logo img[data-v-d574c1d0] {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.recent .recent-list .list-item>div .demo[data-v-d574c1d0] {
    position: absolute;
    right: .13333rem;
    top: 1.06667rem;
    width: .85333rem;
    height: .48rem;
    border-radius: .24rem;
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
    font-size: .26667rem;
    text-align: center;
    line-height: .48rem
}

[data-v-f1b4b780]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-f1b4b780] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-f1b4b780] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-f1b4b780] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-f1b4b780]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-f1b4b780] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-f1b4b780]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-f1b4b780]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-f1b4b780] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-f1b4b780] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-f1b4b780]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-f1b4b780] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-f1b4b780] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-f1b4b780]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-f1b4b780] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-f1b4b780] {
    background-color: #333
}

.hot-game[data-v-f1b4b780] {
    padding: .21333rem .34667rem 0
}

.hot-game .com[data-v-f1b4b780] {
    width: .58667rem
}

.hot-game .corner-mark[data-v-f1b4b780] {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    padding: 0 .26667rem;
    height: .34667rem;
    border-radius: .24rem 0;
    background: var(--theme-corner-mark-color);
    color: #fff
}

.hot-game .model[data-v-f1b4b780] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    color: #fff;
    font-size: var(--van-font-size-sm);
    border-radius: .4rem
}

.hot-game .hot-game-list[data-v-f1b4b780] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: .26667rem;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.hot-game .hot-game-list .game-list-item[data-v-f1b4b780] {
    -webkit-flex-basis: 3.52rem;
    -ms-flex-preferred-size: 3.52rem;
    flex-basis: 3.52rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    margin-right: .26667rem;
    position: relative;
    border-radius: .26667rem;
    overflow: hidden
}

.hot-game .hot-game-list .game-list-item .item-text[data-v-f1b4b780] {
    width: 3.52rem;
    display: inline-block;
    height: .61333rem;
    line-height: .61333rem;
    text-align: center;
    font-size: var(--van-font-size-xs)
}

.hot-game .hot-game-list .game-list-item .item-img[data-v-f1b4b780] {
    width: 3.52rem;
    height: 1.97333rem;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .4rem
}

.hot-game .hot-game-list .game-list-item .item-img .item-logo[data-v-f1b4b780] {
    width: 3.52rem;
    height: 1.97333rem;
    border-radius: .4rem;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none;
    background-color: var(--theme-img-bg-color);
    background-size: cover;
    background-repeat: no-repeat
}

.hot-game .hot-game-list .game-list-item .item-img .item-logo img[data-v-f1b4b780] {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.hot-game .hot-game-list .game-list-item .demo[data-v-f1b4b780] {
    position: absolute;
    right: .26667rem;
    top: 1.38667rem;
    width: .85333rem;
    height: .48rem;
    border-radius: .24rem;
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
    font-size: .26667rem;
    text-align: center;
    line-height: .48rem
}

[data-v-d3aed2d8]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-d3aed2d8] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-d3aed2d8] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-d3aed2d8] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-d3aed2d8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-d3aed2d8] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-d3aed2d8]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-d3aed2d8]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-d3aed2d8] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-d3aed2d8] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-d3aed2d8]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-d3aed2d8] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-d3aed2d8] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-d3aed2d8]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-d3aed2d8] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-d3aed2d8] {
    background-color: #333
}

.grid-game[data-v-d3aed2d8] {
    padding: .21333rem .34667rem 0
}

.grid-game .com[data-v-d3aed2d8] {
    height: .53333rem
}

.grid-game .corner-mark[data-v-d3aed2d8] {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    padding: 0 .26667rem;
    height: .34667rem;
    border-radius: .24rem 0;
    background: var(--theme-corner-mark-color);
    color: #fff
}

.grid-game .grid-list.isSingular .grid-item[data-v-d3aed2d8]:nth-of-type(2n) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.grid-game .grid-list.isSingular .grid-item[data-v-d3aed2d8]:nth-of-type(odd) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid-game .grid-list[data-v-d3aed2d8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .26667rem
}

.grid-game .grid-list .flex-row.grid-item[data-v-d3aed2d8] {
    width: 100%
}

.grid-game .grid-list .flex-row.grid-item section[data-v-d3aed2d8] {
    width: 100%
}

.grid-game .grid-list .flex-row.grid-item section .item-img[data-v-d3aed2d8] {
    width: 100%
}

.grid-game .grid-list .flex-row.grid-item section .item-img .item-logo[data-v-d3aed2d8] {
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none;
    background-size: cover;
    background-repeat: no-repeat
}

.grid-game .grid-list .flex-row.grid-item section .item-img .item-logo img[data-v-d3aed2d8] {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.grid-game .grid-list .grid-item[data-v-d3aed2d8] {
    width: 50%;
    margin-bottom: .26667rem
}

.grid-game .grid-list .grid-item[data-v-d3aed2d8]:nth-of-type(2n) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid-game .grid-list .grid-item .model[data-v-d3aed2d8] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    color: #fff;
    font-size: var(--van-font-size-sm);
    border-radius: .4rem .4rem 0 0
}

.grid-game .grid-list .grid-item .model span[data-v-d3aed2d8] {
    margin: .05333rem
}

.grid-game .grid-list .grid-item section[data-v-d3aed2d8] {
    width: 4.53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    border: 1px solid #f5f5f5;
    border-radius: .4rem;
    position: relative;
    overflow: hidden
}

.grid-game .grid-list .grid-item section .item-img[data-v-d3aed2d8] {
    width: 4.53333rem;
    height: 2.56rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid-game .grid-list .grid-item section .item-img .img[data-v-d3aed2d8] {
    width: 4.53333rem;
    height: 2.56rem;
    background-color: var(--theme-img-bg-color);
    border-radius: .4rem .4rem 0 0;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover
}

.grid-game .grid-list .grid-item section .item-img .img img[data-v-d3aed2d8] {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.grid-game .grid-list .grid-item section .item-big-img.item-img[data-v-d3aed2d8] {
    width: 100%
}

.grid-game .grid-list .grid-item section span[data-v-d3aed2d8] {
    margin: .18667rem
}

.grid-game .grid-list .grid-item section .demo[data-v-d3aed2d8] {
    position: absolute;
    right: .26667rem;
    top: 1.86667rem;
    width: .85333rem;
    height: .48rem;
    border-radius: .24rem;
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
    font-size: .26667rem;
    text-align: center;
    line-height: .48rem
}

.grid-game .more[data-v-d3aed2d8] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid-game .casino-menu-7[data-v-d3aed2d8] {
    width: .64rem;
    height: .64rem
}

.casino-page {
    width: 100%;
    min-height: 100%;
    padding-top: 2.67333rem;
    padding-bottom: 2.4rem;
    background: #ffffff
}

.casino-page .top-menu {
    width: 100%;
    white-space: nowrap;
    background: none
}

.casino-page .top-menu .top-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.33333rem;
    margin: 0 .26667rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.casino-page .top-menu .top-menu-item .icon-box {
    width: .58667rem;
    height: .58667rem;
    margin-bottom: .18667rem
}

.casino-page .top-menu .top-menu-item .icon-box .svg-icon {
    width: .56rem;
    height: .56rem
}

.casino-page .top-menu .top-menu-item .icon-box .icon {
    width: .82667rem;
    height: .56rem
}

.casino-page .top-menu .top-menu-item p {
    min-width: 100%;
    color: #000;
    text-align: center;
    font-size: var(--van-font-size-sm)
}

.casino-page .van-tabs__wrap {
    height: auto !important;
    position: fixed;
    background-color: #fff;
    top: 1.12rem;
    z-index: 9;
    width: 100%
}

.casino-page .van-tabs__nav {
    height: 1.5rem !important;
    background: none;
    padding-top: .2rem;
    padding-bottom: .1rem
}

.casino-page .van-tabs__nav--card {
    border: none;
    margin: 0
}

.casino-page .van-tab {
    padding: 0
}

.casino-page .van-tabs__nav--card .van-tab {
    background: none;
    border: none;
    width: 2.08rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 2.08rem;
    -ms-flex: 1 0 2.08rem;
    flex: 1 0 2.08rem
}

.casino-page .van-tabs__nav--card .van-tab.van-tab--active {
    background: none;
    border: none
}

.casino-page .van-tab--active .top-menu-item .svg-icon.icon-select {
    position: absolute;
    right: .32rem;
    top: -.1rem;
    width: .37333rem;
    height: .34667rem;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    margin-bottom: 0
}

.casino-page .van-tab--active .top-menu-item p {
    color: #fff;
    background-color: var(--theme-color);
    font-weight: 400;
    height: .42667rem;
    border-radius: .42667rem;
    line-height: .42667rem
}

.casino-page .van-tabs__wrap {
    background-color: #fff
}

.casino-page .no_casino {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .53333rem
}

.casino-page .no_casino .no-data {
    margin-top: .53333rem
}

.casino-page .no_casino p {
    margin-bottom: .4rem
}

.casino-page .no_casino span {
    color: var(--theme-color);
    text-decoration: underline;
    margin-top: .53333rem
}

.casino-page.show-download {
    padding-top: 3.84667rem
}

.casino-page.show-download .van-tabs__wrap {
    top: 2.29333rem
}

#theme-color-night .casino-page,
#theme-color-night .van-tabs__wrap {
    background: var(--theme-color-card-bg-color)
}

[data-v-f3850d63]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-f3850d63] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-f3850d63] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-f3850d63] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-f3850d63]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-f3850d63] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-f3850d63]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-f3850d63]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-f3850d63] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-f3850d63] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-f3850d63]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-f3850d63] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-f3850d63] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-f3850d63]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-f3850d63] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-f3850d63] {
    background-color: #333
}

.amusement-title[data-v-f3850d63] {
    font-size: .34667rem;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.amusement-title .main[data-v-f3850d63] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.amusement-title .main .text[data-v-f3850d63] {
    font-size: .4rem
}

.amusement-title .main .icon[data-v-f3850d63]:before {
    content: "";
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .08rem;
    height: .32rem;
    border-radius: .16rem;
    background-color: var(--theme-color);
    margin-right: .16rem
}

.amusement-title .right[data-v-f3850d63] {
    font-size: var(--van-font-size-sm);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400
}

[data-v-651eb665]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-651eb665] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-651eb665] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-651eb665] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-651eb665]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-651eb665] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-651eb665]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-651eb665]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-651eb665] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-651eb665] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-651eb665]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-651eb665] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-651eb665] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-651eb665]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-651eb665] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-651eb665] {
    background-color: #333
}

.grid-game[data-v-651eb665] {
    padding: .21333rem .4rem 0
}

.grid-game .com[data-v-651eb665] {
    height: .53333rem
}

.grid-game .scrollX[data-v-651eb665] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 9.2rem
}

.grid-game .scrollX[data-v-651eb665]::-webkit-scrollbar {
    display: none
}

.grid-game .corner-mark[data-v-651eb665] {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    padding: 0 .26667rem;
    height: .34667rem;
    border-radius: .24rem 0;
    background: var(--theme-corner-mark-color);
    color: #fff
}

.grid-game .grid-list[data-v-651eb665] {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .26667rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: .02667rem
}

.grid-game .grid-list .flex-row.grid-item[data-v-651eb665] {
    width: 100%
}

.grid-game .grid-list .flex-row.grid-item section[data-v-651eb665] {
    width: 100%
}

.grid-game .grid-list .flex-row.grid-item section .item-img[data-v-651eb665] {
    width: 100%
}

.grid-game .grid-list .flex-row.grid-item section .item-img .item-logo[data-v-651eb665] {
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none;
    background-size: cover;
    background-repeat: no-repeat
}

.grid-game .grid-list .flex-row.grid-item section .item-img .item-logo img[data-v-651eb665] {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.grid-game .grid-list .grid-item[data-v-651eb665] {
    width: 50%;
    margin-bottom: .26667rem
}

.grid-game .grid-list .grid-item[data-v-651eb665]:nth-of-type(2n) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.grid-game .grid-list .grid-item .model[data-v-651eb665] {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    color: #fff;
    font-size: var(--van-font-size-sm);
    border-radius: .4rem .4rem 0 0
}

.grid-game .grid-list .grid-item .model span[data-v-651eb665] {
    margin: .05333rem
}

.grid-game .grid-list .grid-item section[data-v-651eb665] {
    width: 4.53333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    border: 1px solid #f5f5f5;
    border-radius: .4rem;
    position: relative;
    overflow: hidden
}

.grid-game .grid-list .grid-item section .item-img[data-v-651eb665] {
    width: 4.53333rem;
    height: 2.56rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid-game .grid-list .grid-item section .item-img .img[data-v-651eb665] {
    width: 4.53333rem;
    height: 2.56rem;
    background-color: var(--theme-img-bg-color);
    border-radius: .4rem .4rem 0 0;
    -o-object-fit: fill;
    object-fit: fill;
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: cover
}

.grid-game .grid-list .grid-item section .item-img .img img[data-v-651eb665] {
    width: 100%;
    height: 100%;
    pointer-events: none
}

.grid-game .grid-list .grid-item section .item-big-img.item-img[data-v-651eb665] {
    width: 100%
}

.grid-game .grid-list .grid-item section span[data-v-651eb665] {
    margin: .18667rem
}

.grid-game .grid-list .grid-item section .demo[data-v-651eb665] {
    position: absolute;
    right: .26667rem;
    top: 1.86667rem;
    width: .85333rem;
    height: .48rem;
    border-radius: .24rem;
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
    font-size: .26667rem;
    text-align: center;
    line-height: .48rem
}

.grid-game .more[data-v-651eb665] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.grid-game .casino-menu-7[data-v-651eb665] {
    width: .64rem;
    height: .64rem
}

.grid-game .prev-btn[data-v-651eb665] {
    width: 1.01333rem;
    height: .64rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #f1f1f1;
    color: var(--theme-color);
    font-weight: 600;
    border-radius: .32rem 0 0 .32rem
}

.grid-game .next-btn[data-v-651eb665] {
    width: 1.01333rem;
    height: .64rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #f1f1f1;
    color: var(--theme-color);
    font-weight: 600;
    border-radius: 0 .32rem .32rem 0;
    border-left: none
}

.grid-game .prev-btn .svg-icon[data-v-651eb665],
.grid-game .next-btn .svg-icon[data-v-651eb665] {
    width: .32rem;
    height: .32rem
}

.grid-game .prev-btn.disabled[data-v-651eb665],
.grid-game .next-btn.disabled[data-v-651eb665] {
    color: #999
}

#theme-color-night .grid-game .grid-list .grid-item section {
    border-color: var(--van-border-color);
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .grid-game .prev-btn,
#theme-color-night .grid-game .next-btn {
    border-color: #282828
}

[data-v-d12141ef]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-d12141ef] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-d12141ef] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-d12141ef] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-d12141ef]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-d12141ef] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-d12141ef]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-d12141ef]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-d12141ef] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-d12141ef] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-d12141ef]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-d12141ef] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-d12141ef] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-d12141ef]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-d12141ef] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-d12141ef] {
    background-color: #333
}

.grid-item-4[data-v-d12141ef] {
    width: 10rem;
    height: 7.1679rem
}

.grid-item-3[data-v-d12141ef] {
    width: 10rem;
    height: 9.2523rem
}

.electronic-page {
    width: 100%;
    min-height: 100%;
    padding-top: 1.27333rem;
    padding-bottom: 2.4rem;
    background-color: #fff
}

.electronic-page .top-menu {
    width: 100%;
    white-space: nowrap;
    background: none;
    overflow-x: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .4rem
}

.electronic-page .top-menu::-webkit-scrollbar {
    display: none
}

.electronic-page .top-menu .top-menu-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.30667rem;
    margin-right: .26667rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.electronic-page .top-menu .top-menu-item .icon-box {
    margin-bottom: .18667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.electronic-page .top-menu .top-menu-item .icon-box .icon {
    width: 1.30667rem;
    height: 1.30667rem
}

.electronic-page .top-menu .top-menu-item p {
    min-width: 100%;
    color: #000;
    text-align: center;
    font-size: var(--van-font-size-sm)
}

.electronic-page .no_casino {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: .53333rem
}

.electronic-page .no_casino .no-data {
    margin-top: .53333rem
}

.electronic-page .no_casino p {
    margin-bottom: .4rem
}

.electronic-page .no_casino span {
    color: var(--theme-color);
    text-decoration: underline;
    margin-top: .53333rem
}

.electronic-page .sport-notice {
    background-color: #f5f5f5;
    border-radius: .4rem;
    margin: 0 .4rem .42667rem
}

.electronic-page .van-swipe.electronic-swipe {
    width: calc(100% - .8rem);
    height: 3.14667rem;
    margin: 0 .4rem .32rem;
    border-radius: .4rem
}

.electronic-page .van-swipe.electronic-swipe .van-swipe-item .main-banner {
    height: 3.14667rem;
    position: relative;
    border-radius: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.electronic-page .van-swipe.electronic-swipe .van-swipe-item .banner-content {
    z-index: 2;
    width: 58%
}

.electronic-page .van-swipe.electronic-swipe .van-swipe-item .banner-content h2 {
    color: var(--theme-color);
    font-size: .42667rem;
    padding-left: .53333rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .42667rem;
    max-height: 1.54667rem
}

.electronic-page .van-swipe.electronic-swipe .van-swipe-item .banner-content p {
    font-size: .37333rem;
    margin-top: .26667rem;
    padding-left: .53333rem;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .37333rem;
    max-height: 1.38667rem
}

.electronic-page .van-swipe.electronic-swipe .van-swipe-item .banner-image {
    max-width: 40%;
    max-height: 100%;
    height: auto;
    position: absolute;
    right: .26667rem
}

.electronic-page .van-swipe.electronic-swipe .van-swipe__indicator {
    background-color: #ebedf0;
    opacity: 1
}

.electronic-page .van-swipe.electronic-swipe .van-swipe__indicator.van-swipe__indicator--active {
    background-color: var(--theme-color)
}

.electronic-page .electronic-banner {
    width: calc(100% - .8rem);
    margin: 0 .4rem .32rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.electronic-page .electronic-banner .card-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: .53333rem;
    margin-bottom: .53333rem
}

.electronic-page .electronic-banner .card {
    width: 4.53333rem;
    height: 1.33333rem;
    border-radius: .26667rem;
    -webkit-box-shadow: 0 .05333rem .13333rem rgba(0, 0, 0, .1);
    box-shadow: 0 .05333rem .13333rem rgba(0, 0, 0, .1);
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .26667rem;
    position: relative
}

.electronic-page .electronic-banner .card img {
    max-width: 40%;
    max-height: 100%;
    height: auto;
    position: absolute;
    right: .13333rem
}

.electronic-page .electronic-banner .card-text {
    width: 58%;
    z-index: 2
}

.electronic-page .electronic-banner .card-text h3 {
    font-size: .34667rem;
    color: var(--theme-color);
    margin-bottom: .05333rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .34667rem;
    max-height: .69333rem
}

.electronic-page .electronic-banner .card-text p {
    font-size: .29333rem;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .29333rem;
    max-height: .58667rem
}

.electronic-page.show-download {
    padding-top: 2.44667rem
}

.electronic-page.show-download .van-tabs__wrap {
    top: 2.29333rem
}

#theme-color-night .electronic-page,
#theme-color-night .van-tabs__wrap {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .top-menu .van-tab--active .top-menu-item p {
    color: var(--theme-font-color-2);
    background-color: var(--theme-color)
}

#theme-color-night .top-menu .top-menu-item p {
    color: var(--theme-font-color-1)
}

#theme-color-night .no_casino .no-data {
    background-color: transparent !important
}

#theme-color-night .electronic-page .sport-notice {
    background-color: #2c2c2c
}

#theme-color-night .electronic-page .van-swipe.electronic-swipe .van-swipe__indicator {
    background-color: #2c2c2c;
    opacity: .8
}

#theme-color-night .electronic-page .van-swipe.electronic-swipe .van-swipe__indicator.van-swipe__indicator--active {
    background-color: var(--theme-color);
    opacity: 1
}

[data-v-d8bc3585]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-d8bc3585] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-d8bc3585] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-d8bc3585] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-d8bc3585]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-d8bc3585] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-d8bc3585]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-d8bc3585]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-d8bc3585] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-d8bc3585] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-d8bc3585]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-d8bc3585] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-d8bc3585] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-d8bc3585]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-d8bc3585] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-d8bc3585] {
    background-color: #333
}

.ico-service[data-v-d8bc3585] {
    width: .64rem;
    height: .50667rem
}

[data-v-2f8ff560]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-2f8ff560] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-2f8ff560] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-2f8ff560] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-2f8ff560]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-2f8ff560] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-2f8ff560]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-2f8ff560]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-2f8ff560] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-2f8ff560] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-2f8ff560]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-2f8ff560] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-2f8ff560] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-2f8ff560]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-2f8ff560] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-2f8ff560] {
    background-color: #333
}

.currency-list[data-v-2f8ff560] {
    padding: .26667rem;
    height: 100%;
    background-color: var(--theme-color-card-bg-color)
}

.currency-list li[data-v-2f8ff560] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 .21333rem .02667rem #e9e8e8;
    box-shadow: 0 0 .21333rem .02667rem #e9e8e8;
    padding: .26667rem;
    border-radius: .16rem;
    margin-bottom: .21333rem
}

.currency-list li .money-number[data-v-2f8ff560] {
    margin-right: .13333rem
}

.currency-list li.highLight[data-v-2f8ff560] {
    border: 1px solid var(--theme-color);
    -webkit-box-shadow: none;
    box-shadow: none
}

.currency-select[data-v-2f8ff560] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .16rem
}

.currency-select .currency-picker[data-v-2f8ff560] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: .85333rem;
    height: .85333rem;
    border-radius: .42667rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f9f9f9
}

.currency-select .currency-picker .icon[data-v-2f8ff560] {
    width: .53333rem;
    height: .53333rem
}

.currency-select .currency-picker .currency-picker-toggle[data-v-2f8ff560] {
    position: absolute;
    bottom: 0;
    width: .21333rem;
    height: .16rem
}

.icon[data-v-2f8ff560] {
    width: .53333rem;
    height: .53333rem
}

.money-number[data-v-2f8ff560],
.currency[data-v-2f8ff560] {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: justify;
    display: inline-block;
    text-align: right;
    font-size: .29333rem;
    margin-left: .05333rem;
    color: #999
}

.show-name[data-v-2f8ff560] {
    margin-left: .08rem;
    font-size: .34667rem;
    font-weight: 600
}

.arrow-icon[data-v-2f8ff560] {
    font-size: .42667rem;
    color: #fff
}

.refresh[data-v-2f8ff560] {
    width: .426667rem;
    height: .426667rem;
    margin-left: .133333rem
}

.refresh.rota[data-v-2f8ff560] {
    -webkit-animation: turn 1s linear infinite;
    animation: turn 1s linear infinite
}

.popup-wrapper {
    opacity: 1 !important;
    z-index: 3000 !important
}

[data-v-49fff66c]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-49fff66c] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-49fff66c] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-49fff66c] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-49fff66c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-49fff66c] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-49fff66c]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-49fff66c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-49fff66c] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-49fff66c] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-49fff66c]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-49fff66c] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-49fff66c] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-49fff66c]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-49fff66c] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-49fff66c] {
    background-color: #333
}

.activity-item-divider[data-v-49fff66c] {
    margin: 0;
    margin-left: 1.41333rem
}

.activity-item[data-v-49fff66c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .66667rem 0 .66667rem .53333rem;
    background-size: auto 88%;
    background-position: right .4rem top;
    background-repeat: no-repeat;
    background-color: var(--theme-color-card-bg-color);
    border-radius: .26667rem;
    margin-top: .26667rem
}

.activity-item .icon[data-v-49fff66c] {
    -webkit-flex-basis: .88rem;
    -ms-flex-preferred-size: .88rem;
    flex-basis: .88rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.activity-item .icon .com[data-v-49fff66c] {
    width: .64rem
}

.activity-item section[data-v-49fff66c] {
    width: 100%;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-top: .08rem
}

.activity-item section.bottomBorder[data-v-49fff66c]:after {
    position: absolute;
    bottom: -.58667rem;
    content: "";
    display: block;
    height: .02667rem;
    width: 100%;
    background-color: #f5f5f5
}

.activity-item section .title[data-v-49fff66c] {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.activity-item section .title .text[data-v-49fff66c] {
    margin-bottom: .66667rem
}

.activity-item section .title .text h4[data-v-49fff66c] {
    width: 58%;
    min-height: .53333rem;
    line-height: .53333rem;
    font-size: .42667rem;
    color: var(--theme-color);
    margin-bottom: .10667rem
}

.activity-item section .title .text p[data-v-49fff66c] {
    width: 58%;
    font-size: var(--van-font-size-sm);
    color: #919191;
    min-height: .48rem;
    line-height: 1
}

.activity-item section .title .date[data-v-49fff66c] {
    color: #919191;
    font-size: .32rem
}

[data-v-6a037204]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-6a037204] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-6a037204] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-6a037204] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-6a037204]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-6a037204] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-6a037204]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-6a037204]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-6a037204] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-6a037204] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-6a037204]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-6a037204] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-6a037204] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-6a037204]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-6a037204] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-6a037204] {
    background-color: #333
}

.activity-list[data-v-6a037204] {
    background-color: var(--theme-color-page-bg-color);
    font-size: var(--van-font-size-sm);
    padding-bottom: calc(var(--van-tabbar-height) + .26667rem);
    padding-bottom: calc(var(--van-tabbar-height) + constant(safe-area-inset-bottom) + .26667rem);
    padding-bottom: calc(var(--van-tabbar-height) + env(safe-area-inset-bottom) + .26667rem)
}

.activity-list main[data-v-6a037204] {
    padding: .26667rem;
    padding-top: 0;
    margin-top: .26667rem
}

.activity-list .noData[data-v-6a037204] {
    text-align: center;
    color: #999;
    padding: .53333rem
}

.activity-list .van-tabs--card {
    margin-top: calc(var(--van-tabs-line-height) + .26667rem)
}

.activity-list .van-tabs--card>.van-tabs__wrap {
    width: 100%;
    height: auto;
    position: fixed;
    top: var(--van-tabs-line-height);
    background-color: #fff;
    z-index: 1
}

.activity-list .van-tabs__nav--card {
    border: none;
    margin: 0;
    padding: .26667rem;
    height: auto
}

.activity-list .van-tabs__nav--card .van-tab--card {
    border: none;
    height: .69333rem;
    border-radius: 2.64rem;
    color: var(--theme-font-color-2);
    background-color: var(--theme-color-page-bg-color);
    margin-right: .26667rem
}

.activity-list .van-tabs__nav--card .van-tab--card.van-tab--active {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-weight: 500
}

.task-list-item {
    background-color: var(--theme-color-card-bg-color);
    width: 9.49333rem;
    min-height: 1.6rem;
    margin: 0 auto;
    border-radius: .16rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .26667rem;
    margin-bottom: .26667rem
}

.task-list-item .task-list-item__corner-mark {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    padding: .05333rem .13333rem;
    border-radius: .16rem 0 .37333rem;
    background: var(--theme-color);
    color: #fff
}

.task-list-item .task-list-item__left-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .64rem;
    padding-top: .13333rem
}

.task-list-item .task-list-item__left-box .van-progress {
    width: 3.94667rem;
    margin-top: .26667rem;
    background: #e5e5e5
}

.task-list-item .task-list-item__left-box .van-progress .van-progress__pivot {
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    background: none
}

.task-list-item .task-list-item__left-box .van-progress .van-progress__portion {
    opacity: .4
}

.task-list-item .task-list-item__left-box .van-progress .van-progress__portion--inactive {
    background: var(--theme-color);
    opacity: .4
}

.task-list-item .task-list-item__right-box {
    max-width: 2.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.task-list-item .task-list-item__right-box .van-button {
    height: .66667rem;
    max-width: 2.4rem;
    padding: 0 .2rem
}

.task-list-item .task-list-item__right-box .van-button .van-button__text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#theme-color-night .task-list-item .task-list-item__right-box .van-button {
    background: none
}

#theme-color-night .task-list-item .task-list-item__left-box .van-progress {
    background: var(--theme-dark-bg-color-1)
}

.task-list {
    background-color: var(--theme-color-page-bg-color);
    font-size: var(--van-font-size-sm);
    padding-bottom: calc(var(--van-tabbar-height) + .26667rem)
}

.task-list .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .26667rem
}

.task-list .btns .van-button:first-of-type {
    margin-right: .26667rem
}

.task-list .van-tabs--card {
    margin-top: calc(var(--van-tabs-line-height) + .26667rem)
}

.task-list .van-tabs--card>.van-tabs__wrap {
    height: auto;
    position: fixed;
    width: 100%;
    top: var(--van-tabs-line-height);
    z-index: 1;
    border-radius: 0 0 .4rem .4rem
}

.task-list .van-tabs__nav--card {
    border: none;
    margin: 0;
    padding: .26667rem;
    height: auto
}

.task-list .van-tabs__nav--card .van-tab--card {
    border: none;
    height: .69333rem;
    max-width: 50%;
    border-radius: 2.64rem;
    color: var(--theme-font-color-2);
    background-color: var(--theme-color-page-bg-color);
    margin-right: .26667rem
}

.task-list .van-tabs__nav--card .van-tab--card.van-tab--active {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-weight: 500
}

.task-list .tip {
    color: var(--theme-font-color-1);
    padding: .26667rem
}

.task-list .tip .font-r {
    color: #cb222f
}

.task-list .tip .font-light {
    color: var(--theme-color)
}

#theme-color-night .task-list .btns .van-button:first-of-type {
    background: none
}

.trick-list {
    background-color: var(--theme-color-page-bg-color);
    font-size: var(--van-font-size-sm);
    padding-bottom: calc(var(--van-tabbar-height) + .26667rem)
}

.trick-list .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .26667rem
}

.trick-list .btns .van-button:first-of-type {
    margin-right: .26667rem
}

.trick-list .van-tabs--card {
    margin-top: calc(var(--van-tabs-line-height) + .26667rem)
}

.trick-list .van-tabs--card>.van-tabs__wrap {
    height: auto;
    position: fixed;
    width: 100%;
    top: var(--van-tabs-line-height);
    z-index: 1;
    border-radius: 0 0 .4rem .4rem
}

.trick-list .van-tabs__nav--card {
    border: none;
    margin: 0;
    padding: .26667rem;
    height: auto
}

.trick-list .van-tabs__nav--card .van-tab--card {
    border: none;
    max-width: 33%;
    height: .69333rem;
    border-radius: 2.64rem;
    color: var(--theme-font-color-2);
    background-color: var(--theme-color-page-bg-color);
    margin-right: .26667rem
}

.trick-list .van-tabs__nav--card .van-tab--card.van-tab--active {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-weight: 500
}

#theme-color-night .trick-list .btns .van-button:first-of-type {
    background: none
}

.rebate-list-item {
    background-color: var(--theme-color-card-bg-color);
    width: 9.49333rem;
    height: 1.6rem;
    margin: 0 auto;
    border-radius: .16rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .26667rem;
    margin-bottom: .26667rem
}

.rebate-list-item .rebate-list-item__corner-mark {
    position: absolute;
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    padding: .05333rem .13333rem;
    border-radius: .16rem 0 .37333rem;
    background: var(--theme-color);
    color: #fff
}

.rebate-list-item .rebate-list-item__left-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: .64rem
}

.rebate-list-item .rebate-list-item__left-box p {
    line-height: .53333rem
}

.rebate-list-item .rebate-list-item__left-box p span:first-of-type {
    display: inline-block;
    width: 50%
}

.rebate-list-item .rebate-list-item__left-box .font-r {
    color: var(--theme-color)
}

.rebate-list-item .rebate-list-item__right-box {
    width: 1.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.rebate-list-item .rebate-list-item__right-box .van-button {
    height: .66667rem;
    width: 1.6rem;
    padding: 0 .2rem
}

.rebate-list-item .rebate-list-item__right-box .van-button .van-button__text {
    white-space: nowrap
}

#theme-color-night .rebate-list-item .rebate-list-item__right-box .van-button {
    background: none
}

.rebate-query {
    background-color: var(--theme-color-page-bg-color);
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.rebate-query .content {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: .4rem .4rem 0 0;
    margin-top: .26667rem;
    background-color: var(--theme-color-card-bg-color)
}

.rebate-query .content .loading {
    width: 5.22667rem;
    margin: 0 auto;
    margin-top: 2.8rem
}

.rebate-query .content .loading img {
    width: 5.22667rem
}

.rebate-query .content .amount {
    text-align: center;
    margin-top: 1.6rem;
    margin-bottom: .93333rem;
    font-size: .8rem;
    font-weight: 600
}

.rebate-query .content .amount .currency-unit {
    font-size: .48rem;
    font-weight: 500;
    margin-right: .13333rem
}

.rebate-query .content .text {
    text-align: center;
    margin-bottom: 1.04rem
}

.rebate-query .content .submit-btn {
    margin: 0 .85333rem
}

.rebate-query .content .rebate-link {
    color: var(--theme-color);
    text-align: center;
    line-height: .53333rem;
    margin-top: .32rem
}

.rebate-query .content .vip-link {
    background-color: var(--theme-color);
    position: absolute;
    height: .53333rem;
    color: #fff;
    line-height: .53333rem;
    padding: 0 .26667rem;
    border-radius: .53333rem 0 0 .53333rem;
    top: var(--van-nav-bar-height);
    right: 0
}

.rebate-query .content .tips {
    padding: 0 .32rem;
    margin-top: .32rem;
    font-size: var(--van-font-size-sm);
    text-align: left;
    line-height: .42667rem;
    color: #8e9092
}

.rebate-query .right-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.rebate-query .right-flex .ico-transaction {
    width: .48rem;
    margin-right: .21333rem
}

.rebate-list {
    background-color: var(--theme-color-page-bg-color);
    font-size: var(--van-font-size-sm);
    padding-bottom: calc(var(--van-tabbar-height) + .26667rem);
    padding-bottom: calc(var(--van-tabbar-height) + .26667rem + constant(safe-area-inset-bottom));
    padding-bottom: calc(var(--van-tabbar-height) + .26667rem + env(safe-area-inset-bottom))
}

.rebate-list .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .26667rem
}

.rebate-list .btns .van-button:first-of-type {
    margin-right: .26667rem
}

.rebate-list .rebate-query {
    min-height: calc(100vh - var(--van-tabbar-height) - var(--van-tabs-line-height))
}

.rebate-list .rebate-query .van-nav-bar__placeholder {
    display: none
}

.rebate-list .rebate-query .content {
    padding-bottom: .26667rem;
    margin-top: 0
}

.rebate-list .rebate-query .content .loading,
.rebate-list .rebate-query .content .amount {
    margin-top: .53333rem
}

.rebate-list .van-tabs--card {
    margin-top: calc(var(--van-tabs-line-height) + .26667rem)
}

.rebate-list .van-tabs--card>.van-tabs__wrap {
    height: auto;
    position: fixed;
    width: 100%;
    top: var(--van-tabs-line-height);
    z-index: 1;
    border-radius: 0 0 .4rem .4rem
}

.rebate-list .van-tabs__nav--card {
    border: none;
    margin: 0;
    padding: .26667rem;
    height: auto
}

.rebate-list .van-tabs__nav--card .van-tab--card {
    border: none;
    height: .69333rem;
    border-radius: 2.64rem;
    color: var(--theme-font-color-2);
    background-color: var(--theme-color-page-bg-color);
    margin-right: .26667rem
}

.rebate-list .van-tabs__nav--card .van-tab--card.van-tab--active {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-weight: 500
}

#theme-color-night .rebate-list .btns .van-button:first-of-type {
    background: none
}

#activity {
    background-color: var(--theme-color-page-bg-color);
    padding-top: var(--van-tabs-line-height)
}

#activity .back {
    position: fixed;
    height: var(--van-tabs-line-height);
    top: 0;
    z-index: 11;
    width: .8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#activity .back .svg-icon {
    margin-left: .21333rem;
    width: .7rem;
    height: .7rem
}

#activity .currency-select {
    position: fixed;
    top: 0;
    right: .10667rem;
    z-index: 11;
    margin-top: .10667rem
}

#activity .ico-service {
    position: fixed;
    top: .16rem;
    right: .26667rem;
    z-index: 11;
    margin-top: .10667rem
}

.van-tabs__nav .unread .van-tab__text {
    position: relative
}

.van-tabs__nav .unread .van-tab__text:after {
    content: "";
    position: absolute;
    top: -.05333rem;
    right: -.16rem;
    width: .16rem;
    height: .16rem;
    background-color: red;
    border-radius: 2.64rem;
    z-index: 1
}

#activity>.van-tabs>.van-tabs__wrap {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    padding-right: 1.6rem;
    padding-left: 0;
    background: var(--van-tabs-nav-background)
}

#activity>.van-tabs>.van-tabs__wrap .van-tabs__nav {
    padding-left: 0
}

[data-v-ce8fb51f]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-ce8fb51f] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-ce8fb51f] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-ce8fb51f] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-ce8fb51f]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-ce8fb51f] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-ce8fb51f]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-ce8fb51f]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-ce8fb51f] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-ce8fb51f] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-ce8fb51f]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-ce8fb51f] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-ce8fb51f] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-ce8fb51f]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-ce8fb51f] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-ce8fb51f] {
    background-color: #333
}

#header-login[data-v-ce8fb51f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .35rem 0;
    position: relative;
    z-index: 1
}

#header-login .header-left[data-v-ce8fb51f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#header-login .header-left .avatar[data-v-ce8fb51f] {
    overflow: visible
}

#header-login .header-left .avatar .vip-level[data-v-ce8fb51f] {
    width: 1rem;
    height: .3rem;
    text-align: center;
    position: absolute;
    line-height: .3rem;
    overflow: hidden;
    bottom: 0;
    background-color: var(--theme-color);
    left: .15rem;
    border-radius: .2rem;
    font-size: .26667rem;
    font-weight: 600;
    color: #fff
}

#header-login .header-left .name-box[data-v-ce8fb51f] {
    margin-left: .3rem
}

#header-login .header-left .name-box .name[data-v-ce8fb51f] {
    font-size: .37333rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .13333rem
}

#header-login .header-left .name-box .tip[data-v-ce8fb51f] {
    font-size: var(--van-font-size-sm);
    color: #999
}

#header-login .header-left .name-box .tip .text-right[data-v-ce8fb51f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#header-login .header-left .name-box .tip .text-right #copyIdInput[data-v-ce8fb51f] {
    display: inline-block;
    min-width: 1.5rem
}

#header-login .header-left .name-box .tip .text-right #copyIdBtn[data-v-ce8fb51f] {
    width: .352rem;
    height: .384rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAYAAAAP6L+eAAABOklEQVQ4jc2VzUrDQBSFv4QsRVxqcVt8BddSirisb9CnKHRffAh9A9OtIj6Aj1Bxr1v7s4/ccCfEzh1naiN4IEyYe3LncE5mJquqijbK+aN77QM3wAA4JI4V8AxMgLciQD8DXoAjrxKGLD4CLoDzPECbaVOR3wOyhKenfPluFlJ87c3E8QGMgXdgmN2XD7/o8SPq0JwVElQJLLUQe5bK74dWKLoICnjdJuRdBOUtq40H+j7WAFLgghIMLX7e+vlTmzo4/oFXUY+3UXkzPjJvxlD8J7AUR9WkwGr8L6041nFjKd7Hijsdn6zGlhWpi10Bn8C0ayvmusUXluJ9rGiO20KvFNl9JzvuviaouuPo8lsx13tKcNsix3DaDsoii+KpHn9i/K7nRR2UVRDFCzVcjF8nNhReE5RXBb4AwKNDq0ynxb4AAAAASUVORK5CYII=);
    background-size: .352rem .384rem;
    border: 0
}

#header-login .header-right[data-v-ce8fb51f] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative
}

#header-login .header-right .unread[data-v-ce8fb51f] {
    position: absolute;
    width: .16rem;
    height: .16rem;
    background-color: #c62724;
    border-radius: .26667rem;
    left: .46rem
}

#header-login .header-right .svg-icon[data-v-ce8fb51f] {
    width: .53rem;
    height: .53rem
}

#header-login .header-right .svg-icon[data-v-ce8fb51f]:first-of-type {
    margin-right: .5rem
}

#header-login .header-left .avatar .van-image__error {
    overflow: hidden;
    border-radius: var(--van-radius-max)
}

[data-v-94067c5b]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-94067c5b] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-94067c5b] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-94067c5b] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-94067c5b]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-94067c5b] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-94067c5b]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-94067c5b]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-94067c5b] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-94067c5b] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-94067c5b]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-94067c5b] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-94067c5b] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-94067c5b]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-94067c5b] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-94067c5b] {
    background-color: #333
}

#header-login2[data-v-94067c5b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .35rem 0;
    position: relative;
    z-index: 1
}

#header-login2 .header-left[data-v-94067c5b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#header-login2 .header-left .name-box[data-v-94067c5b] {
    margin-left: .3rem
}

#header-login2 .header-left .name-box .name[data-v-94067c5b] {
    font-size: .37333rem;
    font-weight: 600;
    line-height: 1.2
}

#header-login2 .header-right[data-v-94067c5b] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

#header-login2 .header-right .svg-icon[data-v-94067c5b] {
    width: .53rem;
    height: .53rem
}

#header-login2 .header-right .svg-icon[data-v-94067c5b]:first-of-type {
    margin-right: .5rem
}

#theme-color-night #header-login2 .header-left .name-box .name {
    color: #fff
}

[data-v-11e3bf15]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-11e3bf15] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-11e3bf15] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-11e3bf15] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-11e3bf15]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-11e3bf15] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-11e3bf15]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-11e3bf15]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-11e3bf15] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-11e3bf15] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-11e3bf15]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-11e3bf15] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-11e3bf15] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-11e3bf15]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-11e3bf15] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-11e3bf15] {
    background-color: #333
}

#unlogin-header[data-v-11e3bf15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .35rem 0;
    position: relative;
    z-index: 1
}

#unlogin-header .header-left[data-v-11e3bf15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#unlogin-header .header-left .name-box[data-v-11e3bf15] {
    margin-left: .3rem
}

#unlogin-header .header-left .name-box .name[data-v-11e3bf15] {
    font-size: .37333rem;
    font-weight: 600;
    line-height: 1.2
}

#unlogin-header .header-right[data-v-11e3bf15] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

#unlogin-header .header-right .svg-icon[data-v-11e3bf15] {
    width: .53rem;
    height: .53rem
}

#unlogin-header .header-right .svg-icon[data-v-11e3bf15]:first-of-type {
    margin-right: .5rem
}

[data-v-c36fc28c]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-c36fc28c] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-c36fc28c] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-c36fc28c] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-c36fc28c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-c36fc28c] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-c36fc28c]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-c36fc28c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-c36fc28c] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-c36fc28c] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-c36fc28c]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-c36fc28c] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-c36fc28c] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-c36fc28c]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-c36fc28c] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-c36fc28c] {
    background-color: #333
}

#unlogin-header[data-v-c36fc28c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .35rem 0;
    position: relative;
    z-index: 1
}

#unlogin-header .header-left[data-v-c36fc28c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#unlogin-header .header-left .name-box[data-v-c36fc28c] {
    margin-left: .3rem
}

#unlogin-header .header-left .name-box .name[data-v-c36fc28c] {
    font-size: .37333rem;
    font-weight: 600;
    line-height: 1.2
}

#unlogin-header .header-right[data-v-c36fc28c] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

#unlogin-header .header-right .svg-icon[data-v-c36fc28c] {
    width: .53rem;
    height: .53rem
}

#unlogin-header .header-right .svg-icon[data-v-c36fc28c]:first-of-type {
    margin-right: .5rem
}

#theme-color-night #unlogin-header .header-left .name-box .name {
    color: #fff
}

[data-v-89b3e1ec]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-89b3e1ec] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-89b3e1ec] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-89b3e1ec] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-89b3e1ec]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-89b3e1ec] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-89b3e1ec]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-89b3e1ec]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-89b3e1ec] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-89b3e1ec] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-89b3e1ec]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-89b3e1ec] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-89b3e1ec] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-89b3e1ec]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-89b3e1ec] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-89b3e1ec] {
    background-color: #333
}

.progress[data-v-89b3e1ec] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: .35rem
}

.progress .progress-pivot[data-v-89b3e1ec] {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.progress .progress-pivot .triangle-ico[data-v-89b3e1ec] {
    width: .2rem;
    height: .2rem;
    margin-left: -.1rem;
    margin-top: -.05rem
}

.progress .progress-pivot .progress-text[data-v-89b3e1ec] {
    display: inline-block;
    width: 1rem;
    margin-left: -50%;
    text-align: center;
    font-size: .26667rem;
    color: var(--theme-color)
}

.progress .not[data-v-89b3e1ec] {
    position: relative;
    height: .1rem;
    width: 100%;
    border-radius: .16rem;
    margin-top: .10667rem;
    color: #999
}

.progress .bar[data-v-89b3e1ec] {
    position: relative;
    background: #f5f5f5;
    height: .1rem;
    width: 100%;
    border-radius: .16rem;
    margin-top: .10667rem
}

.progress .bar>.progress-portion[data-v-89b3e1ec] {
    background: var(--theme-color);
    height: 100%;
    border-radius: .16rem
}

.progress .tips[data-v-89b3e1ec] {
    padding: .26667rem;
    font-size: .32rem
}

#theme-color-night .progress .bar {
    background: #323232
}

[data-v-7489ffba]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-7489ffba] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-7489ffba] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-7489ffba] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-7489ffba]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-7489ffba] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-7489ffba]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-7489ffba]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-7489ffba] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-7489ffba] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-7489ffba]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-7489ffba] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-7489ffba] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-7489ffba]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-7489ffba] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-7489ffba] {
    background-color: #333
}

#experience[data-v-7489ffba] {
    border: 1px solid var(--theme-color-border-color);
    border-radius: .10667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 1
}

#experience .time-info[data-v-7489ffba] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .26667rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: .02667rem solid var(--theme-color-border-color)
}

#experience .progress-box[data-v-7489ffba] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#experience .progress-box .progress-item[data-v-7489ffba] {
    padding: .21333rem .53333rem .21333rem .4rem;
    border-right: .02667rem solid var(--theme-color-border-color);
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#experience .progress-box .progress-item[data-v-7489ffba]:last-of-type {
    border-right: none
}

#theme-color-night #experience {
    border: 1px solid var(--theme-color-bg-color-1)
}

[data-v-fcfa2dcb]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-fcfa2dcb] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-fcfa2dcb] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-fcfa2dcb] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-fcfa2dcb]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-fcfa2dcb] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-fcfa2dcb]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-fcfa2dcb]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-fcfa2dcb] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-fcfa2dcb] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-fcfa2dcb]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-fcfa2dcb] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-fcfa2dcb] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-fcfa2dcb]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-fcfa2dcb] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-fcfa2dcb] {
    background-color: #333
}

#balance-box[data-v-fcfa2dcb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: .26667rem;
    padding: 0 .2rem;
    position: relative;
    z-index: 1
}

#balance-box .yue[data-v-fcfa2dcb] {
    font-size: .34667rem
}

#balance-box .right[data-v-fcfa2dcb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

#balance-box .right .item[data-v-fcfa2dcb]:first-of-type {
    margin-left: .1rem
}

#balance-box .right .item[data-v-fcfa2dcb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    margin-left: .7rem
}

#balance-box .right .item .svg-icon[data-v-fcfa2dcb] {
    width: .65rem;
    height: .65rem;
    margin-bottom: .21333rem
}

[data-v-2a354041]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-2a354041] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-2a354041] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-2a354041] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-2a354041]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-2a354041] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-2a354041]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-2a354041]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-2a354041] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-2a354041] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-2a354041]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-2a354041] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-2a354041] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-2a354041]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-2a354041] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-2a354041] {
    background-color: #333
}

#finance-tab[data-v-2a354041] {
    background: var(--theme-color-card-bg-color);
    padding: .35rem;
    border-radius: .3rem;
    margin-bottom: .3rem;
    position: relative;
    z-index: 1
}

#finance-tab .grid-bg[data-v-2a354041] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#finance-tab .grid-bg .svg-icon[data-v-2a354041] {
    width: 100%;
    height: 100%
}

[data-v-67cc6696]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-67cc6696] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-67cc6696] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-67cc6696] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-67cc6696]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-67cc6696] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-67cc6696]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-67cc6696]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-67cc6696] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-67cc6696] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-67cc6696]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-67cc6696] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-67cc6696] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-67cc6696]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-67cc6696] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-67cc6696] {
    background-color: #333
}

#finance-tab2[data-v-67cc6696] {
    border-radius: .3rem;
    margin-bottom: .3rem;
    position: relative;
    z-index: 1
}

#finance-tab2 .join[data-v-67cc6696] {
    border: 1px solid var(--theme-color-border-color);
    padding: .3rem;
    border-radius: .2rem;
    margin-bottom: .26667rem;
    z-index: 1;
    position: relative
}

#finance-tab2 .join h4[data-v-67cc6696] {
    font-size: .37333rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: .32rem
}

#finance-tab2 .join ul[data-v-67cc6696] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#finance-tab2 .join ul li[data-v-67cc6696] {
    font-size: var(--van-font-size-sm);
    color: #ababab
}

#finance-tab2 .login-balance[data-v-67cc6696] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
    position: relative
}

#finance-tab2 .login-balance .login-register[data-v-67cc6696] {
    margin-bottom: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#finance-tab2 .login-balance .login-register button[data-v-67cc6696] {
    background: none;
    font-size: var(--van-font-size-sm);
    border: 1px solid var(--theme-color);
    border-radius: .26667rem;
    padding: 0 .26667rem;
    min-width: 1.92rem;
    height: .72rem;
    line-height: .72rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#finance-tab2 .login-balance .login-register button[data-v-67cc6696]:first-of-type {
    color: var(--theme-color);
    margin-right: .26667rem
}

#finance-tab2 .login-balance .login-register button[data-v-67cc6696]:last-of-type {
    background: var(--theme-color);
    color: #fff
}

#finance-tab2 .login-balance p[data-v-67cc6696] {
    color: #ababab;
    font-size: var(--van-font-size-sm)
}

#finance-tab2 .bottom[data-v-67cc6696] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: .74667rem;
    padding: 0 .26667rem
}

#finance-tab2 .bottom .item[data-v-67cc6696]:first-of-type {
    margin-left: .1rem
}

#finance-tab2 .bottom .item[data-v-67cc6696] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    margin-left: .5rem
}

#finance-tab2 .bottom .item .svg-icon[data-v-67cc6696] {
    width: .65rem;
    height: .65rem;
    margin-bottom: .21333rem
}

#finance-tab2 .bottom .item .svg-icon.vip[data-v-67cc6696] {
    width: .48rem;
    height: .65rem;
    margin-bottom: .21333rem
}

#finance-tab2 .bottom .item span[data-v-67cc6696] {
    display: inline-block;
    height: .5rem
}

#finance-tab2 .bottom .item .my-ellipsis[data-v-67cc6696] {
    display: inline-block;
    max-width: 1.06667rem
}

#finance-tab2 .bottom .unread[data-v-67cc6696] {
    position: relative
}

#finance-tab2 .bottom .unread[data-v-67cc6696]:after {
    content: "";
    position: absolute;
    top: -.05333rem;
    right: .16rem;
    width: .16rem;
    height: .16rem;
    background-color: red;
    border-radius: 2.64rem;
    z-index: 1
}

#theme-color-night #finance-tab2 .join h4 {
    color: #fff
}

[data-v-32aa8aeb]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-32aa8aeb] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-32aa8aeb] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-32aa8aeb] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-32aa8aeb]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-32aa8aeb] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-32aa8aeb]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-32aa8aeb]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-32aa8aeb] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-32aa8aeb] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-32aa8aeb]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-32aa8aeb] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-32aa8aeb] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-32aa8aeb]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-32aa8aeb] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-32aa8aeb] {
    background-color: #333
}

#unFinance-tab[data-v-32aa8aeb] {
    background: var(--theme-color-card-bg-color);
    padding: .4rem;
    border-radius: .3rem;
    margin-bottom: .3rem;
    position: relative;
    z-index: 1
}

#unFinance-tab .grid-bg[data-v-32aa8aeb] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

#unFinance-tab .grid-bg .svg-icon[data-v-32aa8aeb] {
    width: 100%;
    height: 100%
}

#unFinance-tab .join[data-v-32aa8aeb] {
    border: 1px solid var(--theme-color-border-color);
    padding: .3rem;
    border-radius: .2rem;
    margin-bottom: .26667rem;
    z-index: 1;
    position: relative
}

#unFinance-tab .join h4[data-v-32aa8aeb] {
    font-size: .37333rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: .32rem
}

#unFinance-tab .join ul[data-v-32aa8aeb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#unFinance-tab .join ul li[data-v-32aa8aeb] {
    font-size: var(--van-font-size-sm);
    color: #ababab
}

#unFinance-tab .login-balance.vi_VN .left[data-v-32aa8aeb] {
    width: 72%
}

#unFinance-tab .login-balance.vi_VN .right[data-v-32aa8aeb] {
    width: 28%
}

#unFinance-tab .login-balance.vi_VN .login-tip[data-v-32aa8aeb] {
    white-space: nowrap;
    text-overflow: ellipsis
}

#unFinance-tab .login-balance.vi_VN .login-register[data-v-32aa8aeb] {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: .26667rem;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 80%
}

#unFinance-tab .login-balance.vi_VN .login-register button[data-v-32aa8aeb] {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    white-space: nowrap;
    width: auto
}

#unFinance-tab .login-balance.vi_VN .login-register button[data-v-32aa8aeb]:first-of-type {
    margin-right: 0
}

#unFinance-tab .login-balance[data-v-32aa8aeb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
    position: relative
}

#unFinance-tab .login-balance .login-register[data-v-32aa8aeb] {
    line-height: 1.1;
    margin-bottom: .13333rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#unFinance-tab .login-balance .login-register button[data-v-32aa8aeb] {
    background: none;
    font-size: var(--van-font-size-sm);
    border: 1px solid var(--theme-color);
    border-radius: .53333rem;
    padding: 0;
    width: 1.6rem;
    height: .72rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#unFinance-tab .login-balance .login-register button[data-v-32aa8aeb]:first-of-type {
    color: var(--theme-color);
    margin-right: .26667rem
}

#unFinance-tab .login-balance .login-register button[data-v-32aa8aeb]:last-of-type {
    background: var(--theme-color);
    color: #fff
}

#unFinance-tab .login-balance p[data-v-32aa8aeb] {
    color: #ababab;
    font-size: var(--van-font-size-sm)
}

#unFinance-tab .right[data-v-32aa8aeb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#unFinance-tab .right .item[data-v-32aa8aeb]:first-of-type {
    margin-left: .1rem
}

#unFinance-tab .right .item[data-v-32aa8aeb] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    margin-left: .5rem
}

#unFinance-tab .right .item .svg-icon[data-v-32aa8aeb] {
    width: .65rem;
    height: .65rem;
    margin-bottom: .13333rem
}

#unFinance-tab .right .item span[data-v-32aa8aeb] {
    display: inline-block;
    height: .5rem
}

#unFinance-tab .right .item .my-ellipsis[data-v-32aa8aeb] {
    display: inline-block;
    max-width: 1.06667rem
}

#theme-color-night #unFinance-tab .join h4 {
    color: #fff
}

.button-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.button-group button {
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

[data-v-f70bc0a7]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-f70bc0a7] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-f70bc0a7] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-f70bc0a7] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-f70bc0a7]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-f70bc0a7] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-f70bc0a7]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-f70bc0a7]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-f70bc0a7] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-f70bc0a7] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-f70bc0a7]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-f70bc0a7] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-f70bc0a7] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-f70bc0a7]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-f70bc0a7] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-f70bc0a7] {
    background-color: #333
}

#unFinance-tab2[data-v-f70bc0a7] {
    padding: .4rem;
    border-radius: .3rem;
    margin-bottom: .3rem;
    position: relative;
    z-index: 1
}

#unFinance-tab2 .join[data-v-f70bc0a7] {
    border: 1px solid var(--theme-color-border-color);
    padding: .3rem;
    border-radius: .2rem;
    margin-bottom: .26667rem;
    z-index: 1;
    position: relative
}

#unFinance-tab2 .join h4[data-v-f70bc0a7] {
    font-size: .37333rem;
    text-align: center;
    font-weight: 500;
    margin-bottom: .32rem
}

#unFinance-tab2 .join ul[data-v-f70bc0a7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

#unFinance-tab2 .join ul li[data-v-f70bc0a7] {
    font-size: var(--van-font-size-sm);
    color: #ababab
}

#unFinance-tab2 .login-balance[data-v-f70bc0a7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 1;
    position: relative
}

#unFinance-tab2 .login-balance .login-register[data-v-f70bc0a7] {
    margin-bottom: .26667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#unFinance-tab2 .login-balance .login-register button[data-v-f70bc0a7] {
    background: none;
    font-size: var(--van-font-size-sm);
    border: 1px solid var(--theme-color);
    border-radius: .26667rem;
    padding: 0 .26667rem;
    min-width: 1.92rem;
    height: .72rem;
    line-height: .72rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

#unFinance-tab2 .login-balance .login-register button[data-v-f70bc0a7]:first-of-type {
    color: var(--theme-color);
    margin-right: .26667rem
}

#unFinance-tab2 .login-balance .login-register button[data-v-f70bc0a7]:last-of-type {
    background: var(--theme-color);
    color: #fff
}

#unFinance-tab2 .login-balance p[data-v-f70bc0a7] {
    color: #ababab;
    font-size: var(--van-font-size-sm)
}

#unFinance-tab2 .bottom[data-v-f70bc0a7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: .74667rem
}

#unFinance-tab2 .bottom .item[data-v-f70bc0a7]:first-of-type {
    margin-left: .1rem
}

#unFinance-tab2 .bottom .item[data-v-f70bc0a7] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--van-font-size-sm);
    margin-left: .5rem
}

#unFinance-tab2 .bottom .item .svg-icon[data-v-f70bc0a7] {
    width: .65rem;
    height: .65rem;
    margin-bottom: .21333rem
}

#unFinance-tab2 .bottom .item .svg-icon.vip[data-v-f70bc0a7] {
    width: .48rem;
    height: .65rem;
    margin-bottom: .21333rem
}

#unFinance-tab2 .bottom .item span[data-v-f70bc0a7] {
    display: inline-block;
    height: .4rem;
    line-height: .4rem
}

#unFinance-tab2 .bottom .item .my-ellipsis[data-v-f70bc0a7] {
    display: inline-block;
    max-width: 1.06667rem
}

#theme-color-night #unFinance-tab2 .join h4 {
    color: #fff
}

[data-v-de68dede]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-de68dede] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-de68dede] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-de68dede] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-de68dede]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-de68dede] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-de68dede]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-de68dede]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-de68dede] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-de68dede] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-de68dede]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-de68dede] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-de68dede] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-de68dede]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-de68dede] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-de68dede] {
    background-color: #333
}

#login-info[data-v-de68dede] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .16rem .4rem;
    border: 1px solid #e4e7ef;
    border-radius: 2.64rem
}

#login-info .header-left[data-v-de68dede] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#login-info .header-left .avatar[data-v-de68dede] {
    overflow: visible
}

#login-info .header-left .avatar .vip-level[data-v-de68dede] {
    width: 1rem;
    height: .3rem;
    text-align: center;
    position: absolute;
    line-height: .3rem;
    overflow: hidden;
    bottom: 0;
    background-color: var(--theme-color);
    left: .15rem;
    border-radius: .2rem;
    font-size: .26667rem;
    font-weight: 600;
    color: #fff
}

#login-info .header-left .name-box[data-v-de68dede] {
    margin-left: .3rem
}

#login-info .header-left .name-box .name[data-v-de68dede] {
    font-size: .37333rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: .13333rem
}

#login-info .header-left .name-box .tip[data-v-de68dede] {
    font-size: var(--van-font-size-sm);
    color: #999
}

#login-info .header-left .name-box .tip .text-right[data-v-de68dede] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#login-info .header-left .name-box .tip .text-right #copyIdInput[data-v-de68dede] {
    display: inline-block;
    min-width: 1.5rem
}

#login-info .header-left .name-box .tip .text-right #copyIdBtn[data-v-de68dede] {
    width: .352rem;
    height: .384rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAYAAAAP6L+eAAABOklEQVQ4jc2VzUrDQBSFv4QsRVxqcVt8BddSirisb9CnKHRffAh9A9OtIj6Aj1Bxr1v7s4/ccCfEzh1naiN4IEyYe3LncE5mJquqijbK+aN77QM3wAA4JI4V8AxMgLciQD8DXoAjrxKGLD4CLoDzPECbaVOR3wOyhKenfPluFlJ87c3E8QGMgXdgmN2XD7/o8SPq0JwVElQJLLUQe5bK74dWKLoICnjdJuRdBOUtq40H+j7WAFLgghIMLX7e+vlTmzo4/oFXUY+3UXkzPjJvxlD8J7AUR9WkwGr8L6041nFjKd7Hijsdn6zGlhWpi10Bn8C0ayvmusUXluJ9rGiO20KvFNl9JzvuviaouuPo8lsx13tKcNsix3DaDsoii+KpHn9i/K7nRR2UVRDFCzVcjF8nNhReE5RXBb4AwKNDq0ynxb4AAAAASUVORK5CYII=);
    background-size: .352rem .384rem;
    border: 0
}

#login-info .header-right[data-v-de68dede] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

#login-info .header-right .unread[data-v-de68dede] {
    position: absolute;
    width: .16rem;
    height: .16rem;
    background-color: #c62724;
    border-radius: .26667rem;
    left: .46rem
}

#login-info .header-right .svg-icon[data-v-de68dede] {
    width: .53rem;
    height: .53rem
}

#login-info .header-right .svg-icon[data-v-de68dede]:first-of-type {
    margin-right: .5rem
}

#login-info .header-left .avatar .van-image__error {
    overflow: hidden;
    border-radius: var(--van-radius-max)
}

#theme-color-night #login-info {
    border-color: #404040
}

[data-v-6472b532]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-6472b532] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-6472b532] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-6472b532] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-6472b532]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-6472b532] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-6472b532]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-6472b532]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-6472b532] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-6472b532] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-6472b532]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-6472b532] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-6472b532] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-6472b532]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-6472b532] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-6472b532] {
    background-color: #333
}

#box-login-shadow[data-v-6472b532] {
    background: var(--theme-color-card-bg-color);
    border-radius: .3rem;
    padding: .4rem;
    margin-bottom: .3rem
}

#box-login-shadow .more-cell[data-v-6472b532] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .26667rem
}

#box-login-shadow h3[data-v-6472b532] {
    font-size: .37333rem;
    font-weight: 500;
    margin-bottom: .26667rem
}

#box-login-shadow .wrap .svg-icon[data-v-6472b532] {
    width: .64rem;
    height: .48rem;
    margin-right: .21333rem
}

#box-login-shadow .unread .van-cell__title>span {
    position: relative
}

#box-login-shadow .unread .van-cell__title>span:after {
    content: "";
    position: absolute;
    top: -.05333rem;
    right: -.16rem;
    width: .16rem;
    height: .16rem;
    background-color: red;
    border-radius: 2.64rem;
    z-index: 1
}

#theme-color-night #box-login-shadow h3,
#theme-color-night #box-cells h3,
#theme-color-night #service-box h3 {
    color: #fff
}

[data-v-aa22e655]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-aa22e655] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-aa22e655] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-aa22e655] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-aa22e655]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-aa22e655] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-aa22e655]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-aa22e655]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-aa22e655] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-aa22e655] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-aa22e655]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-aa22e655] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-aa22e655] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-aa22e655]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-aa22e655] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-aa22e655] {
    background-color: #333
}

#box-cells[data-v-aa22e655] {
    background: var(--theme-color-card-bg-color);
    border-radius: .3rem;
    padding: .4rem;
    margin-bottom: .3rem
}

#box-cells h3[data-v-aa22e655] {
    font-size: .37333rem;
    font-weight: 500;
    margin-bottom: .26667rem
}

#box-cells .svg-icon[data-v-aa22e655] {
    width: .53333rem;
    margin-right: .26667rem
}

#service-box {
    background: var(--theme-color-card-bg-color);
    padding: .4rem;
    border-radius: .3rem;
    margin-bottom: .3rem
}

#service-box h3 {
    font-size: .37333rem;
    font-weight: 500;
    margin-bottom: .26667rem
}

#service-box .van-cell .svg-icon {
    width: .53333rem;
    margin-right: .26667rem
}

#service-box .van-cell .van-cell__value {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

#service-box .van-cell .theme-switch {
    min-width: 2.61333rem;
    height: .74667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f2f2f2;
    border-radius: .74667rem;
    font-size: var(--van-font-size-sm);
    padding: 0 .09333rem
}

#service-box .van-cell .theme-switch .theme-switch-item {
    min-width: 1.2rem;
    height: .56rem;
    border-radius: .56rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: .56rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#service-box .van-cell .theme-switch .theme-switch-item.active {
    background-color: var(--theme-color);
    color: #fff
}

#theme-color-night .theme-switch {
    background-color: var(--theme-color-bg-color-1) !important
}

#user {
    padding-bottom: 1.8rem;
    background: var(--theme-color-page-bg-color)
}

#user .user-info {
    position: relative;
    padding: .3rem;
    padding-bottom: 0;
    border-radius: 0 0 .4rem .4rem;
    background-color: #edf0f4
}

#user .user-info .grid-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

#user .user-info .grid-bg .svg-icon {
    width: 100%;
    height: 100%
}

#user .van-cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#user .van-cell:after {
    left: .85rem
}

#user>.van-config-provider {
    padding: 0 .3rem
}

#theme-color-night #user .user-info {
    background: #2b2f32
}

[data-v-7b65908e]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-7b65908e] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-7b65908e] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-7b65908e] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-7b65908e]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-7b65908e] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-7b65908e]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-7b65908e]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-7b65908e] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-7b65908e] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-7b65908e]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-7b65908e] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-7b65908e] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-7b65908e]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-7b65908e] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-7b65908e] {
    background-color: #333
}

.collect-status[data-v-7b65908e] {
    position: absolute;
    top: .10667rem;
    right: .10667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .58667rem;
    height: .58667rem;
    border-radius: .58667rem;
    z-index: 1;
    background: var(--theme-corner-mark-color)
}

.collect-status .select-icon[data-v-7b65908e] {
    width: .37333rem;
    height: .37333rem
}

[data-v-788fdd5c]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-788fdd5c] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-788fdd5c] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-788fdd5c] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-788fdd5c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-788fdd5c] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-788fdd5c]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-788fdd5c]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-788fdd5c] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-788fdd5c] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-788fdd5c]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-788fdd5c] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-788fdd5c] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-788fdd5c]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-788fdd5c] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-788fdd5c] {
    background-color: #333
}

.digital-item-view[data-v-788fdd5c] {
    display: -ms-grid;
    display: grid;
    gap: .16rem;
    margin-bottom: .16rem
}

.home-digital-list {
    padding: .26667rem;
    padding-top: 0
}

.home-digital-list .digital-item-view.three-columns {
    -ms-grid-columns: (3.04rem)[3];
    grid-template-columns: repeat(3, 3.04rem)
}

.home-digital-list .digital-item-view.four-columns {
    -ms-grid-columns: (2.25333rem)[4];
    grid-template-columns: repeat(4, 2.25333rem)
}

.home-digital-list .digital-item-view.three-columns .digital-item {
    height: 4.02667rem
}

.home-digital-list .digital-item-view.four-columns .digital-item {
    height: 2.98133rem
}

.home-digital-list .digital-item-view.three-columns .digital-item.style3 {
    padding-bottom: 0
}

.home-digital-list .digital-item-view.three-columns .digital-item.style3 .item-title {
    position: absolute;
    width: 100%;
    height: .32rem;
    bottom: 0;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    font-size: .26667rem;
    line-height: .32rem;
    word-break: break-all;
    padding: 0 .05333rem;
    background-color: #fff
}

.home-digital-list .digital-item-view.three-columns .digital-item.style3 .demo {
    bottom: .42667rem
}

.home-digital-list .digital-item-view.four-columns .digital-item.style3 {
    padding-bottom: 0
}

.home-digital-list .digital-item-view.four-columns .digital-item.style3 .item-title {
    position: absolute;
    width: 100%;
    height: .32rem;
    bottom: 0;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    font-size: .26667rem;
    line-height: .32rem;
    word-break: break-all;
    padding: 0 .05333rem;
    background-color: #fff
}

.home-digital-list .digital-item-view.four-columns .digital-item.style3 .demo {
    bottom: .42667rem
}

.home-digital-list .digital-item {
    position: relative;
    overflow: hidden;
    border-radius: .24rem;
    border: 1px solid #e0e0e0
}

.home-digital-list .digital-item:nth-child(3n) {
    margin-right: 0
}

.home-digital-list .corner-mark {
    position: absolute;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .26667rem;
    padding: 0 .26667rem;
    height: .34667rem;
    z-index: 1;
    border-radius: .24rem 0;
    background: var(--theme-corner-mark-color);
    color: #fff
}

.home-digital-list .collect-status {
    position: absolute;
    top: .10667rem;
    right: .10667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: .58667rem;
    height: .58667rem;
    border-radius: .58667rem;
    z-index: 1;
    background: var(--theme-corner-mark-color)
}

.home-digital-list .collect-status .select-icon {
    width: .37333rem;
    height: .37333rem
}

.home-digital-list .item-img {
    width: 100%;
    height: 100%;
    position: relative
}

.home-digital-list .item-img .demo {
    position: absolute;
    right: .10667rem;
    bottom: .10667rem;
    max-width: 1.12rem;
    height: .48rem;
    border-radius: .24rem;
    background-color: rgba(0, 0, 0, .1);
    color: #fff;
    font-size: .26667rem;
    text-align: center;
    line-height: .48rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.home-digital-list .item-img .model {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    color: #fff;
    font-size: .32rem;
    top: 0;
    left: 0
}

.home-digital-list .item-img .item-logo {
    width: 100%;
    height: 100%;
    background-color: var(--theme-img-bg-color);
    background-size: cover;
    background-repeat: no-repeat
}

.home-digital-list .item-img .item-logo img {
    width: 100%;
    height: 100%;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.home-digital-list .item-img .prize-label {
    position: absolute;
    top: 0;
    left: .266667rem;
    width: .853333rem;
    height: .853333rem
}

.home-digital-list .item-title {
    width: 100%;
    font-size: .29333rem;
    text-align: center;
    line-height: .32rem;
    margin-bottom: 0;
    color: var(--theme-font-color-1);
    font-weight: 400;
    position: absolute;
    bottom: .10667rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    word-break: break-all;
    padding: 0 .05333rem
}

#theme-color-night .home-digital-list .digital-item {
    border-color: var(--van-border-color)
}

#theme-color-night .home-digital-list .digital-item.style3 .item-title {
    background-color: #1f1f1f
}

.line-tabs {
    padding: .2rem .3266666rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.line-tabs .line-tabs-item {
    min-width: 1.44rem;
    height: .74667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .37333rem;
    background-color: var(--theme-color-page-bg-color);
    margin-right: .21rem;
    font-size: var(--van-tab-font-size);
    color: var(--theme-font-color-2);
    padding: 0 .10667rem
}

.line-tabs .line-tabs-item.active {
    background: none;
    border: 1px solid var(--theme-color);
    color: var(--theme-color)
}

.line-tabs .van-tabs__wrap {
    height: auto
}

.line-tabs .van-tabs__wrap .van-tabs__nav--line {
    padding-bottom: 0
}

.line-tabs .van-tabs__wrap .van-tabs__line {
    height: 0
}

.line-tabs .van-tabs__wrap .van-tab {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: .37333rem;
    color: #8a8a8d;
    min-width: 1.44rem;
    height: .74667rem;
    text-align: center;
    line-height: .74667rem;
    margin-right: .213333rem;
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-flex-basis: content;
    -ms-flex-preferred-size: content;
    flex-basis: content;
    padding: 0;
    background-color: #f8f8f8
}

.line-tabs .van-tabs__wrap .van-tab__text--ellipsis {
    width: 100%;
    white-space: nowrap
}

.line-tabs .van-tabs__wrap .van-tab--active {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    background: none
}

.line-tabs .van-tabs__wrap .van-tab--active>span {
    color: var(--theme-color) !important
}

#theme-color-night .line-tabs .van-tabs__wrap .van-tab {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .line-tabs .van-tabs__wrap .van-tab--active {
    background: none
}

.home-digital {
    padding-top: calc(var(--van-nav-bar-height) - .02667rem);
    padding-bottom: var(--van-tabbar-height).26667rem;
    padding-bottom: calc(var(--van-tabbar-height) + constant(safe-area-inset-bottom) + .26667rem);
    padding-bottom: calc(var(--van-tabbar-height) + env(safe-area-inset-bottom) + .26667rem)
}

.home-digital .svg-icon.m-icon {
    width: .74667rem;
    height: .74667rem
}

.home-digital img.m-icon {
    height: .74667rem
}

.home-digital .balance-item .balance {
    margin-top: 0
}

.home-digital .nav-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-digital .digital-tab {
    background-color: #fff
}

.home-digital .digital-tab .collect-tab {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.066667rem;
    height: 1.066667rem;
    background-color: #fff
}

.home-digital .digital-tab .collect-tab:after {
    position: absolute;
    top: 50%;
    margin-top: -.426667rem;
    right: 0;
    content: "";
    width: .026667rem;
    height: .853333rem;
    background: #e4e4e4
}

.home-digital .digital-tab .digital-tab-title {
    width: 1.42667rem;
    height: 1.46667rem;
    border-radius: .26667rem
}

.home-digital .digital-tab .digital-tab-title .text-name {
    font-size: .28rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    height: .37333rem;
    text-overflow: ellipsis;
    text-align: center;
    line-height: .37333rem;
    margin-top: .05333rem
}

.home-digital .digital-tab .van-tabs__nav--line {
    padding-bottom: 0;
    padding-right: var(--van-padding-xs);
    padding-left: var(--van-padding-xs)
}

.home-digital .digital-tab .van-tab {
    max-width: 1.46667rem;
    padding: 0;
    margin-right: .13333rem
}

.home-digital .digital-tab .van-tab--active {
    font-weight: 500
}

.home-digital .digital-tab .van-tab--active .digital-tab-title {
    width: 1.42667rem;
    height: 1.46667rem;
    border: 1px solid var(--theme-color);
    border-radius: .26667rem
}

.home-digital .digital-tab .van-tabs__line {
    display: none
}

.home-digital .digital-tab .van-tabs .van-tabs__wrap {
    height: 1.6rem;
    overflow: visible
}

.home-digital .digital-tab .van-tabs .van-tabs__wrap .van-tab__text--ellipsis {
    overflow: visible
}

.home-digital .digital-tab-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .53333rem
}

.home-digital .digital-tab-title .title-text {
    height: .42667rem;
    line-height: .42667rem;
    font-size: var(--van-font-size-xs);
    max-width: 2.13333rem;
    padding: 0 .13333rem;
    margin-top: .13333rem
}

.home-digital .lines-and-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding-right: .32rem;
    height: 1.2rem
}

.home-digital .lines-and-search .van-search {
    padding: 0 0 0 .32rem;
    width: 100%
}

.home-digital .lines-and-search>.lines {
    width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: auto
}

.home-digital .lines-and-search>.lines::-webkit-scrollbar {
    display: none
}

.home-digital .lines-and-search .fav-and-search {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .74667rem;
    height: .74667rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f8f8f8;
    border-radius: .74667rem
}

.home-digital .lines-and-search .fav-and-search .svg-icon {
    width: .42667rem
}

.home-digital .lines-and-search .fav-and-search .sepe {
    border-left: .026667rem solid #e4e4e4;
    font-size: 0;
    margin-right: .293333rem;
    margin-left: .266667rem;
    height: .426667rem
}

.home-digital .loading-animate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1.92rem;
    width: 100%
}

.home-digital .loading-animate .text {
    margin-top: .213333rem;
    font-weight: 600;
    font-size: .426667rem;
    color: #c2c2c2
}

.home-digital .van-nav-bar {
    z-index: 2
}

.home-digital .van-nav-bar .van-dropdown-menu__bar {
    max-width: 3.4rem;
    height: var(--van-nav-bar-height);
    background: none
}

.home-digital .van-nav-bar .van-dropdown-menu__bar .van-dropdown-menu__title {
    max-width: 3rem;
    margin: 0 .53333rem
}

.home-digital .van-nav-bar .van-dropdown-menu__bar .van-dropdown-menu__title .van-ellipsis {
    font-size: var(--van-font-size-md)
}

.home-digital .van-nav-bar .van-icon-arrow-left {
    color: #000
}

.home-digital .van-dropdown-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0 0 .26667rem .26667rem;
    padding: .32rem .18667rem;
    overflow-x: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    white-space: nowrap
}

.home-digital .van-dropdown-item__content::-webkit-scrollbar {
    display: none
}

.home-digital .van-dropdown-item__content .van-dropdown-item__option {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 2.10667rem;
    height: .85333rem;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .21333rem
}

.home-digital .van-dropdown-item__content .van-dropdown-item__option .van-cell__title {
    width: 2.10667rem;
    height: .8rem;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: .4rem;
    font-size: var(--van-font-size-sm);
    font-weight: 400
}

.home-digital .van-dropdown-item__content .van-dropdown-item__option .van-cell__value {
    display: none
}

.home-digital .van-dropdown-item__content .van-dropdown-item__option--active .van-cell__title {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-weight: 500
}

.home-digital .game-tabs {
    width: 100%;
    overflow-x: auto;
    height: .85333rem
}

.home-digital .game-tabs::-webkit-scrollbar {
    display: none
}

.home-digital .game-tabs .game-tab {
    display: inline-block;
    width: 1.6rem;
    height: .8rem;
    border: 1px solid #ebebeb;
    border-radius: .4rem;
    font-weight: 400;
    margin-right: .26667rem;
    line-height: .74667rem;
    font-size: .32rem
}

.home-digital .game-tabs .game-tab.active {
    border-color: var(--theme-color);
    color: var(--theme-color)
}

.home-digital .nav-digital-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    margin-top: .26667rem
}

.home-digital .nav-digital-tab .nav-digital-tab-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .53333rem;
    width: calc((10rem - .37333rem) / 4);
    margin-bottom: .26667rem
}

.home-digital .nav-digital-tab .nav-digital-tab-title .title-text {
    height: .42667rem;
    line-height: .42667rem;
    font-size: var(--van-font-size-xs);
    max-width: 2.13333rem;
    padding: 0 .13333rem;
    margin-top: .13333rem;
    font-weight: 400
}

.home-digital .nav-digital-tab .nav-digital-tab-title.active .title-text {
    background-color: var(--theme-color);
    border-radius: .18667rem;
    color: #fff
}

.home-digital .game-popup .select-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.home-digital .game-popup .select-content .select-cell {
    width: 8.93333rem;
    height: 1.06667rem;
    background-color: #f7f7f7;
    border-radius: .53333rem;
    line-height: 1.06667rem;
    text-align: center;
    margin-top: .26667rem
}

.home-digital .game-popup .select-content .select-cell.active {
    border: 1px solid var(--theme-color);
    background: none
}

.home-digital .triangle-down {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: .13333rem solid transparent;
    border-right: .13333rem solid transparent;
    border-top: .13333rem solid var(--van-nav-bar-title-text-color);
    margin-left: .10667rem
}

.home-back-top.van-back-top {
    width: .8rem;
    height: .8rem;
    background-color: var(--theme-color)
}

.home-digital.show-download {
    padding-top: calc(var(--van-nav-bar-height) + 1.17333rem - .02667rem)
}

#theme-color-night .home-digital {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .home-digital .van-nav-bar .van-icon-arrow-left {
    color: #fff
}

#theme-color-night .home-digital .nav-digital-tab {
    background: var(--theme-color-card-bg-color)
}

#theme-color-night .home-digital .lines-and-search {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .home-digital .lines-and-search .van-search__action {
    color: #fff
}

#theme-color-night .home-digital .digital-list .digital-item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .home-digital .van-dropdown-item__content .van-dropdown-item__option .van-cell__title {
    border-color: var(--theme-color-bg-color-1);
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .home-digital .van-dropdown-item__content .van-dropdown-item__option--active .van-cell__title {
    border-color: var(--theme-color);
    background: none
}

#theme-color-night .home-digital .line-tabs .van-tabs__wrap .van-tab,
#theme-color-night .home-digital .lines-and-search .fav-and-search {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .home-digital .no-data {
    background-color: transparent !important
}

#theme-color-night .home-digital .triangle-down {
    border-top: .13333rem solid #fff
}

#theme-color-night .home-digital .game-popup .select-content .select-cell {
    background-color: #2c2c2c
}

#theme-color-night .home-digital .game-popup .select-content .select-cell.active {
    background: none
}

[data-v-b32de5fa]:export {
    themeColor: var(--theme-color)
}

.activity-padding[data-v-b32de5fa] {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table[data-v-b32de5fa] {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td[data-v-b32de5fa] {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td[data-v-b32de5fa]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th[data-v-b32de5fa] {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th[data-v-b32de5fa]:first-of-type {
    width: 2.13333rem
}

.activity-table thead th[data-v-b32de5fa]:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td[data-v-b32de5fa] {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td[data-v-b32de5fa] {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td[data-v-b32de5fa]:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td[data-v-b32de5fa] {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th[data-v-b32de5fa] {
    background-color: #333
}

#theme-color-night .activity-table thead th[data-v-b32de5fa]:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td[data-v-b32de5fa] {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td[data-v-b32de5fa] {
    background-color: #333
}

.app-container[data-v-b32de5fa] {
    color: var(--theme-font-color-1);
    font-size: var(--van-font-size-sm);
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.app-container[data-v-b32de5fa]::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

:export {
    themeColor: var(--theme-color)
}

.activity-padding {
    font-size: .37333rem;
    padding: 0 .26667rem .26667rem
}

.activity-table {
    width: 100%;
    font-size: .34667rem;
    margin-top: .26667rem;
    border-radius: .21333rem;
    overflow: hidden
}

.activity-table td {
    text-align: center;
    vertical-align: middle;
    padding: .26667rem 0;
    line-height: 1.7
}

.activity-table td:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table thead th {
    padding: .4rem 0;
    font-weight: 500;
    background-color: #f0f0f0
}

.activity-table thead th:first-of-type {
    width: 2.13333rem
}

.activity-table thead th:not(:last-of-type) {
    border-right: .02667rem solid #f0f0f0
}

.activity-table tbody tr:nth-of-type(odd) td {
    background-color: #f7f7f7
}

.activity-table tbody tr:nth-of-type(2n) td {
    background-color: #fff
}

.activity-table tbody tr:first-of-type>td:last-of-type {
    border-right: none
}

#theme-color-night .activity-table td {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table thead th {
    background-color: #333
}

#theme-color-night .activity-table thead th:not(:last-of-type) {
    border-right: .02667rem solid #333
}

#theme-color-night .activity-table tbody tr td {
    background-color: #2c2c2c
}

#theme-color-night .activity-table tbody tr:nth-of-type(odd) td {
    background-color: #333
}

:root {
    --theme-color: #919191;
    --primary-color: #919191;
    --skeleton-bg: #ffffff;
    --skeleton-blink: rgb(239, 239, 239);
    --van-primary-color: var(--theme-color);
    --van-tab-active-text-color: var(--theme-color);
    --van-tabs-bottom-bar-color: var(--theme-color);
    --odd-font-size: .34667rem;
    --van-font-size-xs: 12PX;
    --van-font-size-sm: .33333rem;
    --van-font-size-md: .36rem;
    --van-font-size-lg: .38667rem;
    --van-nav-bar-icon-color: #000000;
    --van-tabs-bottom-bar-width: .74667rem;
    --van-cell-font-size: .34667rem;
    --van-button-default-font-size: var(--van-font-size-sm);
    --van-dropdown-menu-background: var(--theme-color-card-bg-color);
    --van-divider-font-size: var(--van-font-size-sm);
    --van-dropdown-menu-title-font-size: var(--van-font-size-sm);
    --van-empty-description-font-size: var(--van-font-size-sm);
    --van-dialog-font-size: var(--van-font-size-sm);
    --van-sticky-z-index: 1;
    --van-nav-bar-z-index: 10;
    --van-cell-active-color: transparent;
    --van-cell-background: var(--theme-color-card-bg-color);
    --van-cell-border-color: var(--theme-color-border-color);
    --van-search-background: var(--theme-color-card-bg-color);
    --van-field-input-error-text-color: var(--theme-color);
    --activity-icon-color: #222222;
    --el-border-color: #404040;
    --el-menu-active-color: #f5f5f5;
    --el-menu-sub-item-height: 1.06667rem;
    --el-color-primary: var(--primary-color);
    --el-checkbox-checked-bg-color: var(--el-color-primary);
    --el-button-active-bg-color: transparent
}

#theme-color-day {
    --casino-menu-icon-fill-color: #000;
    --light-dark-color: #000;
    --theme-corner-mark-color: rgba(0, 0, 0, .1);
    --theme-backsvg-bg-color: #F5F5F5;
    --theme-backsvg-fill-color: #2c2c2c;
    --theme-color: var(--primary-color);
    --theme-color-rgb: var(--primary-color);
    --theme-color-rgb-opacity-0-08: var(--primary-color);
    --theme-font-color-1: #000;
    --theme-font-color-2: #2b2b2b;
    --theme-font-color-3: #2b2b2b;
    --theme-color-dialog-close: #df7b82;
    --theme-color-svg-stroke-color: #919191;
    --theme-color-card-bg-color: #fff;
    --theme-color-page-bg-color: #f5f5f5;
    --theme-color-bg-color-1: #fff;
    --theme-color-border-color: #e4e4e4;
    --van-tabs-bottom-bar-color: var(--theme-color);
    --theme-img-bg-color: #fafafa;
    --theme--color: rgba(0, 0, 0, .2);
    --odd-color: var(--primary-color)
}

#theme-color-day .line-alert .select-content::-webkit-scrollbar,
#theme-color-day .register-page .language-sheet .select-content::-webkit-scrollbar,
#theme-color-day .transfer-money .select-currency .select-content::-webkit-scrollbar,
#theme-color-day .add-currency-address .select-bank .select-content::-webkit-scrollbar,
#theme-color-day .add-bank-card .select-bank .select-content::-webkit-scrollbar,
#theme-color-day .withdraw-digital .select-bank .select-content::-webkit-scrollbar,
#theme-color-day .withdraw-bank .select-bank .select-content::-webkit-scrollbar,
#theme-color-day .recharge-three-pay .select-bank .select-content::-webkit-scrollbar,
#theme-color-day .cashout-confirm .select-content::-webkit-scrollbar {
    width: 0;
    display: none
}

#theme-color-night {
    --casino-menu-icon-fill-color: #fff;
    --light-dark-color: #fff;
    --activity-icon-color: #919191;
    --theme-backsvg-bg-color: #2c2c2c;
    --theme-backsvg-fill-color: #ffffff;
    --theme-color: var(--primary-color);
    --theme-color-rgb: var(--primary-color);
    --theme-color-rgb-opacity-0-08: var(--primary-color);
    --theme-font-color-1: #ffffff;
    --theme-font-color-2: #ffffff;
    --theme-font-color-3: #616161;
    --theme-color-dialog-close: #55393b;
    --theme-color-svg-stroke-color: #919191;
    --theme-color-card-bg-color: #1f1f1f;
    --theme-color-page-bg-color: #292929;
    --theme-color-bg-color-1: #2c2c2c;
    --theme-color-border-color: #2c2c2c;
    --van-tabs-bottom-bar-color: var(--theme-color);
    --theme-dark-bg-color-1: #121212;
    --van-cell-text-color: var(--theme-font-color-1);
    --van-tabbar-background: var(--theme-color-bg-color-1);
    --van-tabbar-item-active-background: var(--theme-color-bg-color-1);
    --van-tabbar-item-text-color: #fff;
    --van-nav-bar-background: var(--theme-color-card-bg-color);
    --van-nav-bar-icon-color: #fff;
    --van-nav-bar-title-text-color: #fff;
    --van-tabs-nav-background: var(--theme-color-card-bg-color);
    --van-border-color: var(--theme-color-bg-color-1);
    --van-dropdown-menu-title-text-color: var(--theme-font-color-1);
    --van-popup-background: var(--theme-color-card-bg-color);
    --van-cell-group-background: var(--theme-color-card-bg-color);
    --van-collapse-item-content-background: var(--theme-color-card-bg-color);
    --van-grid-item-content-background: var(--theme-color-bg-color-1);
    --van-popover-light-background: var(--theme-color-bg-color-1);
    --van-popover-light-text-color: var(--theme-font-color-1);
    --van-search-content-background: var(--theme-dark-bg-color-1);
    --van-uploader-upload-background: var(--theme-color-bg-color-1);
    --van-action-sheet-item-background: var(--theme-color-bg-color-1);
    --van-action-sheet-item-text-color: var(--theme-font-color-1);
    --van-field-input-text-color: var(--theme-font-color-1);
    --van-picker-background: var(--theme-color-card-bg-color);
    --van-picker-option-text-color: var(--theme-font-color-1);
    background-color: var(--theme-color-page-bg-color);
    --theme-img-bg-color: #191919;
    --theme-corner-mark-color: rgba(0, 0, 0, .1)
}

#theme-color-night input:-webkit-autofill,
#theme-color-night input:-webkit-autofill:hover,
#theme-color-night input:-webkit-autofill:focus,
#theme-color-night input:-webkit-autofill:active {
    -webkit-text-fill-color: #ffffff;
    -webkit-box-shadow: 0 0 0 26.66667rem transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

#theme-color-night input:-webkit-autofill:focus {
    -webkit-text-fill-color: #ffffff
}

#theme-color-night .currency-select .currency-picker {
    background-color: #4b4b4b
}

#theme-color-night .currency-list li {
    background-color: var(--theme-dark-bg-color-1);
    margin-bottom: .21333rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

#theme-color-night .van-action-sheet__gap {
    background-color: var(--theme-color-card-bg-color)
}

#theme-color-night .van-picker__mask {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 31, 31, .9)), to(rgba(31, 31, 31, .4))), -webkit-gradient(linear, left bottom, left top, from(rgba(31, 31, 31, .9)), to(rgba(31, 31, 31, .4)));
    background-image: -webkit-linear-gradient(top, rgba(31, 31, 31, .9), rgba(31, 31, 31, .4)), -webkit-linear-gradient(bottom, rgba(31, 31, 31, .9), rgba(31, 31, 31, .4));
    background-image: linear-gradient(180deg, rgba(31, 31, 31, .9), rgba(31, 31, 31, .4)), linear-gradient(0deg, rgba(31, 31, 31, .9), rgba(31, 31, 31, .4))
}

#theme-color-night .van-search__action,
#theme-color-night .van-picker__title {
    color: var(--theme-font-color-1)
}

#theme-color-night .van-tab {
    color: var(--theme-font-color-1) !important
}

#theme-color-night .van-tab.van-tab--active {
    color: var(--theme-color) !important
}

#theme-color-night .ml-van-field .van-field__value input,
#theme-color-night .ml-van-field.isTextarea .van-field__body {
    background-color: #393939;
    color: #fff
}

#theme-color-night textarea {
    background-color: #393939 !important;
    color: #fff !important
}

#theme-color-night .van-popup.my-popup .van-popup__footer {
    background-color: var(--van-popup-background)
}

#theme-color-night .submit-btn .van-button:disabled {
    color: #fff;
    background: #616161;
    opacity: 1
}

#theme-color-night .van-popup.my-popup .my-popup-head:before {
    background-color: #919191
}

#theme-color-night .van-popup.my-popup .van-popup__footer .van-popup__cancel {
    background-color: var(--van-popup-background);
    color: var(--theme-color);
    border-color: var(--theme-color)
}

#theme-color-night .line-alert,
#theme-color-night .register-page .language-sheet,
#theme-color-night .transfer-money .select-currency,
#theme-color-night .add-currency-address .select-bank,
#theme-color-night .add-bank-card .select-bank,
#theme-color-night .withdraw-digital .select-bank,
#theme-color-night .withdraw-bank .select-bank,
#theme-color-night .recharge-three-pay .select-bank,
#theme-color-night .cashout-confirm {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color-bg-color-1)), color-stop(10%, var(--theme-color-bg-color-1)));
    background-image: -webkit-linear-gradient(top, var(--theme-color-bg-color-1) 0%, var(--theme-color-bg-color-1) 10%);
    background-image: linear-gradient(to bottom, var(--theme-color-bg-color-1) 0%, var(--theme-color-bg-color-1) 10%)
}

#theme-color-night .line-alert .select-content,
#theme-color-night .register-page .language-sheet .select-content,
#theme-color-night .transfer-money .select-currency .select-content,
#theme-color-night .add-currency-address .select-bank .select-content,
#theme-color-night .add-bank-card .select-bank .select-content,
#theme-color-night .withdraw-digital .select-bank .select-content,
#theme-color-night .withdraw-bank .select-bank .select-content,
#theme-color-night .recharge-three-pay .select-bank .select-content,
#theme-color-night .cashout-confirm .select-content {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .line-alert .select-content::-webkit-scrollbar,
#theme-color-night .register-page .language-sheet .select-content::-webkit-scrollbar,
#theme-color-night .transfer-money .select-currency .select-content::-webkit-scrollbar,
#theme-color-night .add-currency-address .select-bank .select-content::-webkit-scrollbar,
#theme-color-night .add-bank-card .select-bank .select-content::-webkit-scrollbar,
#theme-color-night .withdraw-digital .select-bank .select-content::-webkit-scrollbar,
#theme-color-night .withdraw-bank .select-bank .select-content::-webkit-scrollbar,
#theme-color-night .recharge-three-pay .select-bank .select-content::-webkit-scrollbar,
#theme-color-night .cashout-confirm .select-content::-webkit-scrollbar {
    width: 0;
    display: none
}

#theme-color-night .line-alert .select-content .bank-cell,
#theme-color-night .register-page .language-sheet .select-content .bank-cell,
#theme-color-night .transfer-money .select-currency .select-content .bank-cell,
#theme-color-night .add-currency-address .select-bank .select-content .bank-cell,
#theme-color-night .add-bank-card .select-bank .select-content .bank-cell,
#theme-color-night .withdraw-digital .select-bank .select-content .bank-cell,
#theme-color-night .withdraw-bank .select-bank .select-content .bank-cell,
#theme-color-night .recharge-three-pay .select-bank .select-content .bank-cell,
#theme-color-night .cashout-confirm .select-content .bank-cell {
    border-color: #919191
}

#theme-color-night .line-alert .select-content .bank-cell.active,
#theme-color-night .register-page .language-sheet .select-content .bank-cell.active,
#theme-color-night .transfer-money .select-currency .select-content .bank-cell.active,
#theme-color-night .add-currency-address .select-bank .select-content .bank-cell.active,
#theme-color-night .add-bank-card .select-bank .select-content .bank-cell.active,
#theme-color-night .withdraw-digital .select-bank .select-content .bank-cell.active,
#theme-color-night .withdraw-bank .select-bank .select-content .bank-cell.active,
#theme-color-night .recharge-three-pay .select-bank .select-content .bank-cell.active,
#theme-color-night .cashout-confirm .select-content .bank-cell.active {
    color: var(--theme-color);
    border-color: var(--theme-color)
}

#theme-color-night .fb-result-filter {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color-bg-color-1)), color-stop(10%, var(--theme-color-bg-color-1)));
    background-image: -webkit-linear-gradient(top, var(--theme-color-bg-color-1) 0%, var(--theme-color-bg-color-1) 10%);
    background-image: linear-gradient(to bottom, var(--theme-color-bg-color-1) 0%, var(--theme-color-bg-color-1) 10%);
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .field-container .inputBox input {
    background-color: #393939;
    border-color: #393939;
    color: #fff
}

#theme-color-night .field-container .inputBox input.error {
    border-color: var(--theme-color)
}

#theme-color-night .field-container .inputBox input:focus {
    border-color: var(--theme-color)
}

#theme-color-night .activity-item section.bottomBorder:after {
    background-color: var(--theme-color-border-color)
}

#theme-color-night #rwTip>.container {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3d0a0e), color-stop(2.13333rem, #110304));
    background-image: -webkit-linear-gradient(top, #3d0a0e, #110304 2.13333rem);
    background-image: linear-gradient(to bottom, #3d0a0e, #110304 2.13333rem)
}

#theme-color-night #rwTip .van-icon {
    color: rgba(225, 225, 225, .6)
}

#theme-color-night .balance-item .balance,
#theme-color-night .balance-item2 .balance {
    background-color: #4c4c4c
}

#theme-color-night .filter-panel .time-tabs-wrap .time-tab-datepicker .input-box {
    background-color: var(--theme-color-bg-color-1)
}

#theme-color-night .filter-panel .time-tabs-wrap .time-tab-datepicker .van-picker .van-picker__mask {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 31, 31, .9)), to(rgba(31, 31, 31, .4))), -webkit-gradient(linear, left bottom, left top, from(rgba(31, 31, 31, .9)), to(rgba(31, 31, 31, .4)));
    background-image: -webkit-linear-gradient(top, rgba(31, 31, 31, .9), rgba(31, 31, 31, .4)), -webkit-linear-gradient(bottom, rgba(31, 31, 31, .9), rgba(31, 31, 31, .4));
    background-image: linear-gradient(180deg, rgba(31, 31, 31, .9), rgba(31, 31, 31, .4)), linear-gradient(0deg, rgba(31, 31, 31, .9), rgba(31, 31, 31, .4))
}

#theme-color-night .filter-panel .time-tabs-wrap .time-tab-datepicker .date-picker-btns .date-picker-btns-item .cancel.van-button {
    background-color: var(--theme-color-bg-color-1);
    border-color: var(--theme-color-bg-color-1);
    color: var(--theme-font-color-1)
}

#theme-color-night #blockchain .updownBox .updownCard .coinFrom>span:nth-of-type(2) {
    color: var(--theme-font-color-1) !important
}

#theme-color-night .nav-bar .title-left {
    color: #fff !important
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

body {
    line-height: 1;
    font-family: PingFang, Roboto, Helvetica, Arial, Microsoft JhengHei, 微軟正黑體
}

body {
    --color-E74C5B: #e74c5b;
    --color-F4F5F8: #f4f5f8;
    --color-FFFFFF: #fff;
    --color-333333: #333;
    --color-666666: #666;
    --color-999999: #999;
    --color-EEEEEE: #eee;
    --color-F5F7F9: #f5f7f9;
    --color-EAEAEA: #eaeaea;
    --color-EBEFF5: #ebeff5;
    --color-2CAB4D: #2cab4d;
    --color-3782FF: #3782ff;
    --color-75CF83: #75cf83;
    --color-F4CA17: #f4ca17;
    --color-FFA03B: #ffa03b;
    --color-FCBD30: #fcbd30;
    --color-B25F3E: #b25f3e;
    --color-F4F7F7: #f4f7f7;
    --color-BBBBBB: #bbb;
    --color-DBE0E7: #dbe0e7;
    --color-F3F4F7: #f3f4f7;
    --color-E95E6B-1: rgba(233, 94, 107, .1);
    --color-E95E6B-4: rgba(233, 94, 107, .4);
    --color-F5F7FA-6: rgba(245, 247, 250, .6);
    --color-F4F5F8-4: rgba(231, 76, 91, .4);
    --color-E74C5B-2: rgba(231, 76, 91, .2);
    --color-E74C5B-1: rgba(231, 76, 91, .1);
    --color-BUTTON-BCG: #f5f7fa;
    --color-BUTTON-ACTIVE-BCG: #fff;
    --color-HIGH-CONTRAST-COLOR: #000;
    --linear-gradient-color: linear-gradient(180deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4)), linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4))
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/font/DMSans/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/assets/font/DMSans/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/font/DMSans/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/assets/font/DMSans/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/font/DMSans/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/assets/font/DMSans/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

._root_html.vi_VN body {
    font-family: -apple-system, Helvetica Neue, Roboto, sans-serif
}

body.m_migu {
    --color-FFFFFF: #25323e;
    --color-F4F7F7: #0d1a26;
    --color-333333: #d9dee5;
    --color-BBBBBB: #808d9a;
    --color-DBE0E7: #dbe0e7;
    --color-999999: #808d9a;
    --color-F4F5F8: #0d1a26;
    --color-F5F7F9: #0d1a26;
    --color-EEEEEE: #0d1a26;
    --color-EAEAEA: #0d1a26;
    --color-F3F4F7: #0d1a26;
    --color-BUTTON-BCG: #0d1a26;
    --color-BUTTON-ACTIVE-BCG: #25323e;
    --color-HIGH-CONTRAST-COLOR: #fff;
    --linear-gradient-color: linear-gradient(180deg, rgba(23, 37, 50, .9), rgba(13, 26, 38, .4)), linear-gradient(0deg, rgba(23, 37, 50, .9), rgba(13, 26, 38, .4))
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: none;
    outline: none
}

img[src=""],
img:not([src]) {
    opacity: 0;
    display: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-size: var(--van-font-size-sm)
}

html {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

html::-webkit-scrollbar {
    display: none;
    width: 0;
    background: transparent
}

::-webkit-scrollbar {
    width: 0;
    background: transparent
}

html.overscroll-behavior {
    overscroll-behavior-y: none
}

html[view=pc]#theme-color-night body {
    -webkit-box-shadow: 0 .05333rem .32rem rgba(0, 0, 0, .4);
    box-shadow: 0 .05333rem .32rem rgba(0, 0, 0, .4)
}

html[view=pc] {
    -ms-touch-action: auto;
    touch-action: auto
}

html[view=pc] body {
    position: fixed;
    width: 10rem;
    height: 100%;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    overflow-x: hidden;
    overflow-y: hidden;
    cursor: pointer;
    -ms-touch-action: auto;
    touch-action: auto;
    -webkit-box-shadow: 0 .05333rem .32rem rgba(50, 50, 51, .12);
    box-shadow: 0 .05333rem .32rem rgba(50, 50, 51, .12)
}

html[view=pc] #app {
    height: 100%
}

html[view=pc] #app .app-container {
    overflow-y: scroll;
    height: 100%
}

html[view=pc] .matches .matches-list .league .van-index-anchor {
    left: 0 !important
}

html[view=pc] .van-swipe {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

input {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: text
}

.submit-btn .van-button:disabled {
    color: #fff;
    background: #dadada;
    opacity: 1
}

.submit-btn .van-button {
    background: none;
    border: 1px solid var(--theme-color);
    color: #fff
}

.submit-btn .van-button {
    width: 100%;
    height: 1.38667rem;
    background: var(--theme-color);
    border: 0;
    border-radius: 1.38667rem;
    font-size: .34667rem;
    line-height: .64rem
}

.copy-toast {
    z-index: 2003 !important
}

.van-nav-bar .van-nav-bar__left .van-icon-arrow-left {
    font-size: .64rem
}

.van-pull-refresh {
    overflow: visible
}

.bgWhite {
    background-color: #fff !important
}

.van-field__control--error::-webkit-input-placeholder {
    color: var(--van-text-color)
}

.van-field__control--error::-moz-placeholder {
    color: var(--van-text-color)
}

.van-field__control--error:-ms-input-placeholder {
    color: var(--van-text-color)
}

.van-field__control--error::-ms-input-placeholder {
    color: var(--van-text-color)
}

.van-field__control--error,
.van-field__control--error::placeholder {
    color: var(--van-text-color)
}

.van-grid-item__content--surround:after {
    display: none
}

.van-nav-bar.van-hairline--bottom:after {
    display: none
}

.van-nav-bar .van-haptics-feedback:active {
    opacity: 1
}

#mobile-view .no-scroll-x::-webkit-scrollbar {
    display: none
}

input,
textarea {
    caret-color: var(--theme-color);
    line-height: .74667rem
}

input:-webkit-autofill,
textarea:-webkit-autofill {
    background: #fff
}

input:autofill,
textarea:autofill {
    background: #fff
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-weight: 200
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-weight: 200
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-weight: 200
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    font-weight: 200
}

input::placeholder,
textarea::placeholder {
    font-weight: 200
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
    -webkit-transition: background-color 5000s;
    transition: background-color 5000s
}

.notice-notify {
    bottom: .53333rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto;
    height: auto;
    padding: .26667rem .53333rem;
    min-height: 1.01333rem;
    z-index: 9999 !important
}

.notice-notify .van-icon-passed {
    color: #009915;
    font-size: .8rem
}

.notice-notify .van-icon-warning-o {
    color: #e02020;
    font-size: .8rem
}

.notice-notify .van-toast__text {
    margin-top: 0;
    margin-left: .26667rem;
    text-align: left
}

@-webkit-keyframes Skeleton_placeHolderShimmer {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 5.33333rem 0
    }
}

@keyframes Skeleton_placeHolderShimmer {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 5.33333rem 0
    }
}

.loading-background {
    background-color: #f1f1f1
}

.loading-animation {
    background-size: 400% !important
}

@-webkit-keyframes van-skeleton-blink {
    50% {
        opacity: .5
    }
}

@keyframes van-skeleton-blink {
    50% {
        opacity: .5
    }
}

.loading-animation {
    background-image: -webkit-gradient(linear, left top, right top, from(#f1f1f1), color-stop(#f1f1f1), color-stop(#f1f1f1), color-stop(#f1f1f1), color-stop(#f1f1f1), color-stop(#f1f1f1), color-stop(#f1f1f1), color-stop(#f1f1f1), color-stop(#f1f1f1), color-stop(#fff), color-stop(#f1f1f1), color-stop(#f1f1f1), to(#f1f1f1)) !important;
    background-image: -webkit-linear-gradient(left, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #fff, #f1f1f1, #f1f1f1, #f1f1f1) !important;
    background-image: linear-gradient(90deg, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #f1f1f1, #fff, #f1f1f1, #f1f1f1, #f1f1f1) !important
}

.my-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#theme-color-night .loading-background {
    background-color: #2c2c2c
}

#theme-color-night .loading-animation {
    --skeleton-bg: #1f1f1f;
    --skeleton-blink: #2c2c2c;
    background-image: -webkit-gradient(linear, left top, right top, from(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-bg)), color-stop(var(--skeleton-blink)), color-stop(var(--skeleton-blink)), to(var(--skeleton-blink))) !important;
    background-image: -webkit-linear-gradient(left, var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-bg), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink)) !important;
    background-image: linear-gradient(90deg, var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-bg), var(--skeleton-blink), var(--skeleton-blink), var(--skeleton-blink)) !important
}

@-webkit-keyframes bganimation {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes bganimation {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-webkit-keyframes shiny-btn-anim {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        -webkit-transform: scale(4) rotate(45deg);
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(50) rotate(45deg);
        transform: scale(50) rotate(45deg)
    }
}

@keyframes shiny-btn-anim {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        -webkit-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        -webkit-transform: scale(4) rotate(45deg);
        transform: scale(4) rotate(45deg)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(50) rotate(45deg);
        transform: scale(50) rotate(45deg)
    }
}