.theme-config[data-v-358ba3ce] {
            background-color: var(--u-module-background-color);
            margin: 0 auto !important
        }

        .serve[data-v-358ba3ce] {
            bottom: 188px;
            cursor: pointer;
            position: fixed;
            right: 40px;
            z-index: 3000
        }

        .el-backtop[data-v-358ba3ce],
        .serve[data-v-358ba3ce] {
            height: 66px;
            width: 66px
        }

        .el-backtop[data-v-358ba3ce] {
            background: var(--primary-linear-color)
        }

        .el-backtop .el-icon[data-v-358ba3ce] {
            color: #fff;
            font-size: 34px
        }
    
        .container[data-v-d9751abe] {
            margin: 0 auto;
            position: relative;
            width: 100%
        }

        .main-container[data-v-d9751abe] {
            background: var(--medium-color3);
            padding-top: 88px
        }

        .sub-page[data-v-d9751abe] {
            display: flex;
            height: 100%;
            margin: 0 auto;
            padding: 32px 0;
            width: 1200px
        }

        .content-container[data-v-d9751abe] {
            flex: 1;
            margin-left: 20px;
            width: 0
        }
    
        .header[data-v-a15ec286] {
            background: #fff;
            box-shadow: 0 1px 1px #0000001a;
            font-size: var(--font-size5);
            height: 88px;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 20
        }

        .header .logo-placeholder[data-v-a15ec286],
        .header .oc-logo[data-v-a15ec286] {
            margin: 0 auto;
            width: 120px
        }

        .header .oc-error[data-v-a15ec286] {
            height: 30px;
            margin: 0 auto
        }

        .header .img-loading[data-v-a15ec286] {
            color: var(--medium-color1);
            height: 100%;
            width: 100%
        }

        .header-nbk[data-v-a15ec286] {
            height: 100%;
            margin: auto;
            width: 1235px
        }

        .header-nbk-left .logo-box[data-v-a15ec286] {
            margin-right: 17px
        }

        .header-nbk-left .logo-box .logo-ske-wrapper[data-v-a15ec286] {
            align-items: center;
            display: flex;
            height: 30.19px;
            margin-right: 2px;
            width: 120px
        }

        .header-nbk-left .logo-box>div[data-v-a15ec286] {
            cursor: pointer
        }

        .header-nbk-left .logo-box .status-icon[data-v-a15ec286] {
            height: 30.19px;
            width: 120px
        }

        .header-nbk-left .logo-box .status-icon .image-slot[data-v-a15ec286] {
            height: 100%;
            width: 100%
        }

        .header-nbk-left .logo-box .k-img[data-v-a15ec286] {
            width: 137px
        }

        .header-nbk-left .logo-box .banner[data-v-a15ec286],
        .header-nbk-left .logo-box .small-logo-ske-wrapper[data-v-a15ec286] {
            align-items: center;
            display: flex;
            height: 30.19px;
            width: 137px
        }

        .header-nbk-left .logo-box .carousel-wrap[data-v-a15ec286] {
            height: 88px;
            width: 137px
        }

        .header-nbk-left .logo-box[data-v-a15ec286] .el-carousel__item {
            display: flex
        }

        .header-nbk-left .logo-box .bicon>img[data-v-a15ec286] {
            height: auto
        }

        .header-nbk-left .logo-box[data-v-a15ec286] .el-image__wrapper {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center
        }

        .header-nbk-left-nav[data-v-a15ec286] {
            flex-shrink: 0;
            height: 88px;
            margin-right: 22px
        }

        .header-nbk-left-nav>li[data-v-a15ec286] {
            color: var(--primary-color1);
            cursor: pointer;
            font-size: var(--font-size3);
            font-weight: 500;
            margin: 0 12px;
            position: relative
        }

        .header-nbk-left-nav>li .icon[data-v-a15ec286] {
            height: 24px;
            left: 50%;
            position: absolute;
            top: -27px;
            transform: translate(-50%);
            width: 48px
        }

        .header-nbk-left-nav .select[data-v-a15ec286],
        .header-nbk-left-nav>li[data-v-a15ec286]:hover {
            color: var(--primary-color);
            font-weight: 600
        }

        .header-nbk-right .download[data-v-a15ec286] {
            margin-right: 15px
        }

        .header-nbk-right .download .dli[data-v-a15ec286] {
            cursor: pointer;
            font-weight: 500;
            margin: 0 15px
        }

        .header-nbk-right .download .download-icon[data-v-a15ec286] {
            height: 32px;
            margin-bottom: 6px;
            width: 32px
        }

        .header-nbk-right .login-box .register[data-v-a15ec286] {
            border-color: var(--primary-color);
            color: var(--primary-color)
        }

        .header-nbk-right .userinfo[data-v-a15ec286] {
            height: 88px;
            position: relative
        }

        .header-nbk-right .userinfo .avatar[data-v-a15ec286] {
            border-radius: 42px;
            cursor: pointer;
            height: 42px;
            margin-right: 11px;
            width: 42px
        }

        .header-nbk-right .userinfo-msg[data-v-a15ec286] {
            cursor: pointer;
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 65px
        }

        .header-nbk-right .userinfo-msg .arrows[data-v-a15ec286] {
            margin-left: 6px
        }

        .header-nbk-right .userinfo-msg .username[data-v-a15ec286] {
            font-family: PingFang SC;
            font-size: var(--font-size5);
            font-weight: 500;
            white-space: nowrap;
            word-break: break-all
        }

        .header-nbk-right .userinfo-msg .money[data-v-a15ec286] {
            color: var(--primary-color1);
            font-family: DIN;
            font-size: var(--font-size3);
            font-weight: 700;
            margin-top: 2px
        }

        .header-nbk-right .userinfo-msg .in-game[data-v-a15ec286] {
            align-items: center;
            color: #f90;
            display: flex;
            font-size: 12px;
            font-weight: 400
        }

        .header-nbk-right .userinfo .topup[data-v-a15ec286] {
            margin-right: 15px;
            width: 98px
        }

        .header-nbk-right .userinfo .topup .plus[data-v-a15ec286] {
            margin-right: 5px;
            transform: rotate(45deg)
        }

        .header-nbk-right .userinfo .user-popup[data-v-a15ec286] {
            -webkit-backdrop-filter: blur(25px);
            backdrop-filter: blur(25px);
            background: radial-gradient(29.28% 29.31% at 51.52% 0, #fff0 0, #fff), #ffffffe6;
            border: 1px solid hsla(0, 0%, 100%, .5);
            border-radius: 14px;
            box-sizing: border-box;
            flex-shrink: 0;
            height: 0;
            left: 0;
            overflow: hidden;
            padding: 0 10px;
            position: absolute;
            top: 78px;
            transition: .3s;
            width: 230px
        }

        .header-nbk-right .userinfo .user-popup .popup-deal[data-v-a15ec286] {
            background: #f9faff;
            border-radius: 8px;
            height: 48px;
            margin-bottom: 20px;
            padding: 0 3px
        }

        .header-nbk-right .userinfo .user-popup .popup-deal .item[data-v-a15ec286] {
            cursor: pointer;
            flex: 1;
            font-size: var(--font-size3);
            height: 36px;
            padding: 0 10px;
            position: relative;
            width: 82px
        }

        .header-nbk-right .userinfo .user-popup .popup-deal .item-icon[data-v-a15ec286] {
            height: 28px;
            width: 28px
        }

        .header-nbk-right .userinfo .user-popup .popup-deal .item:hover .mask[data-v-a15ec286] {
            background: #F77F0017;
            border-radius: 70px;
            filter: blur(4px);
            flex-shrink: 0;
            height: 36px;
            left: 10px;
            position: absolute;
            top: 0;
            width: 82px
        }

        .header-nbk-right .userinfo .user-popup .popup-deal .item[data-v-a15ec286]:first-child:after {
            background-color: var(--medium-color1);
            content: "";
            height: 12px;
            position: absolute;
            right: 0;
            top: 12px;
            width: .5px
        }

        .header-nbk-right .userinfo .user-popup .popup-list .item[data-v-a15ec286] {
            border-radius: 8px;
            cursor: pointer;
            font-size: var(--font-size4);
            height: 40px
        }

        .header-nbk-right .userinfo .user-popup .popup-list .item-icon[data-v-a15ec286] {
            height: 20px;
            margin-right: 14px;
            width: 20px
        }

        .header-nbk-right .userinfo .user-popup .popup-list .item[data-v-a15ec286]:hover {
            background: var(--primary-color);
            color: #fff
        }

        .header-nbk-right .userinfo .user-popup .popup-list .quitbtn[data-v-a15ec286] {
            background: var(--sub-color1);
            border-radius: 24px;
            color: #fff;
            cursor: pointer;
            font-family: PingFang SC;
            font-size: var(--font-size4);
            font-weight: 400;
            height: 36px;
            line-height: 36px;
            margin: 14px auto 0;
            text-align: center;
            width: 138px
        }

        .header-nbk-right .userinfo .user-popup .popup-list .quitbtn[data-v-a15ec286]:hover {
            background: var(--primary-linear-color);
            box-shadow: 0 4px 9px #0036d040
        }

        .header-nbk-right .userinfo:hover .user-popup[data-v-a15ec286] {
            box-shadow: 0 4px 10px #00000026;
            height: 330px;
            padding: 20px 10px
        }

        .header-nbk-right[data-v-a15ec286] .el-button {
            font-size: var(--font-size3);
            font-weight: 500;
            height: 42px;
            line-height: 42px;
            width: 120px;
            --el-border-radius-round: 50px;
            border-width: 2px;
            letter-spacing: 1px
        }

        .header-nbk-right .solid[data-v-a15ec286] {
            background: radial-gradient(70% 21.87% at 50% 101.56%, #ffffff8f 0, #fff0 72.93%), radial-gradient(72.9% 34.37% at 50% 0, #ffffff52 0, #fff0 79.06%), linear-gradient(0deg, rgba(0, 0, 0, .24) -21.87%, transparent 50%), radial-gradient(106.07% 84.72% at 50% 15.28%, #f9c175 0, var(--primary-color) 90.4%);
            background-blend-mode: overlay, overlay, overlay, normal;
            box-shadow: 0 0 12px #ffffffe6
        }

        .header .popup[data-v-a15ec286] {
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            background: radial-gradient(50% 50% at 50% 50%, #fff3 0, #fff0), linear-gradient(180deg, #fffc, #ecf9ffcc);
            left: 0;
            opacity: 0;
            padding-top: 88px;
            position: fixed;
            right: 0;
            top: 0;
            transform: translateY(-100%);
            transition: all .4s;
            width: 100%;
            z-index: -1
        }

        .header .popup-nbk[data-v-a15ec286] {
            display: flex;
            flex-wrap: wrap;
            margin: auto;
            max-height: 332px;
            overflow-y: scroll;
            padding: 10px;
            width: 810px
        }

        .header .popup-nbk .popup-item[data-v-a15ec286] {
            background: #f7f7f7;
            border-radius: 12px;
            cursor: pointer;
            margin-bottom: 30px;
            margin-right: 30px;
            min-height: 112px;
            overflow: hidden;
            position: relative;
            transition: all .3s;
            width: 110px
        }

        .header .popup-nbk .popup-item .item-title[data-v-a15ec286] {
            bottom: 0;
            display: flex;
            flex-direction: column;
            height: 52px;
            justify-content: flex-end;
            left: 0;
            padding-bottom: 10px;
            position: absolute;
            width: 100%
        }

        .header .popup-nbk .popup-item .item-title>span[data-v-a15ec286] {
            color: #fff;
            font-size: var(--font-size4);
            text-align: center
        }

        .header .popup-nbk .popup-item .item-mask[data-v-a15ec286] {
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
            background: #0009;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

        .header .popup-nbk .popup-item .item-mask .maintain[data-v-a15ec286] {
            height: 20px;
            margin-bottom: 12px;
            width: 20px
        }

        .header .popup-nbk .popup-item .item-mask .masktext[data-v-a15ec286] {
            color: #fff;
            font-size: var(--font-size3)
        }

        .header .popup-nbk .popup-item .el-image[data-v-a15ec286] {
            height: 100%;
            width: 100%
        }

        .header .popup-nbk .popup-item[data-v-a15ec286]:hover {
            opacity: 1;
            transform: scale(1.05)
        }

        .header .popup-nbk .popup-item[data-v-a15ec286]:nth-of-type(6n+6) {
            margin-right: 0
        }

        .header .popup-nbk .image-slot[data-v-a15ec286] {
            height: 50%;
            width: 100%
        }

        .header .popup-active[data-v-a15ec286] {
            opacity: 1;
            transform: translateY(0)
        }

        .header .download-popup[data-v-a15ec286] {
            position: relative
        }

        .header .download-popup[data-v-a15ec286] .el-dialog__title {
            font-size: var(--font-size2)
        }

        .header .download-popup .content-wrap[data-v-a15ec286] {
            display: flex;
            font-size: var(--font-size4);
            justify-content: space-between;
            margin-top: 30px;
            padding: 0 34px
        }

        .header .download-popup .content-wrap .qrcodebox[data-v-a15ec286] {
            width: 140px
        }

        .header .download-popup .content-wrap .qrcodebox .qrcode[data-v-a15ec286] {
            align-items: center;
            background: linear-gradient(180deg, #fff, #e6f1ff);
            border-bottom: 2.593px solid #fff;
            border-radius: 10.37px;
            display: flex;
            height: 140px;
            justify-content: center;
            margin-bottom: 14px;
            width: 140px
        }

        .header .download-popup .content-wrap .qrcodebox .qrcode>img[data-v-a15ec286] {
            background: #fff;
            height: 114px;
            width: 114px
        }

        .header .download-popup .content-wrap .qrcodebox .btn[data-v-a15ec286] {
            background: var(--primary-linear-color);
            border-radius: 76.271px;
            box-shadow: 0 5px 10px #8b8e9840;
            color: var(--primary-color1);
            color: #fff;
            font-size: var(--font-size4);
            font-weight: 500;
            height: 40px;
            line-height: 36px;
            width: 140px
        }

        .header .download-popup .content-wrap .qrcodebox .btn .el-icon[data-v-a15ec286],
        .header .download-popup .content-wrap .qrcodebox .btn svg[data-v-a15ec286] {
            height: 18px;
            width: 18px
        }

        .header .download-popup .content-wrap .qrcodebox .btn .downicon[data-v-a15ec286] {
            height: 18px;
            margin-right: 6px;
            width: 18px
        }

        .header .download-popup .close[data-v-a15ec286] {
            color: var(--sub-color1);
            cursor: pointer;
            font-size: 28px;
            height: 28px;
            position: absolute;
            right: 20px;
            top: 18px;
            width: 28px
        }

        .header .download-popup .close[data-v-a15ec286]:hover {
            opacity: .8
        }
    
        .withdrawal-page {
            background: var(--medium-color3);
            font-size: var(--font-size3);
            height: auto !important;
            min-height: 723px
        }

        .withdrawal-page .nuxt-icon {
            width: 20px
        }

        .withdrawal-page .custom-tab {
            display: flex;
            justify-content: space-between;
            margin: 0 auto 6px;
            max-width: 640px;
            padding-bottom: 10px
        }

        .withdrawal-page .custom-tab::-webkit-scrollbar {
            height: 5px
        }

        .withdrawal-page .custom-tab::-webkit-scrollbar-track {
            background: transparent;
            border-radius: 30px
        }

        .withdrawal-page .custom-tab::-webkit-scrollbar-thumb {
            background: #322f2b1a;
            border-radius: 30px
        }

        .withdrawal-page .custom-tab .custom-tabitem {
            background-color: #fff;
            border: 1px solid var(--medium-color1);
            border-radius: 23px;
            cursor: pointer;
            flex: 1;
            flex-wrap: wrap;
            font-family: PingFang SC;
            font-size: var(--font-size2);
            height: 46px;
            line-height: 46px;
            margin: 0 2%;
            min-width: 100px;
            overflow: hidden;
            text-align: center
        }

        .withdrawal-page .custom-tab .custom-tabitem.is-active {
            background: var(--primary-linear-color);
            box-shadow: 0 5px 10px #8b8e9840;
            color: #fff
        }

        .withdrawal-page .his-btn {
            background-color: var(--medium-color4);
            border: 1px solid var(--medium-color1);
            border-radius: 14px;
            cursor: pointer;
            display: inline-block;
            font-size: var(--font-size4);
            font-weight: 500;
            height: 28px;
            line-height: 28px;
            padding: 0 20px
        }

        .withdrawal-page .his-btn,
        .withdrawal-page .his-btn:hover {
            color: var(--primary-color)
        }

        .withdrawal-page .withdraw-component-container {
            padding-bottom: 27px
        }

        .withdrawal-page :deep(.el-scrollbar__wrap) {
            scroll-behavior: smooth
        }
    
        .custom-dialog {
            --el-dialog-content-font-size: 16px;
            --el-text-color-regular: var(--primary-color1);
            background-color: var(--medium-color3);
            background-image: url(/_nuxt/secure-bg.CAbMVxv3.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 16px;
            overflow: hidden;
            padding: 20px;
            position: relative
        }

        .custom-dialog.alert-dialog {
            background-color: #fff;
            background-image: url(/_nuxt/top.CxVBaF2r.png);
            background-repeat: no-repeat;
            background-size: 100% 123px
        }

        .custom-dialog.alert-dialog:before {
            background-image: url(/_nuxt/down.B6DSSVbQ.png);
            background-repeat: no-repeat;
            background-size: cover;
            bottom: 0;
            content: "";
            height: 72.5px;
            left: 0;
            position: absolute;
            right: 0
        }

        .custom-dialog.alert-dialog .el-form-item--label-top .el-form-item__label {
            font-size: var(--font-size3);
            font-weight: 500
        }

        .custom-dialog.pure-dialog {
            background: var(--medium-color3)
        }

        .custom-dialog.big-dialog {
            height: 707px
        }

        .custom-dialog .el-dialog__body {
            position: relative;
            z-index: 1
        }

        .custom-dialog .custom-dialog-title {
            align-items: center;
            display: flex;
            font-family: PingFang SC;
            font-size: var(--font-size2);
            font-weight: 500;
            justify-content: space-between;
            padding: 0 20px;
            position: relative
        }

        .custom-dialog .custom-dialog-title ._left,
        .custom-dialog .custom-dialog-title ._right {
            flex: none;
            font-size: var(--font-size4);
            font-weight: 400
        }

        .custom-dialog .custom-dialog-title ._center {
            flex: 1;
            overflow: hidden;
            text-align: center;
            white-space: nowrap
        }

        .custom-dialog .custom-dialog-title .dialog-close {
            color: var(--sub-color1);
            font-size: 28px;
            position: absolute;
            right: 0;
            top: 0
        }
    
        [data-v-d9853714] .theme-color {
            color: var(--primary-color1)
        }

        .home .buyu-icon[data-v-d9853714] {
            bottom: 264px;
            height: 64px;
            position: fixed;
            right: 40px;
            width: 64px;
            z-index: 3333
        }

        .home .public-banner[data-v-d9853714] {
            height: 625px;
            margin-bottom: 20px
        }

        .home .public-banner .kk-i[data-v-d9853714] {
            height: 625px;
            -o-object-fit: cover;
            object-fit: cover
        }

        .home .public-banner .img-box[data-v-d9853714] {
            cursor: pointer;
            height: 100%
        }

        .home .public-banner .img-box .img[data-v-d9853714] {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .home .public-banner .img-box .img[data-v-d9853714] .el-image__inner {
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%
        }

        .home .public-banner[data-v-d9853714] .el-carousel__indicator .el-carousel__button {
            background-color: #fff;
            border-radius: 3px;
            height: 6px;
            opacity: .5;
            width: 16px
        }

        .home .public-banner[data-v-d9853714] .el-carousel__indicator.is-active .el-carousel__button {
            background-color: #fff;
            border-radius: 3px;
            height: 6px;
            opacity: 1;
            width: 32px
        }

        .home .skeleton-banner[data-v-d9853714] {
            align-items: center;
            display: flex;
            height: 625px;
            justify-content: center;
            width: 100%
        }

        .home .skeleton-banner .oc-logo[data-v-d9853714] {
            width: 120px
        }

        .home .notice-bar[data-v-d9853714] {
            align-items: center;
            -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
            background: #fff3;
            border: 2px solid #fff;
            border-radius: 56px;
            box-shadow: 0 4px 9px #a6a6a61a;
            display: flex;
            height: 40px;
            margin: 0 auto;
            width: 1200px
        }

        .home .notice-bar[data-v-d9853714] .vue3-marquee {
            margin-left: 12px
        }

        .home .notice-bar .volume-high[data-v-d9853714] {
            height: 24px;
            margin-left: 16px;
            width: 24px
        }

        .home .notice-bar .all-notice[data-v-d9853714] {
            color: var(--sub-color) !important;
            display: flex;
            flex-direction: row !important;
            font-size: var(--font-size3);
            margin-left: 3px;
            white-space: nowrap
        }

        .home .notice-bar .all-notice[data-v-d9853714] span {
            font-size: var(--font-size3) !important;
            margin: 0 !important
        }

        .home .game-hall[data-v-d9853714] {
            margin: 28px auto 74px;
            width: 1200px
        }

        .home .game-hall .content[data-v-d9853714] {
            height: 398px;
            margin: 50px 0 28px;
            position: relative
        }

        .home .game-hall .content-box[data-v-d9853714] {
            display: flex;
            height: 398px;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 0
        }

        .home .game-hall .content-box .left-part[data-v-d9853714] {
            background-image: url(../images/game-hall-left-bg.Da7J0OvZ.png);
            background-repeat: no-repeat;
            background-size: contain;
            box-sizing: border-box;
            height: 100%;
            padding-top: 50px;
            position: relative;
            width: 680px
        }

        .home .game-hall .content-box .left-part .name-container[data-v-d9853714] {
            margin-bottom: 25px;
            margin-left: 30px;
            width: 377px
        }

        .home .game-hall .content-box .left-part .name-container .name[data-v-d9853714] {
            color: var(--primary-color1);
            font-family: HYYaKuHeiW;
            font-size: 38px;
            font-weight: 400;
            margin-bottom: 20px
        }

        .home .game-hall .content-box .left-part .name-container .left-des[data-v-d9853714] {
            color: var(--sub-color);
            font-family: PingFang SC;
            font-size: var(--font-size4);
            font-weight: 400
        }

        .home .game-hall .content-box .left-part .icon-left-big[data-v-d9853714] {
            animation: iconsports1-d9853714 2.5s linear infinite;
            height: 90px;
            left: 405px;
            position: absolute;
            top: 60px;
            width: 90px
        }

        .home .game-hall .content-box .left-part .icon-left-small[data-v-d9853714] {
            animation: iconsports2-d9853714 2.5s linear infinite;
            bottom: 13px;
            height: 70px;
            left: -50px;
            position: absolute;
            width: 70px
        }

        .home .game-hall .content-box .left-part .icon-group[data-v-d9853714] {
            display: flex;
            margin-left: 30px
        }

        .home .game-hall .content-box .left-part .icon-group .icon-avatar-wrap[data-v-d9853714] {
            cursor: pointer;
            height: 108px;
            margin-right: 50px;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            width: 110px
        }

        .home .game-hall .content-box .left-part .icon-group .icon-avatar-wrap .img[data-v-d9853714] {
            height: 100%;
            width: 100%
        }

        .home .game-hall .content-box .left-part .icon-group .icon-avatar-wrap .name[data-v-d9853714] {
            background: var(--primary-linear-color);
            border-radius: 60px;
            bottom: 0;
            box-shadow: 0 4px 9px #0036d040;
            color: #fff;
            font-family: PingFang SC;
            font-size: var(--font-size4);
            font-weight: 500;
            height: 28px;
            left: 0;
            line-height: 28px;
            position: absolute;
            text-align: center;
            width: 110px;
            z-index: 1
        }

        .home .game-hall .content-box .right-part[data-v-d9853714] {
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 600px
        }

        .home .game-hall .content-box .right-part>img[data-v-d9853714] {
            cursor: pointer
        }

        .home .game-hall .content .active-top[data-v-d9853714] {
            opacity: 1;
            transition: all .4s ease;
            z-index: 1
        }

        .home .game-hall .content .active-top .left-part .name-container .name[data-v-d9853714] {
            animation: venue_slide_enter-d9853714 .4s ease;
            animation-fill-mode: backwards
        }

        .home .game-hall .content .active-top .left-part .name-container .left-des[data-v-d9853714] {
            animation: venue_slide_enter-d9853714 .4s ease .1s;
            animation-fill-mode: backwards
        }

        .home .game-hall .content .topleftout[data-v-d9853714] {
            transition: all .4s ease
        }

        .home .game-hall .content .topleftout .left-part .name-container .name[data-v-d9853714] {
            animation: venue_slide_out-d9853714 .4s ease;
            animation-fill-mode: backwards
        }

        .home .game-hall .content .topleftout .left-part .name-container .left-des[data-v-d9853714] {
            animation: venue_slide_out-d9853714 .4s ease .1s;
            animation-fill-mode: backwards
        }

        .home .game-hall .tab-bar-wrap[data-v-d9853714] {
            height: 80px;
            padding-top: 5px;
            position: relative
        }

        .home .game-hall .tab-bar-wrap .tab-bar[data-v-d9853714] {
            background: #fff;
            cursor: pointer;
            flex: 1;
            height: 70px
        }

        .home .game-hall .tab-bar-wrap .tab-bar-nbk[data-v-d9853714] {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            position: relative;
            z-index: 1
        }

        .home .game-hall .tab-bar-wrap .tab-bar-nbk .icon[data-v-d9853714] {
            height: 36px;
            margin-right: 12px;
            width: 36px
        }

        .home .game-hall .tab-bar-wrap .tab-bar-nbk .title-wrap .title-zh[data-v-d9853714] {
            color: var(--primary-color1);
            font-size: var(--font-size3);
            margin-bottom: 5px;
            transition: all .5s ease
        }

        .home .game-hall .tab-bar-wrap .tab-bar-nbk .title-wrap .title-en[data-v-d9853714] {
            color: var(--sub-color);
            font-size: var(--font-size4);
            transition: all .5s ease
        }

        .home .game-hall .tab-bar-wrap .tab-bar.active[data-v-d9853714] p{
            color: #fff !important;
            transition: all .5s ease
        }
        .home .game-hall .tab-bar-wrap .tab-bar[data-v-d9853714] img.on,
        .home .game-hall .tab-bar-wrap .tab-bar.active[data-v-d9853714] img.off {
            display: none;
        }
        .home .game-hall .tab-bar-wrap .tab-bar.active[data-v-d9853714] img.on {
            display: block;
        }

        .home .game-hall .tab-bar-wrap .tab-bar[data-v-d9853714]:first-child {
            border-radius: 24px 0 0 24px
        }

        .home .game-hall .tab-bar-wrap .tab-bar[data-v-d9853714]:last-child {
            border-radius: 0 24px 24px 0
        }

        .home .game-hall .tab-bar-wrap .slider[data-v-d9853714] {
            background: var(--primary-linear-color);
            border-radius: 24px;
            box-shadow: 0 4px 9px #0036d040;
            height: 80px;
            left: 0;
            position: absolute;
            top: 0;
            transition: all .5s ease;
            width: 200px
        }

        .home .game-hall .tab-bar-wrap .slider[theme=xyw][data-v-d9853714] {
            width: 240px
        }

        .home .hot-game[data-v-d9853714] {
            margin: 0 auto 74px;
            width: 1200px
        }

        .home .hot-game .content[data-v-d9853714] {
            background: #fff3;
            border: 2px solid #fff;
            border-radius: 24px;
            box-shadow: 0 4px 9px #a6a6a61a;
            height: 566px;
            margin: 34px auto;
            width: 1200px
        }

        .home .hot-game .content .nav-container[data-v-d9853714] {
            background: #fff3;
            border: 2px solid #fff;
            border-radius: 35px;
            box-shadow: inset 0 -4px 4px #b5d8f440, inset 0 4px 4px #b5d8f440;
            box-sizing: border-box;
            height: 70px;
            margin: 42px auto;
            position: relative;
            width: 1094px
        }

        .home .hot-game .content .nav-container .nav-item[data-v-d9853714] {
            border-radius: 24px;
            color: var(--primary-color1);
            cursor: pointer;
            flex: 1;
            font-family: PingFang SC;
            font-size: var(--font-size3);
            font-weight: 500;
            height: 42px;
            line-height: 42px;
            margin: 0 26px;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .home .hot-game .content .nav-container .nav-item.active[data-v-d9853714] {
            color: #fff;
            position: relative;
            transition: all .3s;
            z-index: 1
        }

        .home .hot-game .content .nav-container .nav-item[data-v-d9853714]:hover {
            color: var(--primary-color)
        }

        .home .hot-game .content .nav-container .slider[data-v-d9853714] {
            background: var(--primary-linear-color);
            border-radius: 24px;
            box-shadow: 0 4px 9px #0036d040;
            height: 42px;
            left: 0;
            position: absolute;
            top: 12px;
            transition: all .3s linear;
            width: 166px
        }

        .home .hot-game .content .nav-container .slider[theme=xyw][data-v-d9853714] {
            width: 220.5px
        }

        .home .home-dowloadapp[data-v-d9853714] {
            margin: auto;
            padding-bottom: 72px;
            width: 1200px
        }

        .home .home-dowloadapp .content[data-v-d9853714] {
            padding: 39px 42px 0
        }

        .home .home-dowloadapp .content-left[data-v-d9853714] {
            width: 480px
        }

        .home .home-dowloadapp .content-left-title[data-v-d9853714] {
            color: var(--primary-color1);
            font-family: HYYaKuHeiW;
            font-size: 38px;
            font-weight: 400;
            margin-bottom: 17px
        }

        .home .home-dowloadapp .content-left-text[data-v-d9853714] {
            color: var(--sub-color);
            font-size: var(--font-size3);
            margin: 17px 0 34px
        }

        .home .home-dowloadapp .content-left-codebox .citem[data-v-d9853714] {
            background: linear-gradient(180deg, #fff, #e6f1ff);
            border: 1px solid #fff;
            border-radius: 12px;
            height: 198px;
            margin-right: 80px;
            width: 150px
        }

        .home .home-dowloadapp .content-left-codebox .citem .qrcode[data-v-d9853714] {
            background: linear-gradient(90deg, #F77F00, #f9c175);
            border: 3px solid #dcedff;
            border-radius: 12px;
            height: 126px;
            margin-bottom: 12px;
            width: 126px
        }

        .home .home-dowloadapp .content-left-codebox .citem .qrcode .img-item[data-v-d9853714] {
            background: #fff;
            border-radius: 10px;
            height: 115px;
            width: 115px
        }

        .home .home-dowloadapp .content-left-codebox .citem .btn[data-v-d9853714] {
            background: linear-gradient(180deg, #fff, #e5f6ff);
            border: 1px solid #fff;
            border-radius: 12px;
            color: var(--primary-color1);
            font-size: var(--font-size4);
            font-weight: 500;
            height: 36px;
            line-height: 36px;
            width: 126px
        }

        .home .home-dowloadapp .content-left-codebox .citem .btn .el-icon[data-v-d9853714],
        .home .home-dowloadapp .content-left-codebox .citem .btn svg[data-v-d9853714] {
            height: 22px;
            width: 22px
        }

        .home .home-dowloadapp .content-left-codebox .citem .btn .downicon[data-v-d9853714] {
            height: 22px;
            margin-right: 3px;
            width: 22px
        }

        .home .home-dowloadapp .content-img[data-v-d9853714] {
            width: 490px
        }

        .home .box .bitem[data-v-d9853714]:nth-child(odd) {
            background: #4a5f4a;
            height: 30px
        }

        .home .box .bitem[data-v-d9853714]:nth-child(2n) {
            background: #303026;
            height: 30px
        }

        .title-header[data-v-d9853714] {
            background-image: url(data:image/png;base64,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);
            background-repeat: no-repeat;
            background-size: 100% auto;
            height: 110px;
            position: relative;
            text-align: center
        }

        .title-header .main-title[data-v-d9853714] {
            background: linear-gradient(91deg, #F77F00 -20.14%, #f9c175 152.41%);
            background-clip: text;
            -webkit-background-clip: text;
            font-size: 32px;
            top: 30px;
            z-index: 2;
            -webkit-text-fill-color: transparent
        }

        .title-header .main-title[data-v-d9853714],
        .title-header .main-title-en[data-v-d9853714] {
            font-family: HYYaKuHeiW;
            font-weight: 400;
            left: 50%;
            position: absolute;
            transform: translate(-50%)
        }

        .title-header .main-title-en[data-v-d9853714] {
            background: linear-gradient(180deg, #e8ecf1cc, #e8ecf100);
            background-clip: text;
            -webkit-background-clip: text;
            font-size: 48px;
            text-transform: uppercase;
            top: 0;
            -webkit-text-fill-color: transparent
        }

        .title-header .des[data-v-d9853714] {
            bottom: 0;
            color: var(--sub-color);
            font-family: PingFang SC;
            font-size: var(--font-size3);
            font-weight: 500;
            left: 50%;
            position: absolute;
            transform: translate(-50%)
        }

        @keyframes iconsports1-d9853714 {
            50% {
                transform: translateY(-15px)
            }

            to {
                transform: translateY(0)
            }
        }

        @keyframes iconsports2-d9853714 {
            50% {
                transform: translateY(15px)
            }

            to {
                transform: translateY(0)
            }
        }

        @keyframes venue_slide_enter-d9853714 {
            0% {
                opacity: 0;
                transform: translate(20%)
            }

            to {
                opacity: 1;
                transform: translate(0)
            }
        }

        @keyframes venue_slide_out-d9853714 {
            0% {
                opacity: 1;
                transform: translate(0)
            }

            to {
                opacity: 0;
                transform: translate(-10%)
            }
        }
    
        .inform-popup[data-v-b80fd00c] {
            position: relative;
            width: 572px
        }

        .inform-popup .logo[data-v-b80fd00c] {
            display: block !important;
            height: 40px;
            margin: 0 auto;
            width: 160px
        }

        .inform-popup .content-wrap[data-v-b80fd00c] {
            align-items: center;
            display: flex;
            flex-direction: column;
            height: 436px;
            margin-bottom: 60px;
            padding: 20px 36px 0
        }

        .inform-popup .content-wrap .popup-image[data-v-b80fd00c] {
            border-radius: 16px;
            margin-bottom: 10px;
            overflow: hidden;
            width: 100%
        }

        .inform-popup .content-wrap .popup-image>img[data-v-b80fd00c] {
            height: auto;
            margin: 0 auto;
            max-height: 227px;
            -o-object-fit: cover;
            object-fit: cover;
            width: auto
        }

        .inform-popup .content-wrap .popup-html[data-v-b80fd00c] {
            flex: 1;
            font-size: var(--font-size4);
            font-style: normal;
            overflow-y: scroll
        }

        .inform-popup .content-wrap .bightml[data-v-b80fd00c] {
            height: 302px
        }

        .inform-popup .close[data-v-b80fd00c] {
            color: var(--sub-color1);
            cursor: pointer;
            font-size: 28px;
            height: 28px;
            position: absolute;
            right: 20px;
            top: 14px;
            width: 28px
        }

        .inform-popup .close[data-v-b80fd00c]:hover {
            opacity: .8
        }

        .inform-popup .popup-footer[data-v-b80fd00c] {
            background: #fff;
            border-radius: 16px;
            bottom: 0;
            box-shadow: 0 0 10px #0000000d;
            box-sizing: border-box;
            height: 60px;
            left: 0;
            padding: 0 20px;
            position: absolute;
            width: 100%
        }

        .inform-popup .popup-footer[data-v-b80fd00c] .btns .el-button {
            background: var(--primary-linear-color);
            border-radius: 8px;
            color: #fff;
            font-size: 16px;
            height: 32px;
            width: 98px
        }

        .inform-popup .popup-footer[data-v-b80fd00c] .btns .btn-cancel {
            background: var(--sub-color1)
        }

        .inform-popup .popup-footer[data-v-b80fd00c] .btns .el-button+.el-button {
            margin-left: 30px
        }

        .inform-popup .popup-footer[data-v-b80fd00c] .el-checkbox {
            color: var(--sub-color)
        }

        .inform-popup .popup-footer[data-v-b80fd00c] .el-checkbox .el-checkbox__inner {
            border-radius: 50%;
            height: 16px;
            overflow: hidden;
            width: 16px
        }

        .inform-popup .popup-footer[data-v-b80fd00c] .el-checkbox .el-checkbox__label {
            font-size: var(--font-size3)
        }

        .inform-popup .popup-footer[data-v-b80fd00c] .el-checkbox .el-checkbox__inner:after {
            height: 7px;
            left: 7px;
            top: 6px;
            width: 3px
        }

        .inform-popup .popup-footer .pagination>div[data-v-b80fd00c] {
            color: var(--sub-color);
            cursor: pointer;
            font-size: var(--font-size3)
        }

        .inform-popup .popup-footer .pagination>div .icon[data-v-b80fd00c] {
            background-color: var(--sub-color1);
            border-radius: 50%;
            color: #fff;
            height: 16px;
            width: 16px
        }

        .inform-popup .popup-footer .pagination>div .icon .el-icon[data-v-b80fd00c] {
            font-size: var(--font-size5)
        }

        .inform-popup .popup-footer .pagination>div .previcon[data-v-b80fd00c] {
            margin-right: 10px
        }

        .inform-popup .popup-footer .pagination>div .nextpageicon[data-v-b80fd00c] {
            margin-left: 10px
        }

        .inform-popup .popup-footer .pagination>div[data-v-b80fd00c]:hover {
            color: var(--primary-color)
        }

        .inform-popup .popup-footer .pagination>div:hover .icon[data-v-b80fd00c] {
            background: var(--primary-color)
        }

        .inform-popup .popup-footer .pagination .nextpage[data-v-b80fd00c] {
            margin-left: 30px
        }
    
        .footer[data-v-45326527] {
            background: var(--primary-color1);
            height: 61px
        }

        .footer-nbk[data-v-45326527] {
            color: #fff;
            font-size: var(--font-size4);
            line-height: 61px;
            margin: auto;
            text-align: center;
            width: 1200px
        }

        
        .vue3-marquee {
            display: flex !important;
            position: relative
        }

        .vue3-marquee.horizontal {
            overflow-x: hidden !important;
            flex-direction: row !important;
            width: 100%;
            height: max-content
        }

        .vue3-marquee.vertical {
            overflow-y: hidden !important;
            flex-direction: column !important;
            height: 100%;
            width: max-content
        }

        .vue3-marquee:hover>.marquee {
            animation-play-state: var(--pauseOnHover)
        }

        .vue3-marquee:active>.marquee {
            animation-play-state: var(--pauseOnClick)
        }

        .vue3-marquee>.marquee {
            flex: 0 0 auto;
            min-width: var(--min-width);
            min-height: var(--min-height);
            z-index: 1;
            animation: var(--orientation) var(--duration) linear var(--delay) var(--loops);
            animation-play-state: var(--pauseAnimation);
            animation-direction: var(--direction)
        }

        .vue3-marquee.horizontal>.marquee {
            display: flex;
            flex-direction: row;
            align-items: center
        }

        .vue3-marquee.vertical>.marquee {
            display: flex;
            flex-direction: column;
            align-items: center
        }

        @keyframes scrollX {
            0% {
                transform: translate(0)
            }

            to {
                transform: translate(-100%)
            }
        }

        @keyframes scrollY {
            0% {
                transform: translateY(0)
            }

            to {
                transform: translateY(-100%)
            }
        }

        .vue3-marquee>.overlay {
            position: absolute;
            width: 100%;
            height: 100%
        }

        .vue3-marquee>.transparent-overlay {
            position: absolute;
            width: 100%;
            height: 100%
        }

        .vue3-marquee>.overlay:before,
        .vue3-marquee>.overlay:after {
            content: "";
            position: absolute;
            z-index: 2
        }

        .vue3-marquee.horizontal>.overlay:before,
        .vue3-marquee.horizontal>.overlay:after {
            background: linear-gradient(to right, var(--gradient-color));
            height: 100%;
            width: var(--gradient-length)
        }

        .vue3-marquee.vertical>.overlay:before,
        .vue3-marquee.vertical>.overlay:after {
            background: linear-gradient(to bottom, var(--gradient-color));
            height: var(--gradient-length);
            width: 100%
        }

        .vue3-marquee.horizontal>.overlay:after {
            transform: rotate(180deg)
        }

        .vue3-marquee.vertical>.overlay:after {
            transform: rotate(-180deg)
        }

        .vue3-marquee>.overlay:before {
            left: 0;
            top: 0
        }

        .vue3-marquee.horizontal>.overlay:after {
            right: 0;
            top: 0
        }

        .vue3-marquee.vertical>.overlay:after {
            left: 0;
            bottom: 0
        }

    
    .imageye-selected {
        outline: 2px solid black !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) !important;
    }