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: 1400px) {
    /*--------- banner大图 ---------*/
    #banner #logo { top:13%; right: 13%; }
    #banner .bannertxt { top: 36%; right: 12%; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { margin-top:-12%; }
    /*--------- 内页 ---------*/
    /* 内页 banner */
    #banner .inside-txt { top: 16%; }
}

/*---------------------- 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,.main-tese,.main-zb,.main-video,.main-screenshot { width: calc(100% - (15px) * 2); }
    /* 内页 框架 */
    .inside-container { margin-top:-16%; }
    /*--------- 顶部导航 ---------*/
    .gamename h1,.gamename h2 { font-size: 2rem; margin-top:3px; }
    .topnav li a { padding: 0 10px; }
    /*--------- banner大图 ---------*/
    #bannerbox { width:100%; text-align: center; }
    #banner { min-width:320px; }
    #banner #logo { right: 8%; }
    #banner .bannertxt { right: 6%; }
    #banner .inside-txt { top: 25%; }
    #bannerbg { min-width:320px; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { width: 100%; box-sizing: border-box; }
    #newsfocus { display: none; }
    #newslistbox { width: calc(100% - (280px + 20px * 2)); }
    #newslistbox .swiper-newslist,#newslistbox .tabContent { width: 100%; }
    .newslist ul li a { width: calc(100% - 85px); }
    .newslist ul li.para { line-height: 3.9rem; }
    /*--------- 角色展示 ---------*/
    .role { width: calc(100% - 280px); }
    .rolelist { width: 100%; }
    .rolelist .swiper-role2 .fs img { left: -280px; }
    .rolelist .swiper-role2 .ss img { left: -200px; }
    /*--------- 玩法特色 ---------*/
    .cont-tese { padding: 30px 0 40px; }
    .teselist { width: 100%; height: auto; box-sizing: border-box; }
    /*--------- 酷炫装备 ---------*/
    .zhuangbei { margin: 40px auto 30px; }
    .cont-zb { padding: 30px 0 0; }
    .cont-zb .btn-more { margin: 0 auto; }
    .zblist { width: 100%; height: 500px; }
    .zblist .swiper-zb { width: calc(100% - 75%); height: 85%; }
    .zblist .swiper-zb .swiper-slide .tabli { padding:0 15px 0 35px; width: calc(100% - (15px + 35px)); height: 100%; }
    .zblist .swiper-zb .swiper-slide .tabli h5 { font-size: 2.2rem; overflow: hidden; }
    .zblist .swiper-zb .swiper-slide .tabli p { font-size: 1.4rem; }
    .zblist .swiper-zb2 { width: calc(100% - 25%); min-width: 680px; height: calc(100% - 10%); }
    /*--------- 精彩视频 ---------*/
    .main-video { padding-top: 30px; }
    /*--------- 游戏截图 ---------*/
    .cont-screenshot { padding: 30px 0 0; }
    /*--------- 底部版权 ---------*/
    .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; }
    /*--------- 背景音乐 ---------*/
    #musicbox { width: 50px; height: 50px; top:80px; right: 25px; }
    #musicbox a { width: 50px; height: 50px; border-radius: 50px; }

    /*--------- 内页 ---------*/
    /* 内页 框架 */
    .inside-mainbox { padding: 0 15px; box-sizing: border-box; }
    /* 内页 文章正文 */
    .article-content img { padding: 5px 0; }
}

/*---------------------- 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 15px; border-radius: 4px; background: rgba(255, 255, 255, .8); box-shadow: 0 2px 3px rgba(0, 0, 0, .12); }
    /*--------- 顶部导航 ---------*/
    .headerbox { height: auto; position: fixed; }
    .main-header { height: auto; padding: 8px 5px; }
    .topnav { display: none; }
    .toplogo { width: 58%; height: 82px; }
    .toplogo a img { width: auto; height: 100%; } 
    .gamename h1,.gamename h2 { font-size: 2.8rem; margin: 5px 0; max-width: none; }
    .gamename p { font-size: 2rem; }
    /*--------- banner大图 ---------*/
    .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: 65%; height: 23%; right: 2%; top:18%; text-align: center; }
    #banner .bannertxt { width: 90%; top: 58%; left:5%; }
    #banner .bannertxt img { animation:pulse 1s infinite linear; -webkit-animation:pulse 1s infinite linear; }
    #banner .txt2 { width: 84%; top: 63%; left:8%; }
    /*--------- 游戏下载 ---------*/
    #gamedown-pc { display: none; }
    #gamedown-mobile { display: block; height: 82px; margin-right: 10px; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { height: auto; margin-top:-17%; padding-bottom: 40px; background: none; box-shadow: none; }
    .title-news { display: block; height: 15%; margin-bottom: 12px; background: url(../images/title-news.png) no-repeat center top; background-size: 750px auto; }
    .title-news h3 { display: none; }
    .cont-news { padding: 5px 0 0; } 
    .cont-news .btn-more { margin: 15px auto 0; }
    #newsfocus { display: none; }
    #newslistbox { width: 100%; height: auto; box-sizing: border-box; padding: 26px 20px 15px; }
    #newslistbox .swiper-newslist,#newslistbox .tabContent,.newslist ul li a { width: 100%; }
    #newslistbox .swiper-newslist { height: 56px; }
    #newslistbox .swiper-slide { font-size: 2.2rem; line-height: 54px; }
    #newslistbox .tabContent { height: auto; max-height: 390px; }
    .newslist ul li { height: 62px; line-height: 62px; font-size: 1.6rem; }
    .newslist ul li.para { line-height: 4.2rem; padding: 0 0 10px; }
    .newslist ul li p { font-size: 1.6rem; padding: 10px 0 0; }
    .newstag::before { font-size: 1.5rem; }
    .title-tag::before { font-size: 1.6rem; }
    /*--------- 新手引导 ---------*/
    .guidancebox,.cont-guidance { width: 100%; height: auto; }
    .cont-guidance { background-size: 100% 100%; }
    .title-guidance { justify-content: space-between; margin-bottom: 12px; }
    .title-guidance .btn-more { width: auto; }
    .guidancelist { width: 100%; justify-content: center; padding: 25px 0; align-items: center; }
    .guidancelist a { width: calc(22% - (10px * 2)); font-size: 2rem; height: 52px; line-height: 52px; margin: 10px; }
    /*--------- 角色展示 ---------*/
    .role { width: 100%; height: auto; padding: 0; }
    .title-role { margin-bottom: 12px; }
    .title-role h3 { display: block; }
    .cont-role { width: 100%; height: auto; }
    .rolelist { height: 460px; background-size: auto 100%; }
    .rolelist .swiper-wrapper { height: 100%; }
    .rolelist .swiper-role { height: 30px; top: -40px; }
    .rolelist .swiper-role .swiper-slide .tabli { /*width: 60px;*/ padding: 0 8px; height: 30px; line-height:30px; font-size: 2rem; }
    .rolelist .swiper-slide img { width:100%; height:auto; }
    .rolelist .swiper-role2,.rolelist .swiper-role2 .role-img { height: 100%; }
    .rolelist .swiper-role2 .role-info { height: auto; top: 55px; }
    .rolelist .swiper-role2 .role-info p { height: initial; max-height: 330px; padding: 10px 12px 13px; font-size: 1.6rem; }
    /*--------- 玩法特色 ---------*/
    .cont-tese { padding: 15px 0 40px; }
    .cont-tese .btn-more { width: 100px; margin: 15px auto 0; }
    .title-tese { height: 15%; }
    .swiper-tese .prev-tese,.swiper-tese .next-tese { top:36%; }
    /*--------- 酷炫装备 ---------*/
    .zhuangbei { margin: 30px auto; }
    .cont-zb { padding: 40px 0 0; }
    .cont-zb .btn-more { margin: 20px auto 0; }
    .zblist { height: auto; height: 540px\0; display: flex; flex-direction: column; }
    .zblist .swiper-zb { width: 100%; height: auto; position: initial; display: flex; background-size: 100% auto; }
    .zblist .swiper-zb .swiper-wrapper  { flex-direction: row; }
    .zblist .swiper-zb .swiper-slide { width: 20%; border-right: 1px solid #6f7c9e; }
    .zblist .swiper-zb .swiper-slide .tabli { padding: 0; width: 100%; border: none; text-align: center; }
    .zblist .swiper-zb .swiper-slide .tabli,.zblist .swiper-zb .swiper-slide-thumb-active .tabli { border-bottom: none; border-right: 1px solid #6f7c9e; }
    .zblist .swiper-zb .swiper-slide .tabli h5 { font-size: 2.6rem; padding: 10px 0; }
    .zblist .swiper-zb .swiper-slide .tabli p { display: none; }
    .zblist .swiper-zb2 { position: initial; width: calc(100% - (5px * 2)); margin-top: 0; height: calc(100% - 12%)\0; margin-top: 5%\0; }
    .zblist .swiper-zb2 .swiper-slide a { height: initial\0; }
    /*--------- 精彩视频 ---------*/
    .videocenter { padding: 45px 0; }
    .videos{ top:2%; }
    .videos video { max-width: 96%; height: 90%; }
    .cont-video .btn-more { margin: 20px auto 0; }
    /*关闭按钮*/
    .vclose { top:auto; bottom: 25px; left: calc(50% - (12px) * 2); }
    /*--------- 游戏截图 ---------*/
    .screenshot { padding: 30px 0; }
    .cont-screenshot .btn-more { margin: 10px auto; }
    /*--------- 底部版权 ---------*/
    .footerlogo { display: none; }
    .footerbtn { display: block; }
    /*-----------适龄提示 弹窗-----------*/
    #cadpa { width: 11%; height: 90px; top:42%; left: auto; right: 2%; }
    .md-modal { max-width:94%; min-width: 85%; height:70%; }
    /*--------- 背景音乐 ---------*/
    #musicbox { width: 60px; height: 60px; top:120px; right: 20px; }
    #musicbox a { width: 60px; height: 60px; border-radius: 60px; }
    /*--------- 内页 ---------*/
    /* 内页 banner */
    #banner .inside-logo { display: block; }
    #banner .inside-txt { top: 60%; }
    /* 内页 框架 */
    .inside-container { margin-top:-16%; }
    /* 内页 框架 侧边栏 */
    .sidebar { display: none; }
    /*内页 框架 主体内容 */
    .maincontent { width: calc(100% - 1px * 2); padding: 25px; }
    /* 内页 文章列表 */
    .articlelist li h3 { font-size: 1.8rem; }
    /* 返回首页 栏目跳转 */
    .skipbox { display: flex; flex-direction: column; }
    /* 手机端 联系我们 */
    .main-contact { padding: 100px 0 30px; }
    /*--------- 右侧固定浮动 ---------*/
    .fixedbox { display: none; }
}

@media (max-width: 820px) { 
    /*--------- 酷炫装备 ---------*/
    .zblist { height: 500px\0; }
    .zblist .swiper-zb2 { height: calc(100% - 16%)\0; margin-top: 5%\0; }
}
/*---------------------- Small devices (phones, less than 768px) ----------------------*/
@media (max-width: 768px) {
    /*--------- 公共部分 ---------*/
    .title { line-height: 1.8rem; }
    .title h3 { font-size: 3rem; }
    .btn-more { font-size: 2rem; padding: 10px 15px; }
    .title-news,.title-tese,.title-zb,.title-videocenter,.title-screenshot { padding-top: 7%; background-size: 100% auto; }
    .title-news p,.title-tese p,.title-zb p,.title-videocenter p,.title-screenshot p { font-size: 1.4rem; letter-spacing: 10px; }
    /*--------- 游戏下载 ---------*/
    #gamedown-mobile,.toplogo { height: 75px; } 
    .toplogo { width: 60%; }
    .gamename { width: 70%; }
    .gamename h1,.gamename h2 { font-size: 2.6rem; margin: 6px 0; }
    .gamename p { font-size: 1.8rem; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { padding-bottom: 20px; }
    #newslistbox .swiper-newslist { height: 60px; }
    #newslistbox .swiper-slide { font-size: 2.4rem; }
    #newslistbox .tabContent { max-height: 420px; }
    .newslist ul li,.newslist ul li.topnews { height: 68px; line-height: 68px; font-size: 1.8rem; }
    .newslist ul li.para { line-height: 4.6rem; }
    .newslist ul li p { font-size: 1.8rem; }
    .newstag::before { font-size: 1.6rem; }
    .title-tag::before { font-size: 1.7rem; }
    /*--------- 新手引导 ---------*/
    .guidancebox { width: 100%; margin-top: 15px; }
    .title-guidance .btn-more { padding: 5px 10px; }
    .guidancelist { padding: 15px 0; }
    .guidancelist a { width: calc(26% - (5px * 2)); padding: 0 10px; font-size: 2.2rem; height: 52px; line-height: 52px; }
    /*--------- 角色展示 ---------*/
    .role { margin-top: 10px; overflow: initial; }
    .title-role { margin-bottom: 8px; }
    .rolelist .swiper-role { width: 50%; height: 50px; top: -46px; }
    .rolelist .swiper-role .swiper-wrapper { margin-right: 0; }
    .rolelist .swiper-role .swiper-slide { margin: 0; }
    .rolelist .swiper-role .swiper-slide .tabli { padding: 0 10px; height: 38px; line-height:38px; font-size: 2.4rem; border-radius: 4px; }
    .rolelist .swiper-role2 .role-info p { font-size: 1.6rem; line-height: 3rem; padding: 10px 12px 8px; }
    /*--------- 玩法特色 ---------*/
    .tese { padding: 35px 0 25px; }
    .cont-tese { padding: 0 0 5px; }
    .teselist .swiper-tese { padding: 10px 0 40px; }
    .teselist .swiper-tese .swiper-slide { width: calc(85%); }
    .teselist .swiper-tese .swiper-slide[data-ratio="16:9"] { padding-top: calc(85% * 9 / 16); }
    /*--------- 酷炫装备 ---------*/
    .zhuangbei { margin: 25px auto; }
    .cont-zb { padding: 30px 0 0; }
    .cont-zb .btn-more { margin: 15px auto 0; }
    .title-zb a.btn-more { margin: 0 0 0 10px; }
    /*.zblist .swiper-zb { height: auto; }
    .zblist .swiper-zb .swiper-slide .tabli { padding-bottom: 12px; }*/
    .zblist { height: 460px\0; }
    .zblist .swiper-zb .swiper-slide .tabli h5 { font-size: 2.2rem; /*white-space: pre-wrap;*/ letter-spacing: 1px; padding-left: 3px; }
    .zblist .swiper-zb2 { min-width: inherit; }
    /*--------- 精彩视频 ---------*/
    .videocenter { padding: 40px 0 30px; }
    .main-video { padding-top: 15px; }
    .video-leftbg { display: none; }
    #videolist { width: 100%; }
    /*--------- 游戏截图 ---------*/
    .screenshot { padding: 30px 0 20px; }
    .picturelist ul { padding: 0; }
    /*--------- 底部版权 ---------*/
    .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; }
    /*--------- 内页 ---------*/
    /*内页 框架 主体内容 */
    .maincontent { padding: 20px 15px 25px; }
    /* 返回首页 栏目跳转 */
    .skipbox { padding: 10px 0 0; }
    .skip-home { margin: 0 0 10px; }
}


/*---------------------- Small devices (phones, less than 550px) ----------------------*/
@media (max-width: 550px) { 
    /*--------- 公共部分 ---------*/
    .main-column { padding-bottom: 30px; }
    .title h3 { font-size: 2.6rem; }
    .btn-more { font-size: 1.6rem; padding: 8px 10px; }
    /*--------- 顶部导航 ---------*/
    .main-header { padding: 5px; }
    .toplogo { height: 66px; }
    #gamedown-mobile { width: 210px; height: 60px; margin-right: 0; }
    #gamedown-mobile img { width: 110%; }
    .toplogo a img { margin: 0 5px 0 0; }
    .gamename h1,.gamename h2 { font-size: 2.4rem; margin: 3px 0 3px; }
    .gamename p { font-size: 1.6rem; }
    /*--------- banner大图 ---------*/
    #banner #logo { top:18%; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { padding-bottom: 5px; }
    .title-news { margin-bottom: 5px; }
    #newslistbox { padding: 20px 15px 10px; }
    #newslistbox .swiper-newslist { height: 52px; }
    #newslistbox .swiper-slide { width: calc(25% - (6px)); font-size: 2rem; line-height: 50px; }
    #newslistbox .tabContent { max-height: 360px; }
    .newslist ul li,.newslist ul li.topnews { height: 58px; line-height: 58px; font-size: 1.6rem; }
    .newslist ul li.para { line-height: 4rem; }
    .newslist ul li p { font-size: 1.6rem; padding: 5px 0 7px; }
    .newstag::before { font-size: 1.4rem; }
    .title-tag::before { font-size: 1.5rem; padding: 0px 3px 1px; }
    /*--------- 新手引导 ---------*/
    .guidancebox { margin-top: 0; }
    .guidancelist { padding: 15px 10px; }
    .guidancelist a { width: calc(27% - (5px * 2)); font-size: 1.8rem; margin: 6px; height: 46px; line-height: 46px; }
    /*--------- 角色展示 ---------*/
    .role { margin: 25px 0 0; }
    .rolelist .swiper-role { width: 250px; }
    .rolelist .swiper-role .swiper-slide .tabli { height: 32px; line-height:32px; font-size: 2rem; border-radius: 4px; }
    .rolelist .swiper-role2 .zs img { left: -220px; }
    .rolelist .swiper-role2 .fs img { left: -350px; }
    .rolelist .swiper-role2 .ss img { left: -250px; }
    .rolelist .swiper-role2 .role-info { width: 55%; flex-direction: column; top: 6%; }
    .rolelist .swiper-role2 .role-info h3 { width: 100%; height: auto; padding: 0; margin-bottom: 10px; }
    .rolelist .swiper-role2 .role-info p { max-height: 280px; padding: 8px 15px 12px; font-size: 1.6rem; line-height: 2.6rem; }
    /*--------- 酷炫装备 ---------*/
    .zblist { height: 310px\0; }
    .zblist .swiper-zb .swiper-slide .tabli h5 { width: 100%; margin: 0 auto; font-size: 1.7rem; letter-spacing: 0; padding-left: 0; }
    .zblist .swiper-zb2 { height: calc(100% - 15%)\0; }
    .swiper-tese .prev-tese, .swiper-tese .next-tese { width: 40px; height: 80px; top: 38%; }
    /*--------- 玩法特色 ---------*/
    .tese { padding: 25px 0 10px; }
    .teselist .swiper-tese { padding: 10px 0 30px; }
    /*--------- 视频中心 ---------*/
    .videocenter { padding: 25px 0; }
    #videolist .swiper-slide img { width: calc(100% - (5px) * 2); height: calc(100% - (5px) * 2); top: 5px; left: 5px; }
    #videolist .swiper-slide .video-title { font-size: 1.6rem; line-height: 3.6rem; }
    #videolist .swiper-slide .play-video { width: 50px; height: 50px; left: calc(50% - (25px) * 1); top: calc(50% - (40px) * 1); }
    #videolist .swiper-pagination-bullets { zoom: .75; }
    /*--------- 游戏截图 ---------*/
    .screenshot { padding: 20px 0; }
    .cont-screenshot .btn-more { margin: 0 auto; }
    /*--------- 底部版权 ---------*/
    .copyright p { line-height: 22px; font-size: 1.2rem; }
    .footerbtn { margin: 10px auto; }
    .footerbtn a { width: auto; padding: 0 20px; height: auto; line-height: 3.2rem; border-radius: 4px; }
    /*-----------适龄提示 弹窗-----------*/
    .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; }
    /*--------- 背景音乐 ---------*/
    #musicbox { width: 50px; height: 50px; top:90px; right: 15px; }
    #musicbox a { width: 50px; height: 50px; border-radius: 50px; }

    /*--------- 内页 ---------*/
    /* 内页 框架 */
    .inside-mainbox { padding: 0 10px; }
    /* 内页 主体框架 */
    .content-mid { min-height: auto; }
    /* 内页 栏目标题 */
    .channel-title h4 { font-size: 2.2rem; }
    /* 内页 文章列表 */
    .articlelist li a { padding: 10px 0 5px; }
    .articlelist li h3 { font-size: 1.6rem; line-height: 3rem; }
    .articlelist li .time { font-size: 1.2rem; }
    /* 内页 文章标题 */
    .article-title { padding: 0 0 10px; font-size: 1.8rem; line-height: 3rem; }
    .article-basicinfo { padding:0 0 10px; }
    /* 内页 文章摘要 */
    .article-zhaiyao { margin-bottom:10px; padding: 5px 10px; line-height: 2.4rem; }
    .article-zhaiyao p { line-height: 2.4rem; }
    /* 内页 文章正文 */
    .article-content p { font-size: 1.5rem; line-height: 3rem; }
    .article-content img { padding: 5px 0; }
    /* 返回首页 栏目跳转 */
    .skip-home a { padding: 6px 12px; font-size: 1.6rem; }
    .skip-channel a { margin: 0 5px 8px 0; padding: 6px; font-size: 1.6rem; }
    /* 内页 图片列表 */
    .picturelist li { width: 48%; }
    .picturelist li p { font-size: 1.5rem; line-height: 3rem; }
    /* 内页 视频列表 */
    .videos-gallery ul { padding: 5px 0 0; }
    .videos-gallery li .video-title { padding: 5px 10px 10px; }
    .videos-gallery li .play-video { width: 50px; height: 50px; left: calc(50% - (25px) * 1); }
    /* 手机端 联系我们 */
    .main-contact { padding: 80px 0 20px; }
    .contactus > .group { flex-direction: column; }
}


/*---------------------- Small devices (phones, less than 414px) ----------------------*/
@media (max-width: 414px) { 
    /*--------- 公共部分 ---------*/
    .main-column,.main-news,.main-tese,.main-zb,.main-video,.main-screenshot { width: calc(100% - (10px) * 2); }
    .title h3 { font-size: 2.2rem; }
    .title p { font-size: 1.4rem; }
    .btn-more { font-size: 1.4rem; padding: 5px; }
    /*--------- 顶部导航 游戏下载 ---------*/
    .toplogo { width: 78%; padding: 0 5px 0 0; }
    .toplogo { height: 52px; }
    #gamedown-mobile { width: 180px; height: 52px; }
    #gamedown-mobile img { width: 110%; }
    .mobilelogo img { margin: 0 5px 0 0; }
    .gamename h1,.gamename h2 { font-size: 1.8rem; margin: 0 0 2px; }
    .gamename p { font-size: 1.2rem; }
    /*--------- 游戏资讯 ---------*/
    #newslistbox { padding: 15px 10px 8px; }
    #newslistbox .swiper-newslist { height: auto; }
    #newslistbox .swiper-slide { width: calc(25% - (2px)); font-size: 1.6rem; height: 42px; line-height: 42px; letter-spacing: -1px; }
    #newslistbox .tabContent { max-height: 285px; }
    .newslist ul li,.newslist ul li.topnews { height: 46px; line-height: 46px; font-size: 1.4rem; }
    .newslist ul li.para { line-height: 3.3rem; }
    .newslist ul li p { font-size: 1.4rem; padding: 0 0 5px; }
    .newslist ul li span { width: 60px; }
    .newstag::before { font-size: 1.2rem; }
    .title-tag::before { font-size: 1.4rem; }
    /*--------- 新手引导 ---------*/
    .guidancebox { padding-top: 20px; }
    .title-guidance { margin-bottom: 5px; }
    .title-guidance .btn-more { padding: 2px 10px; }
    .guidancelist a { width: 38%; font-size: 1.6rem; margin: 0 2% 12px; height: 42px; line-height: 42px; }
    /*--------- 角色展示 ---------*/
    .title-role { margin-bottom: 5px; }
    .rolelist .swiper-role { width: 58%; top: -40px; }
    .rolelist .swiper-role .swiper-slide .tabli { padding: 0 5px; height: 30px; line-height:30px; font-size: 1.8rem; }
    .rolelist .swiper-role2 .role-info { width: 60%; right: 20px; }
    .rolelist .swiper-role2 .role-info h3 { font-size: 5.4rem; }
    .rolelist .swiper-role2 .role-info p { width: 90%\0; padding: 8px 12px 10px; font-size: 1.4rem; line-height: 2.2rem; }
    /*--------- 酷炫装备 ---------*/
    .zhuangbei { margin: 20px auto 10px; }
    .cont-zb { padding: 30px 0 10px; }
    .zblist { height: 250px\0; }
    .zblist .swiper-zb2 { height: calc(100% - 23%)\0; margin-top: 8%\0; }
    /*.zblist .swiper-zb .swiper-slide .tabli { padding-bottom: 8px; }*/
    .zblist .swiper-zb .swiper-slide .tabli h5 { width: 90%; font-size: 1.5rem; letter-spacing: 0; padding-left: 0; }
    /*--------- 玩法特色 ---------*/
    .tese { padding: 20px 0 15px; }
    .cont-tese .btn-more { margin: 5px auto 0; }
    .teselist .swiper-tese { padding: 10px 0 25px; }
    .teselist .swiper-tese .swiper-slide .tabli { font-size: 1.6rem; }
    .pag-tese .swiper-pagination-bullet { width: 10px; height: 10px; }
    /*--------- 精彩视频 ---------*/
    .videocenter { padding: 20px 0; }
    .videos{ top:7%; }
    .videos video {height: 80%; }
    /*关闭按钮*/
    .vclose { bottom: 10%; }
    /*--------- 适龄提示 弹窗---------*/
    .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; }
    /*--------- 背景音乐 ---------*/
    #musicbox { width: 40px; height: 40px; top:70px; right: 8px; }
    #musicbox a { width: 40px; height: 40px; border-radius: 40px; }
    /*--------- 内页 ---------*/
    /* 内页 框架 */
    .inside-container { padding: 0 0 20px; }
    .inside-mainbox { padding: 0 5px; }
    /*内页 框架 主体内容 */
    .maincontent { padding: 15px; }
    /* 内页 栏目标题 */
    .channel-title h4 { font-size: 2rem; }
    /* 内页 文章列表 */
    .articlelist li h3 { font-size: 1.4rem; line-height: 2.2rem; }
    .articlelist li p { width: 70%; font-size: 1.2rem; }
    .articlelist li .time { width: 28%; }
    /* 内页 列表翻页 */
    .page .pagenum { font-size: 1.4rem; }
    .page li a { padding: 3px 8px; }
    /* 内页 文章标题 */
    .article-title { font-size: 1.6rem; line-height: 2.4rem; }
    .article-basicinfo { padding: 0 0 10px; }
    .article-basicinfo p { font-size: 1.2rem; padding: 0 3px; text-align: center; }
    .article-basicinfo span { margin: 0 3px 0 0; }
    /* 内页 文章摘要 */
    .article-zhaiyao { padding: 5px 10px; margin-bottom: 5px; }
    /* 内页 文章正文 */
    .article-content p { font-size: 1.4rem; line-height: 2.6rem; text-indent: 2.8rem; margin: 10px 0; }
    .article-content img { padding: 0; }
    /* 返回首页 栏目跳转 */
    .skipbox { padding: 5px 0 0; }
    .skip-home { margin-bottom: 0; } 
    .skip-home a { font-size: 1.5rem; }
    .skip-channel,.skip-channel a { font-size: 1.4rem; }
    /*内页 文章上下篇跳转 */
    .article-prevnext { padding: 15px 0 0; font-size: 1.2rem; line-height: 2.4rem; }
    /* 内页 图片列表 */
    .picturelist li { width: 100%; }
    /* 内页 视频列表 */
    .videos-gallery li { width: 48%; height: auto; margin: 0 1% 15px; }
    /* 手机端 联系我们 */
    .main-contact { padding: 60px 0 15px; }
}


@media (max-width: 375px) { 
    /*--------- 酷炫装备 ---------*/
    .zblist { height: 230px\0; }
    .zblist .swiper-zb2 { height: calc(100% - 24%)\0; margin-top: 8%\0; }
}

/*---------------------- 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 { width: 120px; height: 38px; }
    .gamename { width: auto; }
    .gamename h1,.gamename h2 { font-size: 1.6rem; margin: 0; }
    /*--------- 游戏资讯 ---------*/
    #newslistbox { padding: 8px; }
    #newslistbox .swiper-slide { width: calc(25% - (4px)); height: 36px; line-height: 36px; font-size: 1.2rem; letter-spacing: 0; }
    #newslistbox .tabContent { max-height: 250px; }
    .newslist ul li,.newslist ul li.topnews { height: 40px; line-height: 40px; font-size: 1.2rem; }
    .newslist ul li.para { line-height: 2.6rem; }
    .newslist ul li p { font-size: 1.2rem; padding: 0 0 3px; }
    .newslist ul li span { width: 50px; }
    .newstag::before { border-radius: 2px; margin: 0 5px 0 0; }
    .title-tag::before { font-size: 1.2rem; }
    /*--------- 新手引导 ---------*/
    .cont-guidance { padding: 0; }
    .guidancelist a { font-size: 1.4rem; height: 38px; line-height: 38px; }
    /*--------- 角色展示 ---------*/
    .role { margin: 15px 0 0; }
    .rolelist { height: 400px; }
    .rolelist .swiper-role { width: 60%; top: -35px; }
    .rolelist .swiper-role .swiper-slide .tabli { padding: 0 3px; height: 26px; line-height:26px; font-size: 1.6rem; }
    .rolelist .swiper-slide img { width: 85%; }
    .rolelist .swiper-role2 .role-info { width: 60%; top: 4%; right: 15px; }
    .rolelist .swiper-role2 .role-info h3 { font-size: 4.8rem; }
    .rolelist .swiper-role2 .role-info p {width: 83%\0; }
    .rolelist .swiper-role2 .zs img { left: -180px; }
    .rolelist .swiper-role2 .fs img { left: -300px; }
    .rolelist .swiper-role2 .ss img { left: -210px; }
    /*--------- 玩法特色 ---------*/
    .tese { padding: 15px 0 10px; }
    .teselist { margin: 5px 0 0; }
    .teselist .swiper-tese { padding: 0 0 20px; }
    .swiper-tese .prev-tese, .swiper-tese .next-tese { top: 35%; }
    /*--------- 酷炫装备 ---------*/
    .cont-zb { padding: 20px 0 10px; }
    .zblist { height: 200px\0; }
    .zblist .swiper-zb .swiper-slide .tabli h5 { width: auto; font-size: 1.4rem; }
    .zblist .swiper-zb2 { height: calc(100% - 24%)\0; }
    /*--------- 精彩视频 ---------*/
    #videolist .swiper-slide .video-title { font-size: 1.4rem; line-height: 3rem; }
    .videos{ top:2%; }
    .videos video {height: 88%; }
    /*关闭按钮*/
    .vclose { bottom: 2.5%; }
    /*--------- 游戏截图 ---------*/
    .cont-screenshot { padding: 20px 0 0; }
    .picturelist li { width: 100%; margin-bottom: 10px; }
    /*--------- 底部版权 ---------*/
    .footerbtn a { font-size: 1.4rem; line-height: 3rem; }
    .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; }
    /*--------- 背景音乐 ---------*/
    #musicbox { width: 36px; height: 36px; top:55px; right: 5px; }
    #musicbox a { width: 36px; height: 36px; border-radius: 36px; }
    /*--------- 内页 ---------*/
    /*内页 框架 主体内容 */
    .maincontent { padding: 10px; }
    /* 内页 栏目标题 */
    .channel-title h4 { font-size: 1.6rem; }
    /* 内页 文章列表 */
    .articlelist li a { padding: 6px 0 2px; }
    .articlelist li h3 { font-size: 1.2rem; }
    /* 内页 列表翻页 */
    .page .pagenum { font-size: 1.4rem; }
    .page li a { padding: 0 6px 2px; }
    /* 内页 文章标题 */
    .article-title { padding: 0 0 10px; font-size: 1.4rem; line-height: 2rem; }
    .article-basicinfo { padding: 0; }
    .article-basicinfo p { text-align: center; }
    .article-basicinfo span { display: block; margin: 0; }
    /* 内页 文章摘要 */
    .article-zhaiyao p { font-size: 1.2rem; line-height: 2rem; }
    /* 内页 文章正文 */
    .article-content p { font-size: 1.2rem; line-height: 2.2rem; text-indent: 2.4rem; margin: 5px 0; }
    /* 返回首页 栏目跳转 */
    .skip-home a { font-size: 1.4rem; }
    .skip-channel,.skip-channel a { font-size: 1.2rem; }
    /* 内页 图片列表 */
    .picturelist li p { font-size: 1.4rem; }
    /* 手机端 联系我们 */
    .main-contact { padding: 50px 0 1px; }
    .main-contact h3 { line-height: 1.8rem; font-size: 2rem; }
}