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) {
/*--------- 十二仙角 ---------*/
.rolelist { width: 100%; }
.swiper-role2 .swiper-button-prev{ left: inherit; top:inherit; right: 27.5%; bottom: 20%; }
.swiper-role2 .swiper-button-next{ right: 1%; top:inherit; bottom: 20%; }
/*--------- 内页 ---------*/
/* 内页 banner */
#banner .inside-txt { top: 12%; }
}
@media (max-width: 1280px) {
/*--------- 公共部分 ---------*/
.mainbox { width: 100%; }
/*.main-column { width: calc(100% - (14px + 1px) * 2); height: auto; }*/
.main-news,/*.main-sect,*/.main-role,.main-tese,.main-sports,/*.main-screenshot,*/.main-video { width: calc(100% - (15px) * 2); }
/*--------- 顶部导航 ---------*/
.topnav { padding: 0 5px 0 0; }
.topnav li a { padding: 8px 16px 10px; }
/*--------- 六大门派 ---------*/
.sectlist { width: 100%; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox { width: 40%; height: auto; padding: 15px 10px; top: inherit; right: 3%; bottom: 12%; border: 2px solid #ad9573; background-image: none; background: rgba(30, 31, 66, 0.85); box-shadow: 1px 2px 6px rgba(0, 0, 0, .8); }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox .sect-name { margin-bottom: 8px; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox .sect-info,.sectlist .swiper-sect2 .swiper-slide .sectinfobox .sect-shifu { height: auto; padding: 0 0 8px; margin-bottom: 8px; border-bottom: 1px solid rgb(88 76 59 / 50%); }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox h5 { margin-bottom: 6px; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox h5::before,.sectlist .swiper-sect2 .swiper-slide .sectinfobox h5::after { content: ''; width: 45px; height: 2px; margin: 0 10px; display: inline-flex; background: rgb(187, 152, 92); }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox h5::before{ background:linear-gradient(-90deg, rgba(187, 152, 92, 1) 50%, rgba(187, 152, 92, 0) 100%); }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox h5::after{ background:linear-gradient(90deg, rgba(187, 152, 92, 1) 50%, rgba(187, 152, 92, 0) 100%); }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox .sect-jineng { height: auto; }
.sectlist .swiper-sect2 .swiper-slide .rolename { width: 50px; height: 136px; left: 78%; top: 18%; }
/*--------- 十二仙角 ---------*/
.rolelist .swiper-role2 .swiper-slide .role-info { left: 45%; }
.rolelist .swiper-role2 .swiper-slide .role-img img { margin: 0 0 -8% -10%; }
/*--------- 玩法特色 ---------*/
.teselist li p { font-size: 2.4rem; }
}
/*---------------------- 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: 15px; }
/*--------- 顶部导航 ---------*/
.headerbox {height: 72px; }
.main-header { height: 72px; }
.toplogo a img { width: 58px; height: 58px; margin: 0 5px 0 0; }
.gamename h1,.gamename h2 { font-size: 2.2rem; margin-top:3px; }
.topnav li a { font-size: 1.6rem; padding: 10px 13px; }
/*--------- banner大图 ---------*/
#bannerbox { width:100%; text-align: center; }
#banner { min-width:320px; }
#bannerbg { min-width:320px; }
.readmore { zoom: .8; }
/*--------- 游戏资讯 ---------*/
.newsbox { width: 100%; box-sizing: border-box; }
#newslist-mainbox { width: calc(100% - (380px + 12px)); }
/*--------- 六大门派 ---------*/
.sectlist .swiper-sect2 .swiper-slide .sectinfobox { width: 45%; bottom: 5%; }
.sectlist .swiper-sect2 .swiper-slide .roleimg { width: auto; height: 110%; top: 0; }
.sectlist .swiper-sect2 .swiper-slide .roleimg img { width: auto; height: 98%; }
/*--------- 十二仙角 ---------*/
.role { padding: 0 0 20px; }
.rolelist .swiper-role { width: 32%; height: 30%; top: 13%; }
.rolelist .swiper-role2 .swiper-slide .role-img { width: 72%; height: auto; padding: 0 0 20px; }
.rolelist .swiper-role2 .swiper-slide .role-img img { margin: 2% 0 -8% -10%; }
.swiper-role2 .swiper-button-prev{ right: 24%; bottom: 5%; }
.swiper-role2 .swiper-button-next{ right: 1%; bottom: 5%; }
/*--------- 玩法特色 ---------*/
.tese { height: auto; }
.teselist { width: 100%; }
/*--------- 多维竞技 ---------*/
.sportslist .swiper-sports { height: 400px\0; }
.sportslist .swiper-sports .swiper-slide .sports-img img { width: calc(100% - (8px * 2)); top: 8px; left: 8px; }
.sportslist .swiper-sports .swiper-slide p { font-size: 3rem; }
/*--------- 游戏截图 ---------*/
.main-screenshot { margin-top: -15px; }
/*--------- 底部版权 ---------*/
.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.6rem; 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: 15%; }
/* 内页 框架 */
.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: 8px 5px; }
.topnav { display: none; }
.toplogo { width: 58%; height: 80px; }
.toplogo a img { width: auto; height: 100%; }
.gamename h1,.gamename h2 { font-size: 2.8rem; margin: 0 0 5px; max-width: none; }
.gamename p { font-size: 2rem; }
/*--------- 游戏下载 ---------*/
#gamedown-pc { display: none; }
#gamedown-mobile { display: block; height: 76px; margin-right: 5px; }
/*--------- 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: 26%; left: 5%; top:45%; text-align: center; min-height: auto; }
#banner #logo img { width: 80%; }
#banner .bannertxt { width: 90%; height: 23%; top: 68%; left:5%; }
#banner .bannertxt img { width: 100%; animation:pulse 1s infinite linear; -webkit-animation:pulse 1s infinite linear; }
.readmore { display: none; }
/*--------- 游戏资讯 ---------*/
.newsbox { height: auto; margin-top:-5%; background: none; box-shadow: none; }
#newsfocus { display: none; }
#newslist-mainbox { width: 100%; height: auto; }
#newslistbox { width: 100%; height: auto; }
#newslistbox .swiper-newslist { height: 64px; }
#newslistbox .tabContent { max-height: 595px; }
#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 a { font-size: 1.8rem; }
.newslist ul li.para { height: 590px; line-height: 5rem; }
.newslist ul li p { font-size: 1.8rem; padding: 0 0 10px; }
/*置顶新闻*/
.newslist ul li.topnews { line-height: 6.8rem; }
.newslist ul li.topnews a { font-size: 2rem; }
.newstag::before { font-size: 1.5rem; }
.title-tag::before { font-size: 1.6rem; }
/*--------- 六大门派 ---------*/
.sectlist .swiper-sect { width: 10%;/*防止移动端swiper触摸反弹，页面无法上下滑动*/ }
.sectlist .swiper-sect2 .swiper-slide .rolename { left: 85%; top: 15%; }
/*--------- 十二仙角 ---------*/
.role { padding: 0 0 40px; }
.rolelist { padding-bottom: 15%; }
.rolelist .swiper-role { width: 80%; right: inherit; top: inherit; left: 10%; bottom: 0; }
.rolelist .swiper-role .swiper-slide p { font-size: 1.8rem; line-height: 2.4rem; }
.rolelist .swiper-role2 .swiper-slide .role-img { width: 100%; text-align: center; }
.rolelist .swiper-role2 .swiper-slide .role-img img { margin: 0; }
.rolelist .swiper-role2 .swiper-slide .role-info { left: inherit; right: 5%; }
.rolelist .swiper-role2 .swiper-slide .role-info .role-sect { margin-top: 30%; }
.swiper-role2 .swiper-button-prev{ right: inherit; left: 1%; bottom: 12%; }
.swiper-role2 .swiper-button-next{ right: 1%; bottom: 12%; }
/*--------- 玩法特色 ---------*/
.teselist { margin-top: 28px; }
.teselist li { width: 24%; }
.teselist li p { font-size: 2rem; }
/*--------- 多维竞技 ---------*/
.sportslist .swiper-sports .swiper-slide { width: calc(32%); }
.sportslist .swiper-sports .swiper-slide .sports-img img { width: calc(100% - (5px * 2)); top: 5px; left: 5px; border-top-left-radius: 12px; border-top-right-radius: 12px; }
.sportslist .swiper-sports .swiper-slide p { font-size: 2.4rem; }
/*--------- 游戏截图 ---------*/
.swiper-screenshot .prev-jietu,.swiper-screenshot .next-jietu { width:96px; height:96px; top:43%; border-radius: 50%; }
.swiper-screenshot .swiper-button-prev { background:rgba(0, 0, 0, .6) url(../images/btn-prev.png) no-repeat center top; background-size: cover; }
.swiper-screenshot .swiper-button-next { background:rgba(0, 0, 0, .6) url(../images/btn-next.png) no-repeat center top; background-size: cover; }
/*--------- 精彩视频 ---------*/
#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); }
/*--------- 底部版权 ---------*/
.footerlogo { display: none; }
.footerbtn { display: block; }
/*-----------适龄提示 弹窗-----------*/
#cadpa { width: 11%; height: 90px; top:30%; left: auto; left: 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 img { display: block; }*/
#banner .inside-txt { top: 55%; }
/* 内页 框架 */
.inside-container { background-size: 100% 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 { margin-bottom: 5px; line-height: 1.8rem; background-size: 100% auto; max-width: 750px; }
.btn-more { width: auto; font-size: 2rem; padding: 10px 35px; margin: 10px auto 0; }
/*--------- 模块间隔距离 ---------*/
.newsbox,.sect,.role,.tese,.sports,.screenshot,.videocenter { padding: 25px 0; }
.newsbox { padding: 0 0 25px; }
.sect { padding: 25px 0 0; }
/*--------- 游戏下载 ---------*/
.toplogo { width: 60%; height: 70px; }
#gamedown-mobile { height: 64px; }
.gamename { width: 70%; }
.gamename h1,.gamename h2 { font-size: 2.8rem; margin: 0 0 5px; }
.gamename p { font-size: 1.6rem; }
/*--------- 游戏资讯 ---------*/
#newslist-mainbox .swiper-slide { font-size: 2.6rem; }
#newslistbox .tabContent { max-height: 562px; }
.newslist ul li { height: 68px; line-height: 68px; font-size: 2rem; }
.newslist ul li a,.newslist ul li p { font-size: 1.9rem; }
.newslist ul li.para { height: 560px; line-height: 4.8rem; }
.newslist ul li p { padding: 2px 0 15px; }
.newstag::before { font-size: 1.6rem; }
.title-tag::before { font-size: 1.7rem; }
/*--------- 六大门派 ---------*/
/*.sectlist { zoom: .75; }*/
.sectlist .swiper-sect { left: -2%; }
.sectlist .swiper-sect .swiper-slide .tabli { font-size: 2.4rem; text-shadow: 0 0 4px #000; background-size: 80% 80%; background-position: 18px 18px; }
.sectlist .swiper-sect .swiper-slide-thumb-active .tabli { font-size: 3rem; background-size: 100% 100%; background-position: 0 0; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox { width: 50%; right: 2%; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox h5 { font-size: 2.2rem; font-weight: normal; letter-spacing: 3px; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox p { font-size: 2.2rem; line-height: 3.2rem; }
/*--------- 十二仙角 ---------*/
.rolelist { padding-bottom: 12%; }
.rolelist .swiper-role .swiper-slide { height: auto; }
.rolelist .swiper-role .swiper-slide img { width: calc(100% - (2px * 2)); height: calc(100% - (2px * 2)); }
.rolelist .swiper-role .swiper-slide p { font-size: 1.6rem; }
.rolelist .swiper-role2 .swiper-slide .role-info { width: 30%; top: 10%; right: 5px; }
.rolelist .swiper-role2 .swiper-slide .role-info .role-sect { margin-top: 20%; }
.rolelist .swiper-role2 .swiper-slide .role-info .role-sect p { width: 100%; font-size: 2.2rem; background-size: 100% 100%; }
.rolelist .swiper-role2 .swiper-slide .role-info .role-sect span { margin: 3% 0; }
.swiper-role2 .swiper-button-prev{ left: 0; bottom: 10%; }
.swiper-role2 .swiper-button-next{ right: 0; bottom: 10%; }
/*--------- 玩法特色 ---------*/
.teselist { margin-top: 20px; }
/*--------- 玩法特色 ---------*/
.teselist li p { font-size: 1.8rem; padding: 6px 5%; }
/*--------- 多维竞技 ---------*/
.sportslist .swiper-sports { padding: 15px 0 50px; }
.sportslist .swiper-sports .swiper-slide { width: calc(36%); }
.sportslist .swiper-sports .swiper-slide p { font-size: 2.2rem; }
/*--------- 游戏截图 ---------*/
.screenshotlist .swiper-screenshot .swiper-slide img { width: calc(130%); }
/*--------- 精彩视频 ---------*/
#videolist .swiper-slide .video-title { font-size: 2.2rem; }
#videolist .swiper-slide .play-video { width: 50px; height: 50px; left: calc(50% - (25px) * 1); top: calc(50% - (40px) * 1); }
/*--------- 底部版权 ---------*/
.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; }
.md-content > div p { font-size: 1.8rem; text-indent: 3.6rem; line-height: 3.6rem; }
/*--------- 内页 ---------*/
/*内页 框架 主体内容 */
.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 li .video-title { font-size: 1.8rem; }
/* 内页 文章摘要 */
.article-zhaiyao { margin-bottom:15px; }
/* 内页 文章正文 */
.article-content img { padding: 0; }
}
/*---------------------- Small devices (phones, less than 550px) ----------------------*/
@media (max-width: 550px) {
/*--------- 公共部分 ---------*/
.title { max-width: 100%; height: 50px; margin-bottom: 5px; }
.title p { font-size: 1.6rem; }
.main-news,/*.main-sect,*/.main-role,.main-tese,.main-sports,/*.main-screenshot,*/.main-video { width: calc(100% - (10px) * 2); }
.btn-more { font-size: 1.6rem; padding: 5px 20px; margin: 10px auto 0; }
/*--------- 模块间隔距离 ---------*/
.newsbox,.sect,.role,.tese,.sports,.screenshot,.videocenter { padding: 20px 0; }
.newsbox { padding: 0 0 20px; }
.sect { padding: 20px 0 0; }
/*--------- 游戏下载 ---------*/
#gamedown-mobile { height: 49px; margin-right: 0; }
/*--------- 顶部导航 ---------*/
.main-header { padding: 8px 5px; }
.toplogo { width: 58%; height: 54px; }
.toplogo a img { margin: 0 5px 0 0; }
.gamename h1,.gamename h2 { font-size: 2.2rem; margin: 0 0 3px; }
.gamename p { font-size: 1.2rem; }
/*--------- 游戏资讯 ---------*/
.main-news { padding-top: 0; }
#newslist-mainbox .swiper-newslist { height: 52px; }
#newslist-mainbox .swiper-slide { font-size: 2rem; line-height: 50px; }
#newslistbox .tabContent { width: calc(100% - (5px * 2)); padding: 5px 5px 0; max-height: 428px; }
.newslist ul { padding: 5px 0 0; }
.newslist ul li { height: 52px; line-height: 52px; font-size: 1.6rem; }
.newslist ul li a,.newslist ul li p { font-size: 1.6rem; }
.newslist ul li.para { height: 428px; line-height: 3.2rem; }
.newslist ul li p { padding: 2px 0 10px; }
.newslist ul li.topnews { line-height: 5.8rem; }
.newslist ul li.topnews a { font-size: 1.6rem; }
.newstag::before { font-size: 1.4rem; }
.title-tag::before { font-size: 1.5rem; padding: 0px 3px 1px; }
/*--------- 六大门派 ---------*/
.sectlist { zoom: .7; }
.sectlist .swiper-sect2 { width: 160%\0; right: -40%\0; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox { width: 60%; right: 2%; bottom: 8%; bottom: 12%\0; padding: 12px 6px; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox p { font-size: 2rem; line-height: 3rem; }
.sectlist .swiper-sect2 .swiper-slide .rolename { left: 90%\0; }
/*--------- 十二仙角 ---------*/
.rolelist { padding-bottom: 20%; }
.rolelist .swiper-role { width: 94%; left: 3%; bottom: 0; object-fit: contain; /*zoom: .8;*/ }
.rolelist .swiper-role .swiper-slide p { font-size: 1.6rem; }
.rolelist .swiper-role2 .swiper-slide .role-info .role-sect p { font-size: 1.8rem; }
.swiper-role2 .prev-role,.swiper-role2 .next-role { display: none; }
/*--------- 玩法特色 ---------*/
.teselist { flex-wrap: wrap; justify-content: center; margin-top: 10px; }
.teselist li { width: 45%; padding: 5.5% 0; margin: 0 8px 8px; }
.teselist li p { font-size: 2.2rem; }
/*--------- 多维竞技 ---------*/
.sportslist .swiper-sports { padding: 5px 0 30px; }
.sportslist .swiper-sports .swiper-slide { width: calc(43%); }
.sportslist .swiper-sports .swiper-slide p { font-size: 2rem; margin-bottom: 2px; }
/*--------- 游戏截图 ---------*/
.main-screenshot { padding-bottom: 10px; }
.screenshotlist .swiper-screenshot .swiper-slide p { font-size: 2rem; padding: 10px 5%; }
.swiper-screenshot .prev-jietu,.swiper-screenshot .next-jietu { width:60px; height:60px; top:42%; }
/*--------- 视频中心 ---------*/
#videolist { padding: 5px 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 { font-size: 1.8rem; }
#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.4rem; 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; }
/*--------- 内页 ---------*/
/* 内页 主体框架 */
.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.8rem; }
.article-basicinfo { padding:0 0 15px; }
/* 内页 文章摘要 */
.article-zhaiyao { margin-bottom:10px; padding: 10px 15px; }
/* 内页 文章正文 */
.article-content p { font-size: 1.5rem;margin: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.6rem; line-height: 3rem; }
/* 内页 视频列表 */
.videos-gallery li .video-title { font-size: 1.4rem; padding: 5px 10px 8px; }
.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 { height: 42px; margin-bottom: 0; }
.title p { font-size: 1.4rem; }
.main-news,/*.main-sect,*/.main-role,.main-tese,.main-sports,/*.main-screenshot,*/.main-video { width: calc(100% - (5px) * 2); }
.btn-more { font-size: 1.4rem; padding: 3px 20px; margin: 10px auto 0; }
/*--------- 模块间隔距离 ---------*/
.newsbox,.sect,.role,.tese,.sports,.screenshot,.videocenter { padding: 15px 0; }
.newsbox { padding: 0 0 15px; }
.role,.videocenter { padding: 15px 0 40px; }
/*--------- 游戏下载 ---------*/
.main-header { padding: 5px 3px; }
.toplogo { width: 60%; height: 45px; padding: 0; }
.gamename { width: auto; }
.gamename h1,.gamename h2 { font-size: 1.8rem; margin: 0 0 2px; }
#gamedown-mobile { width: 40%; height: 43px; }
/*--------- 游戏资讯 ---------*/
.newsbox { padding: 0 0 20px; }
#newslist-mainbox .swiper-newslist { height: auto; }
#newslist-mainbox .swiper-slide { font-size: 1.7rem; height: 42px; line-height: 42px; }
#newslistbox .tabContent { max-height: 365px; }
.newslist ul { padding: 5px 0 0; }
.newslist ul li { height: 44px; line-height: 44px; font-size: 1.4rem; }
.newslist ul li a { width: 100%; font-size: 1.5rem; }
.newslist ul li.para { height: 365px; line-height: 3rem; }
.newslist ul li p { font-size: 1.5rem; padding: 0 0 12px; }
.newslist ul li span { display: none; }
.newslist ul li.topnews { line-height: 4.6rem; }
.newslist ul li.topnews a { font-size: 1.6rem; }
.newstag::before { font-size: 1.2rem; }
.title-tag::before { font-size: 1.4rem; }
/*--------- 六大门派 ---------*/
.sect-tab-bg { width: 95%; padding: 30px 0 20px 50px; }
.sect-tab-bg img { width: 100%; height: auto; }
.sectlist { zoom: .7\0; padding-bottom: 20%\0; }
.sectlist .swiper-sect { zoom: .78; zoom: .7\0; height: 100%; }
.sectlist .swiper-sect2 { width: 135%\0; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox { right: 1%\0; bottom: 0\0; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox .sect-shifu { height: auto; padding: 0; margin-bottom: 0; border-bottom: none; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox .sect-jineng { display: none; }
.sectlist .swiper-sect2 .swiper-slide .rolename { left: 85%\0; }
.sectlist .swiper-sect2 .swiper-slide .roleimg { width: 100%; height: 100%; }
.sectlist .swiper-sect2 .swiper-slide .roleimg img { height: 112%; height: 130%\0; margin: -5% 0 0 -5%; }
/*--------- 十二仙角 ---------*/
.rolelist { padding-bottom: 30%; }
.rolelist .swiper-role { width: 98%; left: 1%; }
.rolelist .swiper-role .swiper-slide p { font-size: 1.4rem; }
.rolelist .swiper-role2 .swiper-slide .role-img img { width: 110%; margin: 0 0 0 -10%; }
.rolelist .swiper-role2 .swiper-slide .role-info { width: 35%; top: 12%; right: 5px; }
.rolelist .swiper-role2 .swiper-slide .role-info .role-sect p { font-size: 1.8rem; }
.rolelist .swiper-role2 .swiper-slide .role-info .role-sect span { font-size: 2rem; }
/*--------- 玩法特色 ---------*/
.teselist { margin-top: 5px; }
.teselist li { width: 46%; padding: 6% 0; margin: 0 5px; }
.teselist li p { font-size: 1.6rem; }
/*--------- 多维竞技 ---------*/
.sportslist .swiper-sports { padding: 5px 0 25px; }
.sportslist .swiper-sports .swiper-slide { width: calc(56%); }
.sportslist .swiper-sports .swiper-slide p { font-size: 2rem; }
.pag-sports .swiper-pagination-bullet,.pag-jietu .swiper-pagination-bullet { width: 10px; height: 10px; }
.sportslist .swiper-pagination-bullets .swiper-pagination-bullet,.screenshotlist .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }
/*--------- 游戏截图 ---------*/
.screenshotlist .swiper-screenshot .swiper-slide p { font-size: 1.6rem; padding: 8px 5%; }
.swiper-screenshot .prev-jietu,.swiper-screenshot .next-jietu { width:50px; height:50px; }
.swiper-screenshot .prev-jietu { left: 5px; }
.swiper-screenshot .next-jietu { right: 5px; }
/*--------- 精彩视频 ---------*/
.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 9px; }
/*内页 框架 主体内容 */
.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 { display: block; margin: 0 3px 0 0; }
/* 内页 文章摘要 */
.article-zhaiyao { padding: 5px 10px; margin-bottom: 5px; }
/* 内页 文章正文 */
.article-content p { font-size: 1.4rem; margin: 10px 0; }
/*内页 文章上下篇跳转 */
.article-prevnext { padding: 15px 0 0; font-size: 1.2rem; line-height: 2.4rem; }
/* 内页 图片列表 */
.picturelist li { width: 100%; }
/* 内页 视频列表 */
.videos-gallery li { width: 48%; }
/* 手机端 联系我们 */
.main-contact { padding: 60px 0 15px; }
}
/*---------------------- Small devices (phones, less than 375px) ----------------------*/
@media (max-width: 375px) {
/*--------- 公共部分 ---------*/
.title { height: 38px; }
/*--------- 游戏资讯 ---------*/
#newslist-mainbox .swiper-slide { font-size: 1.5rem; height: 42px; line-height: 42px; }
/*--------- 六大门派 ---------*/
.sectlist { padding-bottom: 11%; padding-bottom:33%\0; }
.sectlist .swiper-sect { zoom: .8; zoom: .7\0;}
.sectlist .swiper-sect2 { padding-bottom: 10%; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox { width: 65%; right: 2%; bottom: 10%; bottom: 0\0; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox p { font-size: 1.8rem; line-height: 2.8rem; }
.sectlist .swiper-sect2 .swiper-slide .roleimg img { height: 120%; height: 130%\0; margin: -5% 0 0 -8%; }
}
/*---------------------- Small devices (phones, less than 320px) ----------------------*/
@media (max-width: 320px) {
/*--------- 公共部分 ---------*/
.title { height: 30px; line-height: 2rem; margin-bottom: 5px; }
.title p { font-size: 1.2rem; }
.btn-more { padding: 2px 15px; margin: 5px auto 0; }
/*--------- 顶部导航 游戏下载 ---------*/
.toplogo { width: 67%; height: 35px; }
.gamename h1,.gamename h2 { font-size: 1.6rem; margin: 0; }
#gamedown-mobile { width: 38%; height: 35px; }
#gamedown-mobile p { font-size: 1.8rem; letter-spacing: 0; }
#gamedown-mobile i { font-size: 2rem; }
/*--------- 模块间隔距离 ---------*/
.newsbox,.sect,.role,.tese,.sports,.screenshot,.videocenter { padding: 15px 0; }
.newsbox { padding: 0 0 15px; }
.videocenter { padding: 15px 0 20px; }
/*--------- 游戏资讯 ---------*/
#newslist-mainbox .swiper-slide { height: 36px; line-height: 36px; font-size: 1.4rem; }
#newslistbox .tabContent { width: calc(100% - (3px * 2)); padding: 3px 3px 0; max-height: 316px; }
.newslist ul { padding: 5px 0 0; }
.newslist ul li { height: 38px; line-height: 38px; font-size: 1.2rem; }
.newslist ul li a,.newslist ul li p { font-size: 1.2rem; }
.newslist ul li span { width: 12%; }
.newslist ul li.para { height: 316px; line-height: 2.4rem; }
.newslist ul li.topnews { line-height: 4rem; }
.newslist ul li.topnews a { font-size: 1.4rem; }
.newstag::before { border-radius: 2px; margin: 0 5px 0 0; }
.title-tag::before { font-size: 1.2rem; }
/*--------- 六大门派 ---------*/
.sectlist { zoom: .55; padding-bottom: 2%; padding-bottom: 55%\0; }
.sectlist .swiper-sect2 { width: 150%\0; right: -80%\0; }
.sectlist .swiper-sect2 .swiper-slide .sectinfobox { width: 75%\0; }
.sectlist .swiper-sect2 .swiper-slide .roleimg img { margin-left: -25%\0; }
/*--------- 十二仙角 ---------*/
.rolelist { margin: -20px auto 0; padding-bottom: 68%; }
.rolelist .swiper-role { bottom: 15%; }
.rolelist .swiper-role2 .swiper-slide .role-info .role-sect p { font-size: 1.6rem; }
/*--------- 玩法特色 ---------*/
.teselist li { padding: 5% 0; }
.teselist li img { width: 56%; }
.teselist li p { font-size: 1.6rem; }
/*--------- 多维竞技 ---------*/
.sportslist .swiper-sports .swiper-slide a { width: calc(100% - (5px * 2)); height: calc(100% - (5px * 2)); padding: 5px; border-radius: 16px; }
.sportslist .swiper-sports .swiper-slide p { font-size: 1.8rem; margin-bottom: 5px; }
.pag-sports .swiper-pagination-bullet,.pag-jietu .swiper-pagination-bullet { width: 8px; height: 8px; }
.sportslist .swiper-pagination-bullets .swiper-pagination-bullet,.screenshotlist .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }
/*--------- 游戏截图 ---------*/
.main-screenshot { padding-bottom: 8px; }
.swiper-screenshot .prev-jietu,.swiper-screenshot .next-jietu { width: 40px; height: 40px; top: 47%; }
.picturelist li { width: 100%; margin-bottom: 10px; }
/*--------- 精彩视频 ---------*/
#videolist { padding: 0 0 25px; }
#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 p { width: 33%; 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; margin: 10px 0; }
/* 内页 图片列表 */
.picturelist li p { font-size: 1.4rem; padding: 0 5% 1%; }
/* 内页 视频列表 */
.videos-gallery li { margin: 0 1% 10px; }
/* 手机端 联系我们 */
.main-contact { padding: 50px 0 1px; }
.main-contact h3 { line-height: 1.8rem; font-size: 2rem; }
}