@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "DONGLE", "Google Sans", Roboto, Arial, sans-serif;
}

body {
    line-height: 100%;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 14px;
}

em, address, i {
    font-style: normal
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a img {
    border: none;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

input, button, select, textarea {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: .06rem; /*高宽分别对应横竖滚动条的尺寸*/
    height: .06rem;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: .1rem;
    background: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    /* border-radius: .1rem; */
    background: transparent;
}

html {
    height: 100%;
    font-size: 100px;
    scroll-behavior: smooth;
}

body {
    position: relative;
    height: 100%;
    background-color: #fff;
}

.container {
    position: relative;
    min-height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.container-width {
    margin: 0 auto;
    max-width: 1268px;
}

.header {
    flex-shrink: 0;
    position: absolute;
    z-index: 1000;
    width: 100%;
    padding: .2rem 0;
}

.header-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: none;
    padding: 0 .74rem;
}

.logo {
    flex-shrink: 0;
    width: 2.37rem;
}

.nav {
    display: flex;
    height: 100%;
}

.nav-btn {
    display: none;
    width: .2rem;
    aspect-ratio: 1.33;
    background: url(../../static/image/nav-btn.png) no-repeat;
    background-size: contain;
}

.nav-list {
    margin: 0 -.46rem 0 0;
}

.nav-list ul {
    display: flex;
}

.nav-list a {
    position: relative;
    display: inline-flex;
    margin: 0 .46rem;
    color: #fff;
    line-height: 1;
    font-size: .4rem;
    font-family: 'DONGLE';
    line-height: 1;
    text-transform: uppercase;
    border: solid .02rem transparent;
    border-radius: .12rem;
}

.nav-list a:hover {
    color: #faaa38;
}

.nav-list a:hover::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    border-top: solid .03rem;
}

.nav .curr {
    color: #01875f;
}

.nav .curr span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: solid 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.promo {
    position: relative;
    flex-shrink: 0;
    overflow: visible;
    height: calc(100vh + 1.22rem);
}

.promo::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .28);
}

.banner-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.promo-main {
    position: absolute;
    z-index: 10;
    inset: 0;
    padding: 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.promo-main .title {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.08rem;
    font-family: 'Boredfjord';
    line-height: 1;
    text-shadow: 0 0 .6rem rgba(0, 0, 0, .6);
}

.promo-main .title .big {
    font-size: 1.08rem;
    font-family: 'Boredfjord';
    line-height: 1;
}

.promo-main .title .small {
    margin-left: .44em;
    font-size: .88em;
    font-family: 'Boredfjord';
}

.scroll-icon {
    width: .68rem;
    height: .55rem;
    margin: .5rem 0 0;
    background: url(../../static/image/scroll-icon.png) no-repeat;
    background-size: contain;
}

.page-content {
    flex-grow: 1;
    position: relative;
    background: url(../../static/image/bg.png) center repeat #fff7db;
    background-size: .34rem;
}

.page-content::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 1.22rem;
    margin-bottom: -1px;
    background: url(../../static/image/main-bg-top.png) bottom no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}

.home-about {
    position: relative;
    height: 5.58rem;
    display: flex;
    align-items: center;
    margin: .6rem 0 .72rem;
}

.home-about .container-width {
}

.home-about-left {
    position: relative;
    left: -.1rem;
    max-width: 46%;
}

.home-about-left h2 {
    font-size: 1rem;
    line-height: .8;
    color: #71471f;
    text-transform: uppercase;
    text-align: justify;
}

.home-about-left h2 i {
    position: relative;
    display: inline-block;
}

.home-about-left h2 i::after {
    content: "";
    position: absolute;
    bottom: 6%;
    right: 0;
    left: 0;
    height: .06rem;
    background-color: #fac35d;
    border-radius: .04rem;
}

.home-about-logo {
    width: 1.5rem;
    float: left;
    margin: .04rem .14rem 0 0;
}

.home-about-text {
    margin: .5rem 0 0;
    font-size: .52rem;
    color: #452f19;
    line-height: .8;
    letter-spacing: -.01rem;
}

.home-about-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 .1rem;
    background: url(../../static/image/home-about-right.jpg) left center no-repeat, linear-gradient(to top, #ffba57, #ffcc82);
    background-size: cover, 100% 100%;
    border-radius: 3rem 0 0 3rem;
}

.home-about-right .img {
    position: absolute;
    top: -.73rem;
    left: -.13rem;
    width: 7.16rem;
}

.home-companyGame {
    background: url(../../static/image/home-companyGame.jpg) center repeat #ffeeb3;
    background-size: auto 100%;
    overflow: visible;
}

.companyGame-heading {
    padding: .96rem 0 .5rem;
    font-size: .66rem;
    font-family: 'Boredfjord';
    color: #71471f;
    line-height: 1;
    text-align: center;
}

.companyGame-list {
    position: relative;
    width: 12rem;
    max-width: 100%;
    margin: 0 auto;
    padding: .1rem 0 1.5rem;
}

.gamesSwiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: .2rem 0;
}

.companyGame-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.companyGame-item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 5.64rem;
    margin: 0 auto;
}

.companyGame-item + .companyGame-item {
    margin-top: .28rem;
}

.companyGame-item .pin {
    content: "";
    position: absolute;
    z-index: 1;
    top: -.14rem;
    left: 50%;
    transform: translateX(-50%);
    width: .51rem;
    aspect-ratio: 1;
}

.companyGame-item .pin::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../../static/image/pin.png) no-repeat;
    background-size: contain;
}

.companyGame-item .pin::after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -27%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(110, 122, 37, .3);
}

.companyGame-item a {
    position: relative;
    max-width: 5.66rem;
    display: flex;
    overflow: hidden;
    border: solid .1rem #fff;
    border-radius: .6rem;
    box-shadow: -.06rem .1rem .1rem rgba(110, 122, 37, .5);
}

.companyGame-item .img {
    width: 100%;
}

.companyGame-item a:hover img {
    transform: scale(1.05);
}

.companyGame-item img {
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.companyGame-item .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 21.5%;
    background: #94bf51;
    text-align: center;
    font-size: .4rem;
    font-family: 'Boredfjord';
    color: #fff;
    line-height: 1;
}

.companyGame-item.item3 {
    margin-top: .22rem;
}

.companyGame-item.item3::before {
    top: -.14rem;
}

.companyGame-item.item3 .text {
    height: auto;
    padding: .1rem 5%;
    background: rgba(0, 0, 0, .27);
    font-size: .36rem;
    line-height: 1.2;
}

.companyGame-item.item3 .pin::after {
    background-color: rgba(53, 24, 37, .2);
}

.companyGame-list .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: .74rem;
}

.companyGame-list .swiper-pagination-bullet {
    width: .26rem;
    height: .23rem;
    margin: 0 .06rem !important;
    border-radius: .14rem;
    transition: all .2s linear;
}

.companyGame-list .swiper-pagination-bullet-active {
    width: .36rem;
    background: #faaa38;
}

.companyGame-list .swiper-button-prev,
.companyGame-list .swiper-button-next {
    top: 39% !important;
    width: .46rem;
    height: .57rem;
    margin-top: -.3rem;
    background: url(../../static/image/button-next.png) no-repeat;
    background-size: contain;
}

.companyGame-list .swiper-button-prev {
    left: -.9rem;
    transform: scaleX(-1);
}

.companyGame-list .swiper-button-prev::after,
.companyGame-list .swiper-button-next::after {
    content: none;
}

.companyGame-list .swiper-button-next {
    left: auto;
    right: -.9rem;
}

.companyGame-list .swiper-button-disabled {
    filter: grayscale(100%);
    opacity: 1;
}

.home-value {
    padding: .6rem 0 1.4rem;
}

.home-value-list {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin: .4rem 0 0;
    color: #71471f;
}

.home-value-list::before {
    content: "";
    position: absolute;
    top: -.78rem;
    left: -1.06rem;
    width: 1.54rem;
    height: 1.59rem;
    background: url(../../src/images/p3.png) no-repeat;
    background-size: contain;
}

.home-value-list::after {
    content: "";
    position: absolute;
    bottom: -.52rem;
    right: -1.2rem;
    width: 2.08rem;
    height: 2.1rem;
    background: url(../../src/images/p4.png) no-repeat;
    background-size: contain;
}

.home-value-list .item {
    width: 4.12rem;
    /*height: 4.34rem;*/
    padding: .26rem 3% .4rem;
    border: solid .08rem #ffedbd;
    border-radius: .4rem;
    background: linear-gradient(to bottom left, #ffbd51 0%, #ffcc78 45%, #ffedbd 100%);
}

.home-value-list .tit {
    padding: .04rem 0;
    font-size: .6rem;
    line-height: .8;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .02rem;
}

.home-value-list .des {
    font-size: .34rem;
    line-height: .8;
}

.footer {
    flex-shrink: 0;
    padding: .9rem 0;
    background: #282828;
    font-size: .4rem;
    color: #fff;
    line-height: 1;
}

.footer-main {
    display: flex;
    flex-direction: column;
}

.footer-content-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 .64rem;
}

.logo2 {
    width: 1.55rem;
}

.footer-nav {
    display: flex;
}

.footer-nav li {
    display: flex;
    margin: 0 .36rem;
}

.footer-nav a {
    position: relative;
    text-transform: uppercase;
}

.footer-nav a:hover {
    color: #faaa38;
}

.footer-nav a:hover::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
    border-top: solid .03rem;
}

.footer-link {
    display: flex;
}

.footer-link a {
    width: .45rem;
}

.footer-link a + a {
    margin-left: .2rem;
}

.footer-content-bottom {
    display: flex;
    justify-content: space-between;
    padding: .7rem 0 0;
    border-top: solid 1px rgba(255, 255, 255, .17);
}

.footer_menu a {
    position: relative;
}

.footer_menu a + a {
    margin-left: .5rem;
}

.footer_menu a:hover::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28%;
    border-top: solid 1px;
}

.gameDetail-container {
    height: 100%;
}

.gameDetail-container .container-width {
    max-width: none;
    padding: 0 .74rem;
}

.gameDetail-main {
    overflow: hidden;
}

.gameDetailSwiper .container-width {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.3rem 1.86rem 1rem .74rem;
}

.gameDetailSwiper {
    flex: 1;
    width: 100%;
    overflow: hidden;
    color: #fff;
}

/* .gameDetailSwiper .swiper-slide{ background: #fff;} */
.gameDetail-left {
    position: relative;
    z-index: 100;
    width: 4.7rem;
    max-width: 50%;
    padding-left: .06rem;
    height: 6.5rem;
}

.gameDetail-icon {
    width: 1.28rem;
    border: solid .04rem #fff;
    border-radius: .24rem;
}

.gameDetail-title {
    position: relative;
    margin: .2rem 0 0;
    font-size: .56rem;
    text-transform: uppercase;
    line-height: .7;
    font-weight: normal;
}

.gameDetail-title::before {
    content: "";
    position: absolute;
    top: .03rem;
    left: -.14rem;
    width: 0;
    height: 66%;
    border-left: solid .06rem #fee16b;
}

.gameDetail-subtitle {
    position: relative;
    margin: .06rem 0;
    font-size: .4rem;
    line-height: .7;
    font-weight: normal;
    text-transform: uppercase;
}

.gameDetail-des {
    position: relative;
    max-width: 76%;
    min-height: 2.02rem;
    font-size: .32rem;
    line-height: .7;
}

.gameDetail-download {
    margin: .28rem 0 0;
}

.gameDetail-download h3 {
    font-size: .4rem;
    text-transform: uppercase;
    line-height: .7;
    font-weight: normal;
}

.gameDetail-download .links {
    display: flex;
    margin: .1rem 0 0;
}

.gameDetail-download .links a {
    width: 1.49rem;
}

.gameDetail-download .links a + a {
    margin-left: .2rem;
}

.gameDetail-media {
    margin: .2rem 0 0;
}

.gameDetail-media h3 {
    font-size: .4rem;
    text-transform: uppercase;
    line-height: .7;
    font-weight: normal;
}

.gameDetail-media .links {
    display: flex;
    margin: .1rem 0 0;
}

.gameDetail-media .links a {
    width: .55rem;
}

.gameDetail-media .links a + a {
    margin-left: .2rem;
}

.gameDetail-right {
    position: relative;
    margin: 0 auto;
    width: 8rem;
    height: 6.5rem;
    pointer-events: none;
    max-width: 50%;
}

.gameDetail-phone {
    width: 8rem;
    margin: -.2rem 0 0;
}

.gameDetail1-welt {
    position: absolute;
    z-index: 2;
    left: -10.5%;
    top: -4%;
    width: 121.5%;
    max-width: none;
}

.gameDetail1-welt2 {
    position: absolute;
    z-index: -1;
    left: -34.7%;
    top: 2%;
    width: 88.75%;
    max-width: none;
}

.thumbnailSwiper-warper {
    position: absolute;
    z-index: 200;
    top: 50%;
    bottom: 0;
    right: .74rem;
    width: 1rem;
    height: 4.36rem;
    transform: translate(0, -50%);
    background-color: rgba(0, 0, 0, .3);
    border-radius: .26rem;
}

.thumbnailSwiper {
    width: 100%;
    height: 100%;
    padding: .1rem 0;
    overflow: hidden;
    border-radius: .26rem;
}

.thumbnailSwiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.thumbnailSwiper .img {
    overflow: hidden;
    width: 60%;
    aspect-ratio: 1;
    border: solid .03rem #949494;
    border-radius: .16rem;
    cursor: pointer;
    transition: all .1s ease;
}

.thumbnailSwiper .img:hover,
.thumbnailSwiper .swiper-slide-thumb-active .img {
    transform: scale(1.25);
    border-color: #fff;
}

.thumbnailSwiper-warper .swiper-button-prev,
.thumbnailSwiper-warper .swiper-button-next {
    top: -.48rem;
    left: 50%;
    margin-left: -.15rem;
    margin-top: 0;
    width: .3rem;
    aspect-ratio: 1.2;
    height: auto;
    background: url(../../static/image/button-next2.png) no-repeat;
    background-size: contain;
}

.thumbnailSwiper-warper .swiper-button-prev::after,
.thumbnailSwiper-warper .swiper-button-next::after {
    content: none;
}

.thumbnailSwiper-warper .swiper-button-next {
    top: auto;
    bottom: -.48rem;
    transform: scaleY(-1);
}

.gameDetail1 {
    background: url(../../static/image/gameDetail1-bg.jpg) center no-repeat #7630e1;
    background-size: cover;
}

.gameDetail2 {
    background: url(../../static/image/gameDetail2-bg.jpg) center no-repeat #83b931;
    background-size: cover;
}

.gameDetail2 .gameDetail1-welt {
    width: 144.75%;
    left: -24%;
    top: -3%;
}

.gameDetail3 {
    background: url(../../static/image/gameDetail3-bg.jpg) center no-repeat #532c3d;
    background-size: cover;
}

.gameDetail4 {
    background: url(../../static/image/gameDetail4-bg.jpg) center no-repeat #ef9c34;
    background-size: cover;
}

.gameDetail4 .gameDetail1-welt {
    width: 143.75%;
    left: -27%;
    top: -13%;
}

.gameDetail5 {
    background: url(../../static/image/gameDetail5-bg.jpg) center no-repeat #1c6fd4;
    background-size: cover;
}

.gameDetail5 .gameDetail-phone {
    margin-top: .1rem;
}

.promo2 {
    flex-shrink: 0;
    position: relative;
    min-height: 2.9rem;
    padding: 0 0 1.1rem;
    background: url(../../static/image/promo2-bg.png) repeat-y #ebbc4a;
    background-size: 100% auto;
}

.page-content2 {
    flex: 1;
    position: relative;
    background: #fff4cd;
}

.page-content2::before {
    content: "";
    position: absolute;
    top: -1.1rem;
    left: 0;
    right: 0;
    height: 1.1rem;
    background: url(../../static/image/main-bg-top2.png) center bottom no-repeat;
    background-size: 100%;
}

.privacy-main {
    padding: .9rem .2rem 1.5rem;
}

.privacy-main * {
    color: #3d3e3a;
    font-family: "Adobe 黑体 Std", "PingFang SC", sans-serif;
    line-height: 1;
}

.privacy-main .tit {
    padding: 0 0 .4rem;
    font-size: .58rem;
    text-transform: uppercase;
    text-align: center;
}

.privacy-main h3 {
    position: relative;
    margin: .1rem 0;
    font-size: .3rem;
    text-transform: uppercase;
}

.privacy-main h3::before {
    content: "";
    position: absolute;
    top: .16em;
    left: -.18rem;
    width: .09rem;
    height: .8em;
    background: #ebbc4a;
}

.privacy-main p {
    font-size: .2rem;
    line-height: 1.4;
}

.privacy-main p + h3 {
    margin-top: .3rem;
}

.btn-backtotop {
    display: none;
    position: fixed;
    bottom: 5%;
    right: 2%;
    width: .52rem;
    aspect-ratio: 0.7878;
    background: url(../../static/image/backToTop.png) no-repeat;
    background-size: contain;
}

/* 弹窗 */
.pop {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 4.25rem;
    height: 2.16rem;
    padding: .16rem;
    background: url(../../static/image/pop.png) top center no-repeat;
    background-size: 100% 100%;
    font-size: .24rem;
    line-height: 1.1;
    color: #482f18;
    text-align: center;
    font-weight: bold;
    letter-spacing: -.01rem;
    /* -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */
}

.b-close {
    position: absolute;
    top: -.14rem;
    right: -.14rem;
    z-index: 1;
    width: .39rem;
    height: .39rem;
    cursor: pointer;
    background: url(../../static/image/pop-close.png) no-repeat;
    background-size: 100% 100%;
}

.pop-m {
    width: 100%;
    height: 100%;
}

.prompt-cont {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.prompt-cont .text {
    flex: 1;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .54rem;
    line-height: .6;
    font-weight: normal;
    text-transform: uppercase;
}

.btn-ok {
    flex-shrink: 0;
    display: block;
    width: 1.71rem;
    aspect-ratio: 3.0535;
    background: url(../../static/image/btn-ok.png) no-repeat;
    background-size: contain;
}

@media (min-width: 992px) and (max-width: 1440px) {
    html {
        font-size: 6.9444vw;
    }
}

@media (max-width: 1440px) {
    .home-about-left {
        left: 0;
    }

    .promo {
        height: calc(70vh + 1.22rem);
    }
}

@media (max-width: 1280px) {
    .header-main {
        padding-left: .2rem;
        padding-right: .2rem;
    }

    .home-about {
        padding: 0 .2rem;
        height: auto;
    }

    /* .home-companyGame{ padding: 0 .2rem;} */
    .companyGame-heading {
        padding-left: .2rem;
        padding-right: .2rem;
    }

    .companyGame-item {
        padding: 0 .2rem;
    }

    .home-value {
        padding-left: .2rem;
        padding-right: .2rem;
    }

    .gameDetail-container .container-width {
        padding-left: .2rem;
        padding-right: .2rem;
    }
}

@media (max-width: 992px) {
    .header {
        position: fixed;
        padding: 1% 0;
        background-color: rgba(0, 0, 0, .3);
    }

    .nav .nav-list {
        position: absolute;
        z-index: 10;
        left: 0;
        right: 0;
        top: 90%;
        margin: 0 .2rem;
        padding: .2rem 0;
    }

    .nav .nav-list::before {
        content: "";
        position: absolute;
        left: 0;
        top: 5%;
        bottom: 10%;
        width: 100%;
        background-color: #fff;
        border-radius: .2rem;
        transform: rotate(0deg);
        z-index: 2;
    }

    .nav .nav-list ul {
        position: relative;
        z-index: 2;
        display: block;
    }

    .nav .nav-list a {
        padding-top: .04rem;
        padding-bottom: .04rem;
        color: #3d3e3a;
        font-size: .18rem;
    }

    .nav .nav-list a:hover {
        border-color: transparent;
        color: #9b4d16;
    }

    .nav.nav-show .nav-btn {
        z-index: 10;
        background-image: url(../../static/image/nav-close.png);
    }

    .nav.nav-show::after {
        content: "";
        position: fixed;
        z-index: 9;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .2);
    }

    .logo {
        width: 2.1rem;
    }

    .nav-btn {
        display: block;
    }

    .nav-list {
        display: none;
    }

    /* .promo{ height: calc(70vh + 1.22rem);} */
    .promo-main .title {
        flex-direction: column;
        font-size: .8rem;
        line-height: 1.3;
    }

    .promo-main .title .big {
        font-size: .8rem;
    }

    .promo-main .title .small {
        margin-left: 0;
    }

    .page-content {
        padding-bottom: 0;
    }

    .page-content::before,
    .page-content::after {
        background-size: 200% 100%;
    }

    .home-about-right {
        display: none;
    }

    .home-about-left {
        max-width: 100%;
    }

    .home-about-left h2 {
        text-align: center;
    }

    .companyGame-heading {
        font-size: .5rem;
    }

    .companyGame-list {
        display: block;
    }

    .companyGame-column {
        width: 100%;
    }

    .companyGame-item {
        max-width: 90%;
    }

    /* .companyGame-heading{padding-top: 10%; padding-bottom: 6%;} */
    .companyGame-list .swiper-button-prev {
        left: .2rem;
    }

    .companyGame-list .swiper-button-next {
        right: .2rem;
    }

    .home-value-list {
        flex-direction: column;
        align-items: center;
    }

    .home-value-list .item {
        width: 100%;
        height: auto;
    }

    .home-value-list .item + .item {
        margin-top: 3%;
    }

    .footer-content-top {
        flex-direction: column;
        padding-bottom: 10%;
    }

    .footer-nav {
        margin: 6% auto;
    }

    .footer-content-bottom {
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
    }

    .footer_text {
        order: 1;
    }

    .gameDetailSwiper .container-width {
        display: block;
        padding-bottom: calc(10% + 1rem);
        /* height: calc(100% - 1.1rem); padding-top: 0; margin-top: 1.1rem; */
    }

    .gameDetail-left {
        width: 100%;
        height: auto;
        max-width: none;
    }

    .gameDetail-des {
        width: 100%;
        max-width: 90%;
        min-height: auto;
    }

    .gameDetail-right {
        height: auto;
        max-width: none;
        width: 100%;
    }

    .gameDetail1-welt,
    .gameDetail1-welt2 {
        display: none;
    }

    .gameDetail-phone {
        margin-top: 5%;
    }

    .thumbnailSwiper-warper {
        bottom: 3%;
        top: auto;
        right: auto;
        left: 50%;
        width: 4.36rem;
        max-width: 90%;
        height: 1rem;
        max-height: 11%;
        transform: translate(-50%, 0);
        /* background-color: rgba(0, 0, 0, .6); */
    }

    .thumbnailSwiper {
        padding: 0 3%;
    }

    .thumbnailSwiper .img {
        width: auto;
        height: 60%;
    }

    .thumbnailSwiper-warper .swiper-button-prev,
    .thumbnailSwiper-warper .swiper-button-next {
        left: 0;
        top: 50%;
        margin-top: -.15rem;
        margin-left: -12%;
        transform: rotate(-90deg);
    }

    .thumbnailSwiper-warper .swiper-button-next {
        left: auto;
        right: 0;
        top: 50%;
        bottom: auto;
        margin-top: -.15rem;
        margin-right: -12%;
        transform: rotate(90deg);
    }
}

@media (max-width: 640px) {
    .home-about-left h2 {
        font-size: .88rem;
    }

    .home-about-text {
        font-size: .44rem;
    }

    .companyGame-list .swiper-button-prev,
    .companyGame-list .swiper-button-next {
        display: none;
    }

    .home-value-list::before {
        width: 23%;
        height: auto;
        aspect-ratio: 0.9685;
        left: -12%;
        top: 0;
        margin-top: -13%;
    }

    .home-value-list::after {
        width: 30%;
        height: auto;
        aspect-ratio: 0.99;
        right: -19%;
        bottom: 0;
        margin-bottom: -16%;
    }
}

@media (max-width: 540px) {
    .header {
        padding: .1rem 0;
    }

    .logo {
        width: 1.4rem;
    }

    .promo-main .title {
        flex-direction: column;
        font-size: .4rem;
    }

    .promo-main .title .big {
        font-size: .4rem;
    }

    .scroll-icon {
        width: .34rem;
        height: .28rem;
        margin-top: .2rem;
    }

    .promo {
        height: calc(45vh + .4rem);
    }

    .page-content::before {
        height: .4rem;
    }

    .home-about-logo {
        width: .7rem;
        margin-right: .1rem;
    }

    .home-about-text {
        font-size: .3rem;
        margin-top: .2rem;
    }

    .home-about-left h2 {
        font-size: .52rem;
    }

    .home-about-left h2 i::after {
        height: .03rem;
    }

    .companyGame-heading {
        font-size: .3rem;
        padding-top: .8rem;
        padding-bottom: .3rem;
    }

    .companyGame-item {
        max-width: 100%;
    }

    .companyGame-item a {
        border-radius: .3rem;
        border-width: .04rem;
    }

    .companyGame-item .pin {
        width: .26rem;
        top: -.1rem;
    }

    .companyGame-list {
        padding-bottom: 1.1rem;
    }

    .companyGame-item .text {
        font-size: .22rem;
    }

    .companyGame-item.item3 .text {
        font-size: .2rem;
        padding-top: .06rem;
    }

    .companyGame-list .swiper-pagination {
        bottom: .6rem;
    }

    .companyGame-list .swiper-pagination-bullet {
        width: .16rem;
        height: .12rem;
        margin: 0 .03rem !important;
    }

    .companyGame-list .swiper-pagination-bullet-active {
        width: .2rem;
    }

    .home-value {
        padding-top: 0;
    }

    .home-value-list .item {
        padding-left: 6%;
        padding-right: 6%;
        border-width: .04rem;
        border-radius: .3rem;
    }

    .home-value-list .tit {
        font-size: .34rem;
    }

    .home-value-list .des {
        font-size: .24rem;
    }

    .footer {
        padding: 12% 0;
        font-size: .26rem;
    }

    .logo2 {
        width: 1rem;
    }

    .footer-nav li {
        margin: 0 .2rem;
    }

    .footer-link a {
        width: .3rem;
    }

    /* .footer-nav{ flex-direction: column;} */
    .footer-content-bottom {
        padding-top: 8%;
    }

    .footer_menu {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-bottom: .2rem;
    }

    .footer_menu a {
        margin-left: 0 !important;
    }

    .thumbnailSwiper-warper {
        height: .7rem;
    }

    .thumbnailSwiper .img {
        border-width: .022rem;
        border-radius: .12rem
    }

    .thumbnailSwiper-warper .swiper-button-prev, .thumbnailSwiper-warper .swiper-button-next {
        display: none;
    }

    .gameDetail-icon {
        width: .9rem;
    }

    .gameDetailSwiper .container-width {
        padding-top: 30%;
    }

    .gameDetail-title {
        font-size: .44rem;
    }

    .gameDetail-subtitle {
        font-size: .3rem;
    }

    .gameDetail-des {
        font-size: .24rem;
    }

    .gameDetail-download h3,
    .gameDetail-media h3 {
        font-size: .3rem;
    }

    .gameDetail-download .links a {
        width: 1.1rem;
    }

    .gameDetail-media .links a {
        width: .32rem;
    }

    .promo2 {
        min-height: 1.4rem;
    }

    .page-content2::before {
        background-size: 150% auto;
    }

    .privacy-main {
        padding-top: .6rem;
    }

    .privacy-main .tit {
        font-size: .34rem;
    }

    .privacy-main h3 {
        font-size: .2rem;
    }

    .privacy-main h3::before {
        width: .06rem;
        left: -.1rem;
    }

    .privacy-main p {
        font-size: .15rem;
    }

    .btn-backtotop {
        width: .3rem;
    }

    /* 弹窗 */
    .pop {
        width: 2.8rem;
        height: auto;
        aspect-ratio: 1.9675;
    }

    .b-close {
        top: -.1rem;
        right: -.1rem;
        width: .26rem;
        height: auto;
        aspect-ratio: 1;
    }

    .btn-ok {
        width: 1.1rem;
    }

    .prompt-cont .text {
        font-size: .32rem;
    }
}