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 #inside-logo { height: 23%; min-height: auto; }
#banner .bannertxt { top: 36%; }
#banner .inside-txt { top: 23%; }
/*--------- 游戏资讯 ---------*/
.newsbox { margin-top:-12%; }
/*--------- 角色展示 ---------*/
.rolelist .swiper-role { left: 6%; }
.rolelist .swiper-role2 .swiper-slide > p { width: 20%; top: 20%; right: 8%; }
/*--------- 内页 ---------*/
/* 内页 banner
#banner .inside-txt { top: 8%; }*/
}
@media (max-width: 1280px) {
/*--------- banner大图 ---------*/
#banner #inside-logo { height: 22%; }
#banner .inside-txt { height: 27%; top: 22%; }
/*--------- 角色展示 ---------*/
.rolelist .swiper-role2 .swiper-slide > img { display: block; width: 100%; height: auto; }
.rolelist .swiper-role2 .swiper-slide > video { display: none; }
.rolelist .swiper-role2 .swiper-slide > p { width: 20%; top: 18%; right: 10%; }
}
/*---------------------- 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 */
.title { margin-bottom: 5px; }
.mainbox { width: 100%; }
/*.main-column { width: calc(100% - (14px + 1px) * 2); height: auto; }*/
.main-news,.main-tese,.main-zb,.main-screenshot,.main-video { width: calc(100% - (15px) * 2); }
/*--------- 顶部导航 ---------*/
.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; }
#bannerbg { min-width:320px; }
#banner #inside-logo { height: 23%; }
#banner .inside-txt { height: 30%; top: 23%; }
/*--------- 游戏资讯 ---------*/
.newsbox { width: 100%; box-sizing: border-box; }
#newsfocus { width: calc(100% - (510px + 10px)); }
/*--------- 角色展示 ---------*/
.rolelist .swiper-role { left: 2%; zoom: .9; }
.rolelist .swiper-role2 .swiper-slide > p { top: 10%; right: 10%; }
/*--------- 玩法特色 ---------*/
.teselist { width: 100%; height: auto; box-sizing: border-box; }
.teselist .swiperborder { width: calc(100% - (260px + 20px)); padding: 5px; }
/*--------- 装备展示 ---------*/
/*--------- 底部版权 ---------*/
.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; }
#musicbox a { width: 50px; height: 50px; border-radius: 50px; }
/*--------- 内页 ---------*/
/* 内页 banner
#banner .inside-txt { top: 10%; }*/
/* 内页 框架 */
.inside-container { margin-top:-25%; }
.inside-mainbox { padding: 0 15px; box-sizing: border-box; }
}
/*---------------------- Medium Devices, Desktops ----------------------*/
@media (max-width: 992px) {
/*--------- 公共部分 ---------
.main-column { display: flex; flex-direction: column-reverse; justify-content: center; }*/
/*--------- 顶部导航 ---------*/
.headerbox { display: block; height: auto; position: fixed; }
.main-header { height: auto; padding: 10px 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: 90%; height: 25%; left: 5%; top:8%; text-align: center; min-height: auto; }
#banner .bannertxt { width: 100%; top: 45%; left:0; }
#banner .bannertxt img { animation:pulse 1s infinite linear; -webkit-animation:pulse 1s infinite linear; }
#banner #inside-logo { width: 90%; left: 5%; height: 25%; top: 10%; }
#banner .inside-txt { height: 40%; top: 38%; }
/*--------- 游戏下载 ---------*/
.gamedownbox { width: 100%; height: auto; }
#gamedown-pc { display: none; }
#gamedown-mobile { display: block; margin-right: 10px; }
/*--------- 游戏资讯 ---------*/
.newsbox { height: auto; margin-top:-17%; background: none; box-shadow: none; }
.title-news { display: block; }
#newsfocus { display: none; }
#newslist-mainbox { width: 100%; height: auto; flex-direction: column-reverse; }
/*首页快捷入口 新手引导 游戏攻略*/
.newslinks { width: 100%; height: auto; flex-direction: row; margin-top: 12px; }
.newslinks a { width: 49%; display: inline-block; font-size: 2.6rem; color: #e4cfaa; padding: 20px 0; -webkit-filter: brightness(110%); filter: brightness(110%); }
.newslinks a.newslinks01 { background: url(../images/bg-newslinks01.jpg) no-repeat center center; background-size: cover; }
.newslinks a.newslinks02 { background: url(../images/bg-newslinks02.jpg) no-repeat center center; background-size: cover; }
.newslinks a:hover { background-color: none; }
#newslistbox { width: 100%; height: auto; }
#newslistbox .swiper-newslist { height: 64px; }
#newslistbox .tabContent { width: calc(100% - (10px * 2)); height: calc(100% - (10px * 2)); padding: 5px 10px 10px; max-height: 360px; }
#newslistbox .swiper-slide { line-height: 6.4rem; font-size: 2.6rem; }
.newslist ul li { height: 72px; line-height: 72px; font-size: 1.8rem; }
.newslist ul li.para { height: auto; line-height: 5.2rem; }
.newslist ul li p { font-size: 1.8rem; padding: 12px 0 3px; }
.newstag::before { font-size: 1.5rem; }
.title-tag::before { font-size: 1.6rem; }
/*--------- 角色展示 ---------*/
.rolelist .swiper-role2 .swiper-slide > img { width: auto; height: 550px; margin-left:-25%\0;/*for ie*/ }
.rolelist .swiper-role2 .swiper-slide > p { top: 12%; right: 5%; }
/*--------- 玩法特色 ---------*/
.cont-tese { padding: 0; }
.teselist { flex-direction: column; }
.teselist .swiper-tese { width: 100%; height: 62px; padding: 0; margin-bottom: 10px; background: none; flex-direction: row; }
.teselist .swiper-tese .swiper-wrapper { flex-direction: row; justify-content: space-between; }
.teselist .swiper-tese .swiper-slide { width: 24%; }
.teselist .swiper-tese .swiper-slide .tabli { height: auto; background-position: center bottom; background-size: auto 200%; }
.teselist .swiper-tese .swiper-slide .tabli p { width: calc(100% - (10px * 2)); padding: 0 10px; }
.teselist .swiper-tese .swiper-slide-thumb-active .tabli { background-position: center top; }
.teselist .swiperborder { width: calc(100% - (5px + 1px) * 2); height: auto; }
/*--------- 装备展示 ---------*/
.zblist .swiper-zb .swiper-slide { width: calc(45%); }
.zblist .swiper-zb .swiper-slide[data-ratio="3:4"] { padding-top: calc(45% * 4 / 3); }
.zblist .swiper-zb .swiper-slide img { padding: 5px; }
.swiper-zb .prev-zb,.swiper-zb .next-zb { width:80px; height:96px; }
/*--------- 精彩视频 ---------*/
#videolist .swiper-slide img { width: calc(100% - (5px) * 2); height: calc(100% - (5px) * 2); top: 5px; left: 5px; }
/*关闭按钮*/
.vclose { top:auto; bottom: 25px; left: calc(50% - (12px) * 2); }
/*--------- 游戏截图 ---------*/
.screenshot { padding: 30px 0; }
.screenshotlist { width: calc(100% - (5px + 1px) * 2); padding: 5px; }
.swiper-screenshot .prev-jietu,.swiper-screenshot .next-jietu { width:80px; height:96px; top:35%; }
/*--------- 底部版权 ---------*/
.footerlogo { display: none; }
.footerbtn { display: block; }
/*-----------适龄提示 弹窗-----------*/
#cadpa { width: 11%; height: 90px; top:30%; 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: 40%; }*/
/* 内页 框架 */
.inside-container { margin-top:-28%; background: url(../images/bg-clouds.png) no-repeat left bottom; background-size: 200% auto; }
/* 内页 框架 侧边栏 */
.sidebar { display: none; }
/*内页 框架 主体内容 */
.maincontent { width: calc(100% - 1px * 2); padding: 25px; }
/* 内页 文章列表 */
.articlelist li h3 { font-size: 1.8rem; }
/* 返回首页 栏目跳转 */
.skipbox { display: flex; }
/* 手机端 联系我们 */
.main-contact { padding: 100px 0 30px; }
/*--------- 右侧固定浮动 ---------*/
.fixedbox { display: none; }
}
/*---------------------- Small devices (phones, less than 768px) ----------------------*/
@media (max-width: 768px) {
/*--------- 公共部分 ---------*/
.title { line-height: 1.8rem; padding-top: 10%; background-size: 100% auto; max-width: 750px; }
.btn-more { width: auto; font-size: 2rem; padding: 10px 15px; }
/*--------- 游戏下载 ---------*/
.toplogo { width: 60%; height: 72px; }
#gamedown-mobile { width: 230px; height: 62px; margin-right: 5px; }
#gamedown-mobile p { font-size: 3.6rem; }
#gamedown-mobile i { font-size: 4rem; }
.gamename { width: 70%; }
.gamename h1,.gamename h2 { font-size: 2.8rem; margin: 0 0 5px; }
.gamename p { font-size: 1.8rem; }
/*--------- banner大图 ---------*/
#banner #logo { width: 84%; height: 25%; left: 8%; }
/*--------- 游戏资讯 ---------*/
.newsbox { background: url(../images/bg-cloud.png) no-repeat center bottom; background-size: 100% auto; }
#newslistbox .swiper-slide { font-size: 2.6rem; }
#newslistbox .tabContent { max-height: 340px; }
.newslist ul li { height: 68px; line-height: 68px; font-size: 2rem; }
.newslist ul li.para { line-height: 4.8rem; }
.newslist ul li p { font-size: 2rem; padding: 12px 0 5px; }
.newstag::before { font-size: 1.6rem; }
.title-tag::before { font-size: 1.7rem; }
/*--------- 角色展示 ---------*/
.rolelist .swiper-role2 .swiper-slide > img { height: 480px; margin-left:-40%\0;/*for ie*/ }
.rolelist .swiper-role2 .swiper-slide > p { width: 23%; top: 8%; right: 3%; font-size: 1.5rem; line-height: 2.6rem; }
/*--------- 玩法特色 ---------*/
.teselist .swiper-tese .swiper-slide .tabli { height: 62px; }
.teselist .swiper-tese .swiper-slide .tabli p { width: calc(100% - (5px * 2)); font-size: 2.4rem; line-height: 5.6rem; padding: 0 5px; }
/*--------- 装备展示 ---------*/
/*--------- 精彩视频 ---------*/
/*--------- 游戏截图 ---------*/
.screenshot { padding: 30px 0 20px; }
/*--------- 底部版权 ---------*/
.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: 15px 15px 25px; }
/* 内页 文章列表 */
.articlelist li h3 { font-size: 2rem; }
.articlelist li p,.articlelist li .time { font-size: 1.6rem; }
/* 返回首页 栏目跳转 */
.skipbox { padding: 15px 0 0; flex-direction: column; }
.skipbox div { display: flex; align-items: baseline; }
.skip-home { margin: 0 0 20px; justify-content:center; }
.skip-channel { width: 100%; flex-wrap: wrap; }
.skip-channel a { margin: 0 5px 10px 0; }
/* 内页 视频列表 */
.videos-gallery > ul > li a { padding: 0; }
}
/*---------------------- Small devices (phones, less than 550px) ----------------------*/
@media (max-width: 550px) {
/*--------- 公共部分 ---------*/
.title { line-height: 2.6rem; max-width: 100%; }
.title p { font-size: 1.6rem; }
.main-news,.main-tese,.main-zb,.main-screenshot,.main-video { width: calc(100% - (10px) * 2); }
.btn-more { font-size: 1.6rem; padding: 5px 10px; margin: 10px auto 0; }
/*--------- 游戏下载 ---------*/
#gamedown-mobile { width: 190px; height: 50px; margin-right: 0; padding-bottom: 10px; }
#gamedown-mobile p { font-size: 3rem; }
#gamedown-mobile i { font-size: 3.4rem; }
/*--------- 顶部导航 ---------*/
.main-header { padding: 5px; }
.toplogo { height: 66px; }
.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:12%; }
/*--------- 游戏资讯 ---------*/
.newsbox { padding: 0 0 25px; }
#newslistbox .swiper-newslist { height: 52px; }
#newslistbox .swiper-slide { font-size: 2rem; line-height: 50px; }
#newslistbox .tabContent { max-height: 290px; }
.newslist ul li { height: 58px; line-height: 58px; font-size: 1.6rem; }
.newslist ul li.para { line-height: 3.6rem; }
.newslist ul li p { font-size: 1.6rem; padding: 6px 0; }
.newstag::before { font-size: 1.4rem; }
.title-tag::before { font-size: 1.5rem; padding: 0px 3px 1px; }
.newslinks { margin-top: 6px; }
.newslinks a { font-size: 2rem; padding: 15px 0; }
/*--------- 角色展示 ---------*/
.rolelist .swiper-role { zoom: .7; }
.rolelist .swiper-role2 .swiper-slide > img { height: 420px; margin-left:-50%\0;/*for ie*/ }
.rolelist .swiper-role2 .swiper-slide > p { padding: 8px; width: 25%; top: 6%; right: 2%; font-size: 1.3rem; line-height: 2.2rem; }
/*--------- 玩法特色 ---------*/
.tese,.zhuangbei,.screenshot { padding: 25px 0; }
.teselist .swiper-tese { margin-bottom:0; }
.teselist .swiper-tese .swiper-slide .tabli { height: 52px; }
.teselist .swiper-tese .swiper-slide .tabli p { font-size: 2rem; line-height: 4.6rem; }
/*--------- 装备展示 ---------*/
.zblist .swiper-zb { padding-bottom: 30px; }
.zblist .swiper-zb .swiper-slide { width: calc(60%); }
.zblist .swiper-zb .swiper-slide[data-ratio="3:4"] { padding-top: calc(60% * 4 / 3); }
.swiper-zb .prev-zb,.swiper-zb .next-zb { width:60px; height:80px; }
.pag-zb .swiper-pagination-bullet,.pag-jietu .swiper-pagination-bullet { width: 10px; height: 10px; }
/*--------- 游戏截图 ---------*/
.main-screenshot { padding-bottom: 30px; }
.screenshotlist .swiper-screenshot .swiper-slide p { font-size: 2rem; padding: 10px 5%; }
.swiper-screenshot .prev-jietu,.swiper-screenshot .next-jietu { width:60px; height:80px; top:37%; }
/*--------- 视频中心 ---------*/
.main-video { padding-bottom: 30px; }
.videocenter { padding: 10px 0 25px; }
#videolist .swiper-slide img { width: calc(100% - (5px) * 2); height: calc(100% - (5px) * 2); top: 5px; left: 5px; }
#videolist .swiper-slide .video-title { width: 70%; left: 10%; font-size: 1.6rem; line-height: 3.2rem; }
#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; }
/*--------- 底部版权 ---------*/
.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 h3 { font-size: 1.6rem; line-height: 3rem; }
.articlelist li .time { font-size: 1.2rem; }
/* 内页 文章标题 */
.article-title { padding: 5px 0 15px; font-size: 1.8rem; line-height: 2.6rem; }
.article-basicinfo { padding:0 0 10px; }
/* 内页 文章摘要 */
.article-zhaiyao { margin-bottom:10px; padding: 10px 15px; }
.article-zhaiyao p { line-height: 2.2rem; }
/* 内页 文章正文 */
.article-content p { font-size: 1.5rem; line-height: 2.8rem; text-indent: 3rem; }
.article-content img { padding: 0; }
/* 返回首页 栏目跳转 */
.skip-home a { padding: 6px 12px; font-size: 1.6rem; }
.skip-channel { 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.4rem; line-height: 3rem; }
/* 内页 视频列表 */
.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) {
/*--------- 公共部分 ---------*/
.title { margin-bottom: 0; }
.title p { font-size: 1.4rem; }
.main-news,.main-tese,.main-zb,.main-screenshot,.main-video { width: calc(100% - (5px) * 2); }
.btn-more { font-size: 1.4rem; padding: 3px 10px; }
/*--------- 游戏下载 ---------*/
.toplogo { width: 78%; padding: 0 5px 0 0; }
.toplogo { height: 52px; }
.gamename h1,.gamename h2 { font-size: 1.8rem; margin: 0 0 2px; }
.gamename p { font-size: 1.2rem; }
#gamedown-mobile { width: 180px; height: 40px; padding-bottom: 8px; }
#gamedown-mobile p { font-size: 2.2rem; }
#gamedown-mobile i { font-size: 2.6rem; }
/*--------- banner大图 ---------*/
#banner #logo { width: 80%; height: 25%; left: 10%; top: 13%; }
/*--------- 游戏资讯 ---------*/
.newsbox { padding: 0 0 20px; }
#newslistbox .swiper-newslist { height: auto; }
#newslistbox .swiper-slide { font-size: 1.7rem; height: 42px; line-height: 42px; }
#newslistbox .tabContent { max-height: 227px; }
.newslist ul li { height: 46px; line-height: 46px; font-size: 1.4rem; }
.newslist ul li.para { line-height: 3rem; }
.newslist ul li p { font-size: 1.4rem; padding: 3px 0; }
.newstag::before { font-size: 1.2rem; }
.title-tag::before { font-size: 1.4rem; }
.newslinks a { font-size: 1.8rem; padding: 12px 0; }
/*--------- 角色展示 ---------*/
.rolelist .swiper-role { zoom: .55; }
.rolelist .swiper-role2 .swiper-slide > img { height: 350px; margin-left:-55%\0;/*for ie*/ }
.rolelist .swiper-role2 .swiper-slide > p { padding: 5px 10px; width: calc(90% - (10px * 2)); top: inherit; bottom: 4%; right: 5%; font-size: 1.2rem; line-height: 1.8rem; }
/*--------- 玩法特色 ---------*/
.tese,.zhuangbei,.screenshot { padding: 20px 0; }
.teselist .swiper-tese { height: 50px; }
.teselist .swiper-tese .swiper-slide .tabli { height: 42px; }
.teselist .swiper-tese .swiper-slide .tabli p { font-size: 1.5rem; line-height: 3.8rem; }
/*--------- 装备展示 ---------*/
.swiper-zb .prev-zb,.swiper-zb .next-zb { width:50px; height:60px; }
/*--------- 游戏截图 ---------*/
.screenshotlist .swiper-screenshot .swiper-slide p { font-size: 1.6rem; padding: 8px 5%; }
.swiper-screenshot .prev-jietu,.swiper-screenshot .next-jietu { width:50px; height:60px; }
/*--------- 精彩视频 ---------*/
.videocenter { padding: 0 0 20px; }
.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 6px; }
/*内页 框架 主体内容 */
.maincontent { padding: 15px 10px; }
/* 内页 栏目标题 */
.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; }
/* 返回首页 栏目跳转 */
.skip-home a { font-size: 1.4rem; }
.skip-channel { font-size: 1.4rem; }
.skip-channel a { font-size: 1.4rem; }
/* 内页 文章标题 */
.article-title { padding: 0 0 10px; font-size: 1.6rem; line-height: 2.4rem; }
.article-basicinfo { padding: 0 0 20px; }
.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-prevnext { padding: 15px 0 0; font-size: 1.2rem; line-height: 2.4rem; }
/* 内页 图片列表 */
.picturelist li { width: 100%; }
/* 内页 视频列表 */
.videos-gallery > ul > li { width: 48%; height: auto; }
/* 手机端 联系我们 */
.main-contact { padding: 60px 0 15px; }
}
/*---------------------- Small devices (phones, less than 320px) ----------------------*/
@media (max-width: 320px) {
/*--------- 公共部分 ---------*/
.title { height: 20px; line-height: 2rem; margin-bottom: 5px; }
.title p { font-size: 1.2rem; }
.btn-more { padding: 2px 10px; }
/*--------- 顶部导航 游戏下载 ---------*/
.toplogo { width: 70%; height: 38px; }
.gamename { width: auto; }
.gamename h1,.gamename h2 { font-size: 1.6rem; margin: 0; }
#gamedown-mobile { width: 116px; height: 32px; padding-bottom: 5px; }
#gamedown-mobile p { font-size: 1.8rem; letter-spacing: 0; }
#gamedown-mobile i { font-size: 2rem; }
/*--------- 游戏资讯 ---------*/
.newsbox { padding: 0 0 15px; }
#newslistbox .swiper-slide { height: 36px; line-height: 36px; font-size: 1.4rem; }
#newslistbox .tabContent { padding: 0 10px 5px; max-height: 200px; }
.newslist ul li { height: 40px; line-height: 40px; font-size: 1.2rem; }
.newslist ul li.para { line-height: 2.4rem; }
.newslist ul li p { font-size: 1.2rem; padding: 5px 0; }
.newslist ul li span { width: 50px; }
.newstag::before { border-radius: 2px; margin: 0 5px 0 0; }
.title-tag::before { font-size: 1.2rem; }
.newslinks a { font-size: 1.6rem; padding: 10px 0; }
/*--------- 角色展示 ---------*/
.rolelist .swiper-role { zoom: .5; }
.rolelist .swiper-role2 .swiper-slide > img { margin-left:-80%\0;/*for ie*/ }
/*--------- 玩法特色 ---------*/
.tese,.zhuangbei,.screenshot { padding: 15px 0; }
.teselist .swiper-tese { height: 40px; }
.teselist .swiper-tese .swiper-slide .tabli { height: 36px; }
.teselist .swiper-tese .swiper-slide .tabli p { font-size: 1.4rem; line-height: 3.4rem; width: calc(100% - (3px * 2)); padding: 0 3px; }
/*--------- 装备展示 ---------*/
.zblist .swiper-zb { padding-bottom: 20px; }
/*--------- 游戏截图 ---------*/
.main-screenshot { padding-bottom: 20px; }
.picturelist li { width: 100%; margin-bottom: 10px; }
/*--------- 精彩视频 ---------*/
#videolist { padding-bottom: 23px; }
#videolist .swiper-slide .video-title { font-size: 1.4rem; line-height: 3rem; }
.videos{ top:2%; }
.videos video {height: 88%; }
/*关闭按钮*/
.vclose { bottom: 2.5%; }
/*--------- 底部版权 ---------*/
.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; }
/*--------- 内页 ---------*/
/* 内页 框架 */
.inside-mainbox { padding: 0 5px; }
/*内页 框架 主体内容 */
.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; }
/* 返回首页 栏目跳转 */
.skip-channel { font-size: 1.2rem; }
.skip-channel a { font-size: 1.2rem; }
/* 内页 文章标题 */
.article-title { padding: 0 0 10px; font-size: 1.4rem; line-height: 2rem; }
.article-basicinfo { padding: 0 0 10px; }
.article-basicinfo span { margin: 0; }
/* 内页 文章摘要 */
.article-zhaiyao p { font-size: 1.2rem; line-height: 2rem; }
/* 内页 文章正文 */
.article-content p { font-size: 1.2rem; line-height: 2.4rem; text-indent: 2.4rem; margin: 10px 0; }
/* 内页 图片列表 */
.picturelist li p { font-size: 1.4rem; }
/* 手机端 联系我们 */
.main-contact { padding: 50px 0 1px; }
.main-contact h3 { line-height: 1.8rem; font-size: 2rem; }
}