@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(../images/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(../images/scroll-icon.png) no-repeat; background-size: contain;}

.page-content{ flex-grow: 1; position: relative; background: url(../images/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(../images/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: 48.6%;}
.home-about-left h2{ font-size: 1rem; line-height: .8; color: #71471f; text-transform: uppercase;}
.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 .3rem 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(../images/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(../images/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(../images/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(../images/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(../images/home-value-welt1.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(../images/home-value-welt2.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(../images/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(../images/gameDetail1-bg.jpg) center no-repeat #7630e1; background-size: cover;}
.gameDetail2{ background: url(../images/gameDetail2-bg.jpg) center no-repeat #83b931; background-size: cover;}
.gameDetail2 .gameDetail1-welt{ width: 144.75%; left: -24%; top: -3%;}
.gameDetail3{ background: url(../images/gameDetail3-bg.jpg) center no-repeat #532c3d; background-size: cover;}
.gameDetail4{ background: url(../images/gameDetail4-bg.jpg) center no-repeat #ef9c34; background-size: cover;}
.gameDetail4 .gameDetail1-welt{ width: 143.75%; left: -27%; top: -13%;}
.gameDetail5{ background: url(../images/gameDetail5-bg.jpg) center no-repeat #1c6fd4; background-size: cover;}
.gameDetail5 .gameDetail-phone{ margin-top: .1rem;}

/* 弹窗 */
.pop{display: none; position: absolute; top:0%; left: 0%; width: 4.25rem; height: 2.16rem; padding: .16rem;  background: url(../images/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(../images/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(../images/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(../images/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;}

    /* 弹窗 */
    .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;}
}