a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    text-decoration: none
}

a:hover {
    color: var(--primary-color)
}

input, textarea {
    outline: none;
    border: none;
    background-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, Microsoft Yahei, SourceHanSansCN-Regular, PingFang SC, Helvetica, Arial, sans-serif
}

input::-webkit-contacts-auto-fill-button, input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

html {
    font-family: -apple-system, BlinkMacSystemFont, Microsoft Yahei, SourceHanSansCN-Regular, PingFang SC, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.57;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box
}

body, html {
    overscroll-behavior: none;
    background: var(--page-background-color);
    outline: none
}

html.transparent {
    --page-background-color: transparent
}

::-webkit-scrollbar {
    transition: .2s;
    width: 6px;
    height: 6px
}

::-webkit-scrollbar-track {
    background-color: transparent
}

::-webkit-scrollbar-thumb {
    background: var(--area-hover-bg);
    border-radius: 4px
}

@-moz-document url-prefix() {
    * {
        scrollbar-color: var(--area-hover-bg) transparent;
        scrollbar-width: thin
    }
}

.ant-app {
    height: 100%
}

div.tools-tips.ant-popover-placement-bottom .ant-popover-arrow {
    margin-top: 1px
}

.tools-tips .ant-popover-inner {
    padding: 0 !important
}

.tools-tips .ant-popover-arrow:before, .tools-tips .ant-popover-inner {
    background: var(--primary-color) !important
}

.tools-tips .ant-popover-inner-content {
    color: #fff !important;
    font-size: 14px !important;
    padding: 6px 10px !important
}

.ghost-modal .ant-modal .ant-modal-content {
    background-color: transparent !important;
    box-shadow: none !important
}

.nicknameTips {
    z-index: 1040 !important
}

.ant-scrolling-effect {
    min-width: 100%
}

.hide {
    display: none !important
}

.w-e-text {
    margin: 0;
    box-sizing: border-box;
    background-color: #fff;
    position: relative;
    padding: 0 10px
}

.w-e-text h1 {
    font-size: 32px !important
}

.w-e-text h2 {
    font-size: 24px !important
}

.w-e-text h3 {
    font-size: 18.72px !important
}

.w-e-text h4 {
    font-size: 16px !important
}

.w-e-text h5 {
    font-size: 13.28px !important
}

.w-e-text p {
    font-size: 16px !important
}

.w-e-text .eleImg {
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    padding: 0 3px
}

.w-e-text * {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.w-e-text hr {
    cursor: pointer;
    display: block;
    height: 0;
    border: 0;
    border-top: 3px solid #ccc;
    margin: 20px 0
}

.w-e-text h1, .w-e-text h2, .w-e-text h3, .w-e-text h4, .w-e-text h5, .w-e-text p, .w-e-text pre, .w-e-text table {
    margin: 10px 0;
    line-height: 1.5
}

.w-e-text ol, .w-e-text ul {
    margin: 10px 0 10px 20px
}

.w-e-text blockquote {
    display: block;
    border-left: 8px solid #d0e5f2;
    padding: 5px 10px;
    margin: 10px 0;
    line-height: 1.4;
    font-size: 100%;
    background-color: #f1f1f1
}

.w-e-text code {
    display: inline-block;
    background-color: #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    margin: 0 3px
}

.w-e-text pre code {
    display: block
}

.w-e-text table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.w-e-text table td, .w-e-text table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 5px;
    min-height: 30px
}

.w-e-text table th {
    border-bottom: 2px solid #ccc;
    text-align: center;
    background-color: #f1f1f1
}

.w-e-text:focus {
    outline: none
}

.w-e-text img {
    cursor: pointer
}

.w-e-text img:hover {
    box-shadow: 0 0 5px #333
}

.w-e-text .w-e-todo {
    margin: 0 0 0 20px
}

.w-e-text .w-e-todo li {
    list-style: none;
    font-size: 1em
}

.w-e-text .w-e-todo li span:first-child {
    position: relative;
    left: -18px
}

.w-e-text .w-e-todo li span:first-child input {
    position: absolute;
    margin-right: 3px
}

.w-e-text .w-e-todo li span:first-child input[type=checkbox] {
    top: 50%;
    margin-top: -6px
}

.w-e-tooltip {
    position: absolute;
    display: flex;
    color: #f1f1f1;
    background-color: rgba(0, 0, 0, .75);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
    border-radius: 4px;
    padding: 4px 5px 6px;
    justify-content: center;
    align-items: center
}

.w-e-tooltip-up:after {
    top: 100%;
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, .73)
}

.w-e-tooltip-down:after, .w-e-tooltip-up:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -5px
}

.w-e-tooltip-down:after {
    bottom: 100%;
    border: 5px solid transparent;
    border-bottom-color: rgba(0, 0, 0, .73)
}

.w-e-tooltip-item-wrapper {
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px
}

.w-e-tooltip-item-wrapper:hover {
    color: #ccc;
    text-decoration: underline
}

.light {
    --theme-color: 0, 0, 0;
    --primary-color: #ef811f;
    --page-background-color: #fff;
    --header-height: 60px;
    --header-bg: #fff;
    --header-bg-off: #fff;
    --header-bg-in: #fff;
    --header-hover-color: var(--primary-color);
    --header-btn-bg: transparent;
    --search-bg: rgba(163, 171, 186, .2);
    --search-swiper-color: #575757;
    --background-color: #fff;
    --footer-height: 100px;
    --header-color: #575757;
    --title-color: #2f2b29;
    --label-color: #575757;
    --sub-color: #646566;
    --text-color: #8f9092;
    --extend-color: #a5a6a7;
    --area-svg-color: #a5a6a7;
    --area-color: #7c7c7c;
    --area-hover-color: #8f9092;
    --title-hover-color: var(--primary-color);
    --nav-radius: 4px;
    --border-radius: 4px;
    --fixed-radius: 4px;
    --content-width: 1400px;
    --content-min-width: 884px;
    --sidebar-nav-width: 0px;
    --line-color: #e5e5e5;
    --game-min-width: 300px;
    --img-bg: #bcbec1;
    --area-bg: #fff;
    --area-border-color: #e8e8e8;
    --area-border-width: 1px;
    --area-line-color: #e8e8e8;
    --area-hover-bg: #f5f5f5;
    --area-row-bg: #fff;
    --area-label-bg: #e8e8e8;
    --area-bg8: hsla(0, 0%, 100%, .8);
    --area-mask: linear-gradient(180deg, hsla(0, 100%, 99%, 0), #fff);
    --area-shadow: rgba(16, 1, 2, .1);
    --area-brightness: 1;
    --btn-bg: #ededed;
    --btn-color: #8f9092;
    --btn-primary-bg: var(--primary-color);
    --btn-hover-bg: transparent;
    --btn-bg-disabled: #ededed;
    --btn-color-disabled: #8f9092;
    --detail-left-width: 268px;
    --detail-right-width: 268px;
    --info-bind-bg: #fff;
    --card-padding-bottom: 10px;
    --card-margin-bottom: 10px;
    --card-border-radius: 0;
    --card-hover-bg: transparent
}

.light .logo_dark {
    display: none
}

.dark {
    --theme-color: 255, 255, 255;
    --primary-color: #ffa52d;
    --page-background-color: #161719;
    --header-height: 60px;
    --header-bg: linear-gradient(180deg, #161719, rgba(22, 23, 25, .4));
    --header-bg-off: #1f2126;
    --header-bg-in: linear-gradient(180deg, #161719, rgba(22, 23, 25, .4));
    --header-hover-color: #eef0f5;
    --header-btn-bg: #2a2e33;
    --search-bg: hsla(0, 0%, 100%, .1);
    --search-swiper-color: #eef0f5;
    --background-color: #1f2126;
    --footer-height: 100px;
    --header-color: #a3abba;
    --title-color: #eef0f5;
    --label-color: #d2d3d4;
    --sub-color: #8f9092;
    --text-color: #8f9092;
    --extend-color: #a3abba;
    --area-svg-color: #798192;
    --area-color: #fff;
    --area-hover-color: #a3abba;
    --title-hover-color: linear-gradient(0deg, #ffe4cb, #fff9f6);
    --nav-radius: 16px;
    --border-radius: 10px;
    --fixed-radius: 35px;
    --content-width: 1400px;
    --content-min-width: 884px;
    --sidebar-nav-width: 0px;
    --line-color: #393d43;
    --game-min-width: 300px;
    --img-bg: #33363d;
    --area-bg: #24272c;
    --area-border-color: transparent;
    --area-border-width: 0px;
    --area-line-color: #3c4351;
    --area-hover-bg: #2f3338;
    --area-row-bg: #1f2126;
    --area-label-bg: linear-gradient(242deg, #5f6675, #5f6675 52%, #4b505b);
    --area-bg8: rgba(54, 56, 60, .8);
    --area-mask: linear-gradient(180deg, rgba(34, 37, 43, 0), #161719);
    --area-shadow: #1f2126;
    --area-brightness: 1.1;
    --btn-bg: #45494e;
    --btn-color: #d2d3d4;
    --btn-primary-bg: linear-gradient(91deg, #fe7e0d, #ffaf37);
    --btn-hover-bg: #2a2e33;
    --btn-bg-disabled: #4a4e53;
    --btn-color-disabled: #85888e;
    --detail-left-width: 268px;
    --detail-right-width: 268px;
    --info-bind-bg: #2f3338;
    --card-padding-bottom: 0px;
    --card-margin-bottom: 20px;
    --card-border-radius: 10px;
    --card-hover-bg: var(--area-hover-bg)
}

.dark .logo_light {
    display: none
}

.SoHeader_header__QgMjK {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    overflow: hidden;
    z-index: 1;
    opacity: 0
}


.Carousel_main__Rigs3 {
    width: 100%;
    height: 100%
}

.Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-prev {
    left: 0
}

.Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-next {
    right: 0
}

.Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-next, .Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-prev {
    width: 61px;
    height: 61px
}

.Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-next:hover, .Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-prev:hover {
    filter: brightness(.9)
}

.Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-next:after {
    transform: rotate(180deg)
}

.Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-next:after, .Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-button-prev:after {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    content: " ";
    display: block;
    width: 61px;
    height: 61px
}

.Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-slide {
    opacity: .6;
    transform: scale(.8)
}

.Carousel_main__Rigs3 .Carousel_swiper__pubPk .swiper-slide-next {
    transform: scale(1);
    opacity: 1
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
    height: 100%;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    /*width: 100%;  */
    /*width: 350px;*/
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
    margin-right: 10px;
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
    transform-style: preserve-3d
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}



.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg, .swiper-button-prev svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg)
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}


.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}


.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}


.Header_header__D8iwR {
    background: var(--header-bg);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 70px;
    backdrop-filter: blur(10px);
    border-bottom: var(--area-border-width) solid var(--area-border-color)
}

.Header_header__D8iwR .Header_logo__HCE73:hover {
    filter: brightness(1.2)
}

.Header_header__D8iwR .Header_list__waDmG {
    display: flex;
    align-items: center;
    flex: 1;
    height: 100%;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: flex-end
}

.Header_header__D8iwR .Header_navItem__ibvJR {
    padding: 0 18px;
    font-size: 16px;
    font-weight: 400;
    color: var(--header-color);
    height: var(--header-height);
    line-height: var(--header-height);
    word-break: keep-all;
    position: relative
}

.Header_header__D8iwR .Header_navItem__ibvJR .Header_icon__c_VSp {
    position: absolute;
    width: 38px;
    height: 18px;
    right: -18px;
    top: 12px
}

.Header_header__D8iwR .Header_navItem__ibvJR.Header_active__LBxBR {
    font-weight: 700;
    color: var(--header-hover-color)
}

.Header_header__D8iwR .Header_navItem__ibvJR:hover {
    color: var(--header-hover-color)
}

.Header_header__D8iwR .Header_more___pnpq {
    margin-right: 10px
}

.Header_header__D8iwR .Header_linkArea__DekLr {
    height: 40px;
    cursor: pointer;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    padding: 0 10px;
    color: var(--header-color);
    font-size: 14px
}

.Header_header__D8iwR .Header_linkArea__DekLr > img, .Header_header__D8iwR .Header_linkArea__DekLr > svg {
    transform: scale(.8);
    margin-right: 5px;
    color: var(--area-svg-color)
}

.Header_header__D8iwR .Header_linkArea__DekLr:hover {
    background: var(--header-btn-bg);
    color: var(--header-hover-color)
}

.Header_header__D8iwR .Header_userInfo__iACJD {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    color: var(--header-color);
    min-width: 96px
}

.Header_header__D8iwR .Header_userInfo__iACJD .Header_avatar__GrHSc {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    background-color: var(--img-bg);
    border-radius: 50%;
    position: relative;
    overflow: hidden
}

.Header_header__D8iwR .Header_userInfo__iACJD .Header_avatar__GrHSc img {
    background-color: var(--img-bg);
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    display: block
}

.Header_header__D8iwR .Header_userInfo__iACJD .Header_avatar__GrHSc .Header_visitorLogo__tuXx1 {
    background-color: var(--area-hover-bg);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20px;
    font-size: 12px;
    color: var(--area-hover-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.Header_header__D8iwR .Header_userInfo__iACJD .Header_username__CH5Vd {
    font-size: 14px;
    letter-spacing: 0;
    margin-left: 6px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    margin-right: 6px
}

.Header_header__D8iwR .Header_loginBtn__7Abzs {
    width: 96px;
    height: 32px;
    line-height: 32px;
    background: var(--btn-primary-bg);
    border-radius: 16px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s
}

.Header_header__D8iwR .Header_loginBtn__7Abzs:hover {
    filter: brightness(1.1);
    color: #fff
}

div.Header_popover__ewLdr {
    top: 65px !important
}

div.Header_popover__ewLdr .Header_content__8Qafz {
    width: 270px
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW {
    background: var(--area-bg);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    overflow: hidden
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW .Header_logo2__Ow4_v {
    margin-top: 24px
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW h3 {
    font-weight: 700;
    color: var(--title-color);
    margin-top: 10px
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW p {
    font-size: 12px;
    color: var(--text-color);
    margin-top: 8px
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW .Header_btn__a9jNQ {
    width: 110px;
    height: 34px;
    line-height: 34px;
    background: var(--btn-primary-bg);
    border-radius: 17px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin: 16px 0 20px
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW .Header_btn__a9jNQ:hover {
    filter: brightness(1.1);
    color: #fff
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW .Header_bottom__pABQw {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--header-color);
    background: var(--area-hover-bg)
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW .Header_bottom__pABQw .Header_des__R4xKk {
    margin-left: 10px
}

div.Header_popover__ewLdr .Header_fastContent__dcwVW .Header_bottom__pABQw .Header_des__R4xKk span {
    background: var(--area-shadow);
    padding: 4px 8px;
    border-radius: 4px;
    margin: 0 2px
}

div.Header_popover__ewLdr .Header_downloadContent__E7f7z {
    background: var(--area-bg);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 4px
}

div.Header_popover__ewLdr .Header_downloadContent__E7f7z .Header_qr___6Xy7 {
    margin-top: 14px;
    width: 120px;
    height: 120px
}

div.Header_popover__ewLdr .Header_downloadContent__E7f7z p {
    font-size: 12px;
    color: var(--text-color);
    margin-top: 8px
}

div.Header_popover__ewLdr .Header_downloadContent__E7f7z .Header_link__ypm0V {
    width: 130px;
    height: 36px;
    line-height: 36px;
    background: var(--btn-primary-bg);
    border-radius: 18px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin: 14px 0
}

div.Header_popover__ewLdr .Header_downloadContent__E7f7z .Header_link__ypm0V:hover {
    filter: brightness(1.1);
    color: #fff
}

div.Header_popover__ewLdr .Header_userContent__45oPq {
    overflow: hidden;
    border-radius: 10px;
    background-color: var(--area-bg)
}

div.Header_popover__ewLdr .Header_userContent__45oPq .Header_item__JmkRe {
    padding: 10px 30px;
    display: flex;
    align-items: center;
    color: var(--header-color);
    cursor: pointer
}

div.Header_popover__ewLdr .Header_userContent__45oPq .Header_item__JmkRe:hover {
    background: var(--area-hover-bg)
}

div.Header_popover__ewLdr .Header_userContent__45oPq .Header_item__JmkRe .Header_icon__c_VSp {
    margin-right: 6px
}

div.Header_popover__ewLdr .Header_userContent__45oPq .Header_item__JmkRe .Header_starIcon__eXrQ2 {
    margin-right: 6px;
    transform: scale(.8)
}

div.Header_popover__ewLdr .ant-popover-inner {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 10px
}

div.Header_navsPopover__UweJM {
    top: 65px !important
}

div.Header_navsPopover__UweJM .Header_navsContent__jPPRj {
    background: var(--area-bg);
    overflow: hidden;
    border-radius: 10px;
    padding: 10px
}

div.Header_navsPopover__UweJM .Header_navsContent__jPPRj .Header_navsList__O_Hkp {
    display: flex;
    align-items: center;
    width: 320px;
    flex-wrap: wrap
}

div.Header_navsPopover__UweJM .Header_navsContent__jPPRj .Header_navsList__O_Hkp .Header_item__JmkRe {
    width: 60px;
    font-size: 14px;
    color: var(--header-color);
    line-height: 20px;
    margin: 5px 10px;
    word-break: keep-all;
    position: relative
}

div.Header_navsPopover__UweJM .Header_navsContent__jPPRj .Header_navsList__O_Hkp .Header_item__JmkRe:hover {
    color: var(--header-hover-color)
}

div.Header_navsPopover__UweJM .Header_navsContent__jPPRj .Header_line__ly6Vi {
    background: var(--area-line-color);
    width: 100%;
    height: 1px;
    margin: 5px 0
}

div.Header_navsPopover__UweJM .ant-popover-inner {
    padding: 0;
    background: transparent;
    box-shadow: none;
    border-radius: 10px
}

@media screen and (max-width: 1510px) {
    .Header_header__D8iwR {
        padding: 0 50px
    }

    .Header_header__D8iwR .Header_navItem__ibvJR {
        padding: 0 14px
    }

    .Header_header__D8iwR .Header_linkArea__DekLr {
        padding: 0 5px;
        font-size: 13px
    }
}

@media screen and (max-width: 1440px) {
    .Header_header__D8iwR {
        padding: 0 calc((100vw - 1266px) / 2)
    }

    .Header_header__D8iwR .Header_navItem__ibvJR {
        padding: 0 10px;
        font-size: 15px
    }

    .Header_header__D8iwR .Header_linkArea__DekLr {
        padding: 0 5px;
        margin-right: 0
    }

    .Header_header__D8iwR .Header_linkArea__DekLr > img, .Header_header__D8iwR .Header_linkArea__DekLr > svg {
        display: none
    }
}

@media screen and (max-width: 1336px) {
    .Header_header__D8iwR {
        padding: 0 20px
    }

    .Header_header__D8iwR .Header_navItem__ibvJR {
        font-size: 14px;
        padding: 0 8px
    }

    .Header_header__D8iwR .Header_navItem__ibvJR :-moz-suppressed .Header_icon__c_VSp {
        position: absolute;
        width: 28px;
        height: 13.2631578947px;
        right: -20px;
        top: 14px
    }
}



.Gamebox_gameBox__y1sIl {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    overflow: hidden
}



.Gamebox_gameBox__y1sIl .Gamebox_gameBgMask__AFYbq, .Gamebox_gameBox__y1sIl .Gamebox_gameBg__cp4ya {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.Gamebox_gameBox__y1sIl .Gamebox_gameBg__cp4ya img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Gamebox_gameBox__y1sIl .Gamebox_loading__80gpk {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.Gamebox_gameBox__y1sIl .Gamebox_gameIframe__3JLd3, .Gamebox_gameBox__y1sIl .Gamebox_horizontalIframe__DJ6i7 {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%
}

.Gamebox_gameBox__y1sIl .Gamebox_horizontalIframe__DJ6i7 {
    width: 100%
}

.Gamebox_gameBox__y1sIl .Gamebox_gameIframe__3JLd3 {
    width: 31.6%
}

.Gamebox_gameBox__y1sIl .Gamebox_thirdPartyIframe__qpEWl {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.Gamebox_gameBox__y1sIl .Gamebox_countdownMask__K_JMP {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center
}

.Gamebox_gameBox__y1sIl .Gamebox_countdownMask__K_JMP .Gamebox_countdown__XHQQ3 {
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    font-size: 56px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center
}

.Gamebox_gameBox__y1sIl.Gamebox_fullBox__CuvQ8 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    padding: 0
}

.Gamebox_gameBox__y1sIl.Gamebox_fullBox__CuvQ8 .Gamebox_gameIframe__3JLd3 {
    width: 56.25vh
}

.Gamebox_gameBox__y1sIl.Gamebox_msnBox__RqrEU {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0
}

.Gamebox_gameBox__y1sIl.Gamebox_msnBox__RqrEU .Gamebox_gameIframe__3JLd3 {
    width: 56.25vh
}

.Gamebox_gameBox__y1sIl.Gamebox_pad__QI_bo .Gamebox_horizontalIframe__DJ6i7 {
    height: 56.25vw;
    top: 50%;
    transform: translateY(-50%)
}

.Gamebox_gameBox__y1sIl .Gamebox_wxGameWrapper__Ac1UB {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 20px
}

.Gamebox_gameBox__y1sIl .Gamebox_wxGameWrapper__Ac1UB img {
    width: auto;
    height: auto;
    max-width: 725px;
    max-height: 90%;
    border-radius: 5px
}

@media screen and (max-width: 700px) {
    .Gamebox_gameBox__y1sIl.Gamebox_msnBox__RqrEU .Gamebox_gameIframe__3JLd3 {
        width: 100%
    }
}

.RecommendGame_box__BPQqX {
    position: absolute;
    width: 90px;
    height: auto;
    z-index: 2;
    top: 6px;
    right: 6px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .4);
    padding: 14px 12px;
    top: 50%;
    transform: translateY(-50%)
}

.RecommendGame_box__BPQqX .RecommendGame_item__B_abQ {
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
    display: flex;
    align-items: center;
    flex-direction: column
}

.RecommendGame_box__BPQqX .RecommendGame_item__B_abQ .RecommendGame_icon__bF__V {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 10px
}

.RecommendGame_box__BPQqX .RecommendGame_item__B_abQ .RecommendGame_icon__bF__V img {
    width: 100%;
    height: 100%;
    transition: all .2s
}

.RecommendGame_box__BPQqX .RecommendGame_item__B_abQ:hover .RecommendGame_icon__bF__V img {
    transform: scale(1.1)
}

.RecommendGame_box__BPQqX .RecommendGame_item__B_abQ h3 {
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-top: 6px
}

.RecommendGame_box__BPQqX .RecommendGame_item__B_abQ:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1440px) {
    .RecommendGame_box__BPQqX .RecommendGame_item__B_abQ {
        margin-bottom: 6px
    }

    .RecommendGame_box__BPQqX .RecommendGame_item__B_abQ .RecommendGame_icon__bF__V {
        width: 54px;
        height: 54px
    }

    .RecommendGame_box__BPQqX .RecommendGame_item__B_abQ h3 {
        margin-top: 4px
    }
}

.Title_title__eXTAC {
    display: flex;
    align-items: center;
    height: 20px
}

.Title_title__eXTAC .Title_sign___1kI8 {
    width: 4px;
    height: 16px;
    background: var(--primary-color);
    margin-right: 8px
}

.Title_title__eXTAC h2 {
    flex: auto
}

.Title_title__eXTAC h2 > a {
    font-weight: 700;
    font-size: 16px;
    color: var(--title-color)
}

.Title_title__eXTAC h2 > a:hover {
    color: var(--primary-color)
}

.Title_title__eXTAC .Title_extra__5cfgl {
    font-weight: 400;
    font-size: 12px;
    color: var(--extend-color);
    line-height: 16px;
    display: flex;
    column-gap: 12px
}

.Title_title__eXTAC .Title_extra__5cfgl .Title_more__1jsn5 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--extend-color)
}

.Title_title__eXTAC .Title_extra__5cfgl .Title_more__1jsn5:hover {
    color: var(--primary-color)
}

.GameListByCategory_grid__Hgm6k {
    display: grid;
    grid-template-columns:1fr 1fr;
    gap: 12px;
    margin-top: 12px
}

.GameListByCategory_grid__Hgm6k .GameListByCategory_wrapper__JUXJZ {
    padding: 16px;
    border: var(--area-border-width) solid var(--area-border-color)
}

.GameListByCategory_grid__Hgm6k .GameListByCategory_list__zHzPE {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    column-gap: 20px;
    row-gap: 15px;
    margin-top: 15px
}

.GameListByCategory_empty__ifEjl {
    grid-column: 1/-1;
    margin-top: 20px
}

.GameListByCategory_banner__ehIfR {
    height: 90px;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 12px
}

.LargeSizeGame_item__IDE9_ {
    width: 56px;
    cursor: pointer;
    overflow: hidden
}

.LargeSizeGame_item__IDE9_ .LargeSizeGame_icon__taZjG {
    border-radius: 10px
}

.LargeSizeGame_item__IDE9_.LargeSizeGame_box__v7G_j {
    width: 124px
}

.LargeSizeGame_item__IDE9_.LargeSizeGame_box__v7G_j .LargeSizeGame_imgBox__v9M0W {
    width: 100%;
    height: 72px;
    overflow: hidden
}

.LargeSizeGame_item__IDE9_.LargeSizeGame_box__v7G_j .LargeSizeGame_icon__taZjG {
    border-radius: 0
}

.LargeSizeGame_item__IDE9_:hover .LargeSizeGame_name__07V_a {
    font-weight: 400;
    font-size: 12px;
    color: #df6e09;
    text-decoration-line: underline
}

.LargeSizeGame_item__IDE9_ img {
    object-fit: cover;
    transition: all .5s ease
}

.LargeSizeGame_item__IDE9_ .LargeSizeGame_name__07V_a {
    font-weight: 400;
    font-size: 12px;
    color: #2f2b29;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 4px
}

.LargeSizeGame_item__IDE9_:hover .LargeSizeGame_imgBox__v9M0W img {
    scale: 1.2
}

.GameIntro_gameIntro__m3Toc {
    display: flex;
    padding: 16px;
    border: var(--area-border-width) solid var(--area-border-color);
    margin-bottom: 12px;
    height: 248px
}

.GameIntro_gameIntro__m3Toc .GameIntro_card__1alim {
    width: 280px;
    height: 214px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.GameIntro_gameIntro__m3Toc .GameIntro_card__1alim .GameIntro_cover__IrSMW {
    width: 280px;
    max-height: 200px;
    flex: 1;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.GameIntro_gameIntro__m3Toc .GameIntro_card__1alim .GameIntro_cover__IrSMW > div {
    width: 100%;
    height: 100%;
    filter: blur(10px);
    position: absolute
}

.GameIntro_gameIntro__m3Toc .GameIntro_card__1alim .GameIntro_cover__IrSMW > img {
    object-fit: contain;
    position: relative;
    width: 100%;
    height: 100%
}

.GameIntro_gameIntro__m3Toc .GameIntro_card__1alim .GameIntro_cover__IrSMW:hover {
    filter: brightness(1.1)
}

.GameIntro_gameIntro__m3Toc .GameIntro_card__1alim .GameIntro_startBtn__YCL_D {
    margin-top: 16px;
    width: 100%;
    height: 48px;
    border-radius: 4px 4px 4px 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.GameIntro_gameIntro__m3Toc .GameIntro_card__1alim .GameIntro_startBtn__YCL_D:hover {
    filter: brightness(1.1)
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS {
    margin-left: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_name__VFHwS {
    font-weight: 700;
    font-size: 24px;
    color: var(--title-color);
    line-height: 32px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 4px
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_name__VFHwS:hover {
    color: var(--primary-color)
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp {
    display: flex;
    color: var(--text-color);
    line-height: 20px;
    margin-top: 8px
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_label__1Yodm {
    word-break: keep-all
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_values__yk3tw {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_des__eSA9x {
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_categoryBox__d7uYs {
    height: 20px;
    overflow: hidden
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_categoryBox__d7uYs .GameIntro_category__7TZpe {
    position: relative;
    padding-left: 8px;
    margin-left: 8px;
    color: var(--text-color)
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_categoryBox__d7uYs .GameIntro_category__7TZpe:hover {
    color: var(--primary-color)
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_categoryBox__d7uYs .GameIntro_category__7TZpe:first-child {
    margin-left: 0;
    padding-left: 0
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_categoryBox__d7uYs .GameIntro_category__7TZpe:first-child:before {
    display: none
}

.GameIntro_gameIntro__m3Toc .GameIntro_info__uDINS .GameIntro_infoItem__2Jmpp .GameIntro_categoryBox__d7uYs .GameIntro_category__7TZpe:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: #e8e8e8
}

.GameIntro_gameIntro__m3Toc .GameIntro_banner___I7rW {
    width: 210px;
    margin-left: 20px
}

.GameIntro_gameIntro__m3Toc .GameIntro_action__q_UJv {
    margin-top: 18px;
    display: flex;
    align-items: flex-end;
    height: 70px
}

.GameIntro_gameIntro__m3Toc .GameIntro_action__q_UJv .GameIntro_extra__lZYoE {
    display: flex;
    align-items: center;
    flex: 1
}

.GameIntro_gameIntro__m3Toc .GameIntro_action__q_UJv .GameIntro_extra__lZYoE .GameIntro_label__1Yodm {
    width: 24px;
    height: 70px;
    writing-mode: vertical-rl;
    color: var(--sub-color);
    border: 1px solid var(--area-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.GameIntro_gameIntro__m3Toc .GameIntro_action__q_UJv .GameIntro_extra__lZYoE .GameIntro_list__aICTD {
    height: 83px;
    margin-left: 10px;
    flex: 1;
    display: grid;
    grid-template-columns:repeat(auto-fill, 65px);
    grid-template-rows:repeat(auto-fill, 83px);
    column-gap: 14px;
    width: 100%
}

.GameIntro_gameIntro__XW7br {
    display: flex;
    padding: 16px;
    border: var(--area-border-width) solid var(--area-border-color);
    margin-bottom: 12px;
    height: 248px
}

.GameIntro_gameIntro__XW7br .GameIntro_card__MmyhT {
    width: 280px;
    height: 214px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.GameIntro_gameIntro__XW7br .GameIntro_card__MmyhT .GameIntro_cover__6WibU {
    width: 280px;
    max-height: 200px;
    flex: 1;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.GameIntro_gameIntro__XW7br .GameIntro_card__MmyhT .GameIntro_cover__6WibU > div {
    width: 100%;
    height: 100%;
    filter: blur(10px);
    position: absolute
}

.GameIntro_gameIntro__XW7br .GameIntro_card__MmyhT .GameIntro_cover__6WibU > img {
    object-fit: contain;
    position: relative;
    width: 100%;
    height: 100%
}

.GameIntro_gameIntro__XW7br .GameIntro_card__MmyhT .GameIntro_cover__6WibU:hover {
    filter: brightness(1.1)
}

.GameIntro_gameIntro__XW7br .GameIntro_card__MmyhT .GameIntro_startBtn__Ky_mz {
    margin-top: 16px;
    width: 100%;
    height: 48px;

    border-radius: 4px 4px 4px 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.GameIntro_gameIntro__XW7br .GameIntro_card__MmyhT .GameIntro_startBtn__Ky_mz:hover {
    filter: brightness(1.1)
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge {
    margin-left: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_name__CFPeg {
    font-weight: 700;
    font-size: 24px;
    color: var(--title-color);
    line-height: 32px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 4px
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_name__CFPeg:hover {
    color: var(--primary-color)
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 {
    display: flex;
    color: var(--text-color);
    line-height: 20px;
    margin-top: 8px
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_label__H_ofA {
    word-break: keep-all
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_values__gNqzl {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_des__URFP6 {
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_categoryBox__Jl60J {
    height: 20px;
    overflow: hidden
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_categoryBox__Jl60J .GameIntro_category__puTgk {
    position: relative;
    padding-left: 8px;
    margin-left: 8px;
    color: var(--text-color)
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_categoryBox__Jl60J .GameIntro_category__puTgk:hover {
    color: var(--primary-color)
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_categoryBox__Jl60J .GameIntro_category__puTgk:first-child {
    margin-left: 0;
    padding-left: 0
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_categoryBox__Jl60J .GameIntro_category__puTgk:first-child:before {
    display: none
}

.GameIntro_gameIntro__XW7br .GameIntro_info___duge .GameIntro_infoItem__FnYJ0 .GameIntro_categoryBox__Jl60J .GameIntro_category__puTgk:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 12px;
    background: #e8e8e8
}

.GameIntro_gameIntro__XW7br .GameIntro_banner__JisJJ {
    width: 210px;
    margin-left: 20px
}

.GameIntro_gameIntro__XW7br .GameIntro_action__zoVi1 {
    margin-top: 18px;
    display: flex;
    align-items: flex-end;
    height: 70px
}

.GameIntro_gameIntro__XW7br .GameIntro_action__zoVi1 .GameIntro_extra__UaUKS {
    display: flex;
    align-items: center;
    flex: 1
}

.GameIntro_gameIntro__XW7br .GameIntro_action__zoVi1 .GameIntro_extra__UaUKS .GameIntro_label__H_ofA {
    width: 24px;
    height: 70px;
    writing-mode: vertical-rl;
    color: var(--sub-color);
    border: 1px solid var(--area-border-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px
}

.GameIntro_gameIntro__XW7br .GameIntro_action__zoVi1 .GameIntro_extra__UaUKS .GameIntro_list__bgJLw {
    height: 83px;
    margin-left: 10px;
    flex: 1;
    display: grid;
    grid-template-columns:repeat(auto-fill, 65px);
    grid-template-rows:repeat(auto-fill, 83px);
    column-gap: 14px;
    width: 100%
}

.GameLockMask_lockMask__GZB2h {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center
}

.GameLockMask_lockMask__GZB2h .GameLockMask_content__5ohem {
    visibility: hidden;
    width: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.GameLockMask_lockMask__GZB2h .GameLockMask_content__5ohem .GameLockMask_none__WvSHv {
    display: none
}

.GameLockMask_lockMask__GZB2h h3 {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    margin-bottom: 16px
}

.GameLockMask_lockMask__GZB2h .GameLockMask_none__WvSHv {
    display: none
}

.GameLockMask_lockMask__GZB2h p {
    font-size: 16px;
    color: #c0c4cc;
    margin-top: 10px
}

.GameLockMask_lockMask__GZB2h .GameLockMask_btn__fqflr {
    width: 140px;
    height: 42px;
    line-height: 42px;
    background: var(--btn-primary-bg);
    border-radius: 21px;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin-top: 20px
}

.GameLockMask_lockMask__GZB2h .GameLockMask_btn__fqflr:hover {
    filter: brightness(1.1);
    color: #fff
}

.GameLockMask_lockMask__GZB2h .GameLockMask_btn2__Djwwp {
    margin-top: 20px;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer
}

.GameLockMask_lockMask__GZB2h.GameLockMask_active__ou9TQ {
    background: rgba(0, 0, 0, .7)
}

.GameLockMask_lockMask__GZB2h.GameLockMask_active__ou9TQ .GameLockMask_content__5ohem {
    visibility: visible
}

.Baver_container__GL2dz {
    object-fit: cover;
    cursor: pointer;
    position: relative
}

.Baver_container__GL2dz, .Baver_container__GL2dz .Baver_context__KagGQ {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.Baver_container__GL2dz iframe {
    max-width: 100%;
    max-height: 100%;
    border: none
}

.Baver_container__GL2dz .index_iconItem__gnSb8:after, .Baver_container__GL2dz .index_item__dSsoK {
    border: none !important
}

.Baver_container__GL2dz .index_popupAd__GXn1n {
    width: 100%
}

.Baver_popup__UIjPI .Baver_mask__7K7FK {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .6);
    z-index: 99
}

.Baver_popup__UIjPI .Baver_main__i9mfd {
    position: fixed;
    max-height: 500px;
    z-index: 99
}

.Baver_popup__UIjPI .Baver_main__i9mfd .Baver_close__cyM9x {
    background-color: #646464;
    position: absolute;
    top: -20px;
    right: 0;
    padding: 4px 6px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    z-index: 9;
    color: #e8e8e8;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    width: 38px
}

.Baver_popup__UIjPI .Baver_main__i9mfd .Baver_close__cyM9x:hover {
    filter: brightness(1.1)
}

.Baver_popup__UIjPI .Baver_container__GL2dz {
    display: block
}

.Baver_popup__UIjPI .popup_center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: hidden
}

.Baver_popup__UIjPI .popup_bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.Baver_popup__UIjPI .popup_bottomRight {
    bottom: 0;
    right: 0
}

.Baver_splash__G1TNU {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 90%;
    min-height: 50%;
    width: 90%;
    z-index: 9999
}

.Baver_splash__G1TNU .Baver_close__cyM9x {
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 4px;
    line-height: 16px;
    border-radius: 4px;
    z-index: 9;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    cursor: pointer
}

.Baver_splash__G1TNU .Baver_close__cyM9x:hover {
    filter: brightness(1.1);
    background-color: rgba(0, 0, 0, .8)
}

.Baver_splash__G1TNU.Baver_splash_center__sEplJ {
    position: fixed;
    height: 50%;
    width: 60%;
    top: 40%
}

.Baver_splash__G1TNU .Baver_container__GL2dz {
    background-color: rgba(0, 0, 0, .6);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.Baver_adIframe__F3IkR {
    height: 100%;
    margin-top: 25%
}

.Modal_customModal__Azr7b {
    position: relative;
    z-index: 999
}

.Modal_customModal__Azr7b .ant-modal-content {
    padding: 0 !important;
    border-radius: 20px !important
}

.Modal_customModal__Azr7b .Modal_close__ol6Zq {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    z-index: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.Modal_customModal__Azr7b .Modal_close__ol6Zq:hover {
    filter: brightness(.9)
}

.Modal_customModal__Azr7b .Modal_close__ol6Zq img {
    width: 100%;
    height: 100%
}

.LoginModal_loginTips__xFLDo .ant-modal {
    top: 130px
}

.LoginModal_loginTips__xFLDo .ant-modal-wrap {
    pointer-events: none
}

.LoginModal_loginTips__xFLDo .ant-modal-content {
    background-color: rgba(35, 39, 43, .9)
}

.LoginModal_loginTips__xFLDo .LoginModal_close__XmVzg {
    font-size: 16px;
    color: #8e9092
}

.LoginModal_loginTips__xFLDo .LoginModal_bg__kuFsm .LoginModal_top__Bd8vM {
    width: 650px;
    height: 252px;
    position: absolute;
    top: -70px;
    left: -85px;
}

.LoginModal_loginTips__xFLDo .LoginModal_bg__kuFsm .LoginModal_bottom__rR0QL {
    width: 650px;
    height: 225px;
    position: absolute;
    bottom: 0;
    left: -85px;
}

.LoginModal_loginModal__2DML1 {
    min-height: 460px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center
}

.LoginModal_loginModal__2DML1 .LoginModal_title__T1Jba {
    padding-top: 40px;
    background-size: 254px 51px;
    margin-top: 32px;
    height: 60px;
    width: 100%
}

.LoginModal_loginModal__2DML1 .ant-tabs .ant-tabs-nav:before {
    border-bottom: none
}

.LoginModal_loginModal__2DML1 .ant-tabs .ant-tabs-tab {
    color: #8b9197;
    margin: 0 !important
}

.LoginModal_loginModal__2DML1 .ant-tabs .ant-tabs-nav-list {
    width: 360px;
    justify-content: space-between
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq {
    width: 360px
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-input-affix-wrapper {
    height: 50px;
    background: #26292d;
    border-radius: 4px;
    border-color: #393c41;
    color: #fff
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-input-affix-wrapper.ant-input-status-error {
    border-color: #b34242
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-input-affix-wrapper.ant-input-outlined:focus-within {
    border-color: #fb8034
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-input-affix-wrapper ::placeholder {
    color: #8b9197
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-input-affix-wrapper .ant-input-clear-icon {
    color: hsla(0, 0%, 100%, .6)
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-input {
    background-color: transparent;
    caret-color: var(--primary-color)
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-form-item-extra {
    color: #8b9197
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-btn-text.ant-btn-disabled, .LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .ant-btn-text:disabled {
    cursor: not-allowed !important;
    color: #979aa6 !important
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_loginBtn__Fcbuw {
    margin-top: 12px;
    width: 360px;
    height: 50px;
    background: linear-gradient(90deg, #fb8035, #fa9216);
    border-radius: 8px 8px 8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    box-shadow: 3px 0 17px 0 #dd5f2d;
    border: none
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_loginBtn__Fcbuw:hover {
    filter: brightness(.9);
    color: #fff !important;
    background: linear-gradient(90deg, #fb8035, #fa9216) !important
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_captchaBox__tGoNQ {
    margin-bottom: 20px
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_captchaBox__tGoNQ .geetest_holder {
    margin: 0 auto
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_captcha__B4dH1 {
    cursor: pointer;
    background-color: #f6f7fb
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_captcha__B4dH1:hover {
    filter: brightness(.9)
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_codeBtn__QKrnO {
    font-size: 14px;
    color: #fb8035;
    cursor: pointer;
    width: 120px
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_codeBtn__QKrnO:hover {
    background-color: transparent !important;
    color: #fb8035 !important;
    filter: brightness(1.4) !important
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_des__Ax0Om {
    font-size: 14px;
    color: #8c9297;
    font-weight: 500;
    line-height: 26px;
    text-align: center
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_des__Ax0Om > span {
    color: #fb8034
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_realNameForm__BXXJ1 {
    height: 0;
    overflow: hidden;
    transition: height .3s ease-in-out
}

.LoginModal_loginModal__2DML1 .LoginModal_loginForm__9cjaq .LoginModal_realNameForm__BXXJ1.LoginModal_realNameFormVisible__kAriv {
    height: 200px
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 360px
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_wxFastLoginBox__396ZJ {
    margin-top: 20px;
    height: 400px;
    width: 300px;
    position: relative
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_wxFastLoading__40VDr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_noCodeDes__TA2B8 {
    margin-bottom: 10px
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_des__Ax0Om {
    font-size: 14px;
    font-weight: 400;
    color: #979aa6;
    line-height: 20px;
    text-align: center
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_codeBox__3PgNp {
    width: 240px;
    height: 240px;
    background: #eaedf6;
    border-radius: 9px 9px 9px 9px;
    opacity: 1;
    border: 1px solid #eaedf6;
    padding: 10px;
    margin-top: 12px;
    margin-bottom: 30px;
    position: relative
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_codeBox__3PgNp .LoginModal_loading__7kuzv {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_codeBox__3PgNp .LoginModal_badCode__D9JAX {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    border-radius: 9px 9px 9px 9px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_codeBox__3PgNp .LoginModal_badCode__D9JAX .LoginModal_refresh__5t5O8 {
    width: 82px;
    height: 82px;
    background: #fff;
    border-radius: 6px 6px 6px 6px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_codeBox__3PgNp .LoginModal_badCode__D9JAX .LoginModal_refresh__5t5O8:hover {
    filter: brightness(.9)
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_codeBox__3PgNp .LoginModal_badCode__D9JAX .LoginModal_refresh__5t5O8 .LoginModal_icon__1kFrb {
    width: 22px;
    height: 22px
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_codeBox__3PgNp .LoginModal_badCode__D9JAX .LoginModal_refresh__5t5O8 .LoginModal_refreshDes__vGgbC {
    font-size: 12px;
    color: #979aa6;
    line-height: 22px;
    margin-top: 4px
}

.LoginModal_loginModal__2DML1 .LoginModal_content__OtfA7 .LoginModal_codeBox__3PgNp .LoginModal_code__wB3XB {
    width: 100%;
    height: 100%;
    cursor: pointer
}

.LoginModal_loginModal__2DML1 .LoginModal_agreement__7LXZW {
    width: 360px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #9397aa;
    line-height: 20px;
    margin-bottom: 20px
}

.LoginModal_loginModal__2DML1 .LoginModal_agreement__7LXZW a {
    color: #fb8035;
    margin: 0 2px
}

.LoginModal_loginModal__2DML1 .LoginModal_agreement__7LXZW a:hover {
    filter: brightness(1.4)
}

.LoginModal_loginModal__2DML1 .LoginModal_agreement__7LXZW .LoginModal_findpwd__6W0vv {
    float: right;
    color: #8b9197
}

.UploadProgress_content__bcEaJ {
    width: 400px;
    height: 130px;
    background: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 20px;
    padding: 40px 40px 35px
}

.UploadProgress_des__WY9na {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    margin-top: 14px
}

.UploadSuccess_content__wmNvC {
    width: 400px;
    height: 260px;
    background: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.UploadSuccess_content__wmNvC h3 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    margin-top: 18px
}

.UploadSuccess_content__wmNvC .UploadSuccess_des__kHYR5 {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    margin-top: 18px
}

.UploadSuccess_content__wmNvC .UploadSuccess_des__kHYR5 a {
    color: #fe8e0d
}

.UploadSuccess_content__wmNvC .UploadSuccess_des__kHYR5 a:hover {
    filter: brightness(1.1)
}

.UploadError_content__a2YEI {
    width: 400px;
    height: 260px;
    background: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.UploadError_content__a2YEI h3 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    margin-top: 18px
}

.UploadError_content__a2YEI .UploadError_btnGroup__97_10 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px
}

.UploadError_content__a2YEI .UploadError_btnGroup__97_10 .UploadError_again__Z7A_s {
    width: 120px;
    height: 46px;
    line-height: 46px;
    background: var(--btn-primary-bg);
    border-radius: 23px;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin-right: 30px
}

.UploadError_content__a2YEI .UploadError_btnGroup__97_10 .UploadError_again__Z7A_s:hover {
    filter: brightness(1.1);
    color: #fff
}

.UploadError_content__a2YEI .UploadError_btnGroup__97_10 .UploadError_giveUp__w8UTd {
    width: 120px;
    height: 46px;
    line-height: 46px;
    background: var(--btn-primary-bg);
    border-radius: 23px;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    background: linear-gradient(90.345986deg, #3f434a, #46494e)
}

.UploadError_content__a2YEI .UploadError_btnGroup__97_10 .UploadError_giveUp__w8UTd:hover {
    filter: brightness(1.1);
    color: #fff;
    background: linear-gradient(90.345986deg, #3f434a, #46494e)
}

.WonderfulModal_container__UEVYU {
    background-color: #2a2d33;
    width: 820px;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 16px;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.WonderfulModal_container__UEVYU .ant-form {
    margin-top: 20px
}

.WonderfulModal_container__UEVYU .ant-input-affix-wrapper .ant-input-show-count-suffix {
    color: #8f9092 !important
}

.WonderfulModal_container__UEVYU .ant-form-item label {
    height: 50px !important
}

.WonderfulModal_container__UEVYU .ant-form-item .ant-form-item-label {
    padding: 0 !important
}

.WonderfulModal_container__UEVYU .ant-form-item .ant-input {
    width: 300px
}

.WonderfulModal_container__UEVYU .WonderfulModal_title__C_Bmx {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    line-height: 20px
}

.WonderfulModal_container__UEVYU .WonderfulModal_videoBox__uMur3 {
    width: 100%;
    height: 420px;
    border-radius: 10px;
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.WonderfulModal_container__UEVYU .WonderfulModal_videoBox__uMur3 video {
    max-width: 100%;
    border-radius: 10px;
    max-height: 450px;
    object-fit: cover
}

.WonderfulModal_container__UEVYU .WonderfulModal_des__cgmGF {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-top: 30px
}

.WonderfulModal_container__UEVYU .WonderfulModal_footer__d4qJL {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px
}

.WonderfulModal_container__UEVYU .WonderfulModal_push__LJ7AK {
    width: 156px;
    height: 46px;
    line-height: 46px;
    background: var(--btn-primary-bg);
    border-radius: 23px;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin-right: 40px
}

.WonderfulModal_container__UEVYU .WonderfulModal_push__LJ7AK:hover {
    filter: brightness(1.1);
    color: #fff
}

.WonderfulModal_container__UEVYU .WonderfulModal_push__LJ7AK.WonderfulModal_disabled__8VhYl {
    background: #45494e !important;
    cursor: not-allowed
}

.WonderfulModal_container__UEVYU .WonderfulModal_download__w5Bmd {
    width: 156px;
    height: 46px;
    line-height: 46px;
    background: var(--btn-primary-bg);
    border-radius: 23px;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    background: linear-gradient(90.345986deg, #3f434a, #46494e) !important
}

.WonderfulModal_container__UEVYU .WonderfulModal_download__w5Bmd:hover {
    filter: brightness(1.1);
    color: #fff
}

.WonderfulModal_container__UEVYU .WonderfulModal_activeDownload__mE2Xk {
    background: linear-gradient(91deg, #fe7e0d, #ffaf37) !important
}

.WonderfulModal_container__UEVYU .WonderfulModal_activeDownload__mE2Xk:hover {
    background: #ffaf37 !important
}

.form_formBox__Ifb5m {
    width: 100%;
    height: 100%
}

.form_infoForm__yN9pY .form_action__kHaVv {
    display: flex;
    justify-content: center
}

.form_infoForm__yN9pY .form_submit__uYirP {
    width: 176px;
    height: 46px;
    line-height: 46px;
    background: var(--btn-primary-bg);
    border-radius: 23px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin: 30px auto 0;
    border: none;
    display: inline-block
}

.form_infoForm__yN9pY .form_submit__uYirP:hover {
    filter: brightness(1.1);
    color: #fff
}

.form_infoForm__yN9pY .ant-input-affix-wrapper .ant-input, .form_infoForm__yN9pY .ant-input-affix-wrapper .ant-select-selection-search-input, .form_infoForm__yN9pY .ant-input-affix-wrapper .ant-select-selector {
    height: 40px !important;
    font-size: 14px !important;
    color: var(--title-color) !important;
    caret-color: var(--primary-color) !important
}

.form_infoForm__yN9pY .ant-input::placeholder {
    color: var(--text-color) !important;
    font-size: 14px
}

.form_infoForm__yN9pY .ant-input-textarea-affix-wrapper .ant-input {
    height: auto !important
}

.form_infoForm__yN9pY .ant-input-affix-wrapper .ant-input-clear-icon {
    color: var(--text-color)
}

.form_infoForm__yN9pY .ant-input-affix-wrapper {
    background-color: var(--search-bg) !important;
    border-color: transparent;
    border-radius: var(--border-radius)
}

.form_infoForm__yN9pY .ant-form-item-label {
    padding: 0 0 12px !important
}

.form_infoForm__yN9pY .ant-form-item-label label {
    font-size: 14px !important;
    color: var(--label-color) !important
}

.form_infoForm__yN9pY .anticon-close-circle {
    transform: scale(1.4)
}

.form_infoForm__yN9pY input:-webkit-autofill, .form_infoForm__yN9pY input:-webkit-autofill:active, .form_infoForm__yN9pY input:-webkit-autofill:focus, .form_infoForm__yN9pY input:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff
}

.UploadCard_card__AuBA2 {
    height: 100% !important
}

.UploadCard_card__AuBA2 .ant-upload-list {
    height: 100%
}

.UploadCard_card__AuBA2 .ant-upload-list .ant-upload-list-item-container {
    width: 80px !important;
    height: 80px !important
}

.UploadCard_card__AuBA2 .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item {
    border-color: transparent !important;
    padding: 0 !important;
    height: 100% !important;
    color: #d2d3d4
}

.UploadCard_card__AuBA2 .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item.ant-upload-list-item-uploading {
    border-color: #45494e !important;
    padding: 8px !important
}

.UploadCard_card__AuBA2 .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item.ant-upload-list-item-uploading .ant-upload-list-item-thumbnail {
    font-size: 12px
}

.UploadCard_card__AuBA2 .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item.ant-upload-list-item-uploading .ant-upload-list-item-progress {
    bottom: 18px
}

.UploadCard_card__AuBA2 .ant-upload-list .ant-upload-list-item-container .ant-upload-list-item:before {
    width: 100% !important;
    height: 100% !important
}

.UploadCard_card__AuBA2 .ant-upload-list div.ant-upload.ant-upload-select {
    width: 80px;
    height: 80px;
    color: #45494e;
    border-color: #45494e;
    font-size: 12px
}

.UploadCard_card__AuBA2 .ant-upload-list div.ant-upload.ant-upload-select:hover {
    color: #fb8035
}

.CustomModal_box__LG9rc {
    background-color: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 8px;
    height: 690px;
    padding: 40px;
    width: 100%;
    overflow: hidden
}

.CustomModal_box__LG9rc .CustomModal_header__tmww_ {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.CustomModal_box__LG9rc .CustomModal_header__tmww_ .CustomModal_title__LdB5T {
    margin: 0
}

.CustomModal_box__LG9rc .CustomModal_header__tmww_ .CustomModal_tips__9AsZf {
    font-size: 12px;
    color: #87898b
}

.CustomModal_box__LG9rc .CustomModal_grid__hiDoy {
    margin-top: 20px;
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-columns:repeat(auto-fill, minmax(156px, 1fr));
    grid-template-rows:repeat(auto-fill, 132px);
    grid-gap: 14px
}

.CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF .CustomModal_cover___rXRC {
    width: 100%;
    height: 108px;
    border: 2px solid transparent;
    overflow: hidden;
    transition: all .2s
}

.CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF .CustomModal_cover___rXRC img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: all .2s
}

.CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF h3 {
    transition: all .2s;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF:hover .CustomModal_cover___rXRC {
    border: 2px solid #ffb521
}

.CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF:hover .CustomModal_cover___rXRC img {
    transform: scale(1.1)
}

.CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF:hover h3 {
    color: var(--primary-color)
}

.CustomModal_box__LG9rc .CustomModal_baver__58Y0v {
    grid-column: span 4;
    grid-row: span 3;
    overflow: hidden
}

.CustomModal_pauseAdModal__3AHwZ .ant-modal {
    width: 1190px !important
}

.CustomModal_pauseAdModal__3AHwZ .ant-modal .ant-modal-content {
    background-color: transparent !important
}

@media (max-width: 1440px) {
    .CustomModal_box__LG9rc {
        height: 624px
    }

    .CustomModal_box__LG9rc .CustomModal_grid__hiDoy {
        grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
        grid-template-rows:repeat(auto-fill, 120px);
        grid-gap: 10px
    }

    .CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF .CustomModal_cover___rXRC {
        height: 100px
    }

    .CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF h3 {
        font-size: 12px;
        line-height: 20px
    }

    .CustomModal_pauseAdModal__3AHwZ .ant-modal {
        width: 1040px !important
    }
}

@media (max-width: 1336px) {
    .CustomModal_box__LG9rc {
        height: 527px;
        padding: 30px
    }

    .CustomModal_box__LG9rc .CustomModal_grid__hiDoy {
        margin-top: 10px;
        grid-template-columns:repeat(auto-fill, minmax(128px, 1fr));
        grid-template-rows:repeat(auto-fill, 100px);
        grid-gap: 10px
    }

    .CustomModal_box__LG9rc .CustomModal_grid__hiDoy .CustomModal_link__ucLKF .CustomModal_cover___rXRC {
        height: 80px
    }

    .CustomModal_pauseAdModal__3AHwZ .ant-modal {
        width: 878px !important
    }
}

.LineTitle_titleBox__L1Ude {
    margin-bottom: 20px;
    margin-top: 30px;
    display: flex;
    align-items: center
}

.LineTitle_titleBox__L1Ude .LineTitle_line__nrUzf {
    width: 4px;
    height: 18px;
    background: linear-gradient(180deg, #fe8e0d, #ffb116);
    border-radius: 2px
}

.LineTitle_titleBox__L1Ude h1, .LineTitle_titleBox__L1Ude h2, .LineTitle_titleBox__L1Ude h3 {
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: var(--title-color);
    margin-left: 6px
}

.LineTitle_titleBox__L1Ude > span {
    margin-left: 15px;
    font-size: 13px;
    color: var(--text-color)
}

.LineTitle_titleBox__L1Ude.LineTitle_small__Z6gYe {
    margin-bottom: 14px;
    margin-top: 10px
}

.LineTitle_titleBox__L1Ude.LineTitle_small__Z6gYe h1, .LineTitle_titleBox__L1Ude.LineTitle_small__Z6gYe h2, .LineTitle_titleBox__L1Ude.LineTitle_small__Z6gYe h3 {
    font-size: 16px
}

.RecordGame_recordBtn__pB_iA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px
}

.RecordGame_recordBtn__pB_iA .RecordGame_iconBox__ldF7Y {
    height: 32px;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.RecordGame_recordBtn__pB_iA .RecordGame_title__MpEq5, .RecordGame_recordBtn__pB_iA .RecordGame_title__MpEq5 time {
    font-size: 14px;
    color: #a3abba
}

.RecordGame_recordBtn__pB_iA .RecordGame_active__IQtzt {
    display: none
}

.RecordGame_recordBtn__pB_iA .RecordGame_normal__djeHu {
    display: block
}

.RecordGame_recordBtn__pB_iA:hover {
    background-color: #2a2e33
}

.RecordGame_recordBtn__pB_iA:hover .RecordGame_title__MpEq5 {
    color: #eef0f5
}

.RecordGame_recordBtn__pB_iA:hover .RecordGame_active__IQtzt {
    display: block
}

.RecordGame_recordBtn__pB_iA:hover .RecordGame_normal__djeHu {
    display: none
}

.FeedbackModal_container__IyGj_ {
    background-color: #2a2d33;
    width: 590px;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 16px;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.FeedbackModal_container__IyGj_ .FeedbackModal_title__cSEBu {
    font-size: 22px;
    color: #fff;
    line-height: 24px
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl {
    margin-top: 25px
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .FeedbackModal_name__MxYg_ {
    color: var(--primary-color)
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .FeedbackModal_extra__jWuCv {
    font-size: 12px;
    color: #8f9092;
    line-height: 20px
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-form-item .ant-form-item-label > label {
    color: #d2d3d4;
    font-size: 16px;
    line-height: 20px
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-checkbox-group {
    row-gap: 12px;
    margin: 12px 0 16px
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-checkbox-group .ant-checkbox-wrapper {
    padding: 8px 12px;
    background-color: #45494e;
    border-radius: 18px;
    font-size: 14px;
    color: #8f9092
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-checkbox-group .ant-checkbox-wrapper.ant-checkbox-wrapper-checked, .FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-checkbox-group .ant-checkbox-wrapper:hover {
    background-color: #ff7b00;
    color: #fff
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-checkbox-group .ant-checkbox-wrapper .ant-checkbox {
    display: none
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-input-affix-wrapper:focus, .FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-input-affix-wrapper:hover {
    border-color: #653a12
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-input-affix-wrapper .ant-input {
    font-size: 14px;
    color: #d2d3d4;
    resize: none
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-input-affix-wrapper .ant-input::placeholder {
    color: #8f9092
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .ant-input-data-count {
    font-size: 12px;
    color: #8f9092
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .FeedbackModal_customInput___B_rw {
    height: 45px;
    background: var(--background-color);
    border-radius: 10px;
    color: #d2d3d4
}

.FeedbackModal_container__IyGj_ .FeedbackModal_form__Unskl .FeedbackModal_customInput___B_rw::placeholder {
    font-size: 14px;
    color: #8f9092
}

.FeedbackModal_container__IyGj_ .FeedbackModal_footer__UaaqJ {
    display: flex;
    align-items: center;
    justify-content: center
}

.FeedbackModal_container__IyGj_ .FeedbackModal_footer__UaaqJ .FeedbackModal_submit__93FWw {
    width: 136px;
    height: 46px;
    line-height: 46px;
    background: var(--btn-primary-bg);
    border-radius: 23px;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s
}

.FeedbackModal_container__IyGj_ .FeedbackModal_footer__UaaqJ .FeedbackModal_submit__93FWw:hover {
    filter: brightness(1.1);
    color: #fff
}

.FeedbackModal_container__IyGj_ .FeedbackModal_footer__UaaqJ .FeedbackModal_submit__93FWw.FeedbackModal_disabled__G6I_L {
    background: #45494e !important;
    cursor: not-allowed
}

.FeedbackModal_container__IyGj_ .FeedbackModal_footer__UaaqJ .ant-form-item {
    margin-bottom: 0
}

.UploadVideoModal_box__z2eAK {
    background-color: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 14px;
    padding: 30px
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_modalTitle__lgJx9 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    line-height: 20px;
    text-align: center
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_form__uY3QR .ant-form-item-label {
    padding: 0 !important;
    height: 50px;
    line-height: 50px
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_form__uY3QR .ant-input-affix-wrapper .ant-input-show-count-suffix {
    color: #fff
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy {
    color: #d2d3d4;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy .UploadVideoModal_title__Q3wQU {
    font-size: 14px;
    color: #d2d3d4;
    line-height: 14px;
    margin-top: 10px
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy .UploadVideoModal_des__GE1eP {
    font-size: 14px;
    line-height: 20px;
    color: #8f9092;
    margin-top: 10px;
    text-align: center
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy .UploadVideoModal_cropBox__Pf5Ad {
    flex: 1;
    cursor: pointer;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy .UploadVideoModal_uploadBox__g7yMO .ant-upload {
    width: 426.6666666667px;
    height: 240px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy .UploadVideoModal_uploadBox__g7yMO .ant-upload-list, .UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy .UploadVideoModal_uploadBox__g7yMO .ant-upload-list .ant-upload-list-item .ant-upload-icon .anticon, .UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy .UploadVideoModal_uploadBox__g7yMO .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .anticon {
    color: #fff
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_content__9lgKy .UploadVideoModal_uploadBox__g7yMO .UploadVideoModal_preVideo___FpV4 video {
    width: 100%;
    height: 100%
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_action__sOhbl {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_again__WJ9i2, .UploadVideoModal_box__z2eAK .UploadVideoModal_btn__6GeaU {
    width: 180px;
    height: 46px;
    line-height: 46px;
    background: var(--btn-primary-bg);
    border-radius: 23px;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    background: #3e4247
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_again__WJ9i2:hover, .UploadVideoModal_box__z2eAK .UploadVideoModal_btn__6GeaU:hover {
    filter: brightness(1.1);
    color: #fff
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_btn__6GeaU {
    cursor: not-allowed
}

.UploadVideoModal_box__z2eAK .UploadVideoModal_btn__6GeaU.UploadVideoModal_active__8zrmU {
    background: linear-gradient(91deg, #fe7e0d, #ffaf37) !important;
    cursor: pointer
}

.RankingList_rankingModal__FT9st .RankingList_content__UUV6E {
    height: 774px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative
}

.RankingList_rankingModal__FT9st div.RankingList_close__D77fZ {
    top: 98px;
    right: 34px
}

.RankingList_rankingModal__FT9st .RankingList_title__OuSJL {
    width: 488px;
    height: 168px;
    margin-left: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding-right: 10px;
    padding-top: 86px;
    font-size: 32px;
    font-family: AaHuanLeBao;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    text-shadow: 0 6px 20px rgba(29, 30, 34, .3);
    text-align: center
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt {
    height: 480px;
    padding: 0 40px 20px;
    margin-top: -22px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt::-webkit-scrollbar {
    display: none
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt .RankingList_item__fsA_X {
    border-bottom: 2px solid rgba(98, 103, 118, .3);
    padding-bottom: 12px;
    display: flex;
    align-items: center
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt .RankingList_item__fsA_X .RankingList_index__nNZZY {
    width: 34px;
    height: 38px;
    font-size: 30px;
    font-weight: 700;
    color: #66696f;
    margin: 0 10px 0 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt .RankingList_item__fsA_X .RankingList_avatarBox__yyxeM {
    width: 72px;
    height: 84px;
    position: relative;
    margin-left: 6px
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt .RankingList_item__fsA_X .RankingList_avatarBox__yyxeM .RankingList_avatarBg__8Lqji {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt .RankingList_item__fsA_X .RankingList_avatarBox__yyxeM .RankingList_avatar__VF9JF {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    z-index: 1;
    left: 5px;
    top: 17px;
    border: 2px solid #474c57
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt .RankingList_item__fsA_X .RankingList_name__VruQO {
    width: 210px;
    font-size: 18px;
    font-weight: 400;
    color: #d2d3d4;
    line-height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    margin-left: 12px
}

.RankingList_rankingModal__FT9st .RankingList_list__3G8jt .RankingList_item__fsA_X .RankingList_score__ebG2s {
    font-size: 22px;
    font-weight: 700;
    color: #c3c7d0;
    flex: 1;
    padding-left: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.RankingList_rankingModal__FT9st .RankingList_bottom__y467v {
    height: 120px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center
}

.RankingList_rankingModal__FT9st .RankingList_bottom__y467v .RankingList_rankingIndex__l8nFZ {
    margin-left: 40px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.RankingList_rankingModal__FT9st .RankingList_bottom__y467v .RankingList_rankingIndex__l8nFZ .RankingList_des__Uk1qs {
    width: 60px;
    height: 18px;
    line-height: 18px;
    background: #23262a;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #66696f;
    display: flex;
    align-items: center;
    justify-content: center
}

.RankingList_rankingModal__FT9st .RankingList_bottom__y467v .RankingList_rankingIndex__l8nFZ .RankingList_index__nNZZY {
    font-size: 18px;
    font-weight: 700;
    color: #66696f
}

.RankingList_rankingModal__FT9st .RankingList_bottom__y467v .RankingList_myAvatar__TLgpX {
    border-radius: 50%;
    margin-left: 14px;
    border: 2px solid #474c57
}

.RankingList_rankingModal__FT9st .RankingList_bottom__y467v .RankingList_myName__ISUcm {
    width: 212px;
    font-size: 18px;
    font-weight: 400;
    color: #d2d3d4;
    line-height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    margin-left: 18px
}

.RankingList_rankingModal__FT9st .RankingList_bottom__y467v .RankingList_myScore__LGWjZ {
    font-size: 22px;
    font-weight: 700;
    color: #c3c7d0;
    flex: 1;
    padding-left: 30px;
    padding-right: 40px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.RankingList_rankingModal__FT9st .RankingList_bottom__y467v .RankingList_loginBtn__lrvLj {
    width: 208px;
    height: 46px;
    background: linear-gradient(90.345986deg, #fe7e0d, #ffaf37);
    border-radius: 23px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    cursor: pointer
}

.RankingList_rankingModal__FT9st .RankingList_noMore__MH4l_ {
    height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.RankingList_rankingModal__FT9st .RankingList_noMore__MH4l_ p {
    font-size: 20px;
    font-weight: 400;
    color: #d2d3d4;
    line-height: 20px;
    margin-top: 20px
}

.ActionPanel_panel__khwLS .ActionPanel_action__JiuFr {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 10px
}

.ActionPanel_panel__khwLS .ActionPanel_action__JiuFr .ActionPanel_icon__1_fYL {
    display: flex;
    align-items: center;
    height: 32px;
    width: 22px
}

.ActionPanel_panel__khwLS .ActionPanel_action__JiuFr .ActionPanel_title__M1tbt {
    color: var(--text-color)
}

.ActionPanel_panel__khwLS .ActionPanel_action__JiuFr:hover {
    background-color: var(--btn-hover-bg)
}

.ActionPanel_panel__khwLS .ActionPanel_action__JiuFr:hover .ActionPanel_img__BOOE5 {
    filter: brightness(1.2)
}

.ActionPanel_panel__khwLS .ActionPanel_action__JiuFr:hover .ActionPanel_title__M1tbt {
    color: var(--primary-color)
}

.ActionPanel_panel__khwLS:hover .ActionPanel_hoverPanel__vhvuV {
    display: flex !important
}

.ActionPanel_hoverPanel__vhvuV {
    position: absolute;
    top: -110px;
    background-color: rgba(21, 23, 25, .4);
    width: max-content;
    z-index: 800;
    border-radius: 10px;
    align-items: center;
    display: none
}

.ActionPanel_hoverPanel__vhvuV .ActionPanel_line__IAscb {
    width: 1px;
    height: 40px;
    background-color: #fff;
    opacity: .2
}

.ActionPanel_hoverPanel__vhvuV:hover {
    display: flex
}

.ActionPanel_singleKeyBoard__R3Xdd {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    cursor: pointer;
    margin: 20px 10px
}

.ActionPanel_singleKeyBoard__R3Xdd .ActionPanel_left__yiG3v {
    position: relative;
    display: block
}

.ActionPanel_singleKeyBoard__R3Xdd .ActionPanel_left__yiG3v .ActionPanel_letter__dkiVN {
    position: absolute;
    color: #ffaf37;
    font-size: 16px;
    font-weight: 700;
    left: 24%;
    bottom: 32%;
    z-index: 1000
}

.ActionPanel_singleKeyBoard__R3Xdd .ActionPanel_des__XPL01 {
    color: #d1d3d3;
    font-size: 14px;
    margin-left: 7px;
    padding-bottom: 5px;
    min-width: 50px;
    max-width: 100px;
    flex-shrink: 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ActionPanel_groupKeyBoard__zvpF9 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    cursor: pointer;
    margin: 20px 10px
}

.ActionPanel_groupKeyBoard__zvpF9 .ActionPanel_left__yiG3v {
    position: relative;
    display: block
}

.ActionPanel_groupKeyBoard__zvpF9 .ActionPanel_left__yiG3v .ActionPanel_letter1__XulvQ {
    position: absolute;
    color: #ffaf37;
    font-size: 16px;
    font-weight: 700;
    left: 42%;
    bottom: 60%;
    z-index: 1000
}

.ActionPanel_groupKeyBoard__zvpF9 .ActionPanel_left__yiG3v .ActionPanel_letter2__GS5pw {
    position: absolute;
    color: #ffaf37;
    font-size: 16px;
    font-weight: 700;
    left: 10%;
    bottom: 18%;
    z-index: 1000
}

.ActionPanel_groupKeyBoard__zvpF9 .ActionPanel_left__yiG3v .ActionPanel_letter3__PQ0gV {
    position: absolute;
    color: #ffaf37;
    font-size: 16px;
    font-weight: 700;
    left: 42%;
    bottom: 18%;
    z-index: 1000
}

.ActionPanel_groupKeyBoard__zvpF9 .ActionPanel_left__yiG3v .ActionPanel_letter4__1n6h_ {
    position: absolute;
    color: #ffaf37;
    font-size: 16px;
    font-weight: 700;
    left: 75%;
    bottom: 18%;
    z-index: 1000
}

.ActionPanel_groupKeyBoard__zvpF9 .ActionPanel_des__XPL01 {
    color: #d1d3d3;
    font-size: 14px;
    margin-left: 7px;
    padding-bottom: 5px;
    min-width: 50px;
    max-width: 100px;
    flex-shrink: 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ActionPanel_specialKeyBoard__b3VC_ {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    cursor: pointer;
    margin: 20px 10px
}

.ActionPanel_specialKeyBoard__b3VC_ .ActionPanel_left__yiG3v {
    position: relative;
    display: block
}

.ActionPanel_specialKeyBoard__b3VC_ .ActionPanel_left__yiG3v .ActionPanel_letter5__TyYBU {
    position: absolute;
    color: #ffaf37;
    font-size: 14px;
    font-weight: 700;
    left: 50%;
    transform: translateX(-50%);
    bottom: 32%;
    z-index: 1000;
    text-align: center
}

.ActionPanel_specialKeyBoard__b3VC_ .ActionPanel_des__XPL01 {
    color: #d1d3d3;
    font-size: 14px;
    margin-left: 7px;
    padding-bottom: 5px;
    min-width: 50px;
    max-width: 100px;
    flex-shrink: 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ActionPanel_letter1__XulvQ, .ActionPanel_letter2__GS5pw, .ActionPanel_letter3__PQ0gV, .ActionPanel_letter4__1n6h_, .ActionPanel_letter__dkiVN {
    font-family: monospace;
    text-align: center;
    width: 1em
}

.RandomGameTool_panel__ugl29 .RandomGameTool_action__Hi70V {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 10px
}

.RandomGameTool_panel__ugl29 .RandomGameTool_action__Hi70V .RandomGameTool_icon__fGi4z {
    display: flex;
    align-items: center;
    height: 32px;
    width: 22px;
    position: relative
}

.RandomGameTool_panel__ugl29 .RandomGameTool_action__Hi70V .RandomGameTool_icon__fGi4z .RandomGameTool_img___hb_u {
    position: absolute;
    top: -30%;
    left: -60%
}

.RandomGameTool_panel__ugl29 .RandomGameTool_action__Hi70V .RandomGameTool_title__PxtQJ {
    color: var(--text-color)
}

.RandomGameTool_panel__ugl29 .RandomGameTool_action__Hi70V:hover {
    background-color: var(--btn-hover-bg)
}

.RandomGameTool_panel__ugl29 .RandomGameTool_action__Hi70V:hover .RandomGameTool_img___hb_u {
    filter: brightness(1.2)
}

.RandomGameTool_panel__ugl29 .RandomGameTool_action__Hi70V:hover .RandomGameTool_title__PxtQJ {
    color: var(--primary-color)
}

.RandomGameTool_panel__ugl29:hover .RandomGameTool_hoverPanel__H9wRt {
    display: flex !important
}

.AdSlotTool_flexBox__9W66R {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 9px;
    width: 77px
}

.AdSlotTool_flexBox__9W66R .AdSlotTool_adSlot__96Ea7 {
    width: 56px;
    height: 56px;
    position: relative;
    border-radius: 8px
}

.AdSlotTool_flexBox__9W66R .AdSlotTool_adSlot__96Ea7:hover {
    scale: 1.1;
    transition: all .1s ease-in-out;
    border: 1.5px solid #ffaf37;
    cursor: pointer
}

.AdSlotTool_flexBox__9W66R .AdSlotTool_adSlot__96Ea7:hover .AdSlotTool_adName__wfdj6 {
    color: #ffaf37
}

.AdSlotTool_flexBox__9W66R .AdSlotTool_adSlot__96Ea7 .AdSlotTool_adImg__XNZh0 {
    width: 100%;
    height: 100%;
    border-radius: 8px
}

.AdSlotTool_flexBox__9W66R .AdSlotTool_adSlot__96Ea7 .AdSlotTool_adName__wfdj6 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .8);
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0 0 8px 8px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.AdSlotTool_flexBox__9W66R .AdSlotTool_rightLine__FTvED {
    width: 1px;
    height: 40px;
    background-color: #3d3f46
}

.Left_left__bEv57 {
    width: var(--detail-left-width);
    min-width: 175px;
    padding-top: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: calc(100vh - var(--header-height));
    margin-right: 20px
}

.Left_left__bEv57::-webkit-scrollbar {
    display: none
}

.Left_left__bEv57 .Left_title__pj_ln {
    margin-bottom: 14px;
    margin-top: 0
}

.Left_left__bEv57 .Left_list__hpPSx {
    display: grid;
    grid-template-columns:repeat(auto-fill, 82px);
    justify-content: space-between;
    grid-row-gap: 10px;
    padding-bottom: 10px
}

.Left_left__bEv57 .Left_banner__ZGwMi {
    height: auto;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px
}

.Strategy_list__fyIFT {
    display: flex;
    gap: 14px
}

.Strategy_list__fyIFT .Strategy_column__fnNX2 {
    display: flex;
    flex: 1;
    flex-direction: column
}

.Strategy_more__1Yqnr {
    color: var(--primary-color);
    text-align: center;
    display: block
}

.ClientGameList_flexBox__GqmGh {
    width: 100%;
    height: 186px;
    background-color: #1f2125;
    border-radius: 0 0 12px 12px;
    display: flex;
    flex-direction: column
}

.ClientGameList_flexBox__GqmGh .ClientGameList_title__ai0Xv {
    margin-left: 16px;
    margin-bottom: 14px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 600
}

.ClientGameList_flexBox__GqmGh .ClientGameList_gridBox__f6opG {
    display: grid;
    grid-template-columns:repeat(13, 1fr);
    grid-auto-flow: column;
    overflow: hidden;
    white-space: nowrap;
    gap: 8px;
    margin: 0 8px
}

.ClientGameList_flexBox__GqmGh .ClientGameList_gridBox__f6opG .ClientGameList_gameItem__SQInB {
    max-width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: visible;
    transition: all .2s ease-in-out
}

.ClientGameList_flexBox__GqmGh .ClientGameList_gridBox__f6opG .ClientGameList_gameItem__SQInB .ClientGameList_gameIcon__dfG2T {
    margin-top: 4px;
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 8px
}

.ClientGameList_flexBox__GqmGh .ClientGameList_gridBox__f6opG .ClientGameList_gameItem__SQInB .ClientGameList_gameIcon__dfG2T:hover {
    cursor: pointer;
    transform: scale(1.1);
    border: 1px solid #ffaf37
}

.ClientGameList_flexBox__GqmGh .ClientGameList_gridBox__f6opG .ClientGameList_gameItem__SQInB .ClientGameList_gameName__9Gr4c {
    font-size: 13px;
    font-weight: 400;
    color: #d1d3d3;
    margin-top: 8px;
    max-width: 80px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis
}

.ClientGameList_flexBox__GqmGh .ClientGameList_gridBox__f6opG .ClientGameList_gameItem__SQInB .ClientGameList_gameName__9Gr4c:hover {
    cursor: pointer;
    color: #ffaf37
}

.ClientGameList_flexBox__GqmGh .ClientGameList_gridBox__f6opG .ClientGameList_gameItem__SQInB .ClientGameList_downloadBtn__eV3xV {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-top: 8px;
    margin-bottom: 8px;
    background: linear-gradient(90.501774deg, #fe7e0d, #ffaf37);
    border-radius: 15px;
    padding: 2px 12px;
    align-items: center;
    font-weight: 700;
    height: 24px
}

.ClientGameList_flexBox__GqmGh .ClientGameList_gridBox__f6opG .ClientGameList_gameItem__SQInB .ClientGameList_downloadBtn__eV3xV:hover {
    transform: scale(1.1);
    cursor: pointer
}

@media screen and (max-width: 1440px) {
    .ClientGameList_gridBox__f6opG {
        grid-template-columns:repeat(9, 1fr)
    }
}

@media screen and (max-width: 1336px) {
    .ClientGameList_gridBox__f6opG {
        grid-template-columns:repeat(7, 1fr)
    }
}

.ChatBox_box__ThoJt {
    margin-top: 20px
}

.ChatBox_box__ThoJt .ChatBox_groupTitle__pxN30 {
    margin-bottom: 14px;
    margin-top: 0
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji {
    background: #24272c;
    border-radius: 10px;
    position: relative;
    padding-top: 12px;
    overflow: hidden
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_content__BJUuj {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - var(--header-height) - 404px - 28px - 30px - 80px - 60px - 12px);
    min-height: 150px
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_content__BJUuj::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_content__BJUuj::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--area-hover-bg)
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatToolsPlaceholder__0E7_T {
    height: 60px
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb {
    width: 100%;
    height: 60px;
    background-color: #24272c;
    position: absolute;
    bottom: 0;
    padding: 10px;
    display: flex;
    align-items: center
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatInput__4NRG1 {
    height: 40px;
    flex: 1;
    background: #161719;
    border-radius: 6px;
    margin-right: 10px;
    display: flex;
    align-items: center
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatEmoji__Jb2_K {
    width: 44px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatEmoji__Jb2_K:hover {
    filter: brightness(1.1)
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_line__b61w1 {
    width: 1px;
    height: 28px;
    background: #24272c
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatBtn__Q0MwC {
    width: 52px;
    height: 36px;
    background: linear-gradient(90.350381deg, #fe7e0d, #ffaf37);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    text-shadow: 0 2px 12px rgba(233, 72, 0, .8);
    cursor: pointer;
    user-select: none
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatBtn__Q0MwC:hover {
    filter: brightness(1.1)
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_disableBtn__2ck9T {
    filter: grayscale(1);
    cursor: not-allowed
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_disableBtn__2ck9T:hover {
    filter: grayscale(1)
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_input__tll3Z {
    padding: 0 6px;
    border: none;
    background-color: transparent;
    outline-style: none;
    box-shadow: none
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_input__tll3Z .ant-input-clear-icon {
    font-size: 14px
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_input__tll3Z .ant-input-clear-icon svg {
    color: #a3abba;
    font-size: 14px;
    line-height: 14px
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_input__tll3Z input {
    height: 40px;
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #fff
}

.ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_input__tll3Z input::placeholder {
    font-size: 14px;
    color: #8f9092
}

.ChatBox_box__ThoJt .ChatBox_msgItem__rLSht {
    padding: 8px;
    background: #2f3338;
    border-radius: 8px;
    margin: 0 10px 4px;
    font-size: 14px;
    line-height: 18px
}

.ChatBox_box__ThoJt .ChatBox_primary__53jRq {
    color: var(--primary-color) !important
}

.ChatBox_box__ThoJt .ChatBox_userName__kQIII {
    display: inline-block;
    color: #fff;
    user-select: none
}

.ChatBox_box__ThoJt .ChatBox_otherUser__eLVu8, .ChatBox_box__ThoJt .ChatBox_selfUser__DuNha {
    word-break: break-all;
    white-space: pre-wrap;
    color: #fff;
    user-select: none
}

.ChatBox_box__ThoJt .ChatBox_joinRoom__ZUCtJ, .ChatBox_box__ThoJt .ChatBox_sysMsg__YCIxu {
    color: #8f9092;
    user-select: none
}

.ChatBox_emojiPopover__AoVnI .ChatBox_emojiScroll__o2Yn0 {
    overflow-y: auto;
    overflow-x: hidden;
    height: 280px
}

.ChatBox_emojiPopover__AoVnI .ChatBox_emojiScroll__o2Yn0::-webkit-scrollbar {
    background-color: transparent;
    width: 4px
}

.ChatBox_emojiPopover__AoVnI .ChatBox_emojiScroll__o2Yn0::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #ccc
}

.ChatBox_emojiPopover__AoVnI .ChatBox_emojiBox__LzzGr {
    width: 340px;
    padding: 10px 0 10px 10px;
    border-radius: 6px;
    background: #f8f8f8
}

.ChatBox_emojiPopover__AoVnI .ant-popover-inner {
    padding: 0
}

@media screen and (max-width: 1440px) {
    .ChatBox_box__ThoJt {
        margin-top: 10px
    }

    .ChatBox_box__ThoJt .ChatBox_groupTitle__pxN30 {
        margin-bottom: 10px;
        margin-top: 0
    }

    .ChatBox_box__ThoJt .ChatBox_groupTitle__pxN30 h2, .ChatBox_box__ThoJt .ChatBox_groupTitle__pxN30 h3 {
        font-size: 14px
    }

    .ChatBox_box__ThoJt .ChatBox_groupTitle__pxN30 .line {
        height: 14px
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_content__BJUuj {
        height: calc(100vh - var(--header-height) - 362px - 14px - 80px - 40px)
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb {
        height: 52px
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatInput__4NRG1 {
        height: 32px;
        margin-right: 5px
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatEmoji__Jb2_K {
        width: 32px;
        height: 32px
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatEmoji__Jb2_K svg {
        transform: scale(.8)
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_line__b61w1 {
        height: 24px
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_chatBtn__Q0MwC {
        width: 36px;
        height: 30px;
        font-size: 12px;
        line-height: 12px
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_input__tll3Z input {
        height: 32px;
        font-size: 12px;
        line-height: 12px
    }

    .ChatBox_box__ThoJt .ChatBox_chatBox__h7Bji .ChatBox_chatTools__WXRvb .ChatBox_input__tll3Z input::placeholder {
        font-size: 12px;
        color: #8f9092
    }

    .ChatBox_box__ThoJt .ChatBox_msgItem__rLSht {
        font-size: 12px;
        padding: 6px 8px;
        line-height: 16px
    }

    .ChatBox_box__ThoJt .ChatBox_msgItem__rLSht .wemoji-content__emoji div {
        transform: scale(.35) !important
    }
}

.PushVideoDesModal_box__vVrmJ {
    background-color: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 14px;
    padding: 30px
}

.PushVideoDesModal_box__vVrmJ h3 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    line-height: 20px;
    text-align: center
}

.PushVideoDesModal_box__vVrmJ .PushVideoDesModal_content__MKt0O {
    font-size: 14px;
    color: #d2d3d4;
    line-height: 22px;
    margin-top: 30px;
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px;
    padding-bottom: 20px
}

.PushVideoDesModal_box__vVrmJ .PushVideoDesModal_content__MKt0O p {
    margin-top: 10px;
    font-size: 16px;
    line-height: 24px
}

.PushVideoDesModal_box__vVrmJ .PushVideoDesModal_content__MKt0O img {
    width: 100%;
    object-fit: cover;
    margin-top: 10px
}

.PushVideoDesModal_box__vVrmJ .PushVideoDesModal_btn__tAxGh {
    width: 136px;
    height: 46px;
    line-height: 46px;
    background: var(--btn-primary-bg);
    border-radius: 23px;
    border: none;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin: 30px auto 0
}

.PushVideoDesModal_box__vVrmJ .PushVideoDesModal_btn__tAxGh:hover {
    filter: brightness(1.1);
    color: #fff
}

.style_bullet-wrapper__w3Nxc {
    padding: .4em 1em;
    border: 2px solid #fff;
    border-radius: 2.2em;
    position: relative;
    box-shadow: 0 0 .8em rgba(0, 0, 0, .5);
    word-break: keep-all;
    white-space: pre-wrap
}

.style_bullet-msg___7oqm {
    font-size: 1.8em;
    font-weight: 800;
    line-height: 1.4
}

.style_bullet-head__YgnoR {
    position: absolute;
    left: -4.6em;
    top: 50%;
    transform: translateY(-50%);
    width: 4em;
    height: 4em;
    border-radius: 50%;
    border: 2px #eee;
    box-shadow: 0 0 .8em rgba(0, 0, 0, .8)
}

.style_bullet-head-image___jxze {
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.TeamHall_danmuBox__Zx9nv {
    height: calc(100% - 8px);
    width: 100%;
    top: 4px;
    position: absolute;
    z-index: 2
}

.TeamHall_danmu__y21LE {
    background-color: rgba(0, 0, 0, .8);
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s;
    word-break: keep-all
}

.TeamHall_danmu__y21LE .TeamHall_avatar__8L_Ft {
    border-radius: 50%;
    object-fit: cover;
    width: 24px;
    height: 24px
}

.TeamHall_danmu__y21LE .TeamHall_name__57azI {
    color: #eef0f5;
    margin: 0 5px
}

.TeamHall_danmu__y21LE .TeamHall_des__xaavF {
    color: #a3abba
}

.TeamHall_danmu__y21LE .TeamHall_game__rvcXi {
    color: #00c6ff;
    word-break: keep-all;
    white-space: nowrap
}

.TeamHall_danmu__y21LE:hover {
    transform: scale(1.05);
    filter: brightness(1.1)
}

.TeamHall_btn__5n0mR {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: var(--btn-primary-bg);
    border-radius: 15px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    z-index: 3;
    user-select: none
}

.TeamHall_btn__5n0mR:hover {
    filter: brightness(1.1);
    color: #fff
}

@media screen and (max-width: 1440px) {
    .TeamHall_danmu__y21LE {
        font-size: 12px
    }

    .TeamHall_danmu__y21LE .TeamHall_avatar__8L_Ft {
        width: 20px;
        height: 20px
    }
}

.Right_right__5Swo1 {
    min-width: 175px;
    margin-top: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: calc(100vh - var(--header-height));
    width: var(--detail-right-width)
}

.Right_right__5Swo1::-webkit-scrollbar {
    display: none
}

.Right_right__5Swo1 .Right_titleBox__af0Nd {
    margin-bottom: 14px;
    margin-top: 0
}

.Right_right__5Swo1 .Right_list__fmZ2H {
    display: grid;
    grid-template-columns:repeat(auto-fill, 82px);
    justify-content: space-between;
    grid-row-gap: 10px;
    padding-bottom: 10px
}

.Right_right__5Swo1 .Right_list__fmZ2H .Right_inner__HAk7x {
    width: 82px;
    height: 82px;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--img-bg)
}

.Right_right__5Swo1 .Right_list__fmZ2H .Right_outer__qPIMK {
    grid-column: span 3;
    height: 110px
}

.Right_right__5Swo1 .Right_banner__K5l5V {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    height: auto
}

@media screen and (max-width: 1500px) {
    .Right_right__5Swo1 .Right_list__fmZ2H .Right_outer__qPIMK {
        grid-column: span 2
    }
}

.InfiniteScroll2_loading__JJQQG {
    margin: 20px 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.InfiniteScroll2_loading__JJQQG span {
    margin-left: 10px;
    color: var(--text-color)
}

.InfiniteScroll2_noMore__ZEb3i {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--text-color)
}

.InfiniteScroll2_noMore__ZEb3i p {
    margin: 0 10px
}

.InfiniteScroll2_noMore__ZEb3i .InfiniteScroll2_line__dze0N {
    height: 1px;
    flex: 1;
    background-color: var(--area-line-color)
}

.VideoList_top__7_PNO {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px
}

.VideoList_top__7_PNO, .VideoList_top__7_PNO .VideoList_header__s2vlI {
    position: sticky;
    top: 0;
    background-color: var(--page-background-color);
    z-index: 1
}

.VideoList_top__7_PNO .VideoList_header__s2vlI {
    margin: 0
}

.VideoList_top__7_PNO .VideoList_sort__pKFxN {
    display: flex;
    align-items: center
}

.VideoList_top__7_PNO .VideoList_sort__pKFxN .VideoList_news__GPDtH {
    border-radius: 4px 0 0 4px
}

.VideoList_top__7_PNO .VideoList_sort__pKFxN .VideoList_hots__1gU7g {
    border-radius: 0 4px 4px 0
}

.VideoList_top__7_PNO .VideoList_sort__pKFxN .VideoList_sortItem__PX0dO {
    width: 40px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a3abba;
    font-size: 12px;
    font-weight: 400;
    background: var(--btn-bg);
    border: 1px solid var(--area-border-color);
    cursor: pointer
}

.VideoList_top__7_PNO .VideoList_sort__pKFxN .VideoList_activeSort__z8Ls0 {
    border: none;
    background: var(--btn-primary-bg);
    color: #fff;
    font-weight: 700
}

.VideoList_box__qFlJt {
    flex: 1;
    position: sticky;
    top: calc(var(--header-height) + 30px);
    height: calc(100vh - var(--header-height) - 32px);
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.VideoList_box__qFlJt::-webkit-scrollbar {
    display: none
}

.VideoList_box__qFlJt .VideoList_list__aOE6L {
    padding-top: 12px
}

@media screen and (max-width: 1336px) {
    .VideoList_box__qFlJt {
        top: calc(var(--header-height) + 20px);
        height: calc(100vh - var(--header-height) - 20px)
    }

    .VideoList_box__qFlJt .VideoList_list__aOE6L {
        padding-top: 0
    }
}

.SearchFind_searchFind__Qi6_h {
    width: 190px
}

.SearchFind_searchFind__Qi6_h .SearchFind_title__naY3_ {
    margin-top: 0;
    margin-bottom: 0
}

.SearchFind_searchFind__Qi6_h .SearchFind_titleBox__T0B93 {
    margin-bottom: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.SearchFind_searchFind__Qi6_h .SearchFind_refresh___zPZp {
    padding: 0 8px;
    height: 22px;
    background: #2f3338;
    border-radius: 4px;
    color: #8f9092;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.SearchFind_searchFind__Qi6_h .SearchFind_refresh___zPZp span {
    margin-left: 4px
}

.SearchFind_searchFind__Qi6_h .SearchFind_refresh___zPZp:hover {
    filter: brightness(1.1)
}

.SearchFind_searchFind__Qi6_h .SearchFind_listBox__TWhnZ {
    background: rgba(36, 39, 44, .8);
    border-radius: 10px;
    padding: 8px 16px;
    height: 392px;
    overflow: hidden;
    margin-bottom: 20px
}

.SearchFind_searchFind__Qi6_h .SearchFind_list__RQ_Hm {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    column-gap: 6px
}

.SearchFind_searchFind__Qi6_h .SearchFind_list__RQ_Hm .SearchFind_item__lHudP {
    padding: 0 10px;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    color: #8f9092;
    background-color: #2f3338;
    border-radius: 12px
}

.SearchFind_searchFind__Qi6_h .SearchFind_list__RQ_Hm .SearchFind_item__lHudP:hover {
    background-color: #17191d
}

.SearchFind_searchFind__Qi6_h .SearchFind_banner__sEcVD {
    height: auto;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (min-width: 1336px) {
    .SearchFind_searchFind__Qi6_h {
        width: 253px
    }

    .SearchFind_searchFind__Qi6_h .SearchFind_titleBox__T0B93 {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1440px) {
    .SearchFind_searchFind__Qi6_h {
        width: 308px
    }

    .SearchFind_searchFind__Qi6_h .SearchFind_listBox__TWhnZ {
        height: 551px
    }

    .SearchFind_searchFind__Qi6_h .SearchFind_titleBox__T0B93 h2, .SearchFind_searchFind__Qi6_h .SearchFind_titleBox__T0B93 h3 {
        font-size: 18px
    }
}

.SearchList_tabBox__D44PK {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px
}

.SearchList_tabBox__D44PK .SearchList_tab__ZS7mI {
    width: 60px;
    height: 28px;
    background: #24272c;
    border-radius: 14px;
    font-size: 14px;
    color: hsla(0, 0%, 100%, .6);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.SearchList_tabBox__D44PK .SearchList_tab__ZS7mI:hover {
    filter: brightness(1.1)
}

.SearchList_tabBox__D44PK .SearchList_active___MX53 {
    background: #fe8e0d;
    color: #fff
}

.SearchList_title__XgMN1 {
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-weight: 700
}

.SearchList_keyword__dDh8l {
    color: var(--primary-color)
}

.SearchList_guessModule__axDjC .SearchList_guessListTitle__FDLJR {
    margin-top: 0;
    margin-bottom: 10px
}

.SearchList_guessModule__axDjC .SearchList_guessList__ocRqe {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    row-gap: 6px;
    column-gap: 6px
}

.SearchList_guessModule__axDjC .SearchList_guessList__ocRqe .SearchList_searchList__lq7Fy {
    margin-top: 0;
    border-radius: 10px;
    overflow: hidden
}

.SearchList_guessModule__axDjC .SearchList_guessList__ocRqe .SearchList_searchList__lq7Fy .SearchList_play__NCzzT {
    display: none
}

.SearchList_empty__H0D3P {
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.SearchList_empty__H0D3P .SearchList_des__e44z5 {
    font-size: 14px;
    line-height: 14px;
    color: #d2d3d4;
    margin-top: 10px
}

.SearchList_empty__H0D3P .SearchList_des__e44z5 span {
    color: var(--primary-color)
}

.SearchList_searchList__lq7Fy {
    margin-top: 12px;
    display: block
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF {
    height: 94px;
    background: #24272c;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    align-items: center
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_info__ovqmV {
    flex: 1
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_icon__CB09i {
    border-radius: 10px;
    margin-right: 12px;
    object-fit: cover
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_name__R4HLy {
    font-size: 14px;
    line-height: 14px;
    color: #eef0f5;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_name__R4HLy em {
    color: var(--primary-color);
    font-style: normal
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_categoryBox__g2Qhg {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    overflow: hidden;
    margin-top: 8px;
    height: 20px
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_categoryBox__g2Qhg .SearchList_category__K9gEw {
    font-size: 12px;
    line-height: 20px;
    height: 20px;
    padding: 0 8px;
    color: #8f9092;
    background: #464a4f;
    border-radius: 4px
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_categoryBox__g2Qhg .SearchList_category__K9gEw em {
    color: var(--primary-color);
    font-style: normal
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_des__e44z5 {
    font-size: 14px;
    line-height: 14px;
    color: #8f9092;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 8px
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_des__e44z5 em {
    color: var(--primary-color);
    font-style: normal
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_play__NCzzT {
    width: 76px;
    margin-left: 52px;
    margin-right: 8px;
    flex-shrink: 0;
    height: 32px;
    background: linear-gradient(90.501774deg, #fe7e0d, #ffaf37);
    border-radius: 16px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 12px rgba(233, 72, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF:hover {
    filter: brightness(1.1)
}

@media screen and (min-width: 1336px) {
    .SearchList_title__XgMN1 {
        margin-bottom: 16px
    }

    .SearchList_guessModule__axDjC .SearchList_guessListTitle__FDLJR {
        margin-bottom: 20px
    }

    .SearchList_guessModule__axDjC .SearchList_guessList__ocRqe {
        row-gap: 12px;
        column-gap: 12px
    }

    .SearchList_guessModule__axDjC .SearchList_guessList__ocRqe .SearchList_searchList__lq7Fy {
        margin-top: 0
    }

    .SearchList_guessModule__axDjC .SearchList_guessList__ocRqe .SearchList_searchList__lq7Fy .SearchList_play__NCzzT {
        display: flex
    }

    .SearchList_empty__H0D3P {
        padding: 70px 0
    }

    .SearchList_empty__H0D3P .SearchList_des__e44z5 {
        font-size: 16px;
        line-height: 16px
    }

    .SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF {
        height: 104px;
        padding: 12px 16px
    }

    .SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_icon__CB09i {
        width: 80px;
        height: 80px;
        margin-right: 16px
    }

    .SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_name__R4HLy {
        font-size: 16px;
        line-height: 16px
    }

    .SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_categoryBox__g2Qhg, .SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_des__e44z5 {
        margin-top: 10px
    }

    .SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF .SearchList_play__NCzzT {
        margin-left: 32px
    }
}

@media screen and (min-width: 1440px) {
    .SearchList_searchList__lq7Fy .SearchList_gameItem__68VKF {
        height: 112px;
        padding: 16px 20px
    }

    .SearchList_guessModule__axDjC .SearchList_guessListTitle__FDLJR h2, .SearchList_guessModule__axDjC .SearchList_guessListTitle__FDLJR h3 {
        font-size: 18px
    }
}

.Empty_noMore__Kg72z {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex: 1
}

.Empty_noMore__Kg72z p {
    font-size: 12px;
    color: var(--text-color);
    line-height: 16px
}

.Pagination_pagination__6AKf1 {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    color: #fff
}

.Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-next button, .Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-prev button {
    color: var(--text-color)
}

.Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-next:hover .ant-pagination-item-link, .Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-prev:hover .ant-pagination-item-link {
    color: var(--primary-color)
}

.Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-item a {
    color: var(--text-color)
}

.Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-item a:hover {
    color: var(--primary-color)
}

.Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-item.ant-pagination-item-active {
    background-color: transparent
}

.Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis, .Pagination_pagination__6AKf1 .ant-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis {
    color: var(--text-color)
}

.Toolbar_gameToolsBox__Kd4Y2 {
    height: 70px;
    background: var(--area-bg);
    border: var(--area-border-width) solid var(--area-border-color);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_action__Jetlg {
    display: flex
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_gameInfo__ZuV1p {
    display: flex;
    align-items: center
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_gameInfo__ZuV1p .Toolbar_gameCover__jQna3 {
    background-color: var(--img-bg);
    border-radius: 10px;
    object-fit: cover
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_gameInfo__ZuV1p .Toolbar_gameName__EzNky {
    margin-left: 16px
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_gameInfo__ZuV1p .Toolbar_gameName__EzNky h1 {
    color: var(--label-color);
    font-size: 16px;
    margin-top: 4px;
    font-weight: 500;
    line-height: 18px
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_gameInfo__ZuV1p .Toolbar_gameName__EzNky .Toolbar_labelBox__EUH3j {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
    height: 20px;
    overflow: hidden
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_gameInfo__ZuV1p .Toolbar_gameName__EzNky .Toolbar_labelBox__EUH3j .Toolbar_label__MvFBV {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 6px;
    background: var(--area-label-bg);
    border-radius: 4px 4px 4px 4px;
    font-size: 12px;
    color: var(--label-color)
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_gameInfo__ZuV1p .Toolbar_gameName__EzNky .Toolbar_info__Kkm9Y {
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: var(--text-color);
    font-size: 14px
}

.Toolbar_gameToolsBox__Kd4Y2 .Toolbar_gameInfo__ZuV1p .Toolbar_gameName__EzNky .Toolbar_info__Kkm9Y > img {
    margin-right: 5px
}

.MoreGameItem_box__C0zIK {
    --box-width: 184px;
    --box-height: 250px;
    --box-border: 10px;
    --box-text-height: 48px;
    --box-font-size: 16px;
    --icon-border: 20px;
    --btn-width: 80px;
    --btn-height: 30px;
    --btn-x-margin: 52px;
    --btn-y-margin: 20px;
    --btn-pt: 2px;
    width: var(--box-width);
    height: var(--box-height);
    cursor: pointer;
    display: block;
    background-color: #23272b;
    border-radius: var(--box-border);
    overflow: hidden;
    border: 2px solid transparent
}

.MoreGameItem_box__C0zIK:hover {
    background-color: #2f3337
}

.MoreGameItem_box__C0zIK:hover .MoreGameItem_bottom__rgLRO .MoreGameItem_btn__mki_l, .MoreGameItem_box__C0zIK:hover .MoreGameItem_icon__XwAyd {
    transform: scale(1.1)
}

.MoreGameItem_box__C0zIK .MoreGameItem_cover__QZrbk {
    width: calc(var(--box-width) - 40px);
    height: calc(var(--box-width) - 40px);
    margin: 10px auto;
    border-radius: var(--box-border)
}

.MoreGameItem_box__C0zIK .MoreGameItem_cover__QZrbk .MoreGameItem_icon__XwAyd {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .2s;
    border-radius: var(--icon-border)
}

.MoreGameItem_box__C0zIK .MoreGameItem_name___HFlc {
    padding: 0 7px;
    font-size: var(--box-font-size);
    color: #edeff4;
    text-align: center;
    line-height: 16px;
    min-height: 15px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis
}

.MoreGameItem_box__C0zIK .MoreGameItem_bottom__rgLRO {
    display: block;
    margin: 20px auto;
    width: 100px;
}

.MoreGameItem_box__C0zIK .MoreGameItem_bottom__rgLRO .MoreGameItem_btn__mki_l {
    width: 100%;
    height: var(--btn-height);
    background: linear-gradient(90.501774deg, #fe7e0d, #ffaf37);
    color: #fff;
    text-align: center;
    font-size: var(--box-font-size);
    border-radius: 15px;
    padding-top: var(--btn-pt);
    font-weight: 700
}

.MoreGameItem_box__C0zIK .MoreGameItem_bottom__rgLRO .MoreGameItem_btn__mki_l:hover {
    transform: scale(1.1)
}

@media screen and (max-width: 1440px) {
    .MoreGameItem_box__C0zIK.MoreGameItem_middle__Fa0Zv {
        --box-width: 184px;
        --box-height: 100%;
        --box-border: 10px;
        --box-text-height: 48px;
        --box-font-size: 16px;
        --btn-width: 80px;
        --btn-height: 30px;
        --btn-x-margin: 52px;
        --btn-y-margin: 20px;
        --icon-border: 20px;
        --btn-pt: 2px
    }
}

@media screen and (max-width: 1336px) {
    .MoreGameItem_box__C0zIK.MoreGameItem_middle__Fa0Zv {
        --box-width: 116px;
        --box-height: 100%;
        --box-border: 10px;
        --box-text-height: 26px;
        --box-font-size: 12px;
        --icon-border: 10px;
        --btn-width: 60px;
        --btn-height: 20px;
        --btn-x-margin: 28px;
        --btn-y-margin: 10px;
        --btn-pt: 0
    }
}

.info_page__4rry7 {
    min-height: calc(100vh - var(--header-height));
    overflow-x: hidden;
    padding-top: calc(var(--header-height) + 30px);
    padding-left: calc(var(--sidebar-nav-width));
    padding-bottom: 20px
}

.info_page__4rry7 .info_content__mzmp0 {
    margin: 0 auto
}

@media screen and (max-width: 1336px) {
    .info_recently__l50cN {
        gap: 20px
    }

    .info_wonderful__F02bE .info_listBox__fm0q_ .info_list__gRMMg {
        grid-template-columns:repeat(2, 1fr)
    }
}

._id__page__emVSX {
    padding-top: calc(var(--header-height));
    padding-bottom: 20px;
    min-height: calc(100vh - var(--header-height));
    width: var(--content-width);
    margin: 0 auto
}

._id__page__emVSX ._id__header__vErOM {
    position: sticky;
    padding-top: 20px;
    padding-bottom: 20px;
    top: calc(var(--header-height));
    z-index: 2;
    background-color: var(--page-background-color)
}

._id__page__emVSX ._id__header__vErOM ._id__lineTitle__nyPDP {
    margin: 0
}

._id__page__emVSX ._id__header__vErOM ._id__tabs___lq0i {
    display: flex;
    align-items: center;
    padding: 20px 0 0
}

._id__page__emVSX ._id__header__vErOM ._id__tabs___lq0i ._id__item__HypWE {
    line-height: 32px;
    font-weight: 700;
    font-size: 16px;
    color: var(--text-color);
    padding: 0 16px;
    height: 32px;
    cursor: pointer;
    background-color: var(--area-hover-bg);
    border-radius: var(--nav-radius);
    margin-right: 10px;
    transition: all .2s
}

._id__page__emVSX ._id__header__vErOM ._id__tabs___lq0i ._id__item__HypWE._id__active__ZPbYl, ._id__page__emVSX ._id__header__vErOM ._id__tabs___lq0i ._id__item__HypWE:hover {
    background: var(--primary-color);
    color: #fff
}

._id__page__emVSX ._id__banner__RNDZi {
    height: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    ._id__page__emVSX ._id__header__vErOM {
        padding-top: 20px;
        padding-bottom: 10px
    }

    ._id__page__emVSX ._id__header__vErOM ._id__tabs___lq0i {
        padding: 15px 0 0
    }

    ._id__page__emVSX ._id__header__vErOM ._id__tabs___lq0i ._id__item__HypWE {
        font-size: 14px;
        height: 28px;
        line-height: 28px
    }
}

@media screen and (max-width: 1336px) {
    ._id__page__emVSX ._id__banner__RNDZi {
        margin-bottom: 10px
    }
}

._id__page__vRo8K {
    padding: var(--header-height) 0 0;
    margin: 0 auto;
    display: flex;
    position: relative;
    max-width: 1400px
}

._id__page__vRo8K ._id__main__roeFD {
    flex: 1;
    margin-right: 30px;
    margin-top: 30px
}

._id__page__vRo8K ._id__main__roeFD ._id__bannerImg__YTM5Z {
    display: block
}

._id__page__vRo8K ._id__main__roeFD ._id__articleBox__SI3K_ {
    background: var(--area-bg);
    border-bottom: var(--area-border-width) solid var(--area-border-color);
    border-radius: var(--card-border-radius);
    padding: 40px
}

._id__page__vRo8K ._id__main__roeFD ._id__articleBox__SI3K_ ._id__title__sY3NU {
    font-size: 26px;
    font-weight: 700;
    color: var(--title-color);
    text-align: center;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

._id__page__vRo8K ._id__main__roeFD ._id__moreGame__pUzMy {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-auto-rows: minmax(180px, auto);
    grid-gap: 18px
}

._id__page__vRo8K ._id__main__roeFD ._id__moreGame__pUzMy div:last-child {
    grid-column-start: 1;
    grid-column-end: 6
}

._id__page__vRo8K ._id__side___RCL8 {
    width: 420px;
    position: sticky;
    top: calc(30px + var(--header-height));
    height: fit-content;
    max-height: calc(100vh - var(--header-height));
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

._id__page__vRo8K ._id__side___RCL8::-webkit-scrollbar {
    display: none
}

._id__page__vRo8K ._id__side___RCL8 ._id__gameInfo__DXkbV {
    height: 160px;
    background-color: var(--area-bg);
    border: var(--area-border-width) solid var(--area-border-color);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    padding: 20px
}

._id__page__vRo8K ._id__side___RCL8 ._id__gameInfo__DXkbV ._id__icon__nEuWV {
    object-fit: cover;
    border-radius: 10px;
    margin-right: 16px
}

._id__page__vRo8K ._id__side___RCL8 ._id__gameInfo__DXkbV ._id__des__It7kC h3 {
    font-size: 16px;
    color: var(--title-color);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

._id__page__vRo8K ._id__side___RCL8 ._id__gameInfo__DXkbV ._id__des__It7kC p {
    font-size: 14px;
    color: var(--label-color);
    line-height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 10px
}

._id__page__vRo8K ._id__side___RCL8 ._id__gameInfo__DXkbV ._id__des__It7kC ._id__btn__5S9UB {
    width: 62px;
    height: 26px;
    line-height: 26px;
    background: var(--btn-primary-bg);
    border-radius: 13px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    padding: 0;
    margin-top: 14px
}

._id__page__vRo8K ._id__side___RCL8 ._id__gameInfo__DXkbV ._id__des__It7kC ._id__btn__5S9UB:hover {
    filter: brightness(1.1);
    color: #fff
}

._id__page__vRo8K ._id__side___RCL8 ._id__relevantArt__9eyXb {
    display: flex;
    align-items: center;
    background: var(--area-bg);
    border-radius: var(--border-radius);
    border: var(--area-border-width) solid var(--area-border-color);
    margin-bottom: 18px;
    padding-right: 20px;
    cursor: pointer;
    overflow: hidden
}

._id__page__vRo8K ._id__side___RCL8 ._id__relevantArt__9eyXb ._id__icon__nEuWV {
    background-color: var(--img-bg);
    object-fit: cover;
    width: 160px;
    height: 100px;
    margin-right: 20px
}

._id__page__vRo8K ._id__side___RCL8 ._id__relevantArt__9eyXb h3 {
    font-size: 16px;
    font-weight: 400;
    color: var(--title-color);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

._id__page__vRo8K ._id__side___RCL8 ._id__relevantArt__9eyXb p {
    font-size: 14px;
    font-weight: 400;
    color: var(--label-color);
    line-height: 20px;
    margin-top: 8px;
    height: 40px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden
}

._id__page__vRo8K ._id__side___RCL8 ._id__relevantArt__9eyXb:hover {
    background-color: var(--card-hover-bg)
}

@media screen and (max-width: 1440px) {
    ._id__page__vRo8K {
        padding: var(--header-height) 20px 0
    }

    ._id__page__vRo8K ._id__main__roeFD {
        margin-right: 26px;
        margin-top: 20px
    }

    ._id__page__vRo8K ._id__side___RCL8 {
        width: 348px;
        top: calc(20px + var(--header-height))
    }

    ._id__page__vRo8K ._id__side___RCL8 ._id__gameInfo__DXkbV {
        padding: 16px
    }
}

.GoldDetailModal_box__4WHgp {
    background-color: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 14px;
    padding: 28px;
    height: 520px;
    display: flex;
    flex-direction: column
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_title__KFi7q {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 10px
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_listBox__u0g3V {
    flex: 1;
    margin-top: 18px;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_listBox__u0g3V::-webkit-scrollbar {
    display: none
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_item__eTUfS {
    position: relative;
    border-radius: 5px;
    height: 62px;
    overflow: hidden;
    margin-bottom: 2px
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_item__eTUfS:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: #45494e;
    opacity: .45;
    z-index: 1;
    top: 0
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_item__eTUfS .GoldDetailModal_content__21ngA {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_item__eTUfS .GoldDetailModal_content__21ngA .GoldDetailModal_left__eUcr_ .GoldDetailModal_dot__SIO1P {
    width: 3px;
    height: 3px;
    background-color: #fff;
    margin-right: 10px
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_item__eTUfS .GoldDetailModal_content__21ngA .GoldDetailModal_left__eUcr_ .GoldDetailModal_taskTitle__DqT65 {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    display: flex;
    align-items: center
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_item__eTUfS .GoldDetailModal_content__21ngA .GoldDetailModal_left__eUcr_ .GoldDetailModal_time__TVG2Y {
    font-size: 12px;
    line-height: 12px;
    color: #8f9092;
    margin-top: 8px
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_item__eTUfS .GoldDetailModal_content__21ngA .GoldDetailModal_right__RgCIQ {
    font-weight: 700;
    font-size: 18px;
    color: #ffb521
}

.GoldDetailModal_box__4WHgp .GoldDetailModal_empty__5HKKJ {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.GoldRecord_top__vK3dg {
    justify-content: space-between
}

.GoldRecord_balance__ip2rC, .GoldRecord_top__vK3dg {
    display: flex;
    align-items: center
}

.GoldRecord_balance__ip2rC h3 {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
    margin-right: 16px
}

.GoldRecord_balance__ip2rC span {
    font-weight: 700;
    font-size: 30px;
    color: #eef0f5;
    line-height: 30px
}

.GoldRecord_action___1qp8 {
    display: flex;
    align-items: center
}

.GoldRecord_action___1qp8 .GoldRecord_btn__yUQ_R {
    width: 96px;
    height: 36px;
    background: rgba(0, 0, 0, .5);
    border-radius: 18px;
    font-weight: 700;
    font-size: 14px;
    color: #d2d3d4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.GoldRecord_action___1qp8 .GoldRecord_btn__yUQ_R:hover {
    color: #ffb521
}

.SignModule_title___oTvC {
    color: #fff;
    display: flex;
    align-items: center;
    margin-top: 30px
}

.SignModule_title___oTvC h3 {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    margin-right: 12px
}

.SignModule_title___oTvC span {
    font-size: 14px;
    color: #8f9092
}

.SignModule_issue__Wl3lr {
    cursor: pointer;
    margin-left: 6px
}

.SignModule_issue__Wl3lr:hover {
    filter: brightness(.8)
}

.SignModule_num__DnWS_ {
    color: #ffb521 !important;
    font-weight: 700;
    margin: 0 2px
}

.SignModule_signGroup__W_foZ {
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.SignItem_box__hw_ND {
    width: 182px;
    height: 122px;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: var(--border-radius);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    user-select: none
}

.SignItem_box__hw_ND:hover {
    filter: brightness(1.1)
}

.SignItem_box__hw_ND .SignItem_num__gNfUm {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #fff
}

.SignItem_box__hw_ND .SignItem_icon__h7Wpv {
    width: 50px;
    height: 50px;
    border-radius: var(--border-radius);
    background-color: rgba(0, 0, 0, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px 0
}

.SignItem_box__hw_ND .SignItem_des__77M9R {
    font-size: 14px;
    color: #8f9092;
    line-height: 14px
}

.SignItem_box__hw_ND .SignItem_hasSign__IZVnA, .SignItem_box__hw_ND .SignItem_todayHasSign__JauYt {
    position: absolute;
    right: 10px;
    top: 10px
}

.SignItem_noAllowed__GEtfj {
    cursor: not-allowed !important
}

.SignItem_todaySign__XU4RG {
    background-color: #fc7522;
    cursor: pointer
}

.SignItem_todaySign__XU4RG .SignItem_des__77M9R {
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

@media screen and (max-width: 1440px) {
    .SignItem_box__hw_ND {
        width: 158px
    }
}

@media screen and (max-width: 1336px) {
    .SignItem_box__hw_ND {
        width: 106px
    }

    .SignItem_box__hw_ND .SignItem_hasSign__IZVnA, .SignItem_box__hw_ND .SignItem_todayHasSign__JauYt {
        position: absolute;
        right: 4px;
        top: 4px;
        width: 18px;
        height: 18px
    }

    .SignItem_box__hw_ND .SignItem_hasSign__IZVnA img, .SignItem_box__hw_ND .SignItem_todayHasSign__JauYt img {
        width: 100%;
        height: 100%
    }
}

.SignSuccessModal_box__vIUfC {
    background-color: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 14px;
    padding: 28px;
    height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.SignSuccessModal_box__vIUfC .SignSuccessModal_primary__XCbI_ {
    color: #ffb521
}

.SignSuccessModal_box__vIUfC h3 {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: 700
}

.SignSuccessModal_box__vIUfC .SignSuccessModal_icon__vNfpl {
    margin-top: 36px
}

.SignSuccessModal_box__vIUfC .SignSuccessModal_congrats__68H7p {
    font-size: 16px;
    color: #fff;
    line-height: 16px;
    margin-top: 12px
}

.SignSuccessModal_box__vIUfC .SignSuccessModal_des__r9lpW {
    font-size: 14px;
    color: #8f9092;
    line-height: 14px;
    margin-top: 14px
}

.SignIssueModal_box__EdiqG {
    background-color: #2a2d33;
    box-shadow: 0 0 23px 0 rgba(0, 0, 0, .05);
    border-radius: 14px;
    padding: 28px;
    display: flex;
    flex-direction: column
}

.SignIssueModal_box__EdiqG .SignIssueModal_title__ydKtW {
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center
}

.SignIssueModal_box__EdiqG .SignIssueModal_item__W22rW {
    display: flex;
    align-items: flex-start;
    margin-top: 12px
}

.SignIssueModal_box__EdiqG .SignIssueModal_item__W22rW .SignIssueModal_label__jNxdt {
    display: flex;
    align-items: center
}

.SignIssueModal_box__EdiqG .SignIssueModal_item__W22rW .SignIssueModal_label__jNxdt h4 {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    margin-left: 6px
}

.SignIssueModal_box__EdiqG .SignIssueModal_item__W22rW .SignIssueModal_answer__XgOzA {
    border-radius: 5px;
    overflow: hidden;
    background-color: #363a3f;
    padding: 15px;
    font-size: 12px;
    color: #8f9092;
    line-height: 20px;
    margin-top: 8px
}

.SignIssueModal_box__EdiqG .SignIssueModal_des__aIwf5 {
    font-size: 12px;
    color: #8f9092;
    line-height: 20px;
    margin-top: 24px;
    text-align: center
}

.TaskModule_box__SH6Ld {
    background: var(--area-bg);
    border: var(--area-border-width) solid var(--area-border-color);
    border-radius: var(--border-radius);
    margin-bottom: 30px;
    padding: 30px;
    margin-top: 20px
}

.TaskModule_box__SH6Ld .TaskModule_title__P44c5 {
    font-weight: 700;
    font-size: 20px;
    color: var(--title-color);
    line-height: 20px
}

.TaskModule_box__SH6Ld .TaskModule_list__arT2Y {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 20px;
    margin-top: 16px
}

.TaskModule_box__SH6Ld .TaskModule_coinList__QhxIZ {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    gap: 20px;
    margin-top: 16px
}

@media screen and (max-width: 1336px) {
    .TaskModule_box__SH6Ld .TaskModule_coinList__QhxIZ {
        gap: 14px
    }
}

.More_empty__IhCth {
    margin-top: 100px
}

.More_empty__IhCth img {
    width: 120px;
    height: 120px
}

@media screen and (max-width: 1440px) {
    .More_empty__IhCth img {
        width: 100px;
        height: 100px
    }
}

.List_list__cUp7O {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    column-gap: 15px;
    row-gap: 30px;
    width: 100%
}

.List_list__cUp7O .List_itemWrapper__lEPRv {
    width: 261px;
    padding: 5px;
    height: 220px;
    border-radius: 7px;
    border: 1px solid #c5a85f;
    overflow: hidden;
    transition: all .2s
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_imgWrapper__2_r6d {
    width: 100%;
    height: 140px;
    overflow: hidden
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_imgWrapper__2_r6d img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: all .2s
}

.List_list__cUp7O .List_itemWrapper__lEPRv:hover {
    filter: brightness(1.2)
}

.List_list__cUp7O .List_itemWrapper__lEPRv:hover .List_imgWrapper__2_r6d img {
    transform: scale(1.2)
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_item__QVdMc .List_info__xC30w {
    display: flex;
    justify-content: space-between
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_item__QVdMc .List_info__xC30w .List_title__WQxtC {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 16px;
    color: #2b2b2b;
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_item__QVdMc .List_info__xC30w .List_like__vG19A {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 12px;
    color: #2b2b2b;
    display: flex;
    align-items: center;
    gap: 5px
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_item__QVdMc .List_user__V61vW {
    display: flex;
    align-items: center;
    gap: 5px
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_item__QVdMc .List_user__V61vW img {
    width: 25px;
    height: 25px;
    border-radius: 50%
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_item__QVdMc .List_user__V61vW .List_nickname__Py8LW {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #999
}

.List_list__cUp7O .List_itemWrapper__lEPRv .List_item__QVdMc .List_extra__D4Siz {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 12px;
    color: #999;
    line-height: 17px;
    text-align: right
}

@media screen and (max-width: 750px) {
    .List_list__cUp7O {
        grid-template-columns:repeat(2, 1fr)
    }

    .List_list__cUp7O .List_itemWrapper__lEPRv {
        width: auto
    }

    .List_list__cUp7O .List_itemWrapper__lEPRv .List_imgWrapper__2_r6d {
        height: 7.7rem
    }
}

.NavTab_wrapper__76Kd3 {
    width: 180px
}

.NavTab_wrapper__76Kd3 .NavTab_link__8ThVW {
    font-weight: 400;
    font-size: 22px;
    color: #2b2b2b;
    position: relative;
    height: 38px;
    display: inline-block
}

.NavTab_wrapper__76Kd3 .NavTab_link__8ThVW.NavTab_active__hhGaB:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background-color: #c9542b
}

.NavTab_wrapper__76Kd3 .NavTab_link__8ThVW.NavTab_active__hhGaB, .NavTab_wrapper__76Kd3 .NavTab_link__8ThVW:hover {
    font-weight: 700;
    color: #2b2b2b
}

@media screen and (max-width: 750px) {
    .NavTab_wrapper__76Kd3 {
        width: auto
    }

    .NavTab_wrapper__76Kd3 a {
        font-size: 1rem !important;
        line-height: 38px
    }
}

._id__container__TNAOv {
    width: 100%;
    height: 100%
}

._id__container__TNAOv ._id__header__owlo6 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1
}

._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng ._id__wrapper__6o86V {
    width: 180px
}

._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng ._id__wrapper__6o86V ._id__link__Lg3WP {
    font-weight: 400;
    font-size: 22px;
    color: #2b2b2b;
    position: relative;
    height: 38px;
    display: inline-block
}

._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng ._id__wrapper__6o86V ._id__link__Lg3WP._id__active__wA8RA:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 4px;
    border-radius: 2px;
    background-color: #c9542b
}

._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng ._id__wrapper__6o86V ._id__link__Lg3WP._id__active__wA8RA, ._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng ._id__wrapper__6o86V ._id__link__Lg3WP:hover {
    font-weight: 700;
    color: #2b2b2b
}

._id__container__TNAOv ._id__line__eHeGu {
    width: 100%;
    height: 1px;
    background-color: #c5a85f;
    margin: 36px 0
}

._id__container__TNAOv ._id__body__8yOT_ {
    display: flex
}

._id__container__TNAOv ._id__body__8yOT_ ._id__empty__EhwgR {
    margin-top: 200px
}

@media screen and (max-width: 750px) {
    ._id__container__TNAOv ._id__header__owlo6 {
        display: block
    }

    ._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng {
        justify-content: space-between;
        margin-bottom: 1.25rem
    }

    ._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng ._id__wrapper__6o86V {
        width: auto
    }

    ._id__container__TNAOv ._id__header__owlo6 ._id__content__R9dng ._id__wrapper__6o86V a {
        font-size: 1rem !important;
        line-height: 38px
    }

    ._id__container__TNAOv ._id__line__eHeGu {
        margin: 1.125rem 0
    }
}










.FriendLink_youlian__WvefJ {
    font-size: 14px;
    display: flex;
    gap: 40px
}

.FriendLink_youlian__WvefJ a {
    color: var(--text-color)
}

.FriendLink_youlian__WvefJ a:hover {
    color: var(--primary-color)
}

.Main_listBox__05qB1 .Main_container__3Iwj_ {
    width: var(--content-width);
    margin: 0 auto
}

.Main_listBox__05qB1 .Main_tabContainer__Qsz8d {
    padding-bottom: 10px;
    position: sticky;
    background-color: var(--header-bg);
    backdrop-filter: blur(10px);
    top: var(--header-height);
    z-index: 1
}

.Main_listBox__05qB1 .Main_tabBox__3CYVZ {
    border-bottom: 1px solid hsla(0, 0%, 100%, .15);
    display: flex;
    width: var(--content-width);
    margin: 0 auto
}

.Main_listBox__05qB1 .Main_tabBox__3CYVZ .Main_tabItem__bNMv6 {
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #d2d3d4;
    padding: 10px;
    margin-right: 20px;
    position: relative;
    cursor: pointer
}

.Main_listBox__05qB1 .Main_tabBox__3CYVZ .Main_tabItem__bNMv6:hover {
    filter: brightness(1.1)
}

.Main_listBox__05qB1 .Main_tabBox__3CYVZ .Main_tabItem__bNMv6.Main_active__EwotM:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #fe7e0d, #ffaf37);
    border-radius: 2px
}

.Main_listBox__05qB1 .Main_listBody__n2s1W {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    column-gap: 20px;
    margin-top: 10px
}

.Main_listBox__05qB1 .Main_videoListBody__HNCY5 {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    column-gap: 20px;
    margin-top: 10px
}

.Main_listBox__05qB1 .Main_similarListBody__CQD9D {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    column-gap: 20px;
    row-gap: 20px;
    margin-top: 10px
}

.Main_loading__UyWGd {
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.Main_loading__UyWGd .ant-spin-dot-item {
    background-color: var(--primary-color)
}

@media screen and (max-width: 1336px) {
    .Main_listBox__05qB1 .Main_similarListBody__CQD9D {
        grid-template-columns:repeat(4, 1fr);
        column-gap: 14px;
        row-gap: 14px
    }
}

.task_page__iCi68 {
    min-height: 100%;
    padding-top: var(--header-height)
}

.task_page__iCi68 .task_content__mnpJh {
    min-height: 100%;
    margin: 0 auto
}

.task_page__iCi68 .task_signBox__hhBvX {
    height: 290px;
    margin-top: 26px;
    border-radius: var(--border-radius);
    padding: 26px 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

._id__page__DaZqI {
    padding-top: var(--header-height)
}

._id__page__DaZqI ._id__banner__THPlh {
    height: 342px;
    object-fit: cover;
    border-radius: 10px;
    display: block;
    margin: 30px auto 0
}

._id__page__DaZqI ._id__pageTitle__KRok6 {
    width: 546px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    font-weight: 400;
    font-size: 46px;
    line-height: 80px;
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 6px rgba(155, 33, 0, .5);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    padding: 0 50px;
    margin: 50px auto 30px
}

._id__page__DaZqI ._id__body__wYbH6 {
    margin: 0 auto;
    padding-bottom: 50px
}

._id__page__DaZqI ._id__body__wYbH6 ._id__groupTitle__ZL2qt {
    display: flex;
    flex-direction: column;
    align-items: center
}

._id__page__DaZqI ._id__body__wYbH6 ._id__groupTitle__ZL2qt ._id__top__0HBez {
    display: flex;
    align-items: center
}

._id__page__DaZqI ._id__body__wYbH6 ._id__groupTitle__ZL2qt h3 {
    font-weight: 700;
    font-size: 30px;
    color: var(--title-color);
    line-height: 32px;
    margin: 0 20px
}

._id__page__DaZqI ._id__body__wYbH6 ._id__groupTitle__ZL2qt ._id__titleUnit__2ge6I {
    width: 42px;
    height: 21px
}

._id__page__DaZqI ._id__body__wYbH6 ._id__groupTitle__ZL2qt ._id__titleNext__CHIKv {
    width: 54px;
    height: 8px;
    margin-top: 3px
}

._id__page__DaZqI ._id__body__wYbH6 ._id__group__SteGf {
    padding: 40px;
    background: var(--area-bg);
    border: var(--area-border-width) solid var(--area-border-color);
    border-radius: var(--border-radius);
    margin-top: 50px
}

._id__page__DaZqI ._id__body__wYbH6 ._id__card__eF0DM {
    display: flex;
    margin-top: 30px
}

._id__page__DaZqI ._id__body__wYbH6 ._id__card__eF0DM ._id__baver__WsFLw {
    width: 600px;
    height: 390px;
    flex-shrink: 0;
    border-radius: 10px;
    overflow: hidden
}

._id__page__DaZqI ._id__body__wYbH6 ._id__card__eF0DM ._id__gameList___zhf7 {
    margin-left: 28px;
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 18px 28px;
    flex: 1
}

._id__page__DaZqI ._id__body__wYbH6 ._id__moreSpecial__C_MDG {
    margin-top: 50px
}

@media screen and (max-width: 1440px) {
    ._id__page__DaZqI ._id__banner__THPlh {
        height: 300px
    }

    ._id__page__DaZqI ._id__body__wYbH6 ._id__card__eF0DM ._id__baver__WsFLw {
        width: 522px;
        height: 326px
    }
}

@media screen and (max-width: 1336px) {
    ._id__page__DaZqI ._id__banner__THPlh {
        height: 216px;
        margin-top: 20px
    }

    ._id__page__DaZqI ._id__pageTitle__KRok6 {
        font-size: 38px;
        height: 60px;
        width: 409.5px;
        margin-top: 30px;
        line-height: 60px;
        padding: 0 44px;
        margin-bottom: 20px
    }

    ._id__page__DaZqI ._id__body__wYbH6 ._id__groupTitle__ZL2qt h3 {
        font-weight: 700;
        font-size: 26px;
        line-height: 28px;
        margin: 0 16px
    }

    ._id__page__DaZqI ._id__body__wYbH6 ._id__group__SteGf {
        padding: 20px 30px;
        border-radius: 10px;
        margin-top: 30px
    }

    ._id__page__DaZqI ._id__body__wYbH6 ._id__card__eF0DM {
        margin-top: 20px
    }

    ._id__page__DaZqI ._id__body__wYbH6 ._id__card__eF0DM ._id__baver__WsFLw {
        width: 384px;
        height: 246px
    }

    ._id__page__DaZqI ._id__body__wYbH6 ._id__card__eF0DM ._id__gameList___zhf7 {
        margin-left: 18px;
        grid-gap: 18px 10px
    }
}

.InfiniteScroll_scrollBox__7nXHc .InfiniteScroll_loading__d4lrW {
    margin: 20px 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.InfiniteScroll_scrollBox__7nXHc .InfiniteScroll_loading__d4lrW span {
    margin-left: 10px;
    color: var(--text-color)
}

.InfiniteScroll_scrollBox__7nXHc .InfiniteScroll_noMore__ZXYF6 {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: var(--text-color);
    cursor: pointer
}

.InfiniteScroll_scrollBox__7nXHc .InfiniteScroll_noMore__ZXYF6 p {
    margin: 0 10px
}

.InfiniteScroll_scrollBox__7nXHc .InfiniteScroll_noMore__ZXYF6 .InfiniteScroll_line__vyXdi {
    height: 1px;
    flex: 1;
    background-color: var(--area-line-color)
}

.ListItem_item__LNspe {
    background-color: var(--area-bg);
    border: var(--area-border-width) solid var(--area-border-color);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    cursor: pointer;
    margin-bottom: 18px
}

.ListItem_item__LNspe:hover {
    filter: brightness(1.1);
    border-color: var(--primary-color)
}

.ListItem_item__LNspe .ListItem_left__w5r9a {
    width: 210px;
    height: 130px;
    position: relative;
    flex-shrink: 0
}

.ListItem_item__LNspe .ListItem_left__w5r9a .ListItem_playing__MjR0O {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    display: flex;
    align-items: center;
    justify-content: center
}

.ListItem_item__LNspe .ListItem_left__w5r9a .ListItem_playing__MjR0O .ListItem_text__8wXR2 {
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #d2d3d4;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #d2d3d4;
    padding: 4px 6px
}

.ListItem_item__LNspe .ListItem_left__w5r9a .ListItem_playing__MjR0O .ListItem_text__8wXR2 img {
    margin-right: 6px
}

.ListItem_item__LNspe .ListItem_left__w5r9a .ListItem_cover__NGN5z {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ListItem_item__LNspe .ListItem_left__w5r9a .ListItem_time__0kLoc {
    position: absolute;
    background: rgba(0, 0, 0, .6);
    border-radius: 4px;
    padding: 3px 4px;
    bottom: 10px;
    left: 10px;
    font-size: 14px;
    color: #d2d3d4;
    line-height: 14px
}

.ListItem_item__LNspe .ListItem_right__GevyS {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 16px
}

.ListItem_item__LNspe .ListItem_right__GevyS h3 {
    font-weight: 700;
    font-size: 14px;
    color: var(--title-color);
    line-height: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-word
}

.ListItem_item__LNspe .ListItem_right__GevyS .ListItem_author__miBRW {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    color: var(--label-color);
    margin-top: 10px
}

.ListItem_item__LNspe .ListItem_right__GevyS .ListItem_author__miBRW svg {
    margin-right: 4px;
    opacity: .8
}

.ListItem_item__LNspe .ListItem_right__GevyS .ListItem_author__miBRW span {
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.ListItem_item__LNspe .ListItem_bottom__a3pGV {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--extend-color);
    font-size: 12px
}

.ListItem_item__LNspe .ListItem_bottom__a3pGV .ListItem_zan__OGpkB {
    display: flex;
    align-items: center;
    line-height: 12px
}

.ListItem_item__LNspe .ListItem_bottom__a3pGV .ListItem_zan__OGpkB svg {
    margin-right: 6px
}

@media screen and (max-width: 1440px) {
    .ListItem_item__LNspe .ListItem_left__w5r9a {
        width: 162px;
        height: 100px
    }

    .ListItem_item__LNspe .ListItem_left__w5r9a .ListItem_time__0kLoc {
        padding: 2px 4px;
        font-size: 12px;
        line-height: 12px
    }

    .ListItem_item__LNspe .ListItem_right__GevyS {
        padding: 10px 12px
    }

    .ListItem_item__LNspe .ListItem_right__GevyS h3 {
        font-size: 12px;
        line-height: 16px
    }

    .ListItem_item__LNspe .ListItem_right__GevyS .ListItem_author__miBRW {
        font-size: 12px;
        line-height: 12px;
        margin-top: 6px
    }

    .ListItem_item__LNspe .ListItem_bottom__a3pGV .ListItem_time__0kLoc {
        font-size: 12px;
        line-height: 12px
    }
}

@media screen and (max-width: 1336px) {
    .ListItem_item__LNspe .ListItem_left__w5r9a {
        width: 146px;
        height: 90px
    }

    .ListItem_item__LNspe .ListItem_right__GevyS {
        padding: 8px
    }

    .ListItem_item__LNspe .ListItem_right__GevyS .ListItem_author__miBRW {
        font-size: 12px;
        line-height: 12px;
        margin-top: 6px
    }
}

._id__page__Qu6R1 {
    padding-top: calc(var(--header-height) + 30px);
    min-height: 100vh;
    margin: 0 auto;
    display: flex;
    position: relative;
    width: var(--content-width)
}

._id__page__Qu6R1 ._id__main__gFi77 {
    width: 960px;
    margin-right: 20px;
    padding-bottom: 20px
}

@media screen and (max-width: 1440px) {
    ._id__page__Qu6R1 ._id__main__gFi77 {
        width: 900px
    }
}

@media screen and (max-width: 1336px) {
    ._id__page__Qu6R1 {
        padding-top: calc(var(--header-height) + 20px)
    }

    ._id__page__Qu6R1 ._id__main__gFi77 {
        width: 580px
    }

    ._id__page__Qu6R1 ._id__title__RzCzm h1 {
        font-size: 18px;
        line-height: 18px
    }
}

.StrategyItem_item__p_X0r {
    text-align: center;
    border-radius: var(--nav-radius);
    grid-row-start: auto;
    margin-bottom: 14px;
    break-inside: avoid;
    overflow: hidden;
    background: var(--area-bg);
    border: var(--area-border-width) solid var(--area-border-color);
    padding: 16px;
    position: relative
}

.StrategyItem_item__p_X0r .StrategyItem_top__wgP6i {
    display: flex;
    align-items: center
}

.StrategyItem_item__p_X0r .StrategyItem_top__wgP6i .StrategyItem_tag__oWe9Y {
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 2px rgba(16, 1, 2, .2);
    background: linear-gradient(90deg, #5db820, #8ac452);
    border-radius: 4px;
    line-height: 14px;
    padding: 4px 6px;
    margin-right: 10px;
    flex-shrink: 0
}

.StrategyItem_item__p_X0r .StrategyItem_top__wgP6i .StrategyItem_title__Omi_4 {
    font-weight: 700;
    font-size: 15px;
    color: var(--title-color);
    line-height: 24px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.StrategyItem_item__p_X0r .StrategyItem_info__69zcL {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 14px;
    font-size: 13px
}

.StrategyItem_item__p_X0r .StrategyItem_info__69zcL .StrategyItem_avatar__YmA5k {
    display: flex;
    align-items: center;
    color: var(--title-color);
    line-height: 24px;
    position: relative
}

.StrategyItem_item__p_X0r .StrategyItem_info__69zcL .StrategyItem_avatar__YmA5k .StrategyItem_avatarIcon__M_4QV {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 6px
}

.StrategyItem_item__p_X0r .StrategyItem_info__69zcL .StrategyItem_playBtn__Pwmw4 {
    height: 32px;
    border-radius: 16px 0 0 16px;
    background-color: rgba(255, 180, 94, .1);
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    border: 1px solid rgba(255, 136, 0, .2);
    border-right: none;
    cursor: pointer;
    max-width: 180px
}

.StrategyItem_item__p_X0r .StrategyItem_info__69zcL .StrategyItem_playBtn__Pwmw4 .StrategyItem_icon__Ymcgr {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    object-fit: cover;
    margin-right: 4px;
    margin-left: 10px
}

.StrategyItem_item__p_X0r .StrategyItem_info__69zcL .StrategyItem_playBtn__Pwmw4 .StrategyItem_name__K3XyJ {
    color: var(--title-color);
    line-height: 24px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.StrategyItem_item__p_X0r .StrategyItem_info__69zcL .StrategyItem_playBtn__Pwmw4 .StrategyItem_play__v9QgC {
    width: 40px;
    height: 20px;
    background: linear-gradient(90.501774deg, #fe7e0d, #ffaf37);
    border-radius: 10px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 12px rgba(233, 72, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px
}

.StrategyItem_item__p_X0r .StrategyItem_info__69zcL .StrategyItem_playBtn__Pwmw4:hover {
    filter: brightness(1.1)
}

.StrategyItem_item__p_X0r .StrategyItem_content__r_5_v {
    height: 90px;
    overflow: auto;
    margin-top: 16px;
    overflow-y: hidden;
    overflow-x: hidden;
    font-size: 13px;
    color: var(--label-color);
    line-height: 26px;
    text-indent: 2rem;
    text-align: left
}

.StrategyItem_item__p_X0r .StrategyItem_content__r_5_v div, .StrategyItem_item__p_X0r .StrategyItem_content__r_5_v p, .StrategyItem_item__p_X0r .StrategyItem_content__r_5_v section, .StrategyItem_item__p_X0r .StrategyItem_content__r_5_v span {
    font-size: 13px;
    line-height: 26px;
    text-indent: 2rem
}

.StrategyItem_item__p_X0r .StrategyItem_switch__m51kn {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    cursor: pointer;
    color: var(--label-color);
    font-size: 13px
}

.StrategyItem_item__p_X0r .StrategyItem_switch__m51kn:hover {
    filter: brightness(1.1);
    color: var(--primary-color)
}

.StrategyItem_item__p_X0r .StrategyItem_switch__m51kn svg {
    transition: all .1s;
    margin-left: 4px
}

.StrategyItem_item__p_X0r .StrategyItem_switch__m51kn .StrategyItem_rotate__3R2QF {
    transform: rotate(180deg)
}

.StrategyItem_item__p_X0r .StrategyItem_footer__9iluu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    color: var(--extend-color)
}

.StrategyItem_item__p_X0r .StrategyItem_footer__9iluu .StrategyItem_like__OPVYk {
    display: flex;
    align-items: center;
    cursor: pointer
}

.StrategyItem_item__p_X0r .StrategyItem_footer__9iluu .StrategyItem_like__OPVYk svg {
    transform: scale(.8);
    color: var(--area-svg-color);
    margin-right: 4px
}

.StrategyItem_item__p_X0r .StrategyItem_footer__9iluu .StrategyItem_like__OPVYk:hover {
    filter: brightness(1.1)
}

.StrategyItem_item__p_X0r .StrategyItem_footer__9iluu .StrategyItem_like__OPVYk.StrategyItem_islike__JxRKk {
    cursor: auto
}

.StrategyItem_item__p_X0r .StrategyItem_footer__9iluu .StrategyItem_like__OPVYk.StrategyItem_islike__JxRKk svg {
    color: var(--primary-color)
}

.StrategyItem_item__p_X0r .StrategyItem_footer__9iluu .StrategyItem_like__OPVYk.StrategyItem_islike__JxRKk:hover {
    filter: none
}

.StrategyItem_item__p_X0r .StrategyItem_footer__9iluu .StrategyItem_time__kRXkw {
    font-size: 12px;
    line-height: 22px
}

.StrategyItem_item__p_X0r.StrategyItem_current__hf9XC {
    background-image: var(--strategy-item-bg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: 100% 180px
}

.Footer_footer__MwTqk {
    height: var(--footer-height);
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    font-size: 12px
}

.Footer_footer__MwTqk, .Footer_footer__MwTqk a {
    color: var(--text-color)
}

.Footer_footer__MwTqk a:hover {
    color: var(--primary-color)
}

.Footer_footer__MwTqk .Footer_nav__TAsew {
    display: flex;
    align-items: center;
    font-size: 14px
}

.Footer_footer__MwTqk .Footer_nav__TAsew .Footer_line__vgT8Y {
    margin: 0 20px
}

.MoreGameItem_box__6X13P {
    border-radius: var(--border-radius);
    overflow: hidden;
    width: 180px;
    height: 222px;
    display: flex;
    flex-direction: column;
    background: var(--area-hover-bg);
    cursor: default
}

.MoreGameItem_box__6X13P .MoreGameItem_icon___xkXy {
    width: 180px;
    height: 180px;
    object-fit: cover;
    display: block
}

.MoreGameItem_box__6X13P .MoreGameItem_bottom__D1K7Q {
    flex: 1;
    font-weight: 400;
    font-size: 16px;
    color: var(--title-color);
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.MoreGameItem_box__6X13P .MoreGameItem_bottom__D1K7Q .MoreGameItem_gameName__Cdz3_ {
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.MoreGameItem_box__6X13P .MoreGameItem_start__cY4xy {
    display: none
}

.MoreGameItem_box__6X13P:hover {
    filter: brightness(var(--area-brightness))
}

.MoreGameItem_box__6X13P:hover .MoreGameItem_bottom__D1K7Q {
    background: linear-gradient(90.501774deg, #fe7e0d, #ffaf37)
}

.MoreGameItem_box__6X13P:hover .MoreGameItem_gameName__Cdz3_ {
    display: none
}

.MoreGameItem_box__6X13P:hover .MoreGameItem_start__cY4xy {
    display: block;
    color: #fff
}

.MoreGameItem_placeholderBox__y9E0y {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--title-color)
}

.MoreGameItem_placeholderBox__y9E0y p {
    font-size: 16px;
    line-height: 16px
}

.MoreGameItem_placeholderBox__y9E0y .MoreGameItem_more__Y4kbn {
    width: 110px;
    height: 32px;
    line-height: 32px;
    background: var(--btn-primary-bg);
    border-radius: 16px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin-top: 10px
}

.MoreGameItem_placeholderBox__y9E0y .MoreGameItem_more__Y4kbn:hover {
    filter: brightness(1.1);
    color: #fff
}

@media screen and (max-width: 1440px) {
    .MoreGameItem_box__6X13P {
        width: 164px;
        height: 208px
    }

    .MoreGameItem_box__6X13P .MoreGameItem_icon___xkXy {
        width: 164px;
        height: 164px
    }
}

@media screen and (max-width: 1336px) {
    .MoreGameItem_box__6X13P {
        width: 114px;
        height: 146px
    }

    .MoreGameItem_box__6X13P .MoreGameItem_icon___xkXy {
        width: 114px;
        height: 114px
    }

    .MoreGameItem_box__6X13P .MoreGameItem_bottom__D1K7Q {
        font-size: 12px
    }

    .MoreGameItem_placeholderBox__y9E0y p {
        font-size: 12px;
        line-height: 12px
    }

    .MoreGameItem_placeholderBox__y9E0y .MoreGameItem_more__Y4kbn {
        width: 90px;
        height: 26px;
        line-height: 26px;
        background: var(--btn-primary-bg);
        border-radius: 13px;
        border: none;
        font-size: 12px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
        transition: all .2s;
        margin-top: 10px
    }

    .MoreGameItem_placeholderBox__y9E0y .MoreGameItem_more__Y4kbn:hover {
        filter: brightness(1.1);
        color: #fff
    }
}

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

.Shortcut_list__ym_0W .Shortcut_item__qnzf1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 31%;
    padding: 40px 0;
    border-radius: var(--border-radius);
    background: var(--area-hover-bg);
    cursor: pointer;
    position: relative
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1 > h3 {
    font-weight: 700;
    font-size: 20px;
    color: var(--title-color);
    position: relative;
    padding-bottom: 12px
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1 > h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 6px;
    background: linear-gradient(90deg, rgba(var(--theme-color), .3) 0, rgba(var(--theme-color), .18) 100%);
    border-radius: 3px
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1 > img {
    margin-top: 18px;
    border-radius: var(--border-radius);
    width: 85%;
    height: auto;
    transition: all .2s
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1 .Shortcut_btn__oz12l {
    margin-top: 28px;
    width: 230px;
    height: 54px;
    line-height: 54px;
    background: var(--btn-primary-bg);
    border-radius: 27px;
    border: none;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    background: linear-gradient(223deg, #6f7788, #4b505b)
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1 .Shortcut_btn__oz12l:hover {
    filter: brightness(1.1);
    color: #fff
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1 .Shortcut_qr__PUSO7 {
    position: absolute;
    top: 47%;
    left: 0;
    transform: translateY(-50%);
    transition: all .2s;
    width: 100%;
    backdrop-filter: blur(10px);
    opacity: 0
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1 .Shortcut_qr__PUSO7 > img {
    display: block;
    margin: 0 auto;
    width: 55%;
    height: auto
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1:hover > h3 {
    background: var(--title-hover-color);
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1:hover > h3:before {
    background: linear-gradient(90deg, #ff7800, #ffb006)
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1:hover > img {
    transform: scale(1.05)
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1:hover .Shortcut_qr__PUSO7 {
    opacity: 1
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1:hover .Shortcut_btn__oz12l {
    width: 230px;
    height: 54px;
    line-height: 54px;
    background: var(--btn-primary-bg);
    border-radius: 27px;
    border: none;
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s
}

.Shortcut_list__ym_0W .Shortcut_item__qnzf1:hover .Shortcut_btn__oz12l:hover {
    filter: brightness(1.1);
    color: #fff
}

.download_page__pljzJ {
    min-height: 100%;
    padding-top: var(--header-height)
}

.download_page__pljzJ .download_content__M9Xte {
    margin: 0 auto;
    width: var(--content-width)
}

.download_page__pljzJ .download_banner__7MLtN {
    position: relative;
    width: 100%;
    height: 850px
}

.download_page__pljzJ .download_banner__7MLtN .download_bg__6S9x8 {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.download_page__pljzJ .download_banner__7MLtN .download_bannerContent__V5mCV {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.download_page__pljzJ .download_banner__7MLtN .download_bannerContent__V5mCV h1, .download_page__pljzJ .download_banner__7MLtN .download_bannerContent__V5mCV h3 {
    font-weight: 400;
    font-size: 56px;
    line-height: 56px;
    color: #fff;
    margin-top: 80px
}

.download_page__pljzJ .download_banner__7MLtN .download_bannerContent__V5mCV p {
    font-size: 28px;
    color: #fff;
    line-height: 20px;
    margin-top: 20px;
    opacity: .7
}

.download_page__pljzJ .download_banner__7MLtN .download_bannerBtn__IM8yx {
    position: absolute;
    z-index: 2;
    top: 30%;
    left: 50%;
    transform: translateX(100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 378px
}

.download_page__pljzJ .download_groupTitle__Fys92 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 30px
}

.download_page__pljzJ .download_groupTitle__Fys92 h3 {
    font-weight: 700;
    font-size: 28px;
    color: var(--title-color);
    line-height: 32px
}

.download_page__pljzJ .download_groupTitle__Fys92 img {
    width: 55px;
    height: 9px
}

.download_page__pljzJ .download_groupTitle__Fys92 p {
    font-size: 16px;
    color: var(--title-color);
    opacity: .8;
    line-height: 16px;
    margin-top: 10px
}

.download_page__pljzJ .download_moreGame__ZgLRW {
    display: grid;
    grid-template-columns:repeat(7, 1fr);
    grid-gap: 24px;
    margin-bottom: 50px
}

.download_page__pljzJ .download_downloadDes__i1guM {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px
}

.download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 330px;
    height: 130px;
    background: var(--area-hover-bg);
    border-radius: var(--border-radius);
    padding: 16px
}

.download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu .download_left__BtN_d {
    padding-left: 15px
}

.download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu .download_line__U_5vs {
    width: 26px;
    height: 6px;
    background: linear-gradient(90deg, #ff7800, #ffb006);
    border-radius: 3px
}

.download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    margin-top: 16px;
    color: var(--title-color)
}

.download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu p {
    font-size: 14px;
    color: var(--title-color);
    opacity: .6;
    line-height: 14px;
    margin-top: 12px
}

.download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu .download_icon__OiezK {
    width: 90px;
    height: 90px
}

.download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu .download_icon__OiezK img {
    width: 100%;
    height: 100%;
    display: block
}

@media screen and (max-width: 1540px) {
    .download_page__pljzJ .download_banner__7MLtN .download_bannerBtn__IM8yx {
        left: auto;
        right: 1%;
        transform: translateX(0)
    }
}

@media screen and (max-width: 1440px) {
    .download_page__pljzJ .download_groupTitle__Fys92 h3 {
        font-size: 24px;
        line-height: 30px
    }

    .download_page__pljzJ .download_groupTitle__Fys92 p {
        font-size: 18px;
        line-height: 18px;
        font-weight: 700
    }

    .download_page__pljzJ .download_moreGame__ZgLRW {
        grid-gap: 18px
    }

    .download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu {
        width: 302px
    }
}

@media screen and (max-width: 1336px) {
    .download_page__pljzJ .download_banner__7MLtN {
        height: 604px
    }

    .download_page__pljzJ .download_banner__7MLtN .download_bannerContent__V5mCV h1, .download_page__pljzJ .download_banner__7MLtN .download_bannerContent__V5mCV h3 {
        font-size: 40px;
        line-height: 40px;
        margin-top: 40px
    }

    .download_page__pljzJ .download_banner__7MLtN .download_bannerContent__V5mCV p {
        font-size: 18px;
        line-height: 18px
    }

    .download_page__pljzJ .download_groupTitle__Fys92 {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .download_page__pljzJ .download_groupTitle__Fys92 h3 {
        font-size: 20px;
        line-height: 28px
    }

    .download_page__pljzJ .download_groupTitle__Fys92 p {
        font-size: 12px;
        line-height: 12px
    }

    .download_page__pljzJ .download_moreGame__ZgLRW {
        grid-gap: 14px
    }

    .download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu {
        position: relative;
        align-items: flex-start;
        padding: 16px;
        width: 206px;
        height: 118px
    }

    .download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu .download_left__BtN_d {
        padding-left: 0
    }

    .download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu .download_icon__OiezK {
        position: absolute;
        width: 70px;
        height: 70px;
        top: 6px;
        right: 6px
    }

    .download_page__pljzJ .download_downloadDes__i1guM .download_item__2V4iu p {
        line-height: 18px;
        margin-top: 14px
    }
}

.custody_page__j_mXZ .custody_content__snULB {
    min-height: 1000px;
    margin: 0 auto;
    background: var(--area-bg);
    padding: 40px 40px 120px
}

.custody_page__j_mXZ .custody_content__snULB .custody_title__2uDpH {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 60px
}

.custody_page__j_mXZ .custody_content__snULB a {
    font-size: 16px;
    color: #d2d3d4
}

.custody_page__j_mXZ .custody_content__snULB a:hover {
    color: var(--primary-color)
}

.custody_page__j_mXZ .custody_content__snULB p {
    font-size: 16px;
    color: #d2d3d4;
    text-indent: 2em;
    line-height: 28px
}

.custody_page__j_mXZ .custody_content__snULB .custody_list__qchzX {
    position: relative;
    text-indent: 1em;
    margin-bottom: 8px
}

.custody_page__j_mXZ .custody_content__snULB .custody_list__qchzX:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #d2d3d4
}

.custody_page__j_mXZ .custody_downloadBox__535te {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.custody_page__j_mXZ .custody_downloadBox__535te .custody_download__nswVT {
    padding: 10px;
    height: 28px;
    background: var(--area-hover-bg);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #8f9092;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.custody_page__j_mXZ .custody_downloadBox__535te .custody_download__nswVT:hover {
    color: #fff
}

.custody_page__j_mXZ .custody_titleBox__wuYLl {
    margin-bottom: 20px;
    margin-top: 40px;
    display: flex;
    align-items: center
}

.custody_page__j_mXZ .custody_titleBox__wuYLl .custody_line__2sQ6S {
    width: 4px;
    height: 18px;
    background: linear-gradient(180deg, #fe8e0d, #ffb116);
    border-radius: 2px
}

.custody_page__j_mXZ .custody_titleBox__wuYLl h3 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-left: 6px
}

.Header_header__H9oYx {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: var(--header-height);
    background-color: var(--header-bg);
    border-bottom: var(--area-border-width) solid var(--area-border-color);
    padding: 0 70px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.Header_header__H9oYx .Header_left__5XCR9 {
    display: flex;
    align-items: center;
    flex: 1;
    height: 100%;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-right: 10px
}

.Header_header__H9oYx .Header_logo__J83yp {
    width: 120px;
    height: 44px
}

.Header_header__H9oYx .Header_link__Fx68N {
    font-size: 14px;
    color: var(--header-color);
    margin-right: 2px;
    padding: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.Header_header__H9oYx .Header_link__Fx68N:hover {
    color: var(--primary-color);
    font-weight: 700
}

.Header_header__H9oYx .Header_banner__KNpmQ {
    width: 640px
}

.ztf_main__s5sHf {
    position: relative;
    margin: 0 auto;
    padding-top: calc(var(--header-height) + 4px)
}

.ztf_footer__nDKUV, .ztf_main__s5sHf {
    --content-width: 1000px;
    width: var(--content-width)
}

.ztf_footer__nDKUV {
    border: var(--area-border-width) solid var(--area-border-color);
    margin: 12px auto 0;
    overflow: hidden
}

.FooterNav_footerNav__TVyJK {
    background-color: var(--area-row-bg)
}

.FooterNav_footerNav__TVyJK .FooterNav_content__1RHsn {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    width: var(--content-width)
}

.FooterNav_footerNav__TVyJK .FooterNav_navItem__UN7NN {
    width: 20%;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px
}

.FooterNav_footerNav__TVyJK .FooterNav_navItem__UN7NN a {
    margin-bottom: 10px;
    color: var(--sub-color);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.FooterNav_footerNav__TVyJK .FooterNav_navItem__UN7NN a:hover {
    color: var(--primary-color)
}

.FooterNav_footerNav__TVyJK .FooterNav_navItem__UN7NN h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--title-color);
    text-align: center;
    width: 100%;
    display: block;
    border-bottom: 1px solid var(--area-line-color);
    padding-bottom: 10px;
    margin-bottom: 15px
}

.DailyPicksItem_list__bcjm_ {
    width: 156px;
    height: 200px;
    background-color: var(--area-hover-bg);
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.DailyPicksItem_list__bcjm_ .DailyPicksItem_coverBox__DOcbd {
    width: 156px;
    height: 156px;
    position: relative;
    overflow: hidden
}

.DailyPicksItem_list__bcjm_ .DailyPicksItem_coverBox__DOcbd img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.DailyPicksItem_list__bcjm_ .DailyPicksItem_cover__Iw_gF {
    transition: all .2s;
    position: absolute
}

.DailyPicksItem_list__bcjm_ .DailyPicksItem_bottom__fRXWD {
    flex: 1;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: var(--title-color)
}

.DailyPicksItem_list__bcjm_ .DailyPicksItem_bottom__fRXWD h3 {
    font-size: 16px;
    font-weight: 400;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    transition: all .1s
}

.DailyPicksItem_list__bcjm_ .DailyPicksItem_bottom__fRXWD:after {
    content: "Play Now";
    font-size: 16px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all .1s;
    color: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.DailyPicksItem_list__bcjm_:hover .DailyPicksItem_bottom__fRXWD {
    background-color: var(--primary-color);
    color: #fff
}

.DailyPicksItem_list__bcjm_:hover .DailyPicksItem_bottom__fRXWD h3 {
    opacity: 0
}

.DailyPicksItem_list__bcjm_:hover .DailyPicksItem_bottom__fRXWD:after {
    opacity: 1
}

.DailyPicksItem_list__bcjm_:hover .DailyPicksItem_coverBox__DOcbd .DailyPicksItem_cover__Iw_gF {
    transform: scale(1.1)
}

@media screen and (max-width: 1440px) {
    .DailyPicksItem_list__bcjm_ {
        width: 140px;
        height: 184px
    }

    .DailyPicksItem_list__bcjm_ .DailyPicksItem_coverBox__DOcbd {
        width: 140px;
        height: 140px
    }

    .DailyPicksItem_list__bcjm_ .DailyPicksItem_bottom__fRXWD h3 {
        font-size: 14px
    }

    .DailyPicksItem_list__bcjm_ .DailyPicksItem_bottom__fRXWD:after {
        content: "Play Now";
        font-size: 14px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: all .1s;
        color: #fff;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }
}

@media screen and (max-width: 1336px) {
    .DailyPicksItem_list__bcjm_ {
        width: 114px;
        height: 146px
    }

    .DailyPicksItem_list__bcjm_ .DailyPicksItem_coverBox__DOcbd {
        width: 114px;
        height: 114px
    }

    .DailyPicksItem_list__bcjm_ .DailyPicksItem_bottom__fRXWD h3 {
        font-size: 12px
    }

    .DailyPicksItem_list__bcjm_ .DailyPicksItem_bottom__fRXWD:after {
        content: "Play Now";
        font-size: 12px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: all .1s;
        color: #fff;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0
    }
}

.SuspenseLoading_box__8zwuf {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px
}

.RealNameModal_loginTips__roiM_ .ant-modal {
    top: 130px
}

.RealNameModal_loginTips__roiM_ .ant-modal-wrap {
    pointer-events: none
}

.RealNameModal_loginTips__roiM_ .ant-modal-content {
    background-color: rgba(35, 39, 43, .9)
}

.RealNameModal_loginTips__roiM_ .RealNameModal_close__gOYOE {
    font-size: 16px;
    color: #8e9092
}

.RealNameModal_loginTips__roiM_ .RealNameModal_bg__JWCLL .RealNameModal_top__J6fov {
    width: 650px;
    height: 252px;
    position: absolute;
    top: -70px;
    left: -85px;
}

.RealNameModal_loginTips__roiM_ .RealNameModal_bg__JWCLL .RealNameModal_bottom__Ly6tR {
    width: 650px;
    height: 225px;
    position: absolute;
    bottom: 0;
    left: -85px;
}

.RealNameModal_container__qDo8u {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 40px
}

.RealNameModal_container__qDo8u .RealNameModal_title__5AN2F {
    padding-top: 40px;
    background-size: 254px 51px;
    margin-top: 32px;
    height: 60px;
    width: 100%
}

.RealNameModal_container__qDo8u .RealNameModal_des__kt45N {
    font-size: 14px;
    color: #8c9297;
    font-weight: 500;
    line-height: 26px;
    text-align: center
}

.RealNameModal_container__qDo8u .RealNameModal_des__kt45N > span {
    color: #fb8034
}

.RealNameModal_container__qDo8u .RealNameModal_authForm__FBk_C {
    width: 360px;
    margin-top: 20px
}

.RealNameModal_container__qDo8u .RealNameModal_authForm__FBk_C .ant-input-affix-wrapper {
    height: 50px;
    background: #26292d;
    border-radius: 4px;
    border-color: #393c41;
    color: #fff
}

.RealNameModal_container__qDo8u .RealNameModal_authForm__FBk_C .ant-input-affix-wrapper.ant-input-status-error {
    border-color: #b34242
}

.RealNameModal_container__qDo8u .RealNameModal_authForm__FBk_C .ant-input-affix-wrapper.ant-input-outlined:focus-within {
    border-color: #fb8034
}

.RealNameModal_container__qDo8u .RealNameModal_authForm__FBk_C .ant-input-affix-wrapper ::placeholder {
    color: #8b9197
}

.RealNameModal_container__qDo8u .RealNameModal_authForm__FBk_C .ant-input-affix-wrapper .ant-input-clear-icon {
    color: hsla(0, 0%, 100%, .6)
}

.RealNameModal_container__qDo8u .RealNameModal_authForm__FBk_C .ant-input {
    background-color: transparent;
    caret-color: var(--primary-color)
}

.RealNameModal_container__qDo8u .RealNameModal_authForm__FBk_C .ant-form-item-extra {
    color: #8b9197
}

.RealNameModal_container__qDo8u .RealNameModal_tips__yHD54 {
    margin-top: 40px;
    width: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #33363b
}

.RealNameModal_container__qDo8u .RealNameModal_tips__yHD54 .RealNameModal_tipsTitle__b4Jt1 {
    font-size: 14px;
    color: #b5b8bb;
    line-height: 28px;
    margin-top: 10px
}

.RealNameModal_container__qDo8u .RealNameModal_tipsInfo__tPOyB {
    font-size: 12px;
    color: #8c9297;
    line-height: 28px;
    margin-bottom: 36px
}

.RealNameModal_container__qDo8u .RealNameModal_submit___zjID {
    margin-top: 12px;
    width: 360px;
    height: 50px;
    background: linear-gradient(90deg, #fb8035, #fa9216);
    border-radius: 8px 8px 8px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    box-shadow: 3px 0 17px 0 #dd5f2d;
    border: none
}

.RealNameModal_container__qDo8u .RealNameModal_submit___zjID:hover {
    filter: brightness(.9);
    color: #fff !important;
    background: linear-gradient(90deg, #fb8035, #fa9216) !important
}

.RightFixed_container__Jdyt1 {
    position: fixed;
    display: flex;
    align-items: center;
    flex-direction: column;
    right: 50px;
    bottom: 80px;
    z-index: 10;
    border: var(--area-border-width) solid var(--area-border-color);
    background: #65646d;
    border-radius: var(--fixed-radius);
    width: 70px;
    padding: 10px
}

.RightFixed_container__Jdyt1 > :last-child > a {
    margin-bottom: 0 !important
}

.RightFixed_container__Jdyt1 .RightFixed_item__ygPu8 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--area-svg-color);
    border: none;
}

.RightFixed_container__Jdyt1 .RightFixed_item__ygPu8.RightFixed_active___zgVY, .RightFixed_container__Jdyt1 .RightFixed_item__ygPu8:hover {
    background: var(--area-hover-bg);
    color: var(--primary-color)
}

.RightFixed_container__Jdyt1 .RightFixed_circle__ikMKQ {
    position: absolute !important;
    top: -80px;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--area-bg);
    display: flex;
    flex-direction: column
}

.RightFixed_container__Jdyt1 .RightFixed_circle__ikMKQ .RightFixed_gif__Hqwd_ {
    margin-top: -10px
}

.RightFixed_container__Jdyt1 .RightFixed_circle__ikMKQ .RightFixed_title__rZn4C {
    margin-top: -15px
}

.RightFixed_container__Jdyt1 .RightFixed_circle__ikMKQ:hover .RightFixed_title__rZn4C {
    margin-top: -12px;
    font-size: 15px;
    transition: all .2s ease-in-out
}

div.RightFixed_popover__r19m8 .RightFixed_content__6OGAw {
    height: 20px;
    line-height: 20px
}

div.RightFixed_popover__r19m8 .ant-popover-arrow:before {
    background-color: var(--area-hover-bg)
}

div.RightFixed_popover__r19m8 .ant-popover-inner {
    background: var(--area-hover-bg);
    box-shadow: 4px 0 10px 0 var(--area-shadow);
    border-radius: 6px
}

div.RightFixed_popover__r19m8 .ant-popover-inner-content {
    color: var(--area-hover-color)
}

@media screen and (max-width: 1660px) {
    .RightFixed_container__Jdyt1 {
        right: 20px;
        width: 60px;
        padding: 5px
    }

    .RightFixed_container__Jdyt1 .RightFixed_circle__ikMKQ {
        left: -5px
    }

    .RightFixed_container__Jdyt1 .RightFixed_circle__ikMKQ:hover .RightFixed_title__rZn4C {
        margin-top: -12px;
        font-size: 14px;
        transition: all .2s ease-in-out
    }
}

@media screen and (max-width: 1336px) {
    .RightFixed_container__Jdyt1 {
        bottom: 15px;
        right: 20px;
        padding: 5px;
        transform: scale(.9)
    }

    .RightFixed_container__Jdyt1 .RightFixed_circle__ikMKQ {
        left: -5px
    }

    .RightFixed_container__Jdyt1 .RightFixed_circle__ikMKQ:hover .RightFixed_title__rZn4C {
        margin-top: -12px;
        font-size: 14px;
        transition: all .2s ease-in-out
    }
}

.Search_searchType__PKma0 {
    display: flex;
    align-items: center;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    color: #eef0f5;
    border-right: 1px solid #929396;
    padding: 0 8px;
    width: 62px;
    cursor: pointer
}

.Search_searchType__PKma0 span {
    font-size: 14px;
    word-break: keep-all
}

.Search_searchType__PKma0 .Search_searchTypeIcon__HdqMb {
    color: #eef0f5;
    font-size: 12px;
    margin-left: 2px
}

.Search_historySearch__ZmzKq {
    width: 100%
}

.Search_historySearch__ZmzKq .Search_header__4QOnj {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px
}

.Search_historySearch__ZmzKq .Search_title__LYrd1 {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #eef0f5
}

.Search_historySearch__ZmzKq .Search_deleteBtn__BLb0V {
    cursor: pointer
}

.Search_historySearch__ZmzKq .Search_deleteBtn__BLb0V:hover {
    filter: brightness(.9)
}

.Search_historySearch__ZmzKq .Search_list__y4C4w {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 6px;
    column-gap: 10px;
    padding: 0 10px
}

.Search_historySearch__ZmzKq .Search_list__y4C4w .Search_item__WYIpO {
    height: 24px;
    border-radius: 12px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 24px;
    color: #8f9092;
    cursor: pointer
}

.Search_historySearch__ZmzKq .Search_list__y4C4w .Search_item__WYIpO:hover {
    background-color: #17191d
}

.Search_historySearch__ZmzKq .Search_line__bj31o {
    margin: 16px 20px;
    height: 1px;
    background-color: var(--area-line-color)
}

.Search_container__AfPEz {
    height: 36px;
    position: relative;
    margin-right: 20px;
    width: 300px;
    background: var(--search-bg);
    border-radius: 18px
}

.Search_container__AfPEz .ant-dropdown .ant-dropdown-menu, .Search_container__AfPEz .ant-dropdown-menu-submenu .ant-dropdown-menu {
    background-color: #36383c
}

.Search_container__AfPEz .ant-dropdown-menu-title-content {
    font-size: 14px;
    color: #eef0f5
}

.Search_container__AfPEz .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover {
    background-color: #24272c !important
}

.Search_container__AfPEz .Search_content__FxYyV {
    height: 100%;
    overflow: hidden;
    padding: 0 20px 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.Search_container__AfPEz .Search_content__FxYyV .Search_swiper___AYWw {
    cursor: text
}

.Search_container__AfPEz .Search_content__FxYyV .Search_swiper___AYWw .Search_item__WYIpO {
    line-height: 36px;
    color: var(--search-swiper-color);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    display: inline
}

.Search_container__AfPEz .Search_content__FxYyV .Search_swiper___AYWw .Search_item__WYIpO:hover {
    filter: brightness(1.1)
}

.Search_container__AfPEz .Search_content__FxYyV .Search_searchIcon__I0LxD {
    margin-left: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    color: var(--area-svg-color)
}

.Search_container__AfPEz .ant-carousel {
    width: calc(100% - 102px)
}

.Search_container__AfPEz .ant-input-affix-wrapper {
    padding: 0;
    color: var(--title-color)
}

.Search_container__AfPEz .ant-input-affix-wrapper .ant-input-clear-icon {
    color: var(--text-color)
}

.Search_container__AfPEz .ant-input {
    color: var(--title-color);
    height: 36px;
    line-height: 36px;
    padding-left: 8px !important
}

.Search_container__AfPEz .ant-input::placeholder {
    color: var(--text-color)
}

.Search_container__AfPEz .Search_popoverContent__LiQFq {
    padding: 14px 0
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_noData__igqcv {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_noData__igqcv > img {
    filter: grayscale(1)
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_noData__igqcv > p {
    color: var(--text-color)
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_searchItem__s6dcj {
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 2px
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_searchItem__s6dcj .Search_icon__Go3Gb {
    margin-right: 10px;
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_searchItem__s6dcj .Search_icon__Go3Gb img {
    border-radius: 6px
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_searchItem__s6dcj .Search_title__LYrd1 {
    color: var(--title-color);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_searchItem__s6dcj .Search_title__LYrd1 span {
    color: var(--primary-color)
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_searchItem__s6dcj:last-child {
    margin-bottom: 0
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_searchItem__s6dcj.Search_active__VbKVY, .Search_container__AfPEz .Search_popoverContent__LiQFq .Search_searchItem__s6dcj:hover {
    background-color: var(--area-hover-bg)
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_hotWords__5J8oL {
    width: 100%;
    padding: 0 10px
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_hotWords__5J8oL .Search_title__LYrd1 {
    font-weight: 400;
    font-size: 14px;
    color: var(--title-color);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    padding: 0 10px
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_hotWords__5J8oL .Search_list__y4C4w {
    width: 100%;
    display: grid;
    grid-template-columns:repeat(2, 1fr)
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_hotWords__5J8oL .Search_list__y4C4w .Search_item__WYIpO {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--title-color);
    padding: 5px 10px;
    border-radius: 6px;
    margin: 2px 0
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_hotWords__5J8oL .Search_list__y4C4w .Search_item__WYIpO .Search_name__aa7GL {
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_hotWords__5J8oL .Search_list__y4C4w .Search_item__WYIpO svg {
    flex-shrink: 0
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_hotWords__5J8oL .Search_list__y4C4w .Search_item__WYIpO .Search_icon__Go3Gb {
    border-radius: 6px 6px 6px 6px;
    margin: 0 5px
}

.Search_container__AfPEz .Search_popoverContent__LiQFq .Search_hotWords__5J8oL .Search_list__y4C4w .Search_item__WYIpO:hover {
    background-color: var(--area-hover-bg)
}

div.Search_searchPopover__hwnPe {
    width: 100%;
    min-width: 200px
}

div.Search_searchPopover__hwnPe .ant-popover-inner {
    padding: 0;
    background: var(--area-bg);
    box-shadow: 4px 0 10px 0 var(--area-shadow);
    border-radius: 10px
}

@media screen and (max-width: 1440px) {
    .Search_container__AfPEz {
        margin-right: 10px
    }
}

.Keyword_none__mbP0N {
    display: none
}

.ExternalGame_external__xl1mO {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px
}

.ExternalGame_external__xl1mO .ExternalGame_LinkIcon__FzLiW {
    border-radius: 8px
}

.ExternalGame_external__xl1mO .ExternalGame_linkTitle__r1ici {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-align: center
}

.ExternalGame_external__xl1mO .ExternalGame_linkDesc__G3JRq {
    font-size: 14px;
    color: #fff;
    text-align: center
}

.ExternalGame_external__xl1mO .ExternalGame_linkBox__mZP3m {
    width: 190px;
    height: 60px;
    line-height: 60px;
    background: var(--btn-primary-bg);
    border-radius: 30px;
    border: none;
    font-size: 24px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s
}

.ExternalGame_external__xl1mO .ExternalGame_linkBox__mZP3m:hover {
    filter: brightness(1.1);
    color: #fff;
    transform: scale(1.1)
}

.WxQRScan_modal___6Bzv .ant-modal-content {
    background-color: transparent
}

.WxQRScan_modal___6Bzv .WxQRScan_close__fMnFU {
    cursor: pointer;
    transition: all .1s ease;
    font-size: 16px;
    color: #fff
}

.WxQRScan_modal___6Bzv .WxQRScan_close__fMnFU:hover {
    filter: brightness(1.2)
}

.WxQRScan_wrapper__gWBqX {
    height: 382px;
    background: #2a2d33;
    border-radius: 20px;
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.WxQRScan_wrapper__gWBqX .WxQRScan_title__2x4aE {
    font-family: Microsoft YaHei;
    font-weight: 700;
    font-size: 20px;
    color: #fff
}

.WxQRScan_wrapper__gWBqX .WxQRScan_QRCode__2O6B7 {
    background: #3c3d42;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    margin: 24px 0;
    display: flex
}

.WxQRScan_wrapper__gWBqX .WxQRScan_QRCode__2O6B7 canvas {
    border-radius: 5px
}

.WxQRScan_wrapper__gWBqX .WxQRScan_tips__MD_aj {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: 14px;
    color: #c0c4cc;
    opacity: .5
}

.GameMask_flexBox__on3yl {
    position: absolute;
    z-index: 50;
    top: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all .2s ease-in-out
}

.GameMask_flexBox__on3yl .GameMask_placeImg__poKxQ {
    width: 600px;
    height: 376px;
    border-radius: 12px;
    margin: 4px;
    max-height: 70%;
    max-width: 720px
}

.GameMask_flexBox__on3yl .GameMask_name__aVb1f {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin: 4px
}

.GameMask_flexBox__on3yl .GameMask_name__aVb1f:hover {
    cursor: pointer;
    color: #ffaf37
}

.GameMask_flexBox__on3yl .GameMask_description__XMHTU {
    color: #9da4ac;
    font-size: 14px;
    margin: -2px 2px 2px;
    max-width: 450px;
    text-align: center
}

.GameMask_flexBox__on3yl .GameMask_downloadBtn__Ie1Vo {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 8px;
    background: linear-gradient(90.501774deg, #fe7e0d, #ffaf37);
    border-radius: 15px;
    padding: 5px 20px;
    align-items: center;
    font-weight: 700
}

.GameMask_flexBox__on3yl .GameMask_downloadBtn__Ie1Vo:hover {
    filter: brightness(1.1);
    cursor: pointer
}

.GameMask_flexBox__on3yl[data-source=wechat] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    flex-direction: column;
    padding-bottom: 20px
}

.GameMask_flexBox__on3yl[data-source=wechat] img {
    width: auto;
    height: auto;
    max-width: 725px;
    max-height: 70%;
    border-radius: 5px
}

.GameMask_flexBox__on3yl[data-source=wechat] img[data-source=Icon] {
    width: 120px;
    height: 120px;
    border-radius: 16px;
    margin-bottom: 10px
}

@media screen and (max-width: 1440px) {
    .GameMask_flexBox__on3yl[data-source=client] {
        top: 15%
    }

    .GameMask_flexBox__on3yl[data-source=client] .GameMask_placeImg__poKxQ {
        width: 400px;
        height: 250px;
        max-width: 400px;
        max-height: 50%
    }

    .GameMask_flexBox__on3yl[data-source=client] .GameMask_placeImg__poKxQ:hover {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1336px) {
    .GameMask_flexBox__on3yl[data-source=client] {
        top: 15%
    }

    .GameMask_flexBox__on3yl[data-source=client] .GameMask_placeImg__poKxQ {
        width: 300px;
        height: 200px;
        max-width: 300px;
        max-height: 30%
    }

    .GameMask_flexBox__on3yl[data-source=client] .GameMask_placeImg__poKxQ:hover {
        margin-bottom: 10px
    }
}

.StartGameBtn_btn__R3S9s {
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 8px;
    background: linear-gradient(90.501774deg, #fe7e0d, #ffaf37);
    border-radius: 15px;
    padding: 5px 20px;
    align-items: center;
    font-weight: 700
}

.StartGameBtn_btn__R3S9s:hover {
    filter: brightness(1.1);
    cursor: pointer;
    color: #fff
}

.Center_center__s__Pa {
    margin-right: 20px;
    flex: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /*height: calc(100vh - var(--header-height));*/
    max-width: 1440px;
    margin: auto;
}

.Center_center__s__Pa::-webkit-scrollbar {
    display: none
}

.Center_center__s__Pa .Center_columns__VupJw {
    display: grid;
    margin-top: 10px;
    grid-gap: 0 14px;
    grid-template-columns:1fr 1fr
}

.Center_center__s__Pa .Center_baver__UazNG {
    height: auto;
    border-radius: var(--border-radius);
    overflow: hidden;
    background-color: rgba(0, 0, 0, .6)
}

.Center_center__s__Pa .Center_infoBox__8Gzow {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px
}

.Center_center__s__Pa .Center_info__J6cPY {
    background: var(--area-bg);
    border-radius: var(--border-radius);
    border: var(--area-border-width) solid var(--area-border-color);
    padding: 20px;
    color: var(--label-color);
    min-height: 164px;
    flex: 1
}

.Center_center__s__Pa .Center_info__J6cPY .Center_title__50q7w {
    margin-top: 0;
    margin-bottom: 14px
}

.Center_center__s__Pa .Center_info__J6cPY .Center_desc__339jz {
    line-height: 24px;
    /*white-space: pre-wrap*/
}

.Center_center__s__Pa .Center_info__J6cPY .Center_labelBox__957ZU {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
    height: 20px;
    overflow: hidden
}

.Center_center__s__Pa .Center_info__J6cPY .Center_labelBox__957ZU .Center_label__sxPAA {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 6px;
    background: var(--area-label-bg);
    border-radius: 4px;
    font-size: 12px
}

.Center_center__s__Pa .Center_qrcode__zajMM {
    width: 39%;
    max-width: 405px;
    min-height: 16.4em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    margin-left: 14px;
    font-size: 10px;
    border-radius: var(--border-radius);
    background-color: var(--area-bg);
    background-size: 100%
}

.Center_center__s__Pa .Center_qrcode__zajMM .Center_qrImg__ZYgFQ {
    width: 12.4em;
    height: 12.4em;
    border-radius: .6em;
    overflow: hidden
}

.Center_center__s__Pa .Center_qrcode__zajMM .Center_qrText__PAd1E {
    margin-left: 2em;
    display: flex;
    flex-direction: column
}

.Center_center__s__Pa .Center_qrcode__zajMM .Center_qrText__PAd1E p {
    color: var(--label-color);
    line-height: 1.1em;
    font-size: 1.4em
}

.Center_center__s__Pa .Center_qrcode__zajMM .Center_qrText__PAd1E .Center_qrTopTitle__Ld1kT {
    font-weight: 400;
    font-size: 2em;
    color: #fe7f0e;
    margin-bottom: .5em
}

.Center_center__s__Pa .Center_qrcode__zajMM .Center_qrText__PAd1E .Center_qrLastText__wGyn9 {
    background: var(--img-bg);
    border-radius: .42em;
    padding: .42em .6em;
    margin-top: 1.42em
}

.Center_center__s__Pa .Center_recommendlist__WIxr9 {
    display: flex;
    flex-direction: row;
    grid-gap: 10px;
    margin-top: 10px;
    margin-bottom: 14px
}

.Center_center__s__Pa .Center_positionList__p8OOd {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 10px;
    margin-top: 14px
}

.Center_center__s__Pa.Center_party__PP1Lg {
    height: auto;
    overflow: auto;
    max-width: 1400px
}

.Center_title__50q7w {
    margin-bottom: 14px;
    margin-top: 10px
}

@media screen and (max-width: 1440px) {
    .Center_center__s__Pa .Center_recommendlist__WIxr9 {
        grid-gap: 4px
    }

    .Center_center__s__Pa .Center_qrcode__zajMM {
        font-size: 9px
    }
}

@media screen and (max-width: 1280px) {
    .Center_center__s__Pa.Center_party__PP1Lg {
        max-width: 900px
    }

    .Center_center__s__Pa .Center_qrcode__zajMM {
        font-size: 8px
    }
}

.Toolbar_gameToolsBox__qA1Ph {
    height: 70px;
    background: var(--area-bg);
    border: var(--area-border-width) solid var(--area-border-color);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    position: relative
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_action__NLzmZ {
    display: flex
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_gameInfo__yrXpO {
    display: flex;
    align-items: center
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_gameInfo__yrXpO .Toolbar_gameCover__Qu_JF {
    background-color: var(--img-bg);
    border-radius: 10px;
    object-fit: cover
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_gameInfo__yrXpO .Toolbar_gameName__UYd6W {
    margin-left: 16px
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_gameInfo__yrXpO .Toolbar_gameName__UYd6W h1 > a {
    color: var(--label-color);
    font-size: 16px;
    margin-top: 4px;
    font-weight: 500;
    line-height: 18px
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_gameInfo__yrXpO .Toolbar_gameName__UYd6W .Toolbar_labelBox__dsRE1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 8px;
    height: 20px;
    overflow: hidden
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_gameInfo__yrXpO .Toolbar_gameName__UYd6W .Toolbar_labelBox__dsRE1 .Toolbar_label__RgMeO {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 6px;
    background: var(--area-label-bg);
    border-radius: 4px 4px 4px 4px;
    font-size: 12px;
    color: var(--label-color)
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_gameInfo__yrXpO .Toolbar_gameName__UYd6W .Toolbar_info__g8kid {
    display: flex;
    align-items: center;
    margin-top: 12px;
    color: var(--text-color);
    font-size: 14px
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_gameInfo__yrXpO .Toolbar_gameName__UYd6W .Toolbar_info__g8kid > img {
    margin-right: 5px
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_exitFullscreen__0zZaA {
    position: fixed;
    bottom: 14px;
    right: 20px;
    z-index: 9999;
    color: var(--text-color);
    width: 22px;
    height: 22px;
    font-size: 18px;
    cursor: pointer;
    transition: all .2s;
    transform: scale(.9)
}

.Toolbar_gameToolsBox__qA1Ph .Toolbar_exitFullscreen__0zZaA:hover {
    filter: brightness(1.2);
    transform: scale(1.1)
}

.PartyGameGroup_partyGameGroup__kX5q6 {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    row-gap: 10px
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    gap: 12px
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu .PartyGameGroup_icon__GChng {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--area-bg);
    flex-shrink: 0
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu .PartyGameGroup_icon__GChng img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    transition: all .2s ease-in-out
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu h4 {
    font-size: 16px;
    line-height: 16px;
    color: var(--title-color);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu .PartyGameGroup_info__A3Njg {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu .PartyGameGroup_info__A3Njg span {
    color: var(--text-color);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    margin-left: 5px
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu:hover .PartyGameGroup_icon__GChng img {
    scale: 1.2
}

.PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu:hover h4 {
    color: var(--primary-color)
}

@media screen and (max-width: 1336px) {
    .PartyGameGroup_partyGameGroup__kX5q6 {
        margin-top: 20px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_title__x1sdM {
        margin-bottom: 10px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_more__h1rRc {
        font-size: 12px;
        line-height: 12px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ {
        grid-template-columns:repeat(3, 1fr);
        /*height: 60px;*/
        overflow: hidden;
        gap: 8px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu {
        border-radius: 6px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu .PartyGameGroup_icon__GChng {
        width: 60px;
        height: 60px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu h4 {
        font-size: 14px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu .PartyGameGroup_info__A3Njg {
        margin-top: 8px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu .PartyGameGroup_info__A3Njg svg {
        width: 12px;
        height: 12px
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ .PartyGameGroup_item__u77Nu .PartyGameGroup_info__A3Njg span {
        font-size: 12px
    }
}

.MessageList_hall__1VjQj {
    height: 26px;
    display: flex;
    flex: 1;
    margin: 0 20px
}

.MessageList_hall__1VjQj .MessageList_list__CD7OQ {
    display: flex;
    gap: 20px
}

.MessageList_hall__1VjQj .MessageList_item__OBceS {
    display: flex;
    align-items: center;
    background-color: var(--area-hover-bg);
    height: 26px;
    border-radius: 13px;
    padding: 0 12px;
    font-size: 14px;
    cursor: pointer
}

.MessageList_hall__1VjQj .MessageList_item__OBceS .MessageList_icon__FqJvb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 4px
}

.MessageList_hall__1VjQj .MessageList_item__OBceS .MessageList_username__3jpYB {
    color: var(--label-color);
    min-width: 30px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.MessageList_hall__1VjQj .MessageList_item__OBceS .MessageList_content__oQ_bl {
    color: var(--text-color);
    margin: 0 4px
}

.MessageList_hall__1VjQj .MessageList_item__OBceS .MessageList_gameMode__GwjFe {
    color: var(--primary-color);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.MessageList_hall__1VjQj .MessageList_item__OBceS span {
    word-break: keep-all
}

.MessageList_hall__1VjQj .MessageList_item__OBceS:hover {
    filter: brightness(1.1)
}

@media screen and (max-width: 1336px) {
    .MessageList_hall__1VjQj .MessageList_item__OBceS {
        font-size: 12px
    }
}

.SwiperGame_box__pqdby {
    height: 208px
}

.SwiperGame_swiperItem__xnb4b .SwiperGame_cover__nnHS4 {
    display: block;
    width: calc((var(--content-width) - 66px) / 4);
    height: calc((var(--content-width) - 66px) / 4 * 208 / 334);
    background-color: var(--area-hover-bg);
    border-radius: 8px;
    overflow: hidden;
    position: relative
}

.SwiperGame_swiperItem__xnb4b .SwiperGame_cover__nnHS4:hover .SwiperGame_bannerCover__F3vB6 {
    transform: scale(1.2)
}

.SwiperGame_swiperItem__xnb4b .SwiperGame_bannerCover__F3vB6 {
    height: 100%;
    display: block;
    object-fit: cover;
    cursor: pointer;
    transition: all .2s;
    background-color: var(--img-bg);
    width: 100%;
    border-radius: var(--border-radius)
}

.SwiperGame_swiperItem__xnb4b .SwiperGame_bottomMask__MCerr {
    height: 100px;
    flex: 1;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #000, transparent);
    width: 100%;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

.SwiperGame_swiperItem__xnb4b .SwiperGame_bottomMask__MCerr h3 {
    font-weight: bold;
    font-size: 16px;
    color: #eef0f5;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.SwiperGame_swiperItem__xnb4b .SwiperGame_mainCoverMask__YaHKM {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    cursor: pointer
}

.SwiperGame_next__xEG4I, .SwiperGame_pre__Ta5m_ {
    position: absolute;
    z-index: 3;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%)
}

.SwiperGame_next__xEG4I:hover, .SwiperGame_pre__Ta5m_:hover {
    filter: brightness(1.1)
}

.SwiperGame_pre__Ta5m_ {
    left: 10px
}

.SwiperGame_next__xEG4I {
    right: 10px
}

@media screen and (max-width: 1440px) {
    .SwiperGame_box__pqdby {
        height: 188px
    }

    .SwiperGame_swiperItem__xnb4b .SwiperGame_cover__nnHS4 {
        width: calc((var(--content-width) - 60px) / 4);
        height: calc((var(--content-width) - 60px) / 4 * 188 / 302)
    }
}

@media screen and (max-width: 1336px) {
    .SwiperGame_box__pqdby {
        height: 126px;
    }

    .SwiperGame_swiperItem__xnb4b .SwiperGame_cover__nnHS4 {
        width: calc((var(--content-width) - 42px) / 4);
        height: calc((var(--content-width) - 42px) / 4 * 188 / 302)
    }

    .SwiperGame_swiperItem__xnb4b .SwiperGame_bottomMask__MCerr h3 {
        font-size: 18px
    }

    .SwiperGame_next__xEG4I, .SwiperGame_pre__Ta5m_ {
        width: 36px;
        height: 36px
    }
}

@media screen and (max-width: 468px) {
    .SwiperGame_box__pqdby {
        height: 200px!important;
    }

    .DailyPicksItem_list__bcjm_{
        width:100%!important;
    }
    .DailyPicksItem_list__bcjm_ .DailyPicksItem_coverBox__DOcbd{
        width:100%!important;
        height:100%!important;
    }

    .DailyPicksItem_list__bcjm_ .DailyPicksItem_bottom__fRXWD{
        padding: 5px 10px!important;
    }
}

._id__page__rhz8Z {
    height: 100%;
    width: 100%
}

.DetailItem_gameItem__DKION {
    display: flex;
    flex-direction: column;
    align-items: center
}

.DetailItem_gameItem__DKION .DetailItem_icon__OV_vZ {
    width: 152px;
    height: 152px;
    border-radius: 10px;
    overflow: hidden
}

.DetailItem_gameItem__DKION .DetailItem_gameIcon__WsMrl {
    width: 100%;
    height: 100%;
    display: block;
    transition: all .2s
}

.DetailItem_gameItem__DKION h3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: var(--title-color);
    margin-top: 12px;
    text-align: center;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.DetailItem_gameItem__DKION:hover .DetailItem_gameIcon__WsMrl {
    transform: scale(1.1)
}

.DetailItem_gameItem__DKION:hover h3 {
    color: var(--primary-color)
}

@media screen and (max-width: 1440px) {
    .DetailItem_gameItem__DKION .DetailItem_icon__OV_vZ {
        width: 132px;
        height: 132px
    }

    .DetailItem_gameItem__DKION h3 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 10px
    }
}

@media screen and (max-width: 1336px) {
    .DetailItem_gameItem__DKION .DetailItem_icon__OV_vZ {
        width: 98px;
        height: 98px
    }

    .DetailItem_gameItem__DKION h3 {
        font-size: 12px;
        line-height: 12px;
        margin-top: 5px
    }
}

.Landscape_scroll__Am810 {
    width: 100% !important;
    height: 190px !important
}

.Landscape_scroll__Am810 .Landscape_list__TvYN_ {
    display: flex
}

.Landscape_scroll__Am810 .Landscape_gameItem__Bd9DK {
    width: 304px;
    height: 190px;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer
}

.Landscape_scroll__Am810 .Landscape_gameItem__Bd9DK img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .2s
}

.Landscape_scroll__Am810 .Landscape_gameItem__Bd9DK:hover {
    filter: brightness(1.1)
}

.Landscape_scroll__Am810 .Landscape_gameItem__Bd9DK:hover img {
    transform: scale(1.1)
}

@media screen and (max-width: 1336px) {
    .Landscape_scroll__Am810 {
        height: 166px !important
    }

    .Landscape_scroll__Am810 .Landscape_gameItem__Bd9DK {
        width: 266px;
        height: 166px
    }
}

.SpecialItem_box__IrVz7 {
    height: 230px;
    background-color: var(--area-hover-bg);
    border-radius: 10px;
    flex-shrink: 0;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.SpecialItem_box__IrVz7 .SpecialItem_cover__9Q1pY {
    /*width: 334px;*/
    /*height: 113.56px;*/
    height: 80%;
    overflow: hidden
}

.SpecialItem_box__IrVz7 .SpecialItem_cover__9Q1pY img {
    width: 100%;
    transition: all .2s;
    object-fit: cover;
    height: 100%;
    display: block
}

.SpecialItem_box__IrVz7:hover .SpecialItem_cover__9Q1pY img {
    transform: scale(1.1)
}

.SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ {
    flex: 1;
    padding: 10px 16px
}

.SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ .SpecialItem_title__MDdNG {
    font-size: 16px;
    line-height: 16px;
    color: var(--title-color);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ .SpecialItem_views__kW_jh {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ .SpecialItem_views__kW_jh .SpecialItem_des__Fy29k {
    font-size: 14px;
    line-height: 14px;
    color: var(--text-color);
    margin-left: 5px
}

@media screen and (max-width: 1440px) {
    .SpecialItem_box__IrVz7 {
        width: 300px;
        /*height: 165.2694610778px*/
    }

    .SpecialItem_box__IrVz7 .SpecialItem_cover__9Q1pY {
        width: 300px;
        /*height: 102px*/
    }

    .SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ {
        padding: 14px 14px 0
    }

    .SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ .SpecialItem_views__kW_jh {
        margin-top: 6px
    }
}

@media screen and (max-width: 1336px) {
    .SpecialItem_box__IrVz7 {
        /*width: 204.5px;*/
    }

    .SpecialItem_box__IrVz7 .SpecialItem_cover__9Q1pY {
        /*width: 204.5px;*/
        /*height: 69.53px*/
        height: 75%;
    }

    .SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ {
        padding: 6px 10px 0 6px
    }

    .SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ .SpecialItem_title__MDdNG {
        font-size: 14px;
        line-height: 14px
    }

    .SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ .SpecialItem_views__kW_jh {
        margin-top: 2px
    }

    .SpecialItem_box__IrVz7 .SpecialItem_bottom__WnQI_ .SpecialItem_views__kW_jh .SpecialItem_des__Fy29k {
        font-size: 12px
    }
}

.SpecialHorizontal_box__t0Y7U .SpecialHorizontal_track__gH1Sw {
    flex: 1;
    height: 6px;
    background-color: var(--area-hover-bg);
    border-radius: 3px
}

.SimpleGame_box__JFSZ7 {
    --box-width: 156px;
    --box-border: 20px;
    --box-text-height: 48px;
    --box-font-size: 16px;
    width: var(--box-width);
    cursor: pointer;
    display: block
}

.SimpleGame_box__JFSZ7 .SimpleGame_cover__v0yCe {
    width: 100%;
    height: var(--box-width);
    border-radius: var(--box-border);
    background-color: var(--img-bg)
}

.SimpleGame_box__JFSZ7 .SimpleGame_cover__v0yCe .SimpleGame_icon__Ofgiv {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .2s
}

.SimpleGame_box__JFSZ7.SimpleGame_small__mvGNK {
    --box-width: 82px;
    --box-text-height: 28px;
    --box-border: 10px;
    --box-font-size: 12px
}

.SimpleGame_box__JFSZ7.SimpleGame_inner__fFvAv {
    position: relative;
    height: var(--box-width);
    border-radius: var(--box-border);
    overflow: hidden;
    border: 2px solid transparent
}

.SimpleGame_box__JFSZ7.SimpleGame_inner__fFvAv .SimpleGame_bottom__n3lxF {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(0 - (var(--box-text-height)))
}

.SimpleGame_box__JFSZ7.SimpleGame_inner__fFvAv:hover {
    border-color: var(--primary-color)
}

.SimpleGame_box__JFSZ7.SimpleGame_inner__fFvAv:hover .SimpleGame_bottom__n3lxF {
    bottom: 0
}

.SimpleGame_box__JFSZ7.SimpleGame_inner__fFvAv:hover .SimpleGame_icon__Ofgiv {
    transform: scale(1.1)
}

.SimpleGame_box__JFSZ7.SimpleGame_outer__q_wg4 {
    height: calc(var(--box-width) + var(--box-text-height))
}

.SimpleGame_box__JFSZ7.SimpleGame_outer__q_wg4 .SimpleGame_cover__v0yCe {
    overflow: hidden
}

.SimpleGame_box__JFSZ7.SimpleGame_outer__q_wg4 .SimpleGame_bottom__n3lxF {
    color: var(--title-color)
}

.SimpleGame_box__JFSZ7.SimpleGame_outer__q_wg4:hover .SimpleGame_icon__Ofgiv {
    transform: scale(1.1)
}

.SimpleGame_box__JFSZ7.SimpleGame_outer__q_wg4:hover .SimpleGame_bottom__n3lxF {
    color: var(--primary-color)
}

.SimpleGame_box__JFSZ7 .SimpleGame_bottom__n3lxF {
    font-size: var(--box-font-size);
    height: var(--box-text-height);
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    line-height: var(--box-text-height);
    text-align: center;
    transition: all .2s
}

@media screen and (max-width: 1440px) {
    .SimpleGame_box__JFSZ7.SimpleGame_middle__Q4Cy5 {
        --box-width: 140px;
        --box-border: 15px;
        --box-text-height: 48px;
        --box-font-size: 16px
    }
}

@media screen and (max-width: 1336px) {
    .SimpleGame_box__JFSZ7.SimpleGame_middle__Q4Cy5 {
        --box-width: 100px;
        --box-border: 15px;
        --box-text-height: 26px;
        --box-font-size: 12px
    }
}

._id__page__PCgAP {
    height: 100%;
    padding-top: calc(var(--header-height));
    padding-left: 22px;
    padding-right: 22px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    max-width: 2460px;
    margin: 0 auto
}

._id__page__PCgAP._id__partyPage__EK7Vu {
    overflow: initial;
    height: auto
}

.PartyGameRight_right__mzPey {
    width: 308px;
    min-width: 254px;
    position: sticky;
    top: calc(var(--header-height) + 10px);
    max-height: calc(100vh - var(--header-height))
}

.PartyGameRight_right__mzPey .PartyGameRight_title__hTvqA {
    margin-top: 0;
    margin-bottom: 14px
}

.PartyGameRight_right__mzPey .PartyGameRight_hall___kLNp {
    padding-top: 129.8701298701%;
    border-radius: var(--border-radius);
    overflow: hidden;
    background-color: var(--background-color);
    position: relative;
    z-index: 0
}

.PartyGameRight_right__mzPey .PartyGameRight_hall___kLNp .PartyGameRight_bg__iQT8y {
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .PartyGameRight_right__mzPey {
        width: 254px
    }
}

.PartyGameList_title__uearp {
    margin-top: 20px;
    margin-bottom: 14px
}

.PartyGameList_list__IQglj {
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    height: calc(100vh - var(--header-height) - 400px);
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 22px 16px;
    padding-bottom: 100px
}

.PartyGameList_list__IQglj::-webkit-scrollbar {
    display: none
}

.PartyGameList_item__kIBKD {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer
}

.PartyGameList_item__kIBKD .PartyGameList_icon__dOVJS {
    width: 100%;
    height: 92px;
    border-radius: var(--border-radius);
    overflow: hidden;
    background: var(--area-hover-bg)
}

.PartyGameList_item__kIBKD .PartyGameList_icon__dOVJS img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out
}

.PartyGameList_item__kIBKD .PartyGameList_label__bBcl9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 9px
}

.PartyGameList_item__kIBKD .PartyGameList_label__bBcl9 h3 {
    font-size: 14px;
    color: var(--title-color);
    line-height: 16px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.PartyGameList_item__kIBKD .PartyGameList_label__bBcl9 .PartyGameList_info__YcC3_ {
    display: flex;
    align-items: center;
    color: var(--text-color);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500
}

.PartyGameList_item__kIBKD .PartyGameList_label__bBcl9 .PartyGameList_info__YcC3_ .PartyGameList_userIcon__FEVY6 {
    width: 14px;
    height: 14px;
    margin-right: 5px
}

.PartyGameList_item__kIBKD:hover {
    filter: brightness(1.1)
}

.PartyGameList_item__kIBKD:hover .PartyGameList_icon__dOVJS img {
    scale: 1.2
}

.PartyGameList_item__kIBKD:hover .PartyGameList_label__bBcl9 h3 {
    color: var(--primary-color)
}

@media screen and (max-width: 1440px) {
    .PartyGameList_list__IQglj {
        gap: 14px
    }

    .PartyGameList_item__kIBKD .PartyGameList_icon__dOVJS {
        width: 100%;
        height: 76px
    }
}

@media screen and (max-width: 1336px) {
    .PartyGameList_list__IQglj {
        gap: 10px
    }

    .PartyGameList_item__kIBKD .PartyGameList_icon__dOVJS {
        width: 100%;
        height: 56px
    }

    .PartyGameList_item__kIBKD .PartyGameList_label__bBcl9 h3 {
        font-size: 12px
    }
}

.PositionCategoryItem_box__WLxGv {
    border-radius: var(--border-radius);
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
    height: 208px;
    cursor: pointer
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_markIcon__flR_f {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_coverBox__B1SLB {
    position: absolute;
    width: 100%;
    padding-top: 62.3529411765%;
    top: 0;
    background-color: var(--img-bg)
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_cover__87SkV {
    display: block;
    position: absolute;
    object-fit: cover;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--img-bg);
    transition: all .2s
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_gameName__1w_s5 {
    height: 40px;
    background-color: var(--area-hover-bg);
    transition: all .2s;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_gameName__1w_s5 p {
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    color: var(--title-color)
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_gameName__1w_s5 .PositionCategoryItem_btn__xsYaq {
    width: 124px;
    height: 34px;
    line-height: 34px;
    background: var(--btn-primary-bg);
    border-radius: 17px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin: 12px auto 0;
    display: none
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_gameName__1w_s5 .PositionCategoryItem_btn__xsYaq:hover {
    filter: brightness(1.1);
    color: #fff
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_info__IMMQU {
    position: relative;
    height: 50px
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_info__IMMQU .PositionCategoryItem_gameInfo__jmPA0 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_info__IMMQU .PositionCategoryItem_mask__n_e_e {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(180deg, transparent, #000)
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_info__IMMQU img {
    display: block;
    object-fit: cover;
    border-radius: 6px;
    margin-left: 10px;
    background-color: var(--img-bg)
}

.PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_info__IMMQU h3 {
    font-size: 14px;
    color: #eef0f5;
    margin-left: 10px
}

.PositionCategoryItem_box__WLxGv:hover .PositionCategoryItem_gameName__1w_s5 {
    height: 90px
}

.PositionCategoryItem_box__WLxGv:hover .PositionCategoryItem_gameName__1w_s5 .PositionCategoryItem_btn__xsYaq {
    display: block
}

.PositionCategoryItem_box__WLxGv:hover .PositionCategoryItem_cover__87SkV {
    transform: scale(1.1)
}

@media (max-width: 1440px) {
    .PositionCategoryItem_box__WLxGv {
        height: 187.6px
    }

    .PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_gameName__1w_s5 .PositionCategoryItem_btn__xsYaq {
        width: 94px;
        height: 26px;
        line-height: 26px;
        background: var(--btn-primary-bg);
        border-radius: 13px;
        border: none;
        font-size: 12px;
        text-align: center;
        color: #fff;
        font-weight: 700;
        cursor: pointer;
        white-space: nowrap;
        transition: all .2s;
        margin-top: 6px
    }

    .PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_gameName__1w_s5 .PositionCategoryItem_btn__xsYaq:hover {
        filter: brightness(1.1);
        color: #fff
    }

    .PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_info__IMMQU h3 {
        font-size: 12px
    }

    .PositionCategoryItem_box__WLxGv:hover .PositionCategoryItem_gameName__1w_s5 {
        height: 80px
    }
}

@media (max-width: 1336px) {
    .PositionCategoryItem_box__WLxGv {
        height: 165.5294117647px
    }

    .PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_gameName__1w_s5 p {
        font-size: 12px
    }

    .PositionCategoryItem_box__WLxGv .PositionCategoryItem_bottom__1ZVt0 .PositionCategoryItem_gameName__1w_s5 .PositionCategoryItem_btn__xsYaq {
        font-size: 12px;
        margin-top: 4px
    }

    .PositionCategoryItem_box__WLxGv:hover .PositionCategoryItem_gameName__1w_s5 {
        height: 70px
    }
}

.VideoBox_box__fS87l {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.VideoBox_box__fS87l video {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2
}

.VideoBox_box__fS87l video::-webkit-media-controls {
    display: none
}

.VideoBox_box__fS87l .VideoBox_loading__rxRuv .ant-spin-dot-item {
    background-color: var(--primary-color)
}

.SwiperDes_section__EpvLf {
    display: flex;
    cursor: pointer;
    padding-top: 40px
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx {
    margin-right: 12px;
    width: 990px;
    position: relative
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV {
    position: relative
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV video {
    border-radius: 20px
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .SwiperDes_swiperBanner__xvBlE {
    border-radius: 20px;
    width: 100%;
    height: 100%;
    user-select: none
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .SwiperDes_thumbsImg__KS6IT {
    border-radius: 10px;
    user-select: none
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-button-next:hover, .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-button-prev:hover {
    filter: brightness(.9)
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-button-next:after {
    transform: rotate(180deg)
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-button-next:after, .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-button-prev:after {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    content: " ";
    display: block;
    width: 26px;
    height: 52px
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper {
    height: 100%
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-slide {
    background-size: cover;
    background-position: 50%
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper {
    margin-top: 10px;
    padding-top: 10px
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper .swiper-slide {
    opacity: .4;
    height: 146px;
    border-radius: 10px;
    border: 2px solid transparent
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper2 .swiper-slide {
    height: 620px
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid #6bf8d0;
    position: relative
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper .swiper-slide-thumb-active img {
    border-radius: 10px
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper .swiper-slide-thumb-active:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #6bf8d0
}

.SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.SwiperDes_section__EpvLf .SwiperDes_right__hu53_ {
    display: flex;
    flex-direction: column
}

.SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_ad__8gwuf {
    width: 400px;
    border-radius: 20px
}

.SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_moreGame__sEhGj {
    background: var(--background-color);
    border-radius: 20px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    margin-top: 20px;
    padding: 20px;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-gap: 16px;
    overflow-y: scroll;
    height: 566px;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_moreGame__sEhGj::-webkit-scrollbar {
    display: none
}

.SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_latestGame__uHPui {
    --box-width: 106px;
    --box-text-height: 38px;
    --box-font-size: 14px
}

@media screen and (max-width: 1440px) {
    .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx {
        width: 860px
    }

    .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper2 .swiper-slide {
        height: 538.5858585859px
    }

    .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper .swiper-slide {
        height: 123.5384615385px
    }

    .SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_ad__8gwuf {
        width: 396px
    }

    .SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_moreGame__sEhGj {
        height: 460px
    }

    .SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_latestGameBottom__QAlAk {
        border-radius: 0 0 8px 8px
    }
}

@media screen and (max-width: 1336px) {
    .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx {
        width: 624px
    }

    .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper2 .swiper-slide {
        height: 390.7878787879px
    }

    .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .mySwiper .swiper-slide {
        height: 91.094017094px
    }

    .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-button-next:after, .SwiperDes_section__EpvLf .SwiperDes_left__BTSjx .SwiperDes_carousel__ZOwLV .swiper-button-prev:after {
        height: 30px;
        width: 15px
    }

    .SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_ad__8gwuf {
        height: 126px !important;
        width: 248px
    }

    .SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_moreGame__sEhGj {
        height: 362px;
        margin-top: 18px;
        padding: 10px;
        grid-gap: 10px
    }

    .SwiperDes_section__EpvLf .SwiperDes_right__hu53_ .SwiperDes_latestGame__uHPui {
        --box-width: 66px;
        --box-text-height: 26px;
        --box-font-size: 12px;
        --box-border: 8px
    }
}

.Title_box__k4x82 {
    display: flex;
    justify-content: flex-start;
    position: relative
}

.Title_box__k4x82 .Title_title__p5Mss {
    background-color: transparent;
    z-index: 1;
    position: relative
}

.Title_box__k4x82 .Title_title__p5Mss h1, .Title_box__k4x82 .Title_title__p5Mss h2 {
    font-size: 40px;
    color: var(--title-color);
    line-height: 48px;
    text-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    z-index: 1
}

.Title_box__k4x82 .Title_icon__qPVyI {
    width: 90px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(80%, -50%)
}

.Title_box__k4x82 .Title_line__gxB_J {
    width: 160px;
    height: 6px;
    position: absolute;
    bottom: 14px;
    left: 0
}

.NumberScroll_numberScrollView__rerkS {
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    overflow: hidden;
    position: relative
}

.NumberScroll_numberPlaceholder__E_gur {
    visibility: hidden
}

.NumberScroll_numberScrollColumnContainer__9aElT {
    position: relative;
    width: 1.6666666667vw;
    height: 2.6041666667vw
}

.NumberScroll_numberScrollColumn__LDetf {
    position: absolute;
    height: 1000%;
    bottom: 0;
    transition: transform var(--duration, .5s) cubic-bezier(.37, .37, .11, 1.25);
    width: 100%
}

.NumberScroll_numberScrollDigit__bHagi {
    height: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.NumberScroll_numberScrollDigit__bHagi .NumberScroll_num__cqn8v {
    font-size: 2.6041666667vw;
    font-weight: 600;
    text-align: center
}

.NumberScroll_comma__odi3Q {
    height: 10%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 2.6041666667vw;
    font-weight: 600
}

.NumberScroll_numberScrollColumn__LDetf.NumberScroll_increase__fs_67 {
    animation: NumberScroll_pulseGreen__EOyTV calc(var(--duration, .5s) + .1s) cubic-bezier(.4, 0, .6, 1) 1
}

.NumberScroll_numberScrollColumn__LDetf.NumberScroll_decrease__rqdjD {
    animation: NumberScroll_pulseRed__KbwOR calc(var(--duration, .5s) + .1s) cubic-bezier(.4, 0, .6, 1) 1
}

@keyframes NumberScroll_pulseGreen__EOyTV {
    0%, to {
        color: inherit
    }
    50% {
        color: var(--increment, #00b200)
    }
}

@keyframes NumberScroll_pulseRed__KbwOR {
    0%, to {
        color: inherit
    }
    50% {
        color: var(--decerement, red)
    }
}

.Swiper_section__qFM5w {
    width: 100%
}

.Swiper_section__qFM5w .Swiper_media__L2Y5n {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Swiper_section__qFM5w .mySwiper2 .swiper-slide {
    height: 26.5625vw
}

.Swiper_section__qFM5w .mySwiper2 .swiper-button-next:hover, .Swiper_section__qFM5w .mySwiper2 .swiper-button-prev:hover {
    filter: brightness(1.1);
    transform: scale(1.1)
}

.Swiper_section__qFM5w .mySwiper2 .swiper-button-next:after, .Swiper_section__qFM5w .mySwiper2 .swiper-button-prev:after {
    color: var(--color);
    font-weight: 700
}

.Swiper_section__qFM5w .mySwiper2Pagination {
    padding-top: 20px
}

.Swiper_section__qFM5w .mySwiper2Pagination .swiper-slide {
    opacity: .8;
    width: 11.4583333333vw;
    height: 7.8125vw;
    border: 2px solid transparent;
    position: relative
}

.Swiper_section__qFM5w .mySwiper2Pagination .swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
    border-color: var(--color)
}

.Swiper_section__qFM5w .mySwiper2Pagination .swiper-slide-thumb-active:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--color)
}

.Gamebox_gameBox__gVtol {
    background-color: #000;
    position: relative;
    padding-top: 56.25%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    overflow: hidden
}

.Gamebox_gameBox__gVtol .Gamebox_gameBgMask__UrNcO {
    background-color: rgba(22, 23, 25, .6);
    backdrop-filter: blur(32px)
}

.Gamebox_gameBox__gVtol .Gamebox_gameBgMask__UrNcO, .Gamebox_gameBox__gVtol .Gamebox_gameBg__L_H4L {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.Gamebox_gameBox__gVtol .Gamebox_gameBg__L_H4L img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Gamebox_gameBox__gVtol .Gamebox_loading__rL5lG {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.Gamebox_gameBox__gVtol .Gamebox_gameIframe__MfwZ_, .Gamebox_gameBox__gVtol .Gamebox_horizontalIframe__p13Xu {
    position: absolute;
    z-index: 1;
    top: 0;
    height: 100%
}

.Gamebox_gameBox__gVtol .Gamebox_horizontalIframe__p13Xu {
    width: 100%
}

.Gamebox_gameBox__gVtol .Gamebox_gameIframe__MfwZ_ {
    width: 31.6%
}

.Gamebox_gameBox__gVtol .Gamebox_thirdPartyIframe__4YCGT {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.Gamebox_gameBox__gVtol .Gamebox_countdownMask__QRJX8 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center
}

.Gamebox_gameBox__gVtol .Gamebox_countdownMask__QRJX8 .Gamebox_countdown__KDBYO {
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    font-size: 56px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    display: flex;
    align-items: center;
    justify-content: center
}

.Gamebox_gameBox__gVtol.Gamebox_fullBox__1nkBx {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
    padding: 0
}

.Gamebox_gameBox__gVtol.Gamebox_fullBox__1nkBx .Gamebox_gameIframe__MfwZ_ {
    width: 56.25vh
}

.Gamebox_gameBox__gVtol.Gamebox_msnBox__Yz9sV {
    width: 100%;
    height: 100%;
    padding: 0;
    border-radius: 0
}

.Gamebox_gameBox__gVtol.Gamebox_msnBox__Yz9sV .Gamebox_gameIframe__MfwZ_ {
    width: 56.25vh
}

.Gamebox_gameBox__gVtol.Gamebox_pad__cFduv .Gamebox_horizontalIframe__p13Xu {
    height: 56.25vw;
    top: 50%;
    transform: translateY(-50%)
}

@media screen and (max-width: 700px) {
    .Gamebox_gameBox__gVtol.Gamebox_msnBox__Yz9sV .Gamebox_gameIframe__MfwZ_ {
        width: 100%
    }
}

.type-list{
    overflow: auto;
    padding-bottom: 1rem;
}

.search-input{
    height: 36px;
    color:#fff;
}

@media screen and (min-width: 1336px) {
    .Rank_rankBox__0H6Tk .Rank_tabBody__lljgf{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media screen and (min-width: 900px) and (max-width: 1336px) {
    .Rank_rankBox__0H6Tk .Rank_tabBody__lljgf{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 900px) {
    .Rank_rankBox__0H6Tk .Rank_tabBody__lljgf{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .DailyPicks_dailyPicksBox__OIkct{
        grid-template-columns: repeat(5, 1fr);
    }

    .page_page__X_IMl .page_moreGameBox__HuzX_{
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 600px) {

    .DailyPicks_dailyPicksBox__OIkct{
        grid-template-columns: repeat(3, 1fr)!important;
    }

    .page_page__X_IMl .page_moreGameBox__HuzX_{
        grid-template-columns: repeat(3, 1fr)!important;
    }

    .PartyGameGroup_partyGameGroup__kX5q6 .PartyGameGroup_paiduilist__Iz0kZ{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 968px){
    .Header_list__waDmG{
        display:none!important;
    }

    .Search_container__AfPEz{
        display:none!important;
    }
}

@media screen and (min-width: 968px){
    .mobile-search{
        display:none!important;
    }

    .mobile-menu-btn{
        display:none!important;
    }
}

.wd-40{
    width:40px;
    height:40px;
}



body, html {
    height: 100%;
    scrollbar-gutter: stable
}

.custom-class .ant-message-notice-content {
    background: rgba(0, 0, 0, .6) !important
}

.custom-class .ant-message-custom-content {
    color: #fff
}

.message-link {
    color: var(--primary-color);
    cursor: pointer
}

.message-link:hover {
    filter: brightness(1.1)
}

input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: inset 0 0 0 1000px transparent !important;
    background-color: transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s
}

.article {
    margin-top: 40px
}

.article p {
    margin: 10px auto
}

.article div, .article p, .article section, .article span, .article strong {
    font-size: 16px;
    color: var(--label-color);
    line-height: 30px;
    text-indent: 2rem
}

.article li {
    font-size: 14px;
    color: var(--label-color);
    line-height: 26px;
    text-indent: 2rem
}

.article img, .article video {
    max-width: 100%;
    display: block;
    margin: 20px auto
}

.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    color: var(--title-color);
    margin: 10px 0;
    font-size: 18px
}

.article a, .article a:hover {
    color: var(--primary-color)
}

@font-face {
    font-family: AaHuanLeBao;
}

@font-face {
    font-family: YouSheBiaoTiHei-2;
}

.content {
    width: var(--content-width)
}

@media screen and (max-width: 1800px) {
    :root {
        --detail-left-width: 176px;
        --detail-right-width: 268px
    }
}

@media screen and (max-width: 1500px) {
    :root {
        --detail-left-width: 176px;
        --detail-right-width: 176px
    }
}

@media screen and (max-width: 1440px) {
    :root {
        --content-width: 1266px;
        font-size: 13px
    }
}

@media screen and (max-width: 1336px) {
    :root {
        --content-width: 884px;
        font-size: 12px
    }
}



.RankedItem_list__kJYqJ {
    display: block;
    padding: 10px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    height: 90px
}

.RankedItem_list__kJYqJ .RankedItem_rankIndex__F_MED {
    margin-right: 16px
}

.RankedItem_list__kJYqJ .RankedItem_content__KhMIL {
    flex: 1;
    margin: 0 12px
}

.RankedItem_list__kJYqJ .RankedItem_content__KhMIL h3 {
    font-size: 16px;
    color: var(--title-color)
}

.RankedItem_list__kJYqJ .RankedItem_content__KhMIL h3, .RankedItem_list__kJYqJ .RankedItem_content__KhMIL p {
    font-weight: 400;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

.RankedItem_list__kJYqJ .RankedItem_content__KhMIL p {
    font-size: 14px;
    color: var(--text-color);
    line-height: 14px;
    margin-top: 10px
}

.RankedItem_list__kJYqJ .RankedItem_icon__Z8bjr {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
    background-color: var(--img-bg)
}

.RankedItem_list__kJYqJ .RankedItem_right__oWSVQ {
    /*width: 62px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start
}

.RankedItem_list__kJYqJ .RankedItem_right__oWSVQ .RankedItem_btn__937du {
    width: 100%;
    height: 26px;
    line-height: 26px;
    background: var(--btn-primary-bg);
    border-radius: 13px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    display: none;
    padding: 0 10px;
}

.RankedItem_list__kJYqJ .RankedItem_right__oWSVQ .RankedItem_btn__937du:hover {
    filter: brightness(1.1);
    color: #fff
}

.RankedItem_list__kJYqJ .RankedItem_right__oWSVQ .RankedItem_like__3ZbFJ {
    display: flex;
    align-items: center
}

.RankedItem_list__kJYqJ .RankedItem_right__oWSVQ .RankedItem_likeNum__PCt1s {
    font-size: 14px;
    color: var(--text-color);
    margin-left: 4px
}

.RankedItem_list__kJYqJ .RankedItem_right__oWSVQ .RankedItem_iconSvg__15khH {
    transform: scale(.82);
    color: var(--area-svg-color);
    position: relative;
    z-index: 1
}

.RankedItem_list__kJYqJ:hover {
    background-color: var(--area-hover-bg)
}

.RankedItem_list__kJYqJ:hover .RankedItem_right__oWSVQ .RankedItem_likeNum__PCt1s {
    display: none
}

.RankedItem_list__kJYqJ:hover .RankedItem_right__oWSVQ .RankedItem_iconSvg__15khH {
    position: absolute;
    z-index: -1
}

.RankedItem_list__kJYqJ:hover .RankedItem_right__oWSVQ .RankedItem_btn__937du {
    display: block
}

@media screen and (max-width: 1336px) {
    .RankedItem_list__kJYqJ {
        padding: 10px
    }

    .RankedItem_list__kJYqJ .RankedItem_rankIndex__F_MED {
        margin-right: 10px;
        width: 26px;
        height: 30px
    }

    .RankedItem_list__kJYqJ .RankedItem_content__KhMIL {
        margin: 0 10px
    }

    .RankedItem_list__kJYqJ .RankedItem_content__KhMIL h3 {
        font-size: 14px
    }

    .RankedItem_list__kJYqJ .RankedItem_content__KhMIL p {
        font-size: 12px;
        margin-top: 6px
    }

    .RankedItem_list__kJYqJ .RankedItem_icon__Z8bjr {
        width: 50px;
        height: 50px
    }
}

.Rank_rankBox__0H6Tk {
    /*height: 330px;*/
    display: flex
}

.Rank_rankBox__0H6Tk .Rank_tabBox__8ajZw {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.Rank_rankBox__0H6Tk .Rank_tabBox__8ajZw .Rank_tabBar__a1TjN {
    width: 50px;
    height: 106px;
    background-color: #2f3338;
    border-radius: 6px 0 0 6px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    letter-spacing: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.Rank_rankBox__0H6Tk .Rank_tabBox__8ajZw .Rank_tabBar__a1TjN.Rank_active__7SM0w {
    background: linear-gradient(90.501774deg, #fe7e0d, #ffaf37)
}

.Rank_rankBox__0H6Tk .Rank_tabBody__lljgf {
    flex: 1;
    background: var(--area-bg);
    border: 2px solid #ffa52d;
    border-radius: 10px;
    padding: 10px;
    gap: 10px;
    display: grid;
}

.Rank_rankBox__0H6Tk .Rank_tabBody__lljgf .Rank_column__13R23 {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width: 1336px) {

    .Rank_rankBox__0H6Tk .Rank_tabBox__8ajZw .Rank_tabBar__a1TjN {
        width: 30px;
        height: 80px;
        font-size: 14px;
        letter-spacing: 2px
    }
}

.page_page__X_IMl {
    min-height: calc(100vh - var(--header-height));
    padding: 10px;
    margin-top: 4rem;
}

.page_page__X_IMl .page_moreGameBox__HuzX_ {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    grid-auto-rows: minmax(150px, auto);
    grid-gap: 19px;
    padding-bottom: 40px
}

.page_page__X_IMl .page_moreGameBox__HuzX_ .page_moreGameItem__T11B_ {
    width: 184px;
    height: 250px;
    background-color: var(--area-hover-bg);
    border-radius: 10px;
    overflow: hidden
}

.page_page__X_IMl .page_groupTitle__xTxHe {
    margin-top: 28px
}

.page_page__X_IMl .page_content__2tGWK {
    position: relative;
    z-index: 1;
    margin: 0 auto 0;
    /*min-width: var(--content-min-width);*/
    max-width: var(--content-width);
}

.page_page__X_IMl .page_tl__w8svw {
    height: auto;
    margin-top: 20px;
    border-radius: 10px;
    overflow: hidden
}

@media screen and (max-width: 1440px) {

    .page_page__X_IMl .page_groupTitle__xTxHe {
        margin-top: 20px
    }

    .page_page__X_IMl .page_moreGameBox__HuzX_ {
        grid-auto-rows: minmax(140px, auto);
        grid-gap: 20px
    }

    .page_page__X_IMl .page_moreGameBox__HuzX_ .page_moreGameItem__T11B_ {
        width: 184px;
        height: 250px
    }
}

@media screen and (max-width: 1336px) {

    .page_page__X_IMl .page_groupTitle__xTxHe {
        margin-top: 20px
    }

    .page_page__X_IMl .page_moreGameBox__HuzX_ {
        grid-auto-rows: minmax(100px, auto);
        grid-gap: 12px
    }

    .page_page__X_IMl .page_moreGameBox__HuzX_ .page_moreGameItem__T11B_ {
        width: 116px;
        height: 155px
    }
}

.DailyPicks_dailyPicksBox__OIkct {
    display: grid;
    grid-template-columns:repeat(8, 1fr);
    grid-gap: 22px;
    grid-auto-rows: minmax(200px, auto)
}

@media screen and (max-width: 1440px) {
    .DailyPicks_dailyPicksBox__OIkct {
        grid-auto-rows: minmax(184px, auto);
        grid-gap: 20px
    }
}

@media screen and (max-width: 1336px) {
    .DailyPicks_dailyPicksBox__OIkct {
        grid-template-columns:repeat(7, 1fr);
        grid-auto-rows: minmax(146px, auto);
        grid-gap: 14px
    }
}

.Special_groupTitle__mHygm {
    margin-top: 28px
}

@media screen and (max-width: 1440px) {
    .Special_groupTitle__mHygm {
        margin-top: 20px
    }
}

@media screen and (max-width: 1336px) {
    .Special_groupTitle__mHygm {
        margin-top: 20px
    }
}

.Swiper_section__UZ9hb {
    /*height: 700px;*/
    position: relative;
    z-index: 0
}

.Swiper_section__UZ9hb .Swiper_background__Bh3TT {
    position: absolute;
    /*height: 700px;*/
    width: 100%;
    object-fit: cover;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.Swiper_section__UZ9hb .Swiper_banner__gt7HB {
    /*min-width: var(--content-min-width);*/
    max-width: var(--content-width);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin: 10px auto 30px;
}

@media screen and (max-width: 1336px) {
    .Swiper_section__UZ9hb .Swiper_banner__gt7HB {
        /*top: calc(20px + var(--header-height))*/
    }
}

@media screen and (max-width: 468px) {
    .swiper-slide{
        width:100%!important;
    }

    .SwiperGame_cover__nnHS4{
        width: 100%!important;
        height:100%!important;
        margin-right: 0!important;
    }
}



._id__page__RcCou {
    padding-top: var(--header-height)
}

._id__page__RcCou ._id__container__sf0OO {
    width: var(--content-width);
    padding: 20px 0;
    margin: 0 auto
}

._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 {
    display: grid;
    grid-template-columns:repeat(7, 1fr);
    grid-gap: 20px
}

._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 ._id__box__WnjX_ {
    width: 182px;
    height: 260px;
    background: var(--area-bg) !important;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 20px;
    cursor: pointer;
    position: relative
}

._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 ._id__box__WnjX_ ._id__markIcon__6Nb6P {
    position: absolute;
    left: 0;
    top: 0
}

._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 ._id__box__WnjX_ ._id__icon__qG9dU {
    width: 124px;
    height: 124px;
    border-radius: 20px;
    object-fit: cover
}

._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 ._id__box__WnjX_ h3 {
    font-size: 16px;
    font-weight: 400;
    color: #eef0f5;
    margin-top: 20px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden
}

._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 ._id__box__WnjX_ ._id__btn__9Dty1 {
    width: 80px;
    height: 30px;
    line-height: 30px;
    background: var(--btn-primary-bg);
    border-radius: 15px;
    border: none;
    font-size: 14px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s;
    margin-top: 30px
}

._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 ._id__box__WnjX_ ._id__btn__9Dty1:hover {
    filter: brightness(1.1);
    color: #fff
}

._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 ._id__box__WnjX_:hover {
    background: var(--area-hover-bg) !important
}

@media screen and (max-width: 1440px) {
    ._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 {
        grid-template-columns:repeat(6, 1fr)
    }
}

@media screen and (max-width: 1336px) {
    ._id__page__RcCou ._id__container__sf0OO ._id__list__yLQX2 {
        grid-template-columns:repeat(4, 1fr)
    }
}

.GroupTitle_box__5O4kS {
    justify-content: space-between;
    margin-bottom: 20px
}

.GroupTitle_box__5O4kS, .GroupTitle_box__5O4kS .GroupTitle_title__ltP6F {
    display: flex;
    align-items: center
}

.GroupTitle_box__5O4kS .GroupTitle_title__ltP6F > img {
    color: var(--primary-color)
}

.GroupTitle_box__5O4kS .GroupTitle_title__ltP6F h1, .GroupTitle_box__5O4kS .GroupTitle_title__ltP6F h2 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--title-color);
    margin-left: 10px
}

.GroupTitle_box__5O4kS .GroupTitle_more__7ARPL {
    width: 50px;
    height: 22px;
    background: var(--header-btn-bg);
    border-radius: 4px;
    color: var(--text-color);
    display: flex;
    align-items: center;
    justify-content: center
}

.GroupTitle_box__5O4kS .GroupTitle_more__7ARPL:hover {
    color: var(--primary-color)
}

@media screen and (max-width: 1440px) {
    .GroupTitle_box__5O4kS {
        margin-bottom: 14px
    }

    .GroupTitle_box__5O4kS .GroupTitle_title__ltP6F > img {
        transform: scale(.9)
    }

    .GroupTitle_box__5O4kS .GroupTitle_title__ltP6F h1, .GroupTitle_box__5O4kS .GroupTitle_title__ltP6F h2 {
        margin-left: 8px
    }
}

@media screen and (max-width: 1336px) {
    .GroupTitle_box__5O4kS {
        margin-bottom: 6px
    }

    .GroupTitle_box__5O4kS .GroupTitle_title__ltP6F > img {
        transform: scale(.8)
    }

    .GroupTitle_box__5O4kS .GroupTitle_title__ltP6F h1, .GroupTitle_box__5O4kS .GroupTitle_title__ltP6F h2 {
        margin-left: 4px
    }
}




.loading_loading__0Q4Nt {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.swiper-slide-active{
    width:300px!important;
    margin-right:22px;
}



.mobile-menu {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: all .3s ease-in-out;
    transform: translateX(100%);
    z-index: 10000;
    /*background-color: #0000009e;*/
    height: 100%;
    overflow-y: auto;
    color: #fff;
}

.mobile-menu.active {
    transform: translateX(0);
}

.menu-content{
    width: 80%;
    background-color: #4f4f51;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    z-index: 11111;
}

.MoreGameItem_box__C0zIK{
    width:100%;
}

.m-back{
    margin: 15px;
}

.search-input-area{
    border-radius: 25px;
    background: #b7b6b6;
    display: flex;
    width: 80%;
    height: 40px;
    padding: 0 16px;
    align-items: center;
    gap: 8px;
    margin: 1rem auto;
}

.mb-to-search{
    height:16px;
}

.mb-search-input{
    height: 30px;
    color: #333;
    font-weight: bold;
}

.category-area{
    border-top: 1px dashed;
    padding-top: 2rem;
    display:grid;
    border-bottom: 1px dashed;
    padding-bottom: 2rem;
}

.category-area a{
    font-weight: bold;
    color: #c9c9c9;
    font-size: 20px;
    margin: 0 1rem 1.5rem;
}

.about-list{
    display: flex;
    font-weight: bold;
    color: #c9c9c9;
    font-size: 14px;
    text-align: center;
    justify-content: center;
    margin-top: 2rem;
    align-items: center;
}

.about-list a{
    font-weight: bold;
    color: #c9c9c9;
    margin: auto .5rem;
}

.menu-bg{
    height:100%;
    width:100%;
    background-color: #0000009e;
}

.category-icon{
    height:22px;
    width:22px;
}




.carousel {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.carousel-inner {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-item {
    box-sizing: border-box;
}

@media screen and (max-width: 568px){
    .Center_center__s__Pa .Center_positionList__p8OOd{
        grid-template-columns: repeat(2, 1fr)!important;
    }

    .Toolbar_gameToolsBox__qA1Ph{
        padding: 0 10px!important;
    }
}

.word-8-line{
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px){
    .pc-play-content{
        display:none;
    }
}

@media screen and (min-width: 768px){
    .Gamebox_gameBox__y1sIl .Gamebox_gameBgMask__AFYbq {
        background-color: rgba(22, 23, 25, .6);
        backdrop-filter: blur(32px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pc-play-content{
        display:block;
    }

    .Toolbar_action__NLzmZ{
        display:none!important;
    }

    .Center_desc__339jz{
        max-height: 100%!important;
    }

    .desc-btn{
        display:none!important;
    }
}

.pc-play-content{
    min-width: 300px;
    width: 45%;
    position: absolute;
    text-align: center;
}

.pc-play-content img{
    border-radius: 15px;
}

.pc-play-content button{
    background: #2a73e5;
    border: none;
    font-size: 2.5rem;
    padding: 1rem 2rem;
    margin: 2rem auto 0;
    font-weight: bold;
    color: #fff;
    border-radius: 12px;
}

.pc-play-content button:hover{
    background: #72a0e9;
}

.ToolsBtn_title__FWKld{
    font-size: 1.5rem;
    font-weight: bold;
    background: #2a73e5;
    color: #fff;
    padding: .7rem 1.5rem;
    border-radius: 12px;
}

.ToolsBtn_title__FWKld button:hover{
    background: #72a0e9;
}

.desc-btn{
    border: solid 1px #749bf3;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 8px;
    background: #2e67eb;
    font-size: 1.5rem;
    margin: 1rem 0;
}