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) { 
    .newsbox { margin-top:-10%; }
}

@media (max-width: 1400px) {
    /*--------- banner大图 ---------*/
    #banner #logo { top:10%; left: 10%; }
    #banner .txt1 {  top: 35%; left: 10%; }
    /*--------- 游戏下载 ---------*/
    #gamedown-pc { top: 66%; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { margin-top:-7%; }
    /*--------- 角色展示 ---------*/
    .cont-role { width:1200px; }
    .swiper-role .prev-role,.swiper-role .next-role { width:60px; height:120px; top:40%; }
    .rolelist .swiper-slide img { width:750px; height:690px; }
    /* 角色名称 简介 */
    .role-lef { width: 240px; left: 60px; }
    .role-lef .star { width: 240px; background-size: 100% 100%;}
    .role-lef p { padding: 0 5px; }
    /* 技能展示 */
    .role-rig { width: 240px; right: 60px; }
    .role-rig .jineng { width: 240px; }
    .rolelist .swiper-slide .role-rig img { width: 238px; height: 200px }

    /*--------- 内页 ---------*/
    /* 内页 banner */
    #banner .inside-txt1 { top: 18%; }
}

/*---------------------- Large devices, Large desktops ----------------------*/
@media (max-width: 1200px) {
    /*--------- 公共部分 ---------*/
    .title,.content { width: 100%; padding: 0 15px; box-sizing: border-box; -moz-box-sizing:border-box;/* Firefox */ -webkit-box-sizing:border-box;/* Safari */ }
    .title { padding: 52px 20px 0; }
    .mainbox { width: 100%; }
    .main-column { width: calc(100% - (14px + 1px) * 2); height: auto; }
    .title-guidance,.title-videocenter,.title-screenshot { padding: 0; }
    /*--------- 顶部导航 ---------*/
    .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 #logo { top:13%; }
    #banner .txt1 {  top: 38%; }
    /*--------- 游戏下载 ---------*/
    #gamedown-pc { top: 68%; }
    #gamedown-pc .pc,#gamedown-pc .mobile { width: 200px; }
    #boxMobile { width: 100px; height: 100px; margin:-215px 0 0 45px; border-radius: 4px; padding:8px; }
    #gamedown-pc .mobile #boxMobile img { width: 100px; height: 100px; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { width: 100%; height: auto; padding-bottom: 20px; margin-top:-7%; }
    #newsfocus { width: calc(100% - 525px); }
    #newsfocus .swiper-newsfocus { width: 100%; }
    #newsfocus .swiper-slide img { width: 100%; }
    #newsfocus .swiper-slide h4 { width: 72%; padding: 0 25% 0 3%; }
    /*--------- 游戏资料 ---------*/
    .cont-ziliao { padding: 0; }
    /* 游戏攻略 */
    .methodbox { width: calc(100% - (40.5% + 25px)); }
    .title-method { padding: 0; }
    .method { width: calc(100% - (15px + 1px * 2)); height: 201px; padding: 17px 0 0 17px; }
    .methodlist { width: 95%; }
    .methodlist a { width: 23%; }
    /* 新手引导 */
    .guidancebox { width: calc(100% - 58.25%); }
    .guidance { width: 100%; }
    /*--------- 角色展示 ---------*/
    .role { padding: 45px 0 60px; }
    .cont-role { width:100%; height: 500px; margin: 40px auto 0; padding: 0; background-size: auto 100%; }
    .rolelist .swiper-role { height:530px; }
    .swiper-role .prev-role,.swiper-role .next-role { width:60px; height:120px; top:30%; }
    .rolelist .swiper-slide img { width:auto; height:500px; }
    /* 角色名称 简介 */
    .role-lef { width: 220px; top: 70px; left: 55px; }
    .role-lef h3 { font-size: 4rem; }
    .role-lef .star { width: 220px; background-size: 100% 100%; }
    /* 技能展示 */
    .role-rig { width: 220px; top: 105px; right: 55px; }
    .role-rig .jineng { width: 220px; }
    .rolelist .swiper-slide .role-rig img { width: 218px; height: 184px; }
    /*--------- 装备展示 ---------*/
    .title-zb { padding: 0 20px; }
    .zblist { width: calc(100% - (14px + 1px) * 2); height: auto; }
    /*--------- 玩法特色 ---------*/
    .cont-tese { padding: 65px 0 50px; }
    .teselist { margin: 0 15px 0 0; }
    /*--------- 视频中心 ---------*/
    /*.videocenter { width: calc(100% - (49% + 1.7%)); }*/
    .videocenter { width: calc(100% - (59% + 1.8%)); }
    /*--------- 游戏截图 ---------*/
    /*.screenshot { width: calc(100% - (49% + 1.7%)); }*/
    .screenshot { width: calc(100% - (39% + 1.8%)); }
    /*--------- 底部版权 ---------*/
    .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; }
    /*--------- 内页 ---------*/
    /* 内页 banner */
    #banner .inside-txt1 { top: 20%; }
    /* 内页 框架 */
    .inside-mainbox { padding: 0 15px; box-sizing: border-box; }
    /*内页 框架 主体内容 */
    .maincontent { width: calc(100% - 295px - (20px + 1px) * 2); padding: 25px 20px; }
}

/*---------------------- Medium Devices, Desktops ----------------------*/
@media (max-width: 992px) {
    .main-column { width: calc(100% - (14px + 1px) * 2); display: flex; flex-direction: column; justify-content: center; }
    /*--------- 公共部分 ---------*/
    .btn-more { display: block; }
    .title-method,.title-guidance,.title-videocenter,.title-screenshot { padding: 0 0 10px; }
    .title-zb { padding: 0 15px 10px; }
    .title-guidance p { display: none; }
    /*--------- 顶部导航 ---------*/
    .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: 70%; height: 25%; left:1%; top:13%; text-align: center; }
    #banner .txt1 { width: 84%; top: 39%; left:8%; }
    #banner .txt1 img { animation:pulse 1s infinite linear; -webkit-animation:pulse 1s infinite linear; }
    /*--------- 游戏下载 ---------*/
    #gamedown-pc { display: none; }
    #gamedown-mobile { height: 82px; display: flex; justify-content: space-between; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { margin-top:-15%; padding-bottom: 40px; }
    .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 .btn-more { width: 100px; padding: 3px 5px; margin: 15px auto 0; }
    #newsfocus { display: none; }
    #newslistbox { width: calc(100% - (15px + 1px) * 2); height: auto; }
    #newslistbox .swiper-newslist,#newslistbox .tabContent,.newslist ul li a { width: 100%; }
    #newslistbox .swiper-slide { font-size: 2rem; }
    #newslistbox .tabContent { height: auto; max-height: 340px; }
    .newslist ul li { height: 68px; line-height: 68px; font-size: 1.6rem; border-bottom: 1px solid #2a252c; }
    .newslist ul li.para { line-height: 4.3rem; }
    .newslist ul li p { font-size: 1.6rem; padding: 10px 0 8px; }
    .newstag::before { font-size: 1.5rem; }
    .title-tag::before { font-size: 1.6rem; }
    /*--------- 游戏资料 ---------*/
    .cont-ziliao { padding: 0; }
    .cont-ziliao .main-column { display: flex; flex-direction: row; justify-content:space-between; }
    .method,.guidance { background-image: none; }
    /* 游戏攻略 */
    .methodlist { width: 100%; height: auto; justify-content: center; }
    .methodlist a { width: 26%; margin: 0 8px 8px 0; font-size: 1.6rem; }
    /* 新手引导 */
    .guidancelist { width: 100%; justify-content: center; }
    /*--------- 角色展示 ---------*/
    .title-role { height: 15%; }
    .cont-role { width: 100%; height: auto; margin: 20px auto 0; background-size: 80% auto; }
    .rolelist .swiper-wrapper { height: 100%; }
    .rolelist .swiper-role { height:100%; }
    .swiper-role .prev-role,.swiper-role .next-role { width:60px; height:120px; top:40%; }
    .rolelist .swiper-slide img { width:100%; height:auto; }
    /* 角色名称 简介 */
    .role-lef { width: 86%; height: 100%; top: 0; left: 7%; }
    .role-lef h3 { width: 60px; font-size: 6rem; padding: 0 40px; }
    .role-lef p { width: 94%; margin: 0 auto; position: absolute; bottom: 20px; font-size: 2.4rem; line-height: 4.8rem; padding: 10px 20px; border: 1px solid #633e13; background: rgba(0, 0, 0, .8); }
    /* 技能展示 */
    .role-lef .star,.role-rig { display: none; }
    /*--------- 装备展示 ---------*/
    .zhuangbei { margin: 20px auto 30px; }
    .main-zb { padding-bottom: 50px; }
    .zblist { position:initial; }
    .zblist .swiper-pagination-bullets { text-align: center; top: initial; bottom: 15px; }
    .swiper-zb .prev-zb,.swiper-zb .next-zb { top:37%; }
    /*--------- 玩法特色 ---------*/
    .title-tese { height: 15%; }
    .cont-tese { padding: 10px 12px 30px; }
    .cont-tese .btn-more { width: 100px; padding: 3px 5px; margin: 15px auto 0; }
    .main-tese { display: flex; justify-content: center; }
    .teselist { width: calc(100% - (9px + 1px) * 2); height: auto; float: none; }
    .teselist .swiper-tese { width: 100%; height: 60px; margin-bottom: 25px; }
    .teselist .swiper-tese .swiper-slide .tabli { font-size: 2.4rem; }
    /*--------- 视频中心 ---------*/
    .videocenter { width: calc(100%); padding: 0 0 40px; }
    .title-videocenter { width: 100%; }
    .videos{ top:2%; }
    .videos video { max-width: 96%; height: 90%; }
    .cont-video .btn-more { margin: 20px auto 0; }
    .swiper-video .swiper-pagination-bullets,.swiper-screenshot .swiper-pagination-bullets { width: 100%; height: 20px; right: auto; top: auto; bottom: -30px; text-align: center; }
    /*关闭按钮*/
    .vclose { top:auto; bottom: 25px; left: calc(50% - (12px) * 2); }
    /*--------- 游戏截图 ---------*/
    .screenshot { width: calc(100%); padding: 0 0 30px; }
    /*--------- 底部版权 ---------*/
    .footerlogo { display: none; }
    .footerbtn { display: block; }
    /*-----------适龄提示 弹窗-----------*/
    #cadpa { width: 11%; height: 90px; top:70%; 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; }
    /*--------- 内页 ---------*/
    /* 内页 框架 */
    .inside-mainbox { padding: 0 12px;}
    /*内页 框架 主体内容 */
    .maincontent { width: calc(100% - (20px + 1px) * 2); }
    /* 内页 banner */
    #banner .inside-txt1 { top: 25%; }
    /* 内页 框架 */
    .inside-container { margin-top:-30%; }
    /* 内页 框架 侧边栏 */
    .sidebar { display: none; }
    /* 内页 文章列表 */
    .articlelist li h3 { font-size: 1.8rem; }
    .article-basicinfo { padding: 10px 0; }
    /* 返回首页 栏目跳转 */
    .skipbox { display: flex; flex-direction: column; }
    /* 手机端 联系我们 */
    .main-contact { padding: 100px 0 30px; }
}


/*---------------------- Small devices (phones, less than 768px) ----------------------*/
@media (max-width: 768px) {
    /*--------- 公共部分 ---------*/
    .title { padding: 0 10px; }
    .title h3 { font-size: 2.6rem; }
    .btn-more { font-size: 1.8rem; }
    .title-method,.title-guidance { padding: 0 0 10px; }
    .title-zb,.title-videocenter,.title-screenshot { padding: 3px 10px 10px; }
    .title-zb p,.title-method p,.title-guidance p { font-size: 1.8rem; }
    .title-guidance p,.title-videocenter p { display: block; }
    .content { padding: 0 10px; }
    .main-column { width: calc(100%); }
    /*--------- 游戏下载 ---------*/
    #gamedown-mobile,.toplogo { height: 75px; } 
    .toplogo { width: 60%; }
    .gamename h1,.gamename h2 { font-size: 2.6rem; margin: 6px 0; }
    .gamename p { font-size: 1.8rem; }
    /*--------- 游戏资讯 ---------*/
    .newsbox { padding-bottom: 20px; }
    .title-news { padding-top: 7%; background-size: 100% auto; }
    #newslistbox { width: calc(100% - (15px + 1px) * 2); height: auto; padding: 8px 15px; }
    #newslistbox .swiper-newslist { height: 60px; }
    #newslistbox .swiper-slide { font-size: 2.2rem; height: 56px; line-height: 56px; }
    #newslistbox .tabContent { max-height: 340px; }
    .newslist ul { padding-top: 0; }
    .newslist ul li { height: 68px; line-height: 68px; font-size: 1.8rem; }
    .newslist ul li.para { line-height: 4.2rem; }
    .newslist ul li p { font-size: 1.8rem; padding: 10px 0 2px; }
    .newstag::before { font-size: 1.6rem; }
    .title-tag::before { font-size: 1.7rem; }
    /*--------- 游戏资料 ---------*/
    .cont-ziliao .main-column { flex-direction: column; justify-content: center; }
    /* 游戏攻略 */
    .methodbox,.guidancebox { width: 100%; margin-top: 15px; }
    .guidancebox { margin-top: 25px; }
    .methodbox,.method { height: auto; }
    .method { width: calc(100% - (1px * 2)); padding: 17px 0 15px 0; }
    .methodlist a { width: 27%; padding: 15px 10px 15px 8px; margin: 0 5px 12px; font-size: 2rem; }
    /* 新手引导 */
    .guidancebox,.guidance { height: auto; }
    .guidance { padding: 17px 0 0; }
    .guidancelist { padding: 5px 15px; }
    .guidancelist a { width: 26%; padding: 0 2%; font-size: 2rem; margin: 0 5px 15px; height: 52px; line-height: 52px; }
    /*--------- 角色展示 ---------*/
    .title-role { padding-top: 7%; background-size: 100% auto; }
    /* 角色名称 简介 */
    .role-lef p {  font-size: 2rem; line-height: 4.2rem; }
    /*--------- 装备展示 ---------*/
    .zblist .swiper-zb .swiper-slide { width: calc(48%); }
    .zblist .swiper-zb .swiper-slide[data-ratio="3:4"] { padding-top: calc(48% * 4 / 3); }
    .title-zb a.btn-more { margin: 0 0 0 10px; }
    /*--------- 玩法特色 ---------*/
    .tese { background-size: auto 100%; padding: 0 0 50px; }
    .title-tese { padding-top: 7%; background-size: 100% auto; }
    .cont-tese { padding: 0 0 20px; }
    .teselist .swiper-tese { height: 52px; line-height: 50px; margin-bottom: 10px; }
    .teselist .swiper-tese .swiper-slide .tabli { height: 52px; line-height:52px; font-size: 2rem; }
    .swiper-tese2 .swiper-button-prev { left: 0; }
    .swiper-tese2 .swiper-button-next { right: 0; }
    /*--------- 视频中心 ---------*/
    .box-video-screenshot { margin: 0 auto 30px; }
    .screenshot { margin-top: 20px; }
    .videocenter,.screenshot { width: 100%; height: auto; }
    #videolist,#screenshotlist { width: calc(100% - (8px + 1px) * 2); height: auto; margin: 0 auto; }
    /*视频弹窗*/
    .vclose { right:-55px; }
    /*--------- 底部版权 ---------*/
    .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 { width: calc(100% - (10px + 1px) * 2); padding: 25px 10px; }
    /* 内页 文章标题 */
    .article-title { padding: 0px 5px; font-size: 2.1rem; }
    /* 内页 视频列表 */
    .videos-gallery li { width: calc(31% - 1px * 2); }
    /* 返回首页 栏目跳转 */
    .skipbox { padding: 10px 0 0; }
    .skip-home { margin: 0 0 10px; }
}


/*---------------------- Small devices (phones, less than 550px) ----------------------*/
@media (max-width: 550px) { 
    /*--------- 公共部分 ---------*/
    .title h3 { font-size: 2.2rem; }
    .title-zb p,.title-method p,.title-guidance p { font-size: 1.6rem; }
    .btn-more { font-size: 1.4rem; }
    /*--------- 顶部导航 ---------*/
    .main-header { padding: 5px; }
    .toplogo,#gamedown-mobile { height: 66px; }
    .toplogo a img { margin: 0 5px 0 0; }
    .gamename h1,.gamename h2 { font-size: 2.2rem; margin: 5px 0 3px; }
    .gamename p { font-size: 1.6rem; }
    /*--------- 游戏资讯 ---------*/
    .title-news { margin-bottom: 5px; }
    #newslistbox .swiper-slide { font-size: 2rem; }
    #newslistbox .tabContent { max-height: 310px; }
    .newslist ul li { height: 62px; line-height: 62px; font-size: 1.6rem; }
    .newslist ul li.para { line-height: 3.8rem; }
    .newslist ul li p { font-size: 1.6rem; padding: 10px 0 2px; }
    .newstag::before { font-size: 1.4rem; }
    .title-tag::before { font-size: 1.5rem; padding: 0px 3px 1px; }
    /*--------- 游戏资料 ---------*/
    /* 游戏攻略 */
    .methodlist a { width: 41%; font-size: 1.6rem; }
    /* 新手引导 */
    .guidancelist a { width: 42%; font-size: 1.6rem; margin: 0 5px 15px; }
    /*--------- 角色展示 ---------*/
    .role { margin: 25px 0 0; padding: 25px 0 20px; }
    .rolelist { padding-bottom: 7%; }
    .cont-role { width: 100%; height: auto; margin: 5px auto 0; background-size: 84% auto; }
    .swiper-role .prev-role,.swiper-role .next-role { width:40px; height:80px; top:40%; }
    /* 角色名称 简介 */
    .role-lef { width: 94%; top: 0; left: 3%; }
    .role-lef h3 { width: 40px; font-size: 4.2rem; padding: 0 30px; }
    .role-lef p { width: 94%; font-size: 1.6rem; line-height: 2.8rem; padding: 8px 10px; }
    /*--------- 装备展示 ---------*/
    .swiper-zb .prev-zb,.swiper-zb .next-zb { width:40px; height:80px; top:36%; }
    /*--------- 玩法特色 ---------*/
    .tese { padding: 0 0 25px; }
    .teselist .swiper-tese { margin-bottom: 5px; }
    .teselist .swiper-tese .swiper-slide .tabli { height: 46px; line-height:44px; font-size: 1.9rem; }
    .teselist .swiper-tese2 .swiper-slide img { width: calc(100% - (5px * 2)); height: calc(100% - (5px * 2)); top: 5px; left: 5px; }
    .swiper-tese2 .prev-tese, .swiper-tese2 .next-tese { width: 40px; height: 80px; }
    /*--------- 视频中心 ---------*/
    .videocenter { padding: 0 0 30px; }
    /*--------- 游戏截图 ---------*/
    .screenshot { padding: 0 0 20px; }
    /*--------- 底部版权 ---------*/
    .copyright p { line-height: 22px; font-size: 1.2rem; }
    .footerbtn { margin: 10px auto; }
    .footerbtn a { padding: 5px 20px; }
    /*-----------适龄提示 弹窗-----------*/
    .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; }
    /*--------- 内页 ---------*/
    /* 内页 主体框架 */
    .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: 0 0 10px; font-size: 1.8rem; line-height: 3rem; }
    .article-basicinfo { padding:0 0 10px; }
    /* 内页 文章摘要 */
    .article-zhaiyao { padding: 10px 15px; margin-bottom:10px; }
    .article-zhaiyao p { line-height: 2.4rem; }
    /* 内页 文章正文 */
    .article-content p { font-size: 1.5rem; line-height: 3.2rem; text-indent: 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 ul { padding: 5px 0 0; }
    .picturelist li { width: 48%; margin: 0 1% 10px; }
    .picturelist li p { font-size: 1.4rem; line-height: 3rem; }
    /* 内页 视频列表 */
    .videos-gallery ul { padding: 5px 0 0; }
    .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 h3 { font-size: 2rem; }
    .title p { font-size: 1.4rem; }
    .title-zb { justify-content: space-between; }
    .title-zb a.btn-more { margin: 0; }
    .title-method,.title-guidance { padding: 0 0 5px; }
    .title-zb,.title-videocenter,.title-screenshot { padding: 0 10px 5px; }
    .title-zb p,.title-method p,.title-guidance p { font-size: 1.4rem; }
    /*--------- 顶部导航 游戏下载 ---------*/
    .toplogo { width: 60%; padding: 0 5px 0 0; }
    .toplogo,#gamedown-mobile { height: 52px; }
    #gamedown { padding: 5px 2px; }
    .mobilelogo img { margin: 0 5px 0 0; }
    .gamename h1,.gamename h2 { font-size: 1.8rem; margin: 3px 0 2px; }
    .gamename p { font-size: 1.2rem; }
    /*--------- 游戏资讯 ---------*/
    .cont-news .btn-more { padding: 0 5px; }
    #newslistbox { width: calc(100% - (8px + 1px) * 2); padding: 3px 8px; }
    #newslistbox .swiper-newslist { height: 50px; }
    #newslistbox .swiper-slide { font-size: 1.6rem; height: 46px; line-height: 46px; }
    #newslistbox .tabContent { max-height: 255px; }
    .newslist ul { padding: 0; }
    .newslist ul li { height: 50px; line-height: 50px; font-size: 1.4rem; }
    .newslist ul li.para { line-height: 3.2rem; padding: 0 0 8px; }
    .newslist ul li p { font-size: 1.4rem; padding: 8px 0 0; }
    .newstag::before { font-size: 1.2rem; }
    .title-tag::before { font-size: 1.4rem; }
    /*--------- 游戏资料 ---------*/
    /* 游戏攻略 */
    .methodbox { margin-top: 0; }
    .method { padding: 10px 0 0; width: calc(100% - (1px * 2)); }
    .methodlist { padding: 5px 0; }
    .methodlist a { width: 38%; padding: 10px 8px; font-size: 1.4rem; margin: 0 5px 12px; }
    /* 新手引导 */
    .guidancebox { margin-top: 15px; }
    .guidance { padding: 12px 0 0; }
    .guidancelist a { font-size: 1.6rem; margin: 0 4px 12px; height: 42px; line-height: 42px; }
    /*--------- 角色展示 ---------*/
    .swiper-role .prev-role,.swiper-role .next-role { top:38%; }
    /* 角色名称 简介 */
    .role-lef h3 { width: 40px; font-size: 4rem; padding: 0 30px; }
    .role-lef p { width: 94%; font-size: 1.4rem; line-height: 2.2rem; padding: 8px 10px; }
    /*--------- 装备展示 ---------*/
    .main-zb { padding-bottom: 30px; }
    .zblist .swiper-zb .swiper-slide { width: calc(100%); }
    .zblist .swiper-zb .swiper-slide[data-ratio="3:4"] { padding-top: calc(100% * 4 / 3); }
    .zblist .swiper-pagination-bullets { bottom: 5px; }
    /*--------- 玩法特色 ---------*/
    .tese { padding: 0 0 15px; }
    .cont-tese .btn-more { padding: 0 5px; }
    .teselist .swiper-tese { margin-bottom: 0; }
    .teselist .swiper-tese .swiper-slide .tabli { height: 40px; line-height:38px; font-size: 1.5rem; }
    /*--------- 视频中心 ---------*/
    #videolist .swiper-slide .play-video { width: 50px; height: 50px; }
    .videos{ top:7%; }
    .videos video {height: 80%; }
    /*关闭按钮*/
    .vclose { bottom: 10%; }
    /*--------- 底部版权 ---------*/
    .footerbtn a { font-size: 1.4rem; padding: 6px 20px; }
    /*--------- 适龄提示 弹窗---------*/
    .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:80px; right: 8px; }
    #musicbox a { width: 40px; height: 40px; border-radius: 40px; }

    /*--------- 内页 ---------*/
    /* 内页 框架 */
    .inside-container { padding: 0 0 20px; }
    .inside-mainbox { padding: 0 5px; }
    /*内页 框架 主体内容 */
    .maincontent { width: calc(100% - (8px + 1px) * 2); padding: 15px 8px; }
    /* 内页 栏目标题 */
    .channel-title h4 { font-size: 1.8rem; }
    /* 内页 文章列表 */
    .articlelist li a { padding: 10px 0 5px; }
    .articlelist li h3 { font-size: 1.4rem; line-height: 2.2rem; }
    .articlelist li p { width: 72%; font-size: 1.2rem; }
    .articlelist li .time { width: 28%; }
    /* 内页 列表翻页 */
    .page .pagenum { font-size: 1.4rem; }
    .page li a { padding: 3px 8px; }
    /* 内页 文章标题 */
    .article-title { padding: 5px 0 10px; 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: 10px; }
    /* 内页 文章正文 */
    .article-content p { font-size: 1.4rem; line-height: 2.8rem; text-indent: 2.8rem; margin: 10px 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; }
    /* 手机端 联系我们 */
    .main-contact { padding: 60px 0 15px; }
    /* 内页 视频列表 */
    .videos-gallery li { width: calc(48% - 1px * 2); margin: 0 1% 10px; }
}


/*---------------------- Small devices (phones, less than 320px) ----------------------*/
@media (max-width: 320px) { 
    /*--------- 公共部分 ---------*/
    .title h3 { font-size: 1.7rem; }
    .title p { font-size: 1.2rem; }
    .title-zb p,.title-method p,.title-guidance p { font-size: 1.2rem; }
    /*--------- 顶部导航 游戏下载 ---------*/
    .toplogo { width: 65%; }
    .toplogo,#gamedown-mobile { height: 38px; }
    #gamedown { padding: 4px 0; }
    .gamename h1,.gamename h2 { font-size: 1.6rem; margin: 0; }
    /*--------- 游戏资讯 ---------*/
    #newslistbox { padding: 0 8px; }
    #newslistbox .swiper-slide { font-size: 1.4rem; }
    #newslistbox .tabContent { max-height: 208px; }
    .newslist ul { padding: 0 0 10px; }
    .newslist ul li { height: 40px; line-height: 40px; font-size: 1.2rem; }
    .newslist ul li.para { line-height: 2.7rem; }
    .newslist ul li p { font-size: 1.2rem; padding: 6px 0 0; }
    .newstag::before { border-radius: 2px; margin: 0 5px 0 0; }
    .title-tag::before { font-size: 1.2rem; }
    /*--------- 游戏资料 ---------*/
    /* 游戏攻略 */
    .methodlist a { width: 39%; font-size: 1.2rem; padding: 10px 8px; margin: 0 8px 10px 0; }
    /* 新手引导 */
    .guidance { padding: 12px 0 0; }
    .guidancelist { padding: 0; }
    .guidancelist a { width: 32%; padding: 0 15px; margin: 0 4px 10px; font-size: 1.4rem; height: 38px; line-height: 38px; }
    /*--------- 角色展示 ---------*/
    .swiper-role .prev-role,.swiper-role .next-role { top:33%; }
    /* 角色名称 简介 */
    .role-lef h3 { width: 34px; font-size: 3.4rem; padding: 0 30px; }
    /*--------- 玩法特色 ---------*/
    .teselist { margin: 5px 0 0; }
    .teselist .swiper-tese { height: 40px; }
    .teselist .swiper-tese .swiper-slide .tabli { font-size: 1.4rem; height: 36px; line-height: 36px; } 
    /*--------- 视频中心 ---------*/
    #videolist .swiper-slide img { min-height: auto; }
    .videos{ top:2%; }
    .videos video {height: 88%; }
    /*关闭按钮*/
    .vclose { bottom: 2.5%; }
    /*----------- 适龄提示 弹窗 -----------*/
    .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:65px; right: 5px; }
    #musicbox a { width: 36px; height: 36px; border-radius: 36px; }
    /*适龄提示 版权信息*/
    .copyright .tips p { letter-spacing: -2px; }
    /*--------- 内页 ---------*/
    /*内页 框架 主体内容 */
    .maincontent { width: calc(100% - (5px + 1px) * 2); padding: 10px 5px; }
    /* 内页 文章列表 */
    .articlelist li a { padding: 10px 0; }
    .articlelist li h3 { font-size: 1.2rem; }
    /* 内页 列表翻页 */
    .page .pagenum { font-size: 1.4rem; }
    .page li a { padding: 0 6px 2px; }
    /* 内页 文章标题 */
    .article-title { 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: 10px 0; }
    .article-content img { padding: 0; }
    /* 返回首页 栏目跳转 */
    .skip-home a { font-size: 1.4rem; }
    .skip-channel,.skip-channel a { font-size: 1.2rem; }
    /* 内页 图片列表 */
    .picturelist li p { font-size: 1.2rem; line-height: 2.6rem; }
    /* 内页 视频列表 */
    .videos-gallery li .video-title { font-size: 1.4rem; }
    /* 手机端 联系我们 */
    .main-contact { padding: 50px 0 1px; }
    .main-contact h3 { line-height: 1.8rem; font-size: 2rem; }
}