html{ font-size:62.5%; /* 10÷16=62.5% */} 
body{ font-size:12px; font-size:1.2rem ; /* 12÷10=1.2 */} 
p{ font-size:14px; font-size:1.4rem;}

/*---------------------- Large devices, Large desktops ----------------------*/
@media (max-width: 1600px) {
    /*--------- PC电脑端 下载 ---------*/
    #gamedown-pc .pc,#gamedown-pc .mobile { width: 260px; }

@media (max-width: 1440px) {
    /*--------- PC电脑端 下载 ---------*/
    #gamedown-pc .pc,#gamedown-pc .mobile { width: 240px; }
}

/*---------------------- Large devices, Large desktops ----------------------*/
@media (max-width: 1200px) {
    /*--------- 公共部分 ---------*/
    .title,.content { width: 100%; box-sizing: border-box; -moz-box-sizing:border-box;/* Firefox */ -webkit-box-sizing:border-box;/* Safari */ }
    .mainbox { width: 100%; }
    .main-column { width: calc(100% - (14px + 1px) * 2); height: auto; }
    .main-news,.GuidanceMethod,.main-tese,.main-zb,.main-video,.main-screenshot { width: calc(100% - (15px) * 2); }
    /* 内页 框架 */
    .inside-container { margin-top:-15%; }
    /*--------- 顶部导航 ---------*/
    .gamename h1,.gamename h2 { font-size: 2rem; margin-top:3px; }
    .topnav li a { padding: 0 15px; }
    /*--------- banner大图 ---------*/
    #bannerbox { width:100%; text-align: center; }
    #banner { min-width:320px; }
    #bannerbg { min-width:320px; }
    /*--------- 游戏下载 ---------*/
    #gamedown-pc { top: 73%; width: 600px; left: calc(50% - 300px); }
    #gamedown-pc .pc,#gamedown-pc .mobile { width: 200px; }
    /*--------- 玩法特色 ---------*/
    .tese { height: auto; padding: 30px 0 15px; }
    .cont-tese { padding: 10px 0 40px; }
    .teselist { width: 100%; height: auto; box-sizing: border-box; }

    /*--------- 底部版权 ---------*/
    .main-footer { flex-direction: column; text-align: center; }
    .footerlogo { margin: 20px auto 0; }
    .copyright { margin: 0 auto; width: 760px; padding: 0; height: auto; justify-content: center; }
    .copyright div { justify-content: center; }
    /*-----------适龄提示 弹窗-----------*/
    .md-modal { width: 82%; }
    .md-content h3 { font-size: 2.6rem; }
    .md-content > div p { font-size: 1.4rem; line-height: 3.2rem; margin-bottom: 10px; } 
    .md-content .md-close { font-size: 1.8rem; }

}

/*---------------------- Medium Devices, Desktops ----------------------*/
@media (max-width: 992px) {
    /*--------- 公共部分 ---------*/
    .main-column { display: flex; flex-direction: column-reverse; justify-content: center; }
    .title h3 { font-size: 3rem; }
    .btn-more { /*display: flex;*/ width: 100px; font-size: 1.8rem; padding: 6px 12px; }

    /*--------- 顶部导航 ---------*/
    .headerbox { display: block; height: auto; position: fixed; }
    .main-header { height: auto; padding: 8px 5px; }
    .topnav { display: none; }
    .toplogo { width: 58%; height: 82px; }


    /*--------- banner大图 ---------*/
    #bannerbox { margin-top: 30px; }
    .bannervideo,.bannervideo video,#bannerbg .banner-big,#banner img.heightself-big { display: none; }
    .bannervideo img { display: block; }
    #bannerbg { width: 100%; height: auto; }
    #bannerbg img { width: 100%; height: auto; }
    #bannerbg .banner-small,#banner img.heightself-small { display: block; }
    #banner #logo { width: 62%; height: 32%; left:19%; top:26%; text-align: center; }
    #banner .bannertxt { width: 94%; height: 32%; top: 60%; left:3%; }
    #banner .bannertxt img { max-width: 100%\9; }
    #banner .bannertxt img { animation:pulse 1s infinite linear; -webkit-animation:pulse 1s infinite linear; padding-top: 3%\0; }
    /*--------- 游戏下载 ---------*/
    #gamedown-pc { display: none; }
    #gamedown-mobile { display: block; height: 70px; }
	#gamedown-mobile img { width: 95%; height: 100%;}

    /*--------- 玩法特色 ---------*/
    .cont-tese { padding: 15px 0; }
    .cont-tese .btn-more { width: 100px; margin: 15px auto 0; }
    .title-tese { height: 15%; }
    .swiper-tese .prev-tese,.swiper-tese .next-tese { top:35%; }

    /*关闭按钮*/
    .vclose { top:auto; bottom: 25px; left: calc(50% - (12px) * 2); }

    /*--------- 底部版权 ---------*/
    .footerlogo { display: none; }
    .footerbtn { display: block; }
    /*-----------适龄提示 弹窗-----------*/
    #cadpa { width: 11%; height: 90px; top:18%; left: auto; right: 2%; }
    .md-modal { max-width:94%; min-width: 85%; height:70%; }
    /*--------- 右侧固定浮动 ---------*/
    .fixedbox,#inside-fixedbox { display: none; }
}

/*---------------------- Small devices (phones, less than 768px) ----------------------*/
@media (max-width: 768px) {
    /*--------- 公共部分 ---------*/
    .title { padding-top: 9%; margin-bottom: 15px; }
    .title h3 { font-size: 3rem; }
    .btn-more { font-size: 2rem; padding: 10px 15px; }
    .title-news,.title-tese,.title-zb,.title-videocenter,.title-screenshot { background-size: 100% auto; }
    .title-news p,.title-tese p,.title-zb p,.title-videocenter p,.title-screenshot p { font-size: 2rem; letter-spacing: 5px; }

    /*--------- 顶部导航 ---------*/

    #gamedown-mobile img { width: 95%; height: 100%;}

    /*--------- 玩法特色 ---------*/
    .tese { padding: 30px 0 20px; }
    .cont-tese { padding: 0 0 10px; }

    /*--------- 底部版权 ---------*/
    .copyright { width: 96%; height: auto; }
    .copyright p { line-height: 28px; font-size: 1.4rem; }
    /*-----------适龄提示 弹窗-----------*/
    .cadpa-img { width: auto; }
    .cadpa-img img.gamelogo { display: none; }
    .md-content h3 { font-size: 2.6rem; }
    .md-content .md-close { width: 20%; font-size: 1.8rem; }
}

/*---------------------- Small devices (phones, less than 550px) ----------------------*/
@media (max-width: 550px) { 
    /*--------- 公共部分 ---------*/
    .main-column { padding-bottom: 30px; }
    .main-news,.GuidanceMethod,.main-tese,.main-zb,.main-screenshot { width: calc(100% - (10px) * 2); }
    .title h3 { font-size: 2.8rem; }
    .title-news p,.title-tese p,.title-zb p,.title-videocenter p,.title-screenshot p { font-size: 1.6rem; }
    .btn-more { font-size: 1.6rem; padding: 8px 10px; }

    /*--------- 顶部导航 ---------*/
    .main-header { padding: 5px; }
    .toplogo { height: 66px; }
    #gamedown-mobile img { width: 95%; height: 100%;}

    /*--------- 玩法特色 ---------*/
    .main-tese { padding-bottom: 30px; }
    .tese { padding: 25px 0 10px; }
    .teselist { padding: 5px; }
    .teselist .swiper-tese .swiper-slide p { padding: 10px 20px; font-size: 2rem; }
    .swiper-tese .prev-tese,.swiper-tese .next-tese,.swiper-zb .prev-zb,.swiper-zb .next-zb { width:40px; height:80px; top: 35%; }
    .pag-zb .swiper-pagination-bullet,.pag-tese .swiper-pagination-bullet { width: 10px; height: 10px; }
    .teselist .swiper-pagination-bullets .swiper-pagination-bullet,.zblist .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }

    /*--------- 底部版权 ---------*/
    .copyright p { line-height: 22px; font-size: 1.2rem; }
    .footerbtn { margin: 10px auto; }
    .footerbtn a { width: 120px; height: 32px; line-height: 3.2rem; border-radius: 32px; font-size: 1.6rem; }
    /*-----------适龄提示 弹窗-----------*/
    .md-content h3 { font-size: 2rem; }
    .md-content .md-main { padding: 0 30px; }
    .md-content > div p { font-size: 1.6rem; line-height: 3rem; }
    .md-content .md-close { width: 25%; font-size: 1.4rem; }
}

/*---------------------- Small devices (phones, less than 414px) ----------------------*/
@media (max-width: 414px) { 
    /*--------- 公共部分 ---------*/
    .main-column,.main-news,.GuidanceMethod,.main-tese,.main-zb,.main-video,.main-screenshot { width: calc(100% - (5px) * 2); }
    .title { margin-bottom: 10px; }
    .title h3 { font-size: 2.2rem; }
    .title p { font-size: 1.4rem; line-height: 2.4rem; }
    .btn-more { font-size: 1.4rem; padding: 5px; }
    /*--------- 顶部导航 游戏下载 ---------*/
    .toplogo { width: 76%; padding: 0 5px 0 0; }
    .toplogo { height: 52px; }
	#gamedown-mobile img { width: 95%; height: 100%;}
    /*--------- 玩法特色 ---------*/
    .tese { padding: 18px 0 10px; }
    .main-tese { padding-bottom: 20px; }
    .cont-tese .btn-more { margin: 5px auto 0; }
    .teselist .swiper-tese .swiper-slide p { padding: 8px 20px; font-size: 1.6rem; }
    .swiper-tese .prev-tese,.swiper-tese .next-tese,.swiper-zb .prev-zb,.swiper-zb .next-zb { width:30px; height:60px; top: 36%; }
    .pag-tese .swiper-pagination-bullet { width: 10px; height: 10px; }
    .teselist .swiper-pagination-bullets { bottom: 0; }

    /*--------- 适龄提示 弹窗---------*/
    .cadpa-img img { height: 80px; margin: 0 15px 0 0; }
    .md-content h3 { font-size: 1.8rem; }
    .md-content .md-main { padding: 0 20px; }
    .md-content > div p { font-size: 1.4rem; line-height: 2.6rem; }
}

/*---------------------- Small devices (phones, less than 320px) ----------------------*/
@media (max-width: 320px) { 
    /*--------- 公共部分 ---------*/
    .main-column { padding-bottom: 20px }
    .title h3 { font-size: 1.8rem; }
    .title p { font-size: 1.2rem; }
    .btn-more { padding: 2px 0; }
    /*--------- 顶部导航 游戏下载 ---------*/
    .toplogo { width: 70%; height: 38px; } 
	#gamedown-mobile img { width: 95%; height: 100%;}
    /*--------- 玩法特色 ---------*/
    .tese { padding: 15px 0 10px; }
    .teselist .swiper-tese .swiper-slide p { font-size: 1.4rem; padding: 5px 20px; }
    .swiper-tese .prev-tese,.swiper-tese .next-tese { top: 30%; }

    /*--------- 底部版权 ---------*/
    .copyright .tips p { padding: 0 25px; }
    .copyright .customize p::after { content: ''; }
    /*----------- 适龄提示 弹窗 -----------*/
    .md-content h3 { font-size: 1.4rem; }
    .md-content .md-main { padding: 0 15px; }
    .md-content > div p { font-size: 1.2rem; line-height: 2.4rem; }
    .md-content .md-close { font-size: 1.2rem; }
    .cadpa-img img { height: 70px; margin: 0 10px 0 0; }

}