.wrap-akc512-rvDVR {
    background: #fff !important
}

.home-K_VuG {
    width: 100%;
    background: url(/images/bg.4f540de0.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.home-titlebg-lAgJf {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 20px
}

.home-titlebg-lAgJf img {
    height: 60px
}

.home-notice-G7xeP {
    width: 100%;
    height: 45px;
    background: rgba(60, 70, 99, .5);
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.home-notice-warp-hdNuR {
    display: flex;
    width: 1400px;
    margin: 0 auto;
    align-items: center
}

.home-notice-warp-hdNuR p {
    width: 80px;
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

.home-notice-warp-hdNuR i {
    margin-right: 5px;
    width: 17px;
    height: 17px;
    background: url(/images/mg.ed99c976.png) no-repeat;
    background-size: 100% 100%
}

.home-notice-warp-more-SC7P3 {
    width: 80px;
    height: 32px;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    background-image: linear-gradient(90deg, #96aeff, #4e78ff);
    border-radius: 16px;
    cursor: pointer
}

.home-gameimg-oSZv4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1400px;
    margin: 0 auto
}

.home-gameimg-oSZv4 img {
    width: 410px;
    height: 180px;
    transform: scale(1);
    transition: transform .2s linear;
    cursor: pointer
}

.home-gameimg-oSZv4 img:hover {
    transform: scale(1.08);
    transition: transform .2s linear
}

.home-fuwu-MpZW0 {
    width: 1300px;
    display: flex;
    margin: 60px auto 120px;
    justify-content: space-between
}

.home-fuwu-MpZW0>div {
    width: 304px;
    height: 356px;
    padding-top: 36px;
    background: url(/images/info_bg.537c4196.png) no-repeat top;
    box-shadow: 0 2px 18px rgba(178, 201, 241, .62);
    transition: transform .7s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-fuwu-MpZW0>div:hover {
    transform: translateY(-20px)
}

.home-fuwu-MpZW0>div img:first-child {
    width: 100px;
    height: 100px;
    margin: 0 auto 30px
}

.home-fuwu-MpZW0>div img:nth-child(2) {
    height: 34px;
    margin-bottom: 17px;
    background-repeat: no-repeat;
    background-position: 50%
}

.home-fuwu-MpZW0>div p {
    margin: 0;
    padding: 0 35px;
    color: #515b7c;
    font-size: 14px;
    line-height: 1.86;
    text-align: justify
}

.home-app-SAUa3 {
    display: flex;
    height: 600px;
    width: 1400px;
    margin: 50px auto
}

.home-app-SAUa3>div {
    flex: 1
}

.home-app-left-top-biXB8 {
    width: 170px;
    height: 70px;
    margin: 50px 15px;
    background-image: url(/images/btn_active.fcbc5320.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    color: #fff
}

.home-app-left-center-z1Tfc {
    margin: 0 20px
}

.home-app-left-center-z1Tfc h1 img {
    height: 27px;
    margin-bottom: 15px
}

.home-app-left-center-z1Tfc h1 p {
    margin-bottom: 50px;
    color: #464854;
    font-size: 20px;
    line-height: 20px
}

.home-app-left-bottom-odE1a {
    display: flex;
    margin-top: 50px
}

.home-app-left-bottom-qr-JR57y {
    width: 180px;
    height: 200px;
    border: 10px solid #fff
}

.home-app-left-bottom-qr-JR57y img {
    width: 180px;
    height: 200px
}

.home-app-left-bottom-odE1a>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.home-app-left-bottom-odE1a>div div {
    text-align: center;
    margin-top: 20px
}

.home-app-left-bottom-odE1a>div img {
    width: 200px;
    height: auto
}

.home-app-right-YxvVZ {
    width: 100%;
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-app-right-YxvVZ img {
    width: 600px
}

.ant-carousel {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, .85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum"
}

.ant-carousel .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.ant-carousel .slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.ant-carousel .slick-list:focus {
    outline: none
}

.ant-carousel .slick-list.dragging {
    cursor: pointer
}

.ant-carousel .slick-list .slick-slide {
    pointer-events: none
}

.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide input.ant-radio-input {
    visibility: hidden
}

.ant-carousel .slick-list .slick-slide.slick-active {
    pointer-events: auto
}

.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input {
    visibility: visible
}

.ant-carousel .slick-list .slick-slide>div>div {
    vertical-align: bottom
}

.ant-carousel .slick-slider .slick-list,
.ant-carousel .slick-slider .slick-track {
    transform: translateZ(0);
    touch-action: pan-y
}

.ant-carousel .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.ant-carousel .slick-track:after,
.ant-carousel .slick-track:before {
    display: table;
    content: ""
}

.ant-carousel .slick-track:after {
    clear: both
}

.slick-loading .ant-carousel .slick-track {
    visibility: hidden
}

.ant-carousel .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.ant-carousel .slick-slide img {
    display: block
}

.ant-carousel .slick-slide.slick-loading img {
    display: none
}

.ant-carousel .slick-slide.dragging img {
    pointer-events: none
}

.ant-carousel .slick-initialized .slick-slide {
    display: block
}

.ant-carousel .slick-loading .slick-slide {
    visibility: hidden
}

.ant-carousel .slick-vertical .slick-slide {
    display: block;
    height: auto
}

.ant-carousel .slick-arrow.slick-hidden {
    display: none
}

.ant-carousel .slick-next,
.ant-carousel .slick-prev {
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border: 0;
    cursor: pointer
}

.ant-carousel .slick-next,
.ant-carousel .slick-next:focus,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-prev:hover {
    color: transparent;
    background: transparent;
    outline: none
}

.ant-carousel .slick-next:focus:before,
.ant-carousel .slick-next:hover:before,
.ant-carousel .slick-prev:focus:before,
.ant-carousel .slick-prev:hover:before {
    opacity: 1
}

.ant-carousel .slick-next.slick-disabled:before,
.ant-carousel .slick-prev.slick-disabled:before {
    opacity: .25
}

.ant-carousel .slick-prev {
    left: -25px
}

.ant-carousel .slick-prev:before {
    content: "←"
}

.ant-carousel .slick-next {
    right: -25px
}

.ant-carousel .slick-next:before {
    content: "→"
}

.ant-carousel .slick-dots {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex !important;
    justify-content: center;
    margin-right: 15%;
    margin-left: 15%;
    padding-left: 0;
    list-style: none
}

.ant-carousel .slick-dots-bottom {
    bottom: 12px
}

.ant-carousel .slick-dots-top {
    top: 12px;
    bottom: auto
}

.ant-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    flex: 0 1 auto;
    box-sizing: content-box;
    width: 16px;
    height: 3px;
    margin: 0 2px;
    margin-right: 3px;
    margin-left: 3px;
    padding: 0;
    text-align: center;
    text-indent: -999px;
    vertical-align: top;
    transition: all .5s
}

.ant-carousel .slick-dots li button {
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    color: transparent;
    font-size: 0;
    background: #fff;
    border: 0;
    border-radius: 1px;
    outline: none;
    cursor: pointer;
    opacity: .3;
    transition: all .5s
}

.ant-carousel .slick-dots li button:focus,
.ant-carousel .slick-dots li button:hover {
    opacity: .75
}

.ant-carousel .slick-dots li.slick-active {
    width: 24px
}

.ant-carousel .slick-dots li.slick-active button {
    background: #fff;
    opacity: 1
}

.ant-carousel .slick-dots li.slick-active:focus,
.ant-carousel .slick-dots li.slick-active:hover {
    opacity: 1
}

.ant-carousel-vertical .slick-dots {
    top: 50%;
    bottom: auto;
    flex-direction: column;
    width: 3px;
    height: auto;
    margin: 0;
    transform: translateY(-50%)
}

.ant-carousel-vertical .slick-dots-left {
    right: auto;
    left: 12px
}

.ant-carousel-vertical .slick-dots-right {
    right: 12px;
    left: auto
}

.ant-carousel-vertical .slick-dots li {
    width: 3px;
    height: 16px;
    margin: 4px 2px;
    vertical-align: baseline
}

.ant-carousel-vertical .slick-dots li button {
    width: 3px;
    height: 16px
}

.ant-carousel-vertical .slick-dots li.slick-active,
.ant-carousel-vertical .slick-dots li.slick-active button {
    width: 3px;
    height: 24px
}

.ant-carousel-rtl {
    direction: rtl
}

.ant-carousel-rtl .ant-carousel .slick-track {
    right: 0;
    left: auto
}

.ant-carousel-rtl .ant-carousel .slick-prev {
    right: -25px;
    left: auto
}

.ant-carousel-rtl .ant-carousel .slick-prev:before {
    content: "→"
}

.ant-carousel-rtl .ant-carousel .slick-next {
    right: auto;
    left: -25px
}

.ant-carousel-rtl .ant-carousel .slick-next:before {
    content: "←"
}

.ant-carousel-rtl.ant-carousel .slick-dots {
    flex-direction: row-reverse
}

.ant-carousel-rtl.ant-carousel-vertical .slick-dots {
    flex-direction: column
}

@keyframes banner_fadeIn-5HfXe {
    0% {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes banner_fadeout-Y1uoc {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.2);
        opacity: 0
    }
}

.banner-aHz7w {
    width: 100%;
    position: relative;
    overflow: hidden
}

/* .banner-aHz7w .ant-carousel,
.banner-aHz7w .slick-list,
.banner-aHz7w .slick-slide,
.banner-aHz7w .slick-slider,
.banner-aHz7w .slick-track {
    height: 100%
} */

.banner-item-yZGOc {
    width: 100%;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center
}

.banner-item-yZGOc img {
    width: 100%;
    max-width: 1920px
}

.banner-item-href-pWsuE {
    cursor: pointer
}

.banner-aHz7w .slick-prev {
    left: 0 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAACgBAMAAABQykfcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFVBMVEVse6iTnr+rs87O0+Lk5+/4+fv////qSCY7AAAABnRSTlOzws3f7PrMfD7FAAAAbUlEQVR42u3UMQ5FUBBG4Xl59ArUliKxAYXoXTH7X4LGAk5ExfnqP6eaTEiSJOnr2qUJ4LeucwBdZkG5zMJyObPcMbBcMXcrV7Nc9FcO7PZguyS9KunpwWBn8JHgBoMF/xcWHIP4TyFJkqS3OgGVnzCqDIVWKwAAAABJRU5ErkJggg==) !important
}

.banner-aHz7w .slick-prev:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAACgBAMAAABQykfcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAElBMVEVGiv93qf+VvP/N3//2+f////+NhCVDAAAABXRSTlOzws3k+rdFegEAAABrSURBVHja7dSxCYBQDADRiA4gqL07uMAXcYGv2X8Vwc7uCiu9V4cjRUhIkiTp74atD6DZswQwZlaWy8pyWVguZ5arLHeae+pYLqY7h+aOYHMJenA/fisxGnwluMJgpf8F/yuiXUKSJElfdQFiWCjXjil0CQAAAABJRU5ErkJggg==) !important
}

.banner-aHz7w .slick-next {
    right: 0 !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAACgBAMAAABQykfcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFVBMVEVse6iCjraPm726wNbe4ev19vn///92kWdnAAAABnRSTlOzu8HU6Pdk4FWbAAAAb0lEQVR42u3UMQ2AQAxG4XJFQAcEMKABAyg4QlAA9S+BMN3IPzDB++bmpelQAwAAwN9NW5ig23M1gWeeozYnBUuKwVkMOsFXgoeJwbBnfZsTetp+Yq6K9wtyjZ4rYs61nPmd0/5VNcWwhAEAAOCjLkI/Mks1tENwAAAAAElFTkSuQmCC) !important
}

.banner-aHz7w .slick-next:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAACgBAMAAABQykfcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFVBMVEVGiv9hm/9xpv+ew/+10P/v9v////+QvU5+AAAABnRSTlOzu8HR2vb4XPOXAAAAcElEQVR42u3UsQ3CUBAE0cP+BVxAASS0QAnkRhYdePsvAYnE6QSO7HnxasItSZIkXd1z7QJu33wKmJPtAXYjQcEpMPiCwdngMcGCwQa7AXfvJM1yG8wtMNfmdjw3wdz459i/NPurpYj72iVJkqST+gGzIDLGEMwT5wAAAABJRU5ErkJggg==) !important
}

.banner-aHz7w .slick-arrow {
    background-color: #6c7ba8 !important;
    width: 39px !important;
    height: 80px !important;
    z-index: 1;
    background-size: cover !important;
    opacity: .5
}

.banner-aHz7w .slick-arrow:hover {
    background-color: var(--cms-home-title) !important;
    background-size: cover !important
}

.banner-aHz7w .slick-dots {
    height: 20px !important;
    align-items: center
}

.banner-aHz7w .slick-dots li {
    margin: 0 10px 0 0 !important;
    width: 16px !important;
    height: 16px !important;
    background-image: linear-gradient(180deg, #e8eeff, #cfd6eb);
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-aHz7w .slick-dots li button {
    width: 12px !important;
    height: 12px !important;
    background: transparent !important;
    border-radius: 6px
}

.banner-aHz7w .slick-dots li.slick-active button {
    width: 12px !important;
    height: 12px !important;
    background: #4080ff !important;
    border-radius: 6px
}

.slick-dots-bottom-BQpYJ .customPaging-D3LvQ,
.slick-dots-bottom-BQpYJ li {
    background: #000
}

@keyframes notice-scrols-M3kqK {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-33.3333%)
    }
}

.noticeCon-content-hQNXZ {
    cursor: pointer;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    color: #fff
}

.noticeCon-content-akc377-WCkKG,
.noticeCon-content-akc501-Sh4wB {
    color: #fff !important
}

.noticeCon-content-list-c2ptG {
    white-space: nowrap;
    will-change: transform;
    display: inline-block;
    transform: translateZ(0)
}

.noticeCon-content-list-c2ptG:hover {
    animation-play-state: paused
}

.noticeCon-content-item-HTZbB {
    white-space: nowrap;
    display: inline-block;
    padding-right: 50px
}

.hotGame-Q1Pli {
    width: 1400px;
    margin: 40px auto
}

.hotGame-title-VCdCP {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px
}

.hotGame-title-VCdCP img {
    height: 60px
}

.hotGame-Q1Pli .hotGameList-Cr0f3 {
    position: relative;
    width: 100%;
    display: flex;
    margin-top: 8px;
    margin-bottom: 20px
}

.hotGame-Q1Pli .hotGameList-left-C_956 {
    position: relative;
    z-index: 3
}

.hotGame-Q1Pli .hotGameList-empty-_U6Lq {
    width: 100%
}

.hotGame-Q1Pli .hotGameList-card-WNEM2 {
    flex: 1;
    height: 600px;
    position: relative;
    z-index: 2;
    background-size: auto 500px;
    background-position: center 0;
    background-repeat: no-repeat
}

.hotGame-Q1Pli .hotGameList-list-Yip3P {
    display: flex;
    margin-top: 20px;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 0;
    justify-content: center;
    position: absolute;
    bottom: 0
}

.hotGame-Q1Pli .hotGameList-list-item-KPl8u {
    width: 128px;
    height: 48px;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 10px;
    list-style-type: none;
    font-size: 12px;
    background-size: 100% 100%;
    box-shadow: 0 2px 4px rgba(149, 120, 234, .5);
    border-radius: 21px;
    transition: transform .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-image: url(/images/btn1.64eac041.png)
}

.hotGame-Q1Pli .hotGameList-list-item-KPl8u>div {
    border-radius: 24px !important;
    font-size: 12px
}

.hotGame-Q1Pli .hotGameList-list-item-KPl8u>div img {
    width: 20px !important
}

.hotGame-Q1Pli .hotGameList-list-item-KPl8u>div p {
    font-size: 12px
}

.hotGame-Q1Pli .hotGameList-list-name-SvcYB {
    margin-top: 8px;
    height: 18px;
    font-size: 14px;
    font-weight: 500;
    color: #6c7ba8;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.hotGame-type-MKN9F {
    margin-top: 40px
}

.hotGame-type-MKN9F,
.hotGame-type-list-ARIzN {
    display: flex;
    align-items: center;
    justify-content: center
}

.hotGame-type-list-ARIzN {
    width: 200px;
    padding: 20px 0;
    border-radius: 22px;
    box-shadow: 0 2px 18px rgba(178, 201, 241, .62);
    position: relative;
    font-size: 18px;
    font-family: Microsoft Yahei, PingFang SC, DinPro;
    flex-direction: column;
    background-image: url(/images/bg_list.7b9e3e9d.png);
    background-size: 100% 100%
}

.hotGame-type-item-fHQGn {
    width: 166px;
    height: 55px;
    position: relative;
    line-height: 55px;
    text-align: center;
    border-radius: 30px;
    cursor: pointer;
    z-index: 1;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 0;
    color: #000;
    background-image: url(/images/btn2.d1f4dd3b.png);
    background-size: 100% 100%;
    list-style: none;
    box-shadow: 0 2px 4px rgba(149, 165, 234, .5)
}

.hotGame-type-item-fHQGn.active-PQ_es {
    color: #fff;
    background-image: url(/images/btn1.64eac041.png)
}

.hotGame-wrap-SyKfM {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    margin-top: 8px;
    margin-bottom: 20px
}

.hotGame-animation1-XBsSx {
    animation: hotGameAnimationMain-vlH2_ .48s cubic-bezier(.17, .17, .67, 1)
}

.hotGame-animation2-Sl2o9 {
    animation: hotGameAnimation-kgqfb .76s cubic-bezier(0, 0, .2, 1)
}

@keyframes hotGameAnimationMain-vlH2_ {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    50% {
        opacity: 0;
        transform: translateX(-40px)
    }

    51% {
        transform: translateX(40px)
    }

    to {
        opacity: 1
    }
}

@keyframes hotGameAnimation-kgqfb {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    31% {
        opacity: 0;
        transform: translateX(-40px)
    }

    47% {
        opacity: 0;
        transform: translateX(40px)
    }

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

.drag-img-b3_L4 {
    position: relative;
    width: 90px !important;
    height: 90px !important
}

.drag-container-ywReZ {
    width: 90px;
    height: 90px
}

.suspension-floating-e9TBc {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    z-index: 9999;
    overflow: initial !important
}

.suspension-commendation-NRhmA {
    width: 500px
}

.suspension-commendation-content-JiEnX {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 40px;
    background: url(/images/bg.01475974.png) no-repeat 50%/cover;
    width: 100%;
    height: 480px;
    text-align: center;
    margin-top: -54px
}

.suspension-commendation-content-title-XW7RQ {
    text-shadow: 0 2px 0 #a86618;
    background: linear-gradient(1turn, #f7c94e, #fcefc3);
    -webkit-background-clip: text;
    font-size: 32px;
    color: #f7c94e;
    margin-top: 54px;
    margin-bottom: auto
}

.suspension-commendation-content-text-a68sD {
    color: #fff100;
    font-size: 20px;
    position: relative;
    top: -30px
}

.suspension-commendation-content-tip-gbiZD {
    margin-top: 2px;
    font-size: 16px;
    color: #fff;
    position: relative;
    top: -20px
}

.suspension-commendation-content-tip-gbiZD span {
    color: #fff100;
    font-size: 14px
}

.suspension-commendation-btn-BGJrz {
    background: url(/images/btn.c826ca69.png) no-repeat 50%/cover;
    width: 189px;
    height: 52px;
    line-height: 46px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    color: #fff;
    text-align: center;
    cursor: pointer
}

.suspension-signin-close-U9eqP {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer
}

.van-fade-enter-active,
.van-fade-leave-active {
    transition: opacity .3s
}

.van-fade-enter-from,
.van-fade-leave-to {
    opacity: 0
}

.download-_v2Yt {
    width: 100%;
    height: .92rem;
    z-index: 1000;
    display: flex;
    align-items: center;
    left: 0;
    top: 0;
    position: relative
}

.download-white-duS9u span {
    color: #fff !important
}

.download-white-duS9u .close-Zdzhy span,
.download-white-duS9u .close-Zdzhy span:after {
    background: #fff !important
}

.download-white-duS9u .title-B5Qk2,
.download-white-duS9u .title-B5Qk2 h2,
.download-white-duS9u .title-B5Qk2 h6 {
    color: #fff !important
}

.download-_v2Yt .close-Zdzhy {
    width: .32rem;
    height: .32rem;
    margin-right: .2rem;
    margin-left: .28rem
}

.download-_v2Yt .close-Zdzhy span {
    width: .02rem;
    height: .37rem;
    background: #a5a9b3;
    display: inline-block;
    transform: rotate(45deg);
    position: relative;
    left: .16rem;
    top: 0
}

.download-_v2Yt .close-Zdzhy span:after {
    position: absolute;
    content: "";
    width: .02rem;
    height: .37rem;
    background: #a5a9b3;
    display: inline-block;
    transform: rotate(270deg);
    left: 0;
    top: 0
}

.download-_v2Yt .logo-ijdx7 {
    width: .74rem;
    height: .74rem
}

.download-_v2Yt .logo-ijdx7 img {
    width: 100%;
    display: block
}

.download-_v2Yt .title1-RiUO4 h2 {
    font-size: .28rem !important;
    font-weight: 800 !important
}

.download-_v2Yt .title-B5Qk2 {
    max-width: 4.2rem;
    color: var(--cms-primary-text-color);
    height: .74rem;
    padding: 0 .1rem;
    line-height: .3rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.download-_v2Yt .title-B5Qk2 h2 {
    font-size: .26rem;
    font-weight: 500;
    line-height: 1;
    color: var(--cms-primary-text-color);
    margin-bottom: .06rem;
    margin-top: 0
}

.download-_v2Yt .title-B5Qk2 h6 {
    font-size: .2rem;
    line-height: 1;
    font-weight: 400;
    color: var(--cms-primary-text-color);
    margin: 0;
    max-width: 4.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.download-_v2Yt .down-tC4mC {
    width: 1.6rem;
    height: .56rem;
    font-size: .24rem;
    margin-right: .24rem;
    background: var(--cms-primary-color);
    color: var(--cms-primary-background-text-color);
    border-radius: .4rem;
    line-height: .56rem;
    text-align: center;
    position: absolute;
    right: 0;
    padding: 0 .1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.download-_v2Yt .down-bg-g4fTE {
    background-image: url(/images/downpng.3cd857c7.png);
    background-size: 100%
}

.download-modal-QSsS6 {
    width: 5.5rem !important;
    border-radius: .2rem;
    overflow: hidden;
    background: #fff;
    margin: 0 auto
}

.download-modal-title-hOJK_ {
    padding: .4rem .24rem .2rem;
    text-align: center;
    color: #414655;
    font-size: .36rem
}

.download-modal-content-HpA8T {
    padding: 0 .24rem .2rem;
    text-align: center;
    font-size: .28rem;
    color: #6c7ba8;
    line-height: .5rem
}

.download-modal-content-HpA8T img {
    width: 1rem
}

.download-modal-content-HpA8T span {
    color: var(--cms-primary-color)
}

.download-modal-footer-o81Ug {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 .3rem .3rem
}

.download-modal-footer-o81Ug p {
    background: #f1f6f9;
    line-height: .6rem;
    padding: 0 .04rem;
    border-radius: .5rem;
    width: 100%;
    overflow-x: auto
}

.download-modal-footer-o81Ug span {
    margin-top: .2rem;
    display: block;
    background: var(--cms-primary-color);
    height: .6rem;
    text-align: center;
    line-height: .6rem;
    border-radius: .5rem;
    color: #fff;
    width: 1.4rem
}

.emptyPadding-rMuW0 {
    width: 100%;
    height: .92rem
}

.customerCard-a3iOE {
    padding: 0 .28rem 0 .28rem;
    height: .8rem;
    justify-content: space-between;
    display: flex;
    align-items: center;
    background: var(--cms-primary-background-color)
}

.customerCard-a3iOE img {
    height: .6rem
}

.fixedCustomer-bidnd {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    width: 100%
}

.emptyPadding-m4ML8 {
    width: 100%;
    height: .8rem
}

.van-image__loading .van-icon-photo:before {
    display: none !important
}

.sdlkfaffaesd-CKUiu {
    width: 100%;
    height: 3rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.sdlkfaffaesd-CKUiu.isApp-_ssdi {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top)
}

.sdlkfaffaesd-CKUiu .header-N7ELG {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .88rem;
    padding: 0 .28rem
}

.sdlkfaffaesd-CKUiu .header-svg-_7IUP {
    width: .5rem
}

.sdlkfaffaesd-CKUiu .header-svg-_7IUP .st2-QnHoM,
.sdlkfaffaesd-CKUiu .header-svg-_7IUP path {
    fill: var(--cms-primary-color) !important
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-user-JWFMF {
    display: flex
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-user-JWFMF img {
    width: .46rem;
    height: .46rem;
    margin-right: .04rem;
    margin-top: -.06rem
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-user-JWFMF .header-user-text-LR5sS {
    color: #999;
    font-size: .24rem
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-user-JWFMF .header-user-name-jm6Bj {
    color: #999;
    font-size: .28rem
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-user-JWFMF .header-user-number-Qs9Sr {
    color: #000;
    font-size: .28rem;
    font-weight: 700;
    margin: 0 .04rem
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-user-JWFMF .van-icon {
    font-size: .28rem;
    color: #999
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-logo-pbcSk {
    height: .6rem
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-mess-HV3EE {
    height: .36rem;
    width: .36rem
}

.sdlkfaffaesd-CKUiu .header-N7ELG .header-mess-primary-FimLw {
    fill: var(--cms-primary-color)
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb {
    width: 100%;
    height: 100%;
    position: relative
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb .swiper-pagination {
    width: 100% !important;
    position: absolute;
    height: .1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: .28rem;
    z-index: 90;
    gap: .2rem
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb .swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: .12rem;
    height: .12rem;
    border-radius: .1rem;
    background-color: var(--cms-primary-color);
    opacity: .25;
    left: 0 !important
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb .swiper-pagination .swiper-pagination-bullet-active-main {
    width: .24rem !important;
    height: .1rem;
    opacity: 1;
    background: var(--cms-primary-color)
}

.sdlkfaffaesd-CKUiu .swiperWarp-onlie-eFraV {
    padding: .08rem .16rem;
    background: rgba(0, 0, 0, .33);
    color: #fff;
    font-size: .26rem;
    position: absolute;
    right: 0;
    top: .1rem;
    z-index: 9;
    border-radius: .2rem
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb.yaboBanner-xgLY5 {
    height: 2.88rem;
    padding: 0 .28rem
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb .sdlkfaffaesdSwiper-f5k1P {
    height: 100%;
    overflow: hidden
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb .sdlkfaffaesdSwiper-f5k1P .swiperImg-SHELG {
    width: 100%;
    border-radius: .16rem;
    display: inline-block;
    background-size: 100% auto
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb .sdlkfaffaesdSwiper-f5k1P .swiperImg1-BW1zp {
    height: 2.56rem
}

.sdlkfaffaesd-CKUiu .swiperWarp-j1dXb .sdlkfaffaesdSwiper1-NcZJ0 img {
    width: 100%;
    height: 2.56rem;
    display: inline-block
}

.fixBanner-v5FZ8 {
    position: fixed;
    left: 0;
    z-index: 999
}

.scence-G2yMW {
    background: var(--cms-primary-background-color);
    overflow: hidden;
    padding-bottom: 1.12rem;
    margin-top: .3rem
}

.scence-G2yMW>div:nth-child(2) {
    padding: .2rem .28rem;
    background-color: #2196f312
}

.scence-card-KWxmv {
    width: 94%;
    margin: 0 auto;
    height: 1.96rem;
    background: var(--cms-second-background-color);
    opacity: 1;
    border-radius: .28rem
}

.scence-card-user-ysCsv {
    width: 100%;
    height: 1.44rem;
    background: url(/images/card.fde3ddd6.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    padding: 0 .16rem;
    box-sizing: border-box;
    color: var(--cms-primary-text-color)
}

.scence-card-user-dark-wvtjO {
    background: url(/images/darkcard.5280392d.png) no-repeat;
    background-size: 100% 100%
}

.scence-card-user-login-DmZJD {
    width: 2.96rem;
    height: 100%
}

.scence-card-user-login-wrap-spin-a5P1M {
    animation: spin-SDhAF 1s linear
}

@keyframes spin-SDhAF {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.scence-card-user-login-wrap-text-pZ7Mi {
    font-size: .26rem !important
}

.scence-card-user-login-wrap-ASU7P p {
    line-height: 1;
    font-family: PingFang SC-Medium, PingFang SC
}

.scence-card-user-login-wrap-ASU7P p span {
    margin-right: .06rem;
    display: flex;
    align-items: center
}

.scence-card-user-login-wrap-ASU7P p:first-of-type {
    font-size: .28rem;
    height: .32rem;
    font-weight: 500;
    margin: .28rem 0 .16rem 0;
    display: flex;
    align-items: center
}

.scence-card-user-login-wrap-ASU7P p:first-of-type i {
    display: block;
    font-style: normal;
    max-width: 1.8rem;
    margin-right: .08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    color: var(--cms-assist-text-color)
}

.scence-card-user-login-wrap-ASU7P p:first-of-type div {
    width: 1.08rem;
    height: .32rem;
    position: relative
}

.scence-card-user-login-wrap-ASU7P p:first-of-type div span {
    position: absolute;
    right: .02rem;
    top: .02rem;
    color: #fff;
    font-size: .24rem;
    font-family: DIN Alternate-Bold, DIN Alternate
}

.scence-card-user-login-wrap-ASU7P p:nth-of-type(2) {
    font-size: .36rem;
    font-weight: 400;
    color: var(--cms-primary-text-color);
    display: flex;
    align-items: center;
    font-family: DIN Alternate-Bold, DIN Alternate
}

.scence-card-user-login-wrap-ASU7P p:nth-of-type(2) img {
    width: .34rem;
    height: .34rem;
    margin-right: .08rem
}

.scence-card-user-wrap-LdoBo {
    flex: 1;
    display: flex;
    justify-content: space-between
}

.scence-card-user-wrap-item-VcsJs {
    width: .64rem;
    height: 1rem;
    margin-top: .16rem;
    text-align: center;
    color: var(--cms-primary-text-color)
}

.scence-card-user-wrap-item-VcsJs img {
    width: .64rem;
    height: .64rem
}

.scence-card-user-wrap-item-VcsJs p {
    color: var(--cms-primary-text-color);
    font-size: .24rem;
    line-height: .24rem;
    font-weight: 500;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: .1rem
}

.scence-game-Yyhnr {
    width: 100%;
    height: auto;
    margin-top: .32rem;
    display: flex;
    overflow: hidden
}

.scence-game-Yyhnr .van-sticky--fixed {
    z-index: 9
}

.scence-game-nav-GftRH {
    height: 100%;
    margin-top: .12rem;
    flex-direction: column
}

.scence-game-nav-GftRH,
.scence-game-nav-top-pnhN7 {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.scence-game-nav-top-pnhN7 {
    height: 4.2rem;
    gap: .2rem
}

.scence-game-nav-top-item-k3drT {
    flex: 1;
    height: 100%;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.scence-game-nav-top-item-content-CFrut {
    width: 100%;
    flex: 1;
    background-color: var(--cms-second-background-color);
    border-radius: .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.scence-game-nav-top-item-content1-Kee2o {
    width: 100%;
    height: 100%
}

.scence-game-nav-top-item-content1-Kee2o img {
    width: 100%
}

.scence-game-nav-top-item-content2-aIcNP {
    width: 100%;
    height: 2rem
}

.scence-game-nav-top-item-content2-aIcNP img {
    height: 100%
}

.scence-game-nav-bottom-cHSjD {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    gap: .18rem;
    margin-top: .2rem;
    flex-wrap: wrap
}

.scence-game-nav-bottom-item-etFSv {
    width: 1.6rem;
    height: 2rem;
    border-radius: .2rem;
    background-color: var(--cms-second-background-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.scence-game-nav-bottom-item-etFSv img {
    width: 100%
}

.scence-game-con-Xu6VJ {
    flex: 1;
    height: 100%;
    flex-shrink: 0;
    overflow-y: auto;
    padding-left: .2rem;
    position: relative
}

.scence-game-con-Xu6VJ::-webkit-scrollbar {
    display: none
}

.scence-game-con-Xu6VJ>div:last-child {
    border-bottom: none !important
}

.scence-game-con-item-pzYlN {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: .02rem solid var(--cms-border-color);
    color: var(--cms-primary-text-color)
}

.scence-game-con-item-pzYlN .van-tabs .van-tabs__nav {
    background: transparent !important
}

.scence-game-con-item-pzYlN .van-tabs .van-tabs__nav .van-tab--active {
    color: var(--cms-primary-color)
}

.scence-game-con-item-pzYlN .van-tabs .van-tabs__nav .van-tabs__line {
    height: .03rem;
    background-color: var(--cms-primary-color)
}

.scence-game-con-item-pzYlN .van-tabs .van-tabs__wrap {
    border-bottom: .02rem solid var(--cms-border-color)
}

.scence-game-con-item-search-nysXv {
    width: 100%;
    height: .52rem;
    border-radius: .08rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .2rem;
    box-sizing: border-box;
    margin: .2rem 0;
    position: relative;
    border: .02rem solid var(--cms-border-color)
}

.scence-game-con-item-search-nysXv input {
    flex: 1;
    height: 100%;
    border: none;
    background-color: transparent
}

.scence-game-con-item-search-nysXv>span {
    width: .28rem;
    height: .28rem;
    border: .04rem solid var(--cms-border-color);
    display: inline-block;
    content: "";
    border-radius: .2rem;
    position: relative
}

.scence-game-con-item-search-nysXv>span:after {
    width: .1rem;
    height: .04rem;
    background-color: var(--cms-border-color);
    display: inline-block;
    transform: rotate(45deg);
    content: "";
    position: absolute;
    right: -.06rem;
    bottom: -.04rem
}

.scence-game-con-item-search-clear-gNI1A {
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--cms-assist-text-color);
    position: absolute;
    right: .6rem;
    top: .08rem
}

.scence-game-con-item-search-clear-gNI1A:after {
    transform: rotate(45deg)
}

.scence-game-con-item-search-clear-gNI1A:after,
.scence-game-con-item-search-clear-gNI1A:before {
    width: .02rem;
    height: .2rem;
    content: " ";
    display: inline-block;
    background: #fff;
    position: absolute;
    left: .16rem;
    top: .06rem;
    z-index: 99
}

.scence-game-con-item-search-clear-gNI1A:before {
    transform: rotate(-45deg)
}

.scence-game-con-item-list-HW01E {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
    margin: .3rem auto
}

.scence-game-con-item-list-empty-GOqMD {
    height: 4rem
}

.scence-game-con-item-list-empty-GOqMD img {
    width: 3rem !important
}

.scence-game-con-item-list-item-PhBvC {
    width: 30%;
    position: relative;
    border-radius: .16rem;
    overflow: hidden;
    background-color: var(--cms-second-background-color);
    font-size: .24rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    gap: .08rem;
    min-height: 1.6rem
}

.scence-game-con-item-list-item-PhBvC span {
    line-height: 1
}

.scence-game-con-item-list-item-collect-_xHoe {
    position: absolute;
    width: .48rem;
    height: .48rem;
    top: .04rem;
    right: .04rem;
    z-index: 9
}

.scence-game-con-item-list-item-PhBvC>img {
    width: 100%;
    border-radius: .16rem
}

.scence-game-con-item-list-item-enable-q8GoQ {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .12rem;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    z-index: 1
}

.scence-game-con-item-list-item-enable-q8GoQ img {
    width: .64rem;
    height: .64rem
}

.scence-game-con-item-more-q5dPq {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: .3rem;
    font-size: .24rem;
    color: var(--cms-assist-text-color)
}

.scence-game-con-item-more-q5dPq>p:last-child>span {
    display: flex;
    align-items: center;
    position: relative
}

.scence-game-con-item-more-q5dPq>p:last-child>span:after {
    top: .02rem
}

.scence-game-con-item-more-q5dPq>p:last-child>span:after,
.scence-game-con-item-more-q5dPq>p:last-child>span:before {
    width: .14rem;
    height: .14rem;
    border-top: .02rem solid var(--cms-assist-text-color);
    border-right: .02rem solid var(--cms-assist-text-color);
    display: inline-block;
    content: "";
    transform: rotate(135deg);
    position: absolute;
    right: -.24rem
}

.scence-game-con-item-more-q5dPq>p:last-child>span:before {
    top: .1rem
}

.gamePopup-mask-YV8z0 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(162, 177, 195, .4);
    z-index: 1000;
    backdrop-filter: blur(.2rem);
    -webkit-backdrop-filter: blur(.2rem);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-NLbhG .3s ease
}

@keyframes fadeIn-NLbhG {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.gamePopup-header-K7kNc {
    gap: .16rem;
    width: 100%;
    height: .76rem;
    color: var(--cms-primary-text-color);
    font-size: .24rem;
    font-weight: 700;
    margin-bottom: .1rem
}

.gamePopup-header-K7kNc,
.gamePopup-header-arrow-daJQu {
    display: flex;
    align-items: center;
    justify-content: center
}

.gamePopup-header-arrow-daJQu {
    width: .64rem;
    height: .64rem;
    border-radius: 50%;
    position: absolute;
    right: .24rem;
    background: var(--cms-primary-background-color);
    cursor: pointer;
    transition: all .2s ease
}

.gamePopup-header-arrow-daJQu svg path {
    stroke: var(--cms-primary-text-color)
}

.gamePopup-grid-Hsus6 {
    width: 100%;
    flex: 1;
    display: flex
}

.gamePopup-grid-swiper-WRby1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.gamePopup-grid-swiper-WRby1 .swiper-wrapper {
    flex: 1;
    display: flex;
    align-items: center
}

.gamePopup-grid-swiper-WRby1 .swiper-pagination {
    width: 100%;
    height: .44rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .08rem
}

.gamePopup-grid-swiper-WRby1 .swiper-pagination .swiper-pagination-bullet {
    width: .16rem;
    height: .16rem;
    background: var(--cms-primary-text-color);
    opacity: .5;
    border-radius: 50%
}

.gamePopup-grid-swiper-WRby1 .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--cms-primary-color);
    opacity: 1
}

.gamePopup-grid-container-YRNsu {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.gamePopup-grid-item-P_oUW {
    width: 33.33%;
    min-height: 2.1rem;
    border-radius: .16rem;
    overflow: hidden;
    cursor: pointer;
    transition: transform .2s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.gamePopup-grid-item-img-MhUj8 {
    width: 1.46rem;
    position: relative;
    border-radius: .16rem;
    overflow: hidden
}

.gamePopup-grid-item-img-MhUj8>img {
    width: 100%
}

.gamePopup-grid-item-P_oUW>span {
    font-size: .24rem;
    line-height: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: .08rem;
    height: .52rem
}

.gamePopup-grid-item-P_oUW>span,
.gamePopup-grid-item-enable-kMYUq {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.gamePopup-grid-item-enable-kMYUq {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    flex-direction: column;
    gap: .12rem;
    height: 100%;
    color: #fff;
    z-index: 1
}

.gamePopup-grid-item-enable-kMYUq img {
    width: .64rem;
    height: .64rem
}

.gamePopupContent-K5rQT {
    width: 6.25rem;
    min-height: 7rem;
    background-color: rgba(252, 253, 255, .7);
    border-radius: .4rem;
    overflow: hidden;
    position: relative;
    display: flex;
    padding: 0 .2rem .3rem;
    flex-direction: column;
    animation: scaleIn-BCyZu .3s cubic-bezier(.34, 1.56, .64, 1)
}

@keyframes scaleIn-BCyZu {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

.scaleOut-XeAbc {
    animation: scaleOut-XeAbc .3s cubic-bezier(.36, 0, .66, -.56) forwards !important
}

@keyframes scaleOut-XeAbc {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(.5)
    }
}

.fadeOut-jQ5Cx {
    animation: fadeOut-jQ5Cx .3s ease forwards !important
}

:root {
    --van-notice-bar-height: 40px;
    --van-notice-bar-padding: 0 var(--van-padding-md);
    --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
    --van-notice-bar-text-color: var(--van-orange-dark);
    --van-notice-bar-font-size: var(--van-font-size-md);
    --van-notice-bar-line-height: 24px;
    --van-notice-bar-background-color: var(--van-orange-light);
    --van-notice-bar-icon-size: 16px;
    --van-notice-bar-icon-min-width: 24px
}

.van-notice-bar {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--van-notice-bar-height);
    padding: var(--van-notice-bar-padding);
    color: var(--van-notice-bar-text-color);
    font-size: var(--van-notice-bar-font-size);
    line-height: var(--van-notice-bar-line-height);
    background: var(--van-notice-bar-background-color)
}

.van-notice-bar__left-icon,
.van-notice-bar__right-icon {
    min-width: var(--van-notice-bar-icon-min-width);
    font-size: var(--van-notice-bar-icon-size)
}

.van-notice-bar__right-icon {
    text-align: right;
    cursor: pointer
}

.van-notice-bar__wrap {
    position: relative;
    display: flex;
    flex: 1;
    align-items: center;
    height: 100%;
    overflow: hidden
}

.van-notice-bar__content {
    position: absolute;
    white-space: nowrap;
    transition-timing-function: linear
}

.van-notice-bar__content.van-ellipsis {
    max-width: 100%
}

.van-notice-bar--wrapable {
    height: auto;
    padding: var(--van-notice-bar-wrapable-padding)
}

.van-notice-bar--wrapable .van-notice-bar__wrap {
    height: auto
}

.van-notice-bar--wrapable .van-notice-bar__content {
    position: relative;
    white-space: normal;
    word-wrap: break-word
}

@keyframes rowup-xmj6O {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%);
        display: none
    }
}

.notice-oI6Ly {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center
}

.notice-item-iQVLK {
    padding-right: 2rem;
    font-size: .24rem;
    color: #000
}

.notice-leftText-lkyRB {
    border: .02rem solid var(--cms-primary-color);
    margin-left: .2rem;
    font-size: .24rem;
    color: var(--cms-primary-color);
    border-radius: .04rem;
    padding: 0 .04rem
}

.notice-oI6Ly>div {
    flex: 1
}

.notice-oI6Ly .van-notice-bar__left-icon {
    color: var(--cms-primary-color) !important
}

.notice-oI6Ly .van-notice-bar {
    padding: 0 .16rem;
    border-radius: .08rem;
    background: transparent
}

.notice-oI6Ly .van-notice-bar__content span {
    color: var(--cms-primary-text-color)
}

.notice-oI6Ly :global-bar {
    color: var(--cms-primary-color)
}

.notice-oI6Ly :deep(.van-notice-bar) {
    height: .6rem
}

.notice-oI6Ly .imgIcon {
    width: .32rem;
    margin-left: .28rem
}

.notice-oI6Ly .hotGame {
    height: .36rem;
    margin-right: .28rem
}

.notice-oI6Ly .noticeWarp {
    flex: 1;
    height: .36rem;
    line-height: .36rem;
    overflow: hidden;
    position: relative
}

.notice-oI6Ly .noticeCon {
    height: .36rem;
    font-size: .24rem;
    animation: rowup linear infinite normal;
    position: relative;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 0
}

.notice-oI6Ly .noticeCon span {
    margin-left: .6rem
}

.notice-oI6Ly .hotGamePopuupModel-A9SmF {
    background: transparent !important
}

.notice-oI6Ly .hotGamePopuupModel-A9SmF .ant-modal-content {
    width: 6.22rem !important;
    margin: 0 auto !important;
    background-color: transparent !important;
    box-shadow: none !important
}

.notice-h5Popup-yjAHP {
    position: relative;
    width: 5.8rem;
    border-radius: .4rem;
    background: var(--cms-primary-background-color);
    margin: auto
}

.notice-h5Popup-yjAHP .van-swipe__indicators {
    bottom: .14rem
}

.notice-h5Popup-yjAHP .van-swipe__indicator {
    background: var(--cms-primary-background-color);
    opacity: .6
}

.notice-h5Popup-yjAHP .van-swipe__indicator--active {
    opacity: 1
}

.notice-h5Popup-BgWrap-Yos8N {
    width: 100%;
    border-radius: .4rem .4rem 0 0;
    overflow: hidden;
    position: relative;
    top: -.4rem
}

.notice-h5Popup-Bg-ND53u {
    width: 100%
}

.notice-h5Popup-close-PUF9_ {
    position: absolute;
    bottom: -.7rem;
    left: calc(50% - .24rem)
}

.notice-h5Popup-btnWrap-s7gJN {
    width: 4.8rem;
    margin: 0 auto;
    padding-bottom: .4rem;
    text-align: center;
    line-height: 1rem
}

.notice-h5Popup-btnApp-UP7la {
    height: 1rem;
    background-color: var(--cms-primary-color);
    color: var(--cms-primary-background-text-color);
    border-radius: .4rem
}

.notice-h5Popup-btnWeb-ufBgA {
    height: 1rem;
    color: var(--cms-primary-text-color);
    border-radius: .4rem;
    border: .02rem solid var(--cms-border-color);
    margin: .4rem auto 0
}

.notice-no-data-u3EAR {
    color: var(--cms-primary-text-color);
    font-size: .24rem
}

.fixedNo-vdiO9 {
    position: fixed;
    left: 0;
    z-index: 999;
    width: 100%
}

.popup-jG9qZ {
    width: 1.4rem;
    height: auto;
    position: fixed;
    right: 0;
    bottom: 1.4rem;
    z-index: 8
}

.popup-money-Gijbz {
    width: 1.4rem;
    height: 1.4rem;
    background-size: 100% 100%
}

.popup-money-Gijbz img {
    width: 100%;
    height: 100%
}

.popup-agent-nP0Ar {
    width: 1.4rem;
    height: 1.4rem;
    background-size: 100% 100%
}

:root {
    --van-overlay-z-index: 1;
    --van-overlay-background-color: rgba(0, 0, 0, .7)
}

.van-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--van-overlay-z-index);
    width: 100%;
    height: 100%;
    background: var(--van-overlay-background-color)
}

:root {
    --van-popup-background-color: var(--van-background-color-light);
    --van-popup-transition: transform var(--van-animation-duration-base);
    --van-popup-round-border-radius: 16px;
    --van-popup-close-icon-size: 22px;
    --van-popup-close-icon-color: var(--van-gray-5);
    --van-popup-close-icon-margin: 16px;
    --van-popup-close-icon-z-index: 1
}

.van-overflow-hidden {
    overflow: hidden !important
}

.van-popup {
    position: fixed;
    max-height: 100%;
    overflow-y: auto;
    background: var(--van-popup-background-color);
    transition: var(--van-popup-transition);
    -webkit-overflow-scrolling: touch
}

.van-popup--center {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.van-popup--center.van-popup--round {
    border-radius: var(--van-popup-round-border-radius)
}

.van-popup--top {
    top: 0;
    left: 0;
    width: 100%
}

.van-popup--top.van-popup--round {
    border-radius: 0 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius)
}

.van-popup--right {
    top: 50%;
    right: 0;
    transform: translate3d(0, -50%, 0)
}

.van-popup--right.van-popup--round {
    border-radius: var(--van-popup-round-border-radius) 0 0 var(--van-popup-round-border-radius)
}

.van-popup--bottom {
    bottom: 0;
    left: 0;
    width: 100%
}

.van-popup--bottom.van-popup--round {
    border-radius: var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0 0
}

.van-popup--left {
    top: 50%;
    left: 0;
    transform: translate3d(0, -50%, 0)
}

.van-popup--left.van-popup--round {
    border-radius: 0 var(--van-popup-round-border-radius) var(--van-popup-round-border-radius) 0
}

.van-popup-slide-bottom-enter-active,
.van-popup-slide-left-enter-active,
.van-popup-slide-right-enter-active,
.van-popup-slide-top-enter-active {
    transition-timing-function: var(--van-animation-timing-function-enter)
}

.van-popup-slide-bottom-leave-active,
.van-popup-slide-left-leave-active,
.van-popup-slide-right-leave-active,
.van-popup-slide-top-leave-active {
    transition-timing-function: var(--van-animation-timing-function-leave)
}

.van-popup-slide-top-enter-from,
.van-popup-slide-top-leave-active {
    transform: translate3d(0, -100%, 0)
}

.van-popup-slide-right-enter-from,
.van-popup-slide-right-leave-active {
    transform: translate3d(100%, -50%, 0)
}

.van-popup-slide-bottom-enter-from,
.van-popup-slide-bottom-leave-active {
    transform: translate3d(0, 100%, 0)
}

.van-popup-slide-left-enter-from,
.van-popup-slide-left-leave-active {
    transform: translate3d(-100%, -50%, 0)
}

.van-popup__close-icon {
    position: absolute;
    z-index: var(--van-popup-close-icon-z-index);
    color: var(--van-popup-close-icon-color);
    font-size: var(--van-popup-close-icon-size)
}

.van-popup__close-icon--top-left {
    top: var(--van-popup-close-icon-margin);
    left: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--top-right {
    top: var(--van-popup-close-icon-margin);
    right: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--bottom-left {
    bottom: var(--van-popup-close-icon-margin);
    left: var(--van-popup-close-icon-margin)
}

.van-popup__close-icon--bottom-right {
    right: var(--van-popup-close-icon-margin);
    bottom: var(--van-popup-close-icon-margin)
}

.suspension-RR8yn {
    display: flex;
    position: fixed;
    left: 0;
    bottom: calc(1.32rem + env(safe-area-inset-bottom)) !important;
    justify-items: center;
    z-index: 10
}

.suspension-right-vapZw {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -.02rem
}

.suspension-right-arrow-p4fle {
    position: absolute;
    top: calc(50% - .2rem);
    right: .28rem;
    z-index: 1;
    transition: transform .2s
}

.suspension-right-open-njHjQ {
    transform: rotate(180deg)
}

.suspension-left-OG6Tq {
    width: 0;
    border-radius: 0 .12rem .12rem 0;
    border: none;
    display: flex;
    flex-direction: column;
    background: var(--cms-primary-color-transparent);
    box-sizing: border-box;
    justify-items: center;
    transition: width .15s linear;
    overflow: hidden
}

.suspension-left-OG6Tq img {
    width: .7rem;
    height: .7rem;
    margin: .1rem .16rem
}

.suspension-left-show-jfpj1 {
    width: 1.1rem;
    border: .06rem solid var(--cms-primary-color);
    border-left: none
}

.suspension-floating-RLX7m {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    overflow: initial !important;
    background: transparent !important
}

.suspension-RR8yn .van-popup {
    background: none;
    overflow: inherit !important
}

.suspension-RR8yn .ant-message {
    z-index: 3000
}

.suspension-signin-zyeMv {
    width: 83%;
    height: 100%
}

.suspension-signin-main-qRKd_ {
    position: relative;
    padding-bottom: .28rem;
    background: linear-gradient(180deg, #fd6332, #c91a0f);
    border-radius: .24rem .24rem .24rem .24rem;
    border: .1rem solid hsla(0, 0%, 100%, .25);
    width: 100%;
    text-align: center
}

.suspension-signin-main-top-m6PbI {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-top: -.96rem
}

.suspension-signin-main-top-m6PbI img {
    width: 95%
}

.suspension-signin-main-top-title-VsHLX {
    position: absolute;
    top: .54rem;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .32rem;
    color: #863824;
    text-align: center
}

.suspension-signin-main-desc-kIuXD {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    padding-bottom: .08rem;
    width: 90%;
    text-align: left
}

.suspension-signin-main-desc-text-SYZFQ {
    width: 100%;
    color: #fffd00;
    font-size: .28rem;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.suspension-signin-main-desc-text-SYZFQ span {
    color: #fff
}

.suspension-signin-main-bonus-d51fA {
    display: inline-block;
    padding-left: .24rem;
    padding-right: .24rem;
    background-color: #fffd00;
    border-radius: .24rem;
    max-width: 90%;
    min-width: 60%;
    height: .48rem;
    line-height: .48rem;
    margin: 0 auto;
    text-align: center;
    font-size: .24rem;
    color: #ff0004;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600
}

.suspension-signin-main-date-V_Y3Y {
    position: relative;
    z-index: 1;
    background: url(/images/bg1.2064d65a.png) no-repeat 50%/98% 3.8rem;
    width: 4.8rem;
    height: 4.2rem;
    margin: -.08rem auto 0
}

.suspension-signin-main-date-img-OzGSp {
    width: 4.16rem;
    margin: .48rem auto 0
}

.suspension-signin-main-date-img-OzGSp img {
    width: 88%
}

.suspension-signin-main-date-text-kTHwO {
    display: flex;
    justify-content: space-between;
    padding: .48rem .32rem 0
}

.suspension-signin-main-date-text-kTHwO span span {
    color: var(--cms-adorn-first-color)
}

.suspension-signin-main-shade-L68K_ {
    position: absolute;
    top: 1.56rem;
    left: -12.5%;
    width: 125%;
    height: 6.86rem
}

.suspension-signin-main-shade-L68K_ img {
    width: 100%
}

.suspension-signin-main-btn-xtZI2 {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .16rem;
    background: linear-gradient(180deg, #fee194, #feae22);
    border-radius: .24rem;
    margin-left: auto;
    margin-right: auto;
    width: 4.8rem;
    height: .76rem;
    font-size: .28rem;
    color: #bb3537
}

.suspension-signin-main-btn-xtZI2 img {
    width: .32rem
}

.suspension-signin-close-ZG5HO {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .4rem
}

.suspension-commendation-qVrAT {
    width: 100%
}

.suspension-commendation-content-JwIY_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: .8rem;
    background: url(/images/bg.01475974.png) no-repeat 50%/cover;
    width: 100%;
    height: 7.04rem;
    text-align: center;
    margin-top: -1.08rem
}

.suspension-commendation-content-title-BZ642 {
    text-shadow: 0 .04rem 0 #a86618;
    background: linear-gradient(1turn, #f7c94e, #fcefc3);
    -webkit-background-clip: text;
    font-size: .64rem;
    color: #f7c94e;
    margin-top: 1.08rem;
    margin-bottom: auto
}

.suspension-commendation-content-text-G4NBU {
    color: #fff100;
    font-size: .28rem
}

.suspension-commendation-content-tip-VLQHZ {
    margin-top: .04rem;
    color: #fff
}

.suspension-commendation-content-tip-VLQHZ span {
    color: #fff100;
    font-size: .28rem
}

.suspension-commendation-btn-XqESg {
    background: url(/images/btn.c826ca69.png) no-repeat 50%/cover;
    width: 3.78rem;
    height: 1.04rem;
    line-height: .92rem;
    margin-top: .6rem;
    margin-left: auto;
    margin-right: auto;
    font-size: .32rem;
    color: #fff;
    text-align: center
}

.home-PTbND {
    width: 100%
}

.home-fix-jlzz4 {
    display: flex;
    flex-direction: column;
    overflow: hidden
}

.home-fix-scence-Zf_5F {
    flex: 1;
    overflow: auto;
    display: flex;
    flex-direction: column;
    padding-bottom: 1.6rem !important
}

.home-fix-scence-Zf_5F .scence-game {
    height: 100%
}

.home-fix-scence-Zf_5F .Scence19Sticky,
.home-fix-scence-Zf_5F .Scence19Sticky .van-sticky {
    height: 100%;
    overflow: hidden
}

.home-fix-scence-Zf_5F .Scence19Sticky .van-sticky>div {
    height: 100%;
    overflow: auto
}

.wrap-dhlmf {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    background: #fff
}

.wrap-dhlmf .maintain-fDPVe {
    width: 1169px;
    height: 430px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wrap-dhlmf .maintain-m-M_baT {
    flex-direction: column;
    height: 100vh;
    padding: 0 30px;
    justify-content: center
}

.wrap-dhlmf .maintain-img-jHa_7 {
    width: 595px;
    height: 100%;
    margin-right: 100px;
    display: flex;
    align-items: center
}

.wrap-dhlmf .maintain-img-m-icn2V {
    width: 238px;
    height: 172px;
    margin: 0
}

.wrap-dhlmf .maintain-img-jHa_7>img {
    width: 100%
}

.wrap-dhlmf .maintain-content-CP1HP {
    flex: 1;
    font-family: PingFang SC-Semibold, PingFang SC
}

.wrap-dhlmf .maintain-content-m-pRfc5 {
    flex: none;
    width: 100%
}

.wrap-dhlmf .maintain-content-CP1HP .title-tFUoD {
    font-size: 40px;
    font-weight: 600;
    color: #2b2b2b;
    line-height: 50px
}

.wrap-dhlmf .maintain-content-CP1HP .title-m-dBJGc {
    font-size: 18px;
    margin-top: 24px;
    text-align: center;
    line-height: 20px
}

.wrap-dhlmf .maintain-content-CP1HP .p2-Ce9rI {
    font-size: 18px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 18px;
    margin-top: 12px
}

.wrap-dhlmf .maintain-content-CP1HP .p2-m-FlOiV {
    font-size: 12px
}

.wrap-dhlmf .maintain-content-CP1HP .p3-CCI3e {
    font-size: 18px;
    font-weight: 500;
    color: #2b2b2b;
    line-height: 18px;
    margin-top: 40px
}

.wrap-dhlmf .maintain-content-CP1HP .p3-m-nbz7R {
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px
}

.wrap-dhlmf .maintain-content-CP1HP .p4-xrlqJ {
    font-size: 16px;
    font-weight: 400;
    color: #2b2b2b;
    line-height: 19px;
    margin-top: 12px
}

.wrap-dhlmf .maintain-content-CP1HP .p4-m-sw4Sw {
    font-size: 11px;
    text-indent: 2em;
    margin-top: 5px
}

.wrap-dhlmf .maintain-content-CP1HP .btn-rSGbH {
    width: 120px;
    height: 48px;
    border: 1px solid #2b2b2b;
    margin: 120px 0 0;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.wrap-dhlmf .maintain-content-CP1HP .btn-m-SnKss {
    margin: 110px auto 0
}

.wrap-dhlmf .maintain-content-CP1HP .btn-icon-wYRdW {
    margin-right: 8px
}