body,
html {
    margin: 0;
    padding: 0
}

a,
abbr,
acronym,
address,
blockquote,
button,
caption,
cite,
code,
dd,
del,
dfn,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
img,
label,
legend,
li,
ol,
p,
pre,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    border: 0;
    font-family: Arial, sans-serif, serif;
    font-size: 70%;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0
}

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

ol,
ul {
    list-style: none
}

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

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 100%;
    overflow-y: scroll
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0 none
}

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

audio,
canvas,
video {
    *zoom: 1;
    display: inline-block;
    *display: inline
}

audio:not([controls]) {
    display: none
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal;
    *overflow: visible
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

.text-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.clear:after {
    clear: both;
    content: "";
    display: block;
    font-size: 0;
    height: 0;
    overflow: hidden;
    width: 0
}

a:focus {
    outline: none
}

a {
    text-decoration: none
}

img {
    color: #000;
    font-size: 0
}

@media screen and (min-width:1014px) {
    #root {
        position: relative;
        z-index: 100
    }
    .icon-search {
        background-position: 0 0;
        height: 36px;
        width: 36px
    }
    .icon-menu {
        background-position: -40px 0;
        height: 36px;
        width: 36px
    }
    .icon-clear {
        background-position: 0 -55px;
        height: 20px;
        width: 20px
    }
    .icon-fold {
        background-position: -80px 0;
        height: 48px;
        width: 48px
    }
    .icon-video {
        background-position: -80px -54px;
        height: 28px;
        width: 40px
    }
    #root>.content>.grid-games {
        display: grid;
        gap: 14px;
        grid-auto-flow: row dense;
        grid-auto-rows: 104px;
        grid-template-rows: repeat(auto-fill, 104px);
        justify-content: center
    }
    #root>.content>.grid-games .grid-game {
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
        display: block;
        height: 104px;
        overflow: hidden;
        position: relative;
        width: 104px
    }
    #root>.content>.grid-games .grid-game .grid-video {
        background-color: #fff;
        border-radius: 12px 0 0 0;
        bottom: 0;
        height: 40px;
        position: absolute;
        right: 0;
        width: 56px
    }
    #root>.content>.grid-games .grid-game .grid-video .icon-video {
        margin-left: 10px;
        margin-top: 8px;
        transform: scale(.8)
    }
    #root>.content>.grid-games .grid-game .name {
        bottom: 0;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        height: 36px;
        left: 0;
        line-height: 36px;
        opacity: 0;
        overflow: hidden;
        padding: 0 6px;
        position: absolute;
        right: 0;
        text-align: center;
        text-overflow: ellipsis;
        transform: translateY(8px);
        transition: all .3s ease-out;
        white-space: nowrap;
        z-index: 10
    }
    #root>.content>.grid-games .grid-game:hover .name {
        opacity: 1;
        transform: translateY(0)
    }
    #root>.content>.grid-games .grid-game.multi video {
        position: absolute;
        top: 0
    }
    #root>.content>.grid-games .grid-game.multi:before {
        content: none
    }
    #root>.content>.grid-games .grid-game.multi:hover:after {
        display: none
    }
    #root>.content>.grid-games .grid-game:after,
    #root>.content>.grid-games .grid-game:before {
        opacity: 0;
        position: absolute;
        transition: opacity .3s ease-out
    }
    #root>.content>.grid-games .grid-game:before {
        background-color: #eb1cbc;
        border: 2px solid #fff;
        border-radius: 8px;
        box-shadow: 0 0 12px 0 #fff;
        color: #fff;
        content: "PLAY";
        font-size: 14px;
        left: 50%;
        line-height: 26px;
        text-align: center;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 64px;
        z-index: 5
    }
    #root>.content>.grid-games .grid-game:after {
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 2
    }
    #root>.content>.grid-games .grid-game:hover:after,
    #root>.content>.grid-games .grid-game:hover:before {
        opacity: 1
    }
    #root>.content>.grid-games .grid-game.gl1,
    #root>.content>.grid-games .grid-game.gl2,
    #root>.content>.grid-games .grid-game.gl3 {
        height: 340px;
        width: 340px
    }
    #root>.content>.grid-games .grid-game.gl1:before,
    #root>.content>.grid-games .grid-game.gl2:before,
    #root>.content>.grid-games .grid-game.gl3:before {
        border: 4px solid #fff;
        border-radius: 20px;
        font-size: 28px;
        line-height: 60px;
        width: 196px
    }
    #root>.content>.grid-games .grid-game.gl1 .name,
    #root>.content>.grid-games .grid-game.gl2 .name,
    #root>.content>.grid-games .grid-game.gl3 .name {
        font-size: 16px
    }
    #root>.content>.grid-games .grid-game.gl1 {
        grid-area: gl1
    }
    #root>.content>.grid-games .grid-game.gl2 {
        grid-area: gl2
    }
    #root>.content>.grid-games .grid-game.gl3 {
        grid-area: gl3
    }
    #root>.content>.grid-games .grid-game.gm1,
    #root>.content>.grid-games .grid-game.gm2,
    #root>.content>.grid-games .grid-game.gm3,
    #root>.content>.grid-games .grid-game.gm4,
    #root>.content>.grid-games .grid-game.gm5,
    #root>.content>.grid-games .grid-game.gm6,
    #root>.content>.grid-games .grid-game.gm7,
    #root>.content>.grid-games .grid-game.gm8,
    #root>.content>.grid-games .grid-game.gm9 {
        height: 222px;
        width: 222px;
        background-color: #fff;
        color: #000;
        border: 1px solid red;
    }
    #root>.content>.grid-games .grid-game.gm1:before,
    #root>.content>.grid-games .grid-game.gm2:before,
    #root>.content>.grid-games .grid-game.gm3:before,
    #root>.content>.grid-games .grid-game.gm4:before,
    #root>.content>.grid-games .grid-game.gm5:before,
    #root>.content>.grid-games .grid-game.gm6:before,
    #root>.content>.grid-games .grid-game.gm7:before,
    #root>.content>.grid-games .grid-game.gm8:before,
    #root>.content>.grid-games .grid-game.gm9:before {
        border: 3px solid #fff;
        border-radius: 16px;
        font-size: 20px;
        line-height: 40px;
        width: 132px
    }
    #root>.content>.grid-games .grid-game.gm1 .name,
    #root>.content>.grid-games .grid-game.gm2 .name,
    #root>.content>.grid-games .grid-game.gm3 .name,
    #root>.content>.grid-games .grid-game.gm4 .name,
    #root>.content>.grid-games .grid-game.gm5 .name,
    #root>.content>.grid-games .grid-game.gm6 .name,
    #root>.content>.grid-games .grid-game.gm7 .name,
    #root>.content>.grid-games .grid-game.gm8 .name,
    #root>.content>.grid-games .grid-game.gm9 .name {
        font-size: 16px
    }
    #root>.content>.grid-games .grid-game.gm1 {
        grid-area: gm1
    }
    #root>.content>.grid-games .grid-game.gm2 {
        grid-area: gm2
    }
    #root>.content>.grid-games .grid-game.gm3 {
        grid-area: gm3
    }
    #root>.content>.grid-games .grid-game.gm4 {
        grid-area: gm4
    }
    #root>.content>.grid-games .grid-game.gm5 {
        grid-area: gm5
    }
    #root>.content>.grid-games .grid-game.gm6 {
        grid-area: gm6
    }
    #root>.content>.grid-games .grid-game.gm7 {
        grid-area: gm7
    }
    #root>.content>.grid-games .grid-game.gm8 {
        grid-area: gm8
    }
    #root>.content>.grid-games .grid-game.gm9 {
        grid-area: gm9
    }
    #root>.content>.grid-games .grid-ads {
        background-color: rgba(0, 0, 0, .6);
        border-radius: 20px;
        display: block;
        overflow: hidden
    }
    #root>.content>.grid-games .grid-ads.ads-1 .ads-title,
    #root>.content>.grid-games .grid-ads.ads-2 .ads-title {
        color: #fff;
        font-size: 12px;
        line-height: 34px;
        text-align: center
    }
    #root>.content>.grid-games .grid-ads.ads-1 .ads-wrapper,
    #root>.content>.grid-games .grid-ads.ads-2 .ads-wrapper {
        background-color: #f7f7f7;
        height: 280px;
        margin: 0 auto;
        width: 336px
    }
    #root>.content>.grid-games .grid-ads.ads-1 .ads-wrapper .ads-container,
    #root>.content>.grid-games .grid-ads.ads-2 .ads-wrapper .ads-container {
        height: 100%
    }
    #root>.content>.grid-games .grid-ads.ads-1 {
        grid-area: ads1;
        height: 340px;
        width: 340px
    }
    #root>.content>.grid-games .grid-ads.ads-2 {
        grid-area: ads2;
        height: 340px;
        width: 340px
    }
    #root>.content>.grid-games .grid-ads.ads-3 {
        background-color: transparent;
        border-radius: 0;
        grid-area: ads3;
        height: 340px;
        width: 100%
    }
    #root>.content>.grid-games .grid-ads.ads-3 .ads-title {
        color: #490042;
        font-size: 12px;
        line-height: 20px;
        text-align: center
    }
    #root>.content>.grid-games .grid-ads.ads-3 .ads-wrapper {
        background-color: #f7f7f7;
        height: 320px;
        margin: 0 auto
    }
    #root>.content>.grid-games .grid-ads.ads-3 .ads-wrapper .ads-container {
        height: 100%
    }
    #root>.content>.grid-games .grid-tag {
        align-items: center;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
        display: flex;
        grid-column-start: span 2;
        height: 104px;
        overflow: hidden;
        width: 222px
    }
    #root>.content>.grid-games .grid-tag .pic {
        height: 104px;
        margin-right: 14px;
        width: 104px
    }
    #root>.content>.grid-games .grid-tag .name {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        color: #490042;
        display: -webkit-box;
        font-size: 14px;
        line-height: 1.2;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        width: 90px
    }
    #root>.content>.grid-games .grid-tag.plain {
        background-color: #f8d746;
        justify-content: center
    }
    #root>.content>.grid-games .grid-tag.plain .name {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        color: #490042;
        display: -webkit-box;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        width: 200px
    }
    #root>.content>.grid-games .grid-nav {
        align-items: center;
        background-color: #f8d746;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
        display: flex;
        grid-column-start: span 2;
        height: 104px;
        overflow: hidden;
        width: 222px
    }
    #root>.content>.grid-games .grid-nav .logo {
        color: #490042;
        font-size: 26px;
        text-align: center;
        width: 166px
    }
    #root>.content>.grid-games .grid-nav .logo h2 {
        font-weight: 700
    }
    #root>.content>.grid-games .grid-nav .logo h2:first-child {
        margin-bottom: 3px
    }
    #root>.content>.grid-games .grid-nav .logo .logoImg {
        display: none
    }
    #root>.content>.grid-games .grid-nav .nav {
        border-left: 2px solid #ceaa0f;
        height: 100%;
        width: 54px
    }
    #root>.content>.grid-games .grid-nav .nav .nav-search {
        border-bottom: 2px solid #ceaa0f;
        box-sizing: border-box;
        height: 50%;
        position: relative
    }
    #root>.content>.grid-games .grid-nav .nav .nav-search .icon-search {
        cursor: pointer;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) scale(.8)
    }
    #root>.content>.grid-games .grid-nav .nav .nav-menu {
        height: 50%;
        position: relative
    }
    #root>.content>.grid-games .grid-nav .nav .nav-menu .icon-menu {
        cursor: pointer;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) scale(.8)
    }
    #root>.content {
        margin-bottom: 22px;
        margin-top: 18px
    }
    #bottom-nav-new {
        background-color: #590051;
        font-size: 0;
        height: 40px;
        overflow: hidden;
        text-align: center
    }
    #bottom-nav-new>a {
        color: #fff;
        font-size: 12px;
        line-height: 40px;
        position: relative;
        text-decoration: none
    }
    #bottom-nav-new>a:not(:last-child) {
        margin-right: 30px
    }
    #bottom-nav-new>a:not(:last-child):before {
        background-color: #fff;
        content: "";
        height: 13px;
        position: absolute;
        right: -16px;
        top: 50%;
        transform: translateY(-50%);
        width: 1px
    }
    #root>.footer>.about-us {
        border-top: 4px solid #fadb5c;
        padding: 44px 0 26px
    }
    #root>.footer>.about-us .about-title {
        color: #490042;
        font-size: 36px;
        font-weight: 700;
        text-align: center
    }
    #root>.footer>.about-us .about-content {
        margin-top: 54px;
        padding: 0 26px
    }
    #root>.footer>.about-us .about-content .content-warp .content-title {
        color: #490042;
        font-size: 24px;
        font-weight: 700
    }
    #root>.footer>.about-us .about-content .content-warp .content-text {
        color: #78006d;
        font-size: 18px;
        margin-top: 26px
    }
    #root>.footer>.about-us .about-content .content-warp .content-text>p {
        line-height: 1.5
    }
    #root>.footer>.about-us .about-content .content-warp .content-text .about-link {
        color: #ffdb4a
    }
    #root>.footer>.about-us .about-content .content-warp:not(:last-child) {
        margin-bottom: 40px
    }
    #cookie-permission {
        background-color: rgba(0, 0, 0, .85);
        box-sizing: border-box;
        left: 0;
        padding: 14px 100px 14px 14px;
        position: fixed;
        top: -2000px;
        transition: all 2s;
        width: 100%;
        z-index: 999
    }
    #cookie-permission.show {
        top: 0
    }
    #cookie-permission .cookie-text {
        color: #fff;
        font-size: 14px;
        line-height: 1.5;
        text-align: left
    }
    #cookie-permission .cookie-text .cookie-link {
        color: #fff81a;
        font-size: 14px;
        text-decoration: underline
    }
    #cookie-permission .cookie-accept {
        background-color: #f09;
        border: 2px solid #fff;
        border-radius: 17px;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
        line-height: 30px;
        position: absolute;
        right: 16px;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        width: 76px
    }
    .float>.bg {
        background-image: linear-gradient(180deg, #ee609c 0, #ee609c 33%, #cf6cc9 66%, #b637f4);
        top: 0;
        z-index: 50
    }
    .float>.bg,
    .float>.search {
        height: 100%;
        left: 0;
        position: fixed;
        width: 100%
    }
    .float>.search {
        background-color: rgba(0, 0, 0, .6);
        top: -3000px;
        transition: top 0s .2s;
        z-index: 120
    }
    .float>.search .search-warp {
        background-color: #f69eee;
        left: 0;
        padding-bottom: 48px;
        padding-top: 20px;
        position: absolute;
        top: -3000px;
        transition: top .2s ease-in-out;
        width: 100%
    }
    .float>.search .search-warp .search-bar {
        background-color: #f8d746;
        border-radius: 12px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .4);
        display: flex;
        margin: 0 auto;
        overflow: hidden;
        width: 400px
    }
    .float>.search .search-warp .search-bar .left {
        align-items: center;
        display: flex;
        width: 348px
    }
    .float>.search .search-warp .search-bar .left .search-input {
        background-color: #f8d746;
        border: none;
        color: #490042;
        font-size: 20px;
        line-height: 50px;
        margin: 0;
        outline: none;
        padding: 0 10px 0 22px;
        width: 290px
    }
    .float>.search .search-warp .search-bar .left .search-input::placeholder {
        color: #7e6700;
        font-size: 16px
    }
    .float>.search .search-warp .search-bar .left .icon-clear {
        cursor: pointer;
        transform: scale(.8)
    }
    .float>.search .search-warp .search-bar .right {
        border-left: 2px solid #ceaa0f;
        position: relative;
        width: 50px
    }
    .float>.search .search-warp .search-bar .right .icon-search {
        cursor: pointer;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%) scale(.8)
    }
    .float>.search .search-warp .icon-fold {
        bottom: 0;
        cursor: pointer;
        left: 50%;
        position: absolute;
        transform: translateX(-50%) scale(.8)
    }
    .float>.search.show {
        top: 0;
        transition: none
    }
    .float>.search.show .search-warp {
        top: 0
    }
}

@media screen and (min-width:1900px) {
    #root .content .grid-games {
        grid-template-areas: ". . gl1 gl1 gl1 gm2 gm2 . . . gm3 gm3 . . . ." "gm1 gm1 gl1 gl1 gl1 gm2 gm2 . . . gm3 gm3 gl2 gl2 gl2 ." "gm1 gm1 gl1 gl1 gl1 . gm4 gm4 gm5 gm5 . . gl2 gl2 gl2 ." "ads1 ads1 ads1 . gm6 gm6 gm4 gm4 gm5 gm5 . . gl2 gl2 gl2 ." "ads1 ads1 ads1 . gm6 gm6 . gl3 gl3 gl3 gm9 gm9 . . . ." "ads1 ads1 ads1 gm7 gm7 gm8 gm8 gl3 gl3 gl3 gm9 gm9 . . . ." ". . . gm7 gm7 gm8 gm8 gl3 gl3 gl3 . . . ads2 ads2 ads2" ". . . . . . . . . . . . . ads2 ads2 ads2" ". . . . . . . . . . . . . ads2 ads2 ads2" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3";
        grid-template-columns: repeat(16, 104px)
    }
}

@media screen and (min-width:1420px) and (max-width:1899px) {
    #root .content .grid-games {
        grid-template-areas: ". . gm1 gm1 . . . gl1 gl1 gl1 gm2 gm2" "gm3 gm3 gm1 gm1 gm4 gm4 . gl1 gl1 gl1 gm2 gm2" "gm3 gm3 . . gm4 gm4 . gl1 gl1 gl1 . ." "ads1 ads1 ads1 gm5 gm5 gm6 gm6 . . . . ." "ads1 ads1 ads1 gm5 gm5 gm6 gm6 gl2 gl2 gl2 gm7 gm7" "ads1 ads1 ads1 gm8 gm8 gm9 gm9 gl2 gl2 gl2 gm7 gm7" ". . . gm8 gm8 gm9 gm9 gl2 gl2 gl2 . ." ". gl3 gl3 gl3 . . . . ads2 ads2 ads2 ." ". gl3 gl3 gl3 . . . . ads2 ads2 ads2 ." ". gl3 gl3 gl3 . . . . ads2 ads2 ads2 ." "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3";
        grid-template-columns: repeat(12, 104px)
    }
}

@media screen and (min-width:1310px) and (max-width:1419px) {
    #root .content .grid-games {
        grid-template-areas: ". . gm1 gm1 . . . gl1 gl1 gl1 ." "gm2 gm2 gm1 gm1 gm3 gm3 . gl1 gl1 gl1 ." "gm2 gm2 . . gm3 gm3 . gl1 gl1 gl1 ." "ads1 ads1 ads1 gm4 gm4 gm5 gm5 . . . ." "ads1 ads1 ads1 gm4 gm4 gm5 gm5 gl2 gl2 gl2 ." "ads1 ads1 ads1 . . gm6 gm6 gl2 gl2 gl2 ." "gm7 gm7 gl3 gl3 gl3 gm6 gm6 gl2 gl2 gl2 ." "gm7 gm7 gl3 gl3 gl3 . gm8 gm8 ads2 ads2 ads2" "gm9 gm9 gl3 gl3 gl3 . gm8 gm8 ads2 ads2 ads2" "gm9 gm9 . . . . . . ads2 ads2 ads2" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3";
        grid-template-columns: repeat(11, 104px)
    }
}

@media screen and (min-width:1014px) and (max-width:1309px) {
    #root .content .grid-games {
        grid-template-areas: ". . . gl1 gl1 gl1 gm1 gm1" "gm2 gm2 . gl1 gl1 gl1 gm1 gm1" "gm2 gm2 . gl1 gl1 gl1 . ." "ads1 ads1 ads1 gm3 gm3 . . ." "ads1 ads1 ads1 gm3 gm3 gm4 gm4 ." "ads1 ads1 ads1 . . gm4 gm4 ." "gm5 gm5 gl2 gl2 gl2 . . ." "gm5 gm5 gl2 gl2 gl2 . gm6 gm6" "gm7 gm7 gl2 gl2 gl2 . gm6 gm6" "gm7 gm7 . . . gl3 gl3 gl3" ". gm8 gm8 gm9 gm9 gl3 gl3 gl3" ". gm8 gm8 gm9 gm9 gl3 gl3 gl3" ". ads2 ads2 ads2 . . . ." ". ads2 ads2 ads2 . . . ." ". ads2 ads2 ads2 . . . ." "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3" "ads3 ads3 ads3 ads3 ads3 ads3 ads3 ads3";
        grid-template-columns: repeat(8, 104px)
    }
}

@media screen and (max-width:1013px) {
    #root {
        position: relative;
        z-index: 100
    }
    .icon {
        background-size: 1.28rem .9rem
    }
    .icon-search {
        background-position: 0 0
    }
    .icon-menu,
    .icon-search {
        height: .36rem;
        width: .36rem
    }
    .icon-menu {
        background-position: -.4rem 0
    }
    .icon-clear {
        background-position: 0 -.55rem;
        height: .2rem;
        width: .2rem
    }
    .icon-fold {
        background-position: -.8rem 0;
        height: .48rem;
        width: .48rem
    }
    #root>.content>.grid-games {
        display: grid;
        gap: .16rem;
        grid-auto-flow: row dense;
        grid-auto-rows: 1.38rem;
        grid-template-areas: ".	.	gm1	gm1" ".	.	gm1	gm1" "gl1	gl1	gl1	." "gl1	gl1	gl1	." "gl1	gl1	gl1	." ".	.	.	." "gm2	gm2	gm3	gm3" "gm2	gm2	gm3	gm3" "ads1 ads1	ads1 ads1" "ads1 ads1	ads1 ads1" "ads1 ads1	ads1 ads1" ".	.	.	." ".	gl2	gl2	gl2" ".	gl2	gl2	gl2" ".	gl2	gl2	gl2" "gm4	gm4	.	." "gm4	gm4	gm5	gm5" "gm6	gm6	gm5	gm5" "gm6	gm6	.	." "ads2 ads2	ads2 ads2" "ads2 ads2	ads2 ads2" "ads2 ads2	ads2 ads2" "gl3	gl3	gl3	." "gl3	gl3	gl3	." "gl3	gl3	gl3	." ".	.	.	." ".	gm7	gm7	." ".	gm7	gm7	." ".	.	.	." "gm8	gm8	gm9	gm9" "gm8	gm8	gm9	gm9";
        grid-template-columns: repeat(auto-fill, 1.38rem);
        grid-template-rows: repeat(auto-fill, 1.38rem);
        justify-content: center
    }
    #root>.content>.grid-games .grid-game {
        border-radius: .28rem;
        box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .4);
        display: block;
        height: 1.38rem;
        overflow: hidden;
        position: relative;
        width: 1.38rem
    }
    #root>.content>.grid-games .grid-game.multi video {
        position: absolute;
        top: 0
    }
    #root>.content>.grid-games .grid-game.multi:before {
        content: none
    }
    #root>.content>.grid-games .grid-game.m-hide,
    #root>.content>.grid-games .grid-game.multi:hover:after {
        display: none
    }
    #root>.content>.grid-games .grid-game.gl1,
    #root>.content>.grid-games .grid-game.gl2,
    #root>.content>.grid-games .grid-game.gl3 {
        height: 4.46rem;
        width: 4.46rem
    }
    #root>.content>.grid-games .grid-game.gl1 {
        grid-area: gl1
    }
    #root>.content>.grid-games .grid-game.gl2 {
        grid-area: gl2
    }
    #root>.content>.grid-games .grid-game.gl3 {
        grid-area: gl3
    }
    #root>.content>.grid-games .grid-game.gm1,
    #root>.content>.grid-games .grid-game.gm2,
    #root>.content>.grid-games .grid-game.gm3,
    #root>.content>.grid-games .grid-game.gm4,
    #root>.content>.grid-games .grid-game.gm5,
    #root>.content>.grid-games .grid-game.gm6,
    #root>.content>.grid-games .grid-game.gm7,
    #root>.content>.grid-games .grid-game.gm8,
    #root>.content>.grid-games .grid-game.gm9 {
        height: 2.92rem;
        width: 2.92rem
    }
    #root>.content>.grid-games .grid-game.gm1 {
        grid-area: gm1
    }
    #root>.content>.grid-games .grid-game.gm2 {
        grid-area: gm2
    }
    #root>.content>.grid-games .grid-game.gm3 {
        grid-area: gm3
    }
    #root>.content>.grid-games .grid-game.gm4 {
        grid-area: gm4
    }
    #root>.content>.grid-games .grid-game.gm5 {
        grid-area: gm5
    }
    #root>.content>.grid-games .grid-game.gm6 {
        grid-area: gm6
    }
    #root>.content>.grid-games .grid-game.gm7 {
        grid-area: gm7
    }
    #root>.content>.grid-games .grid-game.gm8 {
        grid-area: gm8
    }
    #root>.content>.grid-games .grid-game.gm9 {
        grid-area: gm9
    }
    #root>.content>.grid-games .grid-ads {
        background-color: rgba(0, 0, 0, .6);
        display: block;
        margin: 0 -.2rem;
        overflow: hidden
    }
    #root>.content>.grid-games .grid-ads .ads-title {
        /* color: #fff; */
        font-size: .26rem;
        line-height: .36rem;
        text-align: center
    }
    #root>.content>.grid-games .grid-ads .ads-wrapper {
        background-color: #f7f7f7;
        height: 4.1rem;
        margin: 0 auto;
        position: relative
    }
    #root>.content>.grid-games .grid-ads .ads-wrapper .ads-container {
        height: 100%;
        left: 50%;
        max-height: 450px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        z-index: 2
    }
    #root>.content>.grid-games .grid-ads.ads-1 {
        grid-area: ads1
    }
    #root>.content>.grid-games .grid-ads.ads-2 {
        grid-area: ads2
    }
    #root>.content>.grid-games .grid-ads.ads-3 {
        display: none
    }
    #root>.content>.grid-games .grid-tag {
        align-items: center;
        background-color: #fff;
        border-radius: .2rem;
        box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .4);
        display: flex;
        grid-column-start: span 2;
        height: 1.38rem;
        overflow: hidden;
        width: 2.92rem
    }
    #root>.content>.grid-games .grid-tag .pic {
        height: 1.38rem;
        margin-right: .22rem;
        width: 1.38rem
    }
    #root>.content>.grid-games .grid-tag .name {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        color: #490042;
        display: -webkit-box;
        font-size: .26rem;
        line-height: 1.2;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        width: 1.1rem
    }
    #root>.content>.grid-games .grid-tag.plain {
        background-color: #f8d746;
        justify-content: center
    }
    #root>.content>.grid-games .grid-tag.plain .name {
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        color: #490042;
        display: -webkit-box;
        font-size: .32rem;
        font-weight: 700;
        line-height: 1.2;
        overflow: hidden;
        text-align: center;
        text-overflow: ellipsis;
        width: 2.68rem
    }
    #root>.content>.grid-games .grid-nav {
        align-items: center;
        background-color: #f8d746;
        border-radius: .28rem;
        box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .4);
        display: flex;
        grid-column-start: span 2;
        height: 1.38rem;
        overflow: hidden;
        width: 2.92rem
    }
    #root>.content>.grid-games .grid-nav .logo {
        color: #490042;
        font-size: .32rem;
        text-align: center;
        width: 2.2rem
    }
    #root>.content>.grid-games .grid-nav .logo h2 {
        font-weight: 700
    }
    #root>.content>.grid-games .grid-nav .logo h2:first-child {
        margin-bottom: .1rem
    }
    #root>.content>.grid-games .grid-nav .logo .logoImg {
        display: none
    }
    #root>.content>.grid-games .grid-nav .nav {
        border-left: .04rem solid #ceaa0f;
        height: 100%;
        width: .68rem
    }
    #root>.content>.grid-games .grid-nav .nav .nav-search {
        border-bottom: .04rem solid #ceaa0f;
        box-sizing: border-box;
        height: 50%;
        position: relative
    }
    #root>.content>.grid-games .grid-nav .nav .nav-search .icon-search {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    #root>.content>.grid-games .grid-nav .nav .nav-menu {
        height: 50%;
        position: relative
    }
    #root>.content>.grid-games .grid-nav .nav .nav-menu .icon-menu {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    #root>.content>.grid-games .grid-video {
        display: none
    }
    #root>.content {
        margin-bottom: .4rem;
        margin-top: .2rem
    }
    #bottom-nav-new {
        background-color: #590051;
        font-size: 0;
        height: .56rem;
        overflow: hidden;
        text-align: center
    }
    #bottom-nav-new>a {
        color: #fff;
        font-size: .18rem;
        line-height: .56rem;
        position: relative;
        text-decoration: none
    }
    #bottom-nav-new>a:not(:last-child) {
        margin-right: .3rem
    }
    #bottom-nav-new>a:not(:last-child):before {
        background-color: #fff;
        content: "";
        height: .23rem;
        position: absolute;
        right: -.16rem;
        top: 50%;
        transform: translateY(-50%);
        width: .01rem
    }
    #root>.footer>.about-us {
        border-top: .04rem solid #fadb5c;
        padding: .72rem 0 .26rem
    }
    #root>.footer>.about-us .about-title {
        color: #490042;
        font-size: .42rem;
        font-weight: 700;
        text-align: center
    }
    #root>.footer>.about-us .about-content {
        padding: 0 .2rem
    }
    #root>.footer>.about-us .about-content .content-warp {
        margin-top: .56rem
    }
    #root>.footer>.about-us .about-content .content-warp .content-title {
        color: #490042;
        font-size: .26rem;
        font-weight: 700
    }
    #root>.footer>.about-us .about-content .content-warp .content-text {
        color: #78006d;
        font-size: .24rem;
        margin-top: .36rem
    }
    #root>.footer>.about-us .about-content .content-warp .content-text>p {
        line-height: 1.5
    }
    #root>.footer>.about-us .about-content .content-warp .content-text .about-link {
        color: #ffdb4a
    }
    #cookie-permission {
        background-color: rgba(0, 0, 0, .85);
        box-sizing: border-box;
        left: 0;
        padding: .16rem 1.68rem .16rem .16rem;
        position: fixed;
        top: 0;
        top: -20rem;
        transition: all 2s;
        width: 100%;
        z-index: 999
    }
    #cookie-permission.show {
        top: 0
    }
    #cookie-permission .cookie-text {
        color: #fff;
        font-size: .18rem;
        height: .76rem;
        line-height: 1.5;
        overflow: auto;
        text-align: left
    }
    #cookie-permission .cookie-text .cookie-link {
        color: #fff81a;
        font-size: .18rem;
        text-decoration: underline
    }
    #cookie-permission .cookie-accept {
        background-color: #f09;
        border: .04rem solid #fff;
        border-radius: .26rem;
        color: #fff;
        cursor: pointer;
        font-size: .24rem;
        font-weight: 700;
        line-height: .44rem;
        position: absolute;
        right: .16rem;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
        width: 1.12rem
    }
    .float>.bg {
        background-image: linear-gradient(180deg, #ee609c 0, #ee609c 33%, #cf6cc9 66%, #b637f4);
        top: 0;
        z-index: 50
    }
    .float>.bg,
    .float>.search {
        height: 100%;
        left: 0;
        position: fixed;
        width: 100%
    }
    .float>.search {
        background-color: rgba(0, 0, 0, .6);
        top: -10000px;
        transition: top 0s .2s;
        z-index: 120
    }
    .float>.search .search-warp {
        background-color: #f69eee;
        left: 0;
        padding-bottom: .7rem;
        padding-top: .26rem;
        position: absolute;
        top: -10000px;
        transition: top .2s ease-in-out;
        width: 100%
    }
    .float>.search .search-warp .search-bar {
        background-color: #f8d746;
        border-radius: .12rem;
        box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .4);
        display: flex;
        margin: 0 auto;
        overflow: hidden;
        width: 6rem
    }
    .float>.search .search-warp .search-bar .left {
        align-items: center;
        display: flex;
        width: 5.28rem
    }
    .float>.search .search-warp .search-bar .left .search-input {
        background-color: #f8d746;
        border: none;
        color: #490042;
        font-size: .26rem;
        line-height: .68rem;
        margin: 0;
        outline: none;
        padding: 0 .12rem 0 .24rem;
        width: 4.57rem
    }
    .float>.search .search-warp .search-bar .left .search-input::placeholder {
        color: #7e6700;
        font-size: .22rem
    }
    .float>.search .search-warp .search-bar .right {
        border-left: .04rem solid #ceaa0f;
        position: relative;
        width: .68rem
    }
    .float>.search .search-warp .search-bar .right .icon-search {
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }
    .float>.search .search-warp .icon-fold {
        bottom: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%)
    }
    .float>.search.show {
        top: 0;
        transition: none
    }
    .float>.search.show .search-warp {
        top: 0
    }
}

body {
    font-size: 0
}

.icon {
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat
}

.icon,
.pic {
    display: block
}

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

.name {
    font-size: 0;
    overflow: hidden
}