/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
progress,sub,sup{vertical-align:baseline}
button,hr,input{overflow:visible}
[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}
body,mark{color:#000}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative}
.section-title .icon,.section-title.section02-title .detail,.share-wrap .icon{vertical-align:middle}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}

svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:700}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
textarea{overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:'microsoft yahei';background:#f0f0f0}
li,p,ul{padding:0;margin:0}
li,ul{list-style:none}
.clear-fix:after{content:'.';display:block;clear:both;font-size:0}
a,a:hover{text-decoration:none}
body{margin:0;font-size:.16rem}
header .app-center,header .search,header .user-center{font-size:22px}
.top-nav .iconfont{font-size:20px}
.top-nav span{font-size:16px}
#header{height:1.04rem;background:-webkit-linear-gradient(#111e4b,#193076);background:linear-gradient(#191c26,#0f1320);width:100%;z-index:10; position:absolute; top:4.68rem;   background: rgba(18,18,26,.78);}
#header .logo-wrap{float:left;margin:.08rem .3rem;color:#FFF}
#header .logo-wrap .desc{float:left;margin-left:.15rem}
#header .logo-wrap h2{line-height:1;font-weight:400;font-size:.28rem;margin:.12rem 0 .1rem}
#header .logo-wrap h3{line-height:1;font-weight:400;font-size:.22rem;margin:0;white-space:nowrap}
#header .logo-wrap .logo{width:.84rem;height:.84rem;float:left}

#header .down-btn{float:right;width:1.5rem;height:.55rem;text-align:center;line-height:.55rem;font-size:.28rem;border-radius:.08rem;background:#a71b26;color:#FFF;position:relative;top:50%;margin:-.275rem 1.0rem 0 0}
#header .update-btn{ float:left; width:1.5rem;height:.55rem;text-align:center;line-height:.55rem;font-size:.28rem;border-radius:.08rem;background:#a71b26;color:#FFF;position:relative;top:50%;margin:-.275rem .4rem 0 1.0rem}

.share-wrap{margin:.2rem 0;position:relative;height:1.4rem;line-height:1.4rem;background:#344768;color:#FFF;text-align:center;font-size:.2rem;z-index:10}
.share-wrap .icon{display:inline-block;width:.26rem;height:.26rem;margin-right:.12rem}
.share-wrap .follow{display:inline-block;white-space:nowrap}
.share-wrap .follow .line{height:.34rem;border-left:1px solid #5a6e90;border-right:1px solid #242b6d;margin:0 0 0 .55rem}
.share-wrap .follow i{background:url(../images/i-code.png) no-repeat;background-size:contain}
.share-wrap .share{display:inline-block;padding:0 0 0 .55rem}
.share-wrap .share i{background:url(../images/i-share.png) no-repeat;background-size:contain}
.share-wrap .follow-box{display:none;position:absolute;top:-1rem;left:1.05rem;width:2.33rem;height:1.48rem;background:url(../images/bg-weixin.png) no-repeat;background-size:contain;line-height:1}
.share-wrap .follow-box .item{overflow:hidden;margin-left:.09rem}
.share-wrap .follow-box .item:nth-child(1){margin:.08rem 0 .15rem .09rem}
.share-wrap .follow-box .name,.share-wrap .follow-box .num{white-space:nowrap;margin-left:.49rem;display:block;text-align:left}
.share-wrap .follow-box i{display:inline-block;width:.49rem;height:.48rem;float:left;background:url(../images/i-weixin.png) no-repeat;background-size:contain;margin:0 .05rem 0 0}
.share-wrap .share-box{display:none;position:absolute;top:-.3rem;left:3.65rem;width:1.77rem;height:.77rem;background:url(../images/bg-share.png) no-repeat;background-size:contain;line-height:1}
.share-wrap .share-box li{float:left;margin:.15rem .075rem}
.share-wrap .share-box li:nth-child(1){margin-left:.15rem}
.share-wrap .share-box i{display:inline-block;width:.38rem;height:.38rem}
.share-wrap .share-box i.share-sina{background:url(../images/i-share-sina.png) no-repeat;background-size:cover}
.share-wrap .share-box i.share-pengyou{background:url(../images/i-share-pengyou.png) no-repeat;background-size:cover}
.share-wrap .share-box i.share-qzone{background:url(../images/i-share-qzone.png) no-repeat;background-size:cover}
.hide{display:none}
body,html{width:100%;height:100%;background-color:#FFF; }
html{font-size:.12rem}

.swiper-pagination{position:absolute;bottom:0;right:0;margin:0 0.2rem 1.10rem 0}
.section00,.section005{position:relative}
.swiper-pagination span{display:inline-block;width:.14rem;height:.14rem;margin:.05rem;background:#2e3d5a;border-radius:47%;}
.section00,.section00 img{width:100%}
.swiper-pagination span.swiper-active-switch{background:#fff;}
.section00{height:4.8rem;overflow:hidden; margin-top:.9rem;}
.section00 li{float:left}

/**新闻资料**/
.section01 .list-title-wrap,.section02{position:relative;overflow:hidden;font-size:.25rem}
.section005 .open .list li .list-con p{text-align:center;font-size:.14rem;color:#000;font-weight:700}
.section005 .open .note{text-align:center}
.section005 .open .note .note1{font-size:.2rem;color:#30518f;font-weight:700}
.section005 .open .note .note2{color:#30518f;font-size:.2rem}
.section005 .open .order{text-align:center}
.section005 .open .order .css-order{display:inline-block;width:1.38rem;height:.48rem;background:#971211;color:#fff;font-size:.26rem;text-align:center;line-height:.48rem;margin:0 auto}
.section005 .open .order .num{text-align:center;color:#010000;margin-top:.05rem}
.section005 .open .order .num .red{color:#b70000}
.section01{margin:0 .15rem;min-height:1rem;margin-top: .1rem;}
.section01 .list-title{background:0 0}
.section01 .list-title li{float:left;width:1.4rem;height:.65rem;text-align:center;border-bottom:1px solid #bcbcbc}
.section01 .list-title li.active{border-bottom:1px solid #b99e51}
.section01 .list-title li.active a{color:#a7251d;border-bottom:.3rem solid #a7251d;}
.section01 .list-title li a{display:block;width:100%;height:.59rem;line-height:.59rem;border-bottom:.06rem solid #fff;color:#243650}
.section01 .list-title li.more{width:.5rem}
.section01 .list-title li.more i{display:inline-block;width:.21rem;height:100%;background:url(../images/more.png) center no-repeat;background-size:contain}
.section01 .tab-content .list{display:none}
.section01 .txt{width:88%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}
.section01 .tab-content .list.active{display:block}
.section01 .tab-content .list li{height:.65rem;line-height:.65rem;font-size:.22rem;border-bottom:1px dashed #e2e2e2}
.section01 .tab-content .list li a{display:block;width:100%;height:100%;color:#504e4e}
.section01 .tab-content .list .time{float:right}

/**游戏资料**/
.section-title{font-size:.3rem;color:#333;height:.63rem;line-height:.63rem;padding:0 .15rem;background:#e8e8e8;margin:.3rem 0}
.section-title.section02-title .icon{background:url(../images/i-role.png) no-repeat;background-size:contain}
.section-title.section03-title .icon{background:url(../images/i-media.png) no-repeat;background-size:contain}
.section-title .icon{display:inline-block;width:.31rem;height:.29rem}
.section-title .gray{font-size:.16rem;color:#7e8083}
.section-title.section02-title .more{width: .36rem; float:right;}
.section-title.section02-title .more a{display: block;width: 100%;height: .63rem;line-height: .63rem;color: #243650;}
.section-title.section02-title .more a i{display: inline-block;width: .21rem;height: 100%;background: url(../images/more.png) center no-repeat;background-size: contain;}

/************攻略 特色 系统**/
.section02{margin: 0 .15rem; position:relative;}
.section02 .n-list-role{height:.4rem;}
.section02 .n-list-role li{float:left;width:2.02rem;text-align:center;line-height:.45rem;background:#383640;}
.section02 .list-con,.section02 .list-con img{width:100%;position:absolute;top:0;left:0}
.section02 .n-list-role li.active{background:#846042;}
.section02 .n-list-role li:nth-child(2){border-left:1px solid #4d4a56;border-right:1px solid #4d4a56;}
.section02 .n-list-role li a{color:#FFF;font-size:.22rem}
.section02 .list-con{display:none; position:relative;}
.section02 .list-con ul li{height: .65rem;line-height: .65rem;font-size: .2rem;border-bottom: 1px dashed #e2e2e2;}
.section02 .list-con ul li a{color: #504e4e;}
.section02 .list-con .intro{position:relative;z-index:1;padding:1.25rem 0 0 2.36rem;line-height:.3rem}
.section02 .list-con .intro li{overflow:hidden}
.section02 .list-con .intro .label{float:left;width:1.2rem;text-align:right}
.section02 .list-con .intro .answer{display:block;margin-left:1.2rem;width:2.5rem;color:#b99e51}
.section02 .list-con.active{display:block;}
.section02 .txt{width:88%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}
.section02 .time{float: right;}

/**视图**/
.section-title.section03-title .more{width: .36rem; float:right;}
.section-title.section03-title .more a{display: block;width: 100%;height: .63rem;line-height: .63rem;color: #243650;}
.section-title.section03-title .more a i{display: inline-block;width: .21rem;height: 100%;background: url(../images/more.png) center no-repeat;background-size: contain;}

/************视频 截图 **/
.section03 .n-list-role{height:.4rem;}
.section03 .n-list-role li{float:left;width:3.03rem;text-align:center;line-height:.45rem;background:#383640;}
.section03 .n-list-role li.active{background:#846042;}
.section03 .n-list-role li a{color:#FFF;font-size:.22rem}
.section03 .n-list-role li:nth-child(2){border-left:1px solid #4d4a56;}

.section03{margin: 0 .15rem;}
.section03 .media-video{float:left; width:100%; margin-top:.3rem;margin-bottom: .45rem; }
.section03 .media-video ul li{ float: left;}
.section03 .media-video ul li:nth-child(2n){ float: right;}
.media-list{margin-bottom:0.2rem;}
.section03 .media-video .item{position:relative;width:2.94rem;height:1.86rem;margin-bottom:.58rem}
.section03 .media-video .item img{max-width:100%;height:1.86rem}
.section03 .media-video .item .media-play{position:absolute;top:50%;left:50%;margin:-.36rem 0 0 -.36rem;width:.72rem;height:.72rem}
.section03 .media-video .item .media-p{bottom:0;left:0;height:.4rem;line-height:.4rem;color:#000;font-size:.16rem;overflow:hidden;width:100%; text-align:center;}
.section03 .media-pic{position:relative;margin:0 0 0 3.08rem;width:2.96rem;height:3.82rem;overflow:hidden}
.js-pop,.js-pop .mask,.section03 .media-pic img{width:100%;height:100%}
.section03 .media-pic a{display:block;width:100%;height:100%}
.section03 .media-pic li{float:left}

/**弹窗**/
.js-pop{display:none;position:fixed;top:0;left:0;z-index:10000}
.js-pop .mask{position:absolute;top:0;left:0;background:#000;opacity:.5}
.js-pop .pop-wrap{position:absolute;top:50%;left:0;width:100%;min-height:1rem;margin:-.5rem auto 0;-webkit-transition:all .3s;transition:all .3s}
.js-pop .pop-wrap video{display:block;background-color:#333;border:3px solid #000;width:96%;margin:0 auto}
#popImg{width:100%;height:100%;text-align:center}
#popImg img{max-width:100%;max-height:100%}
#popFuceng .pop-wrap{margin-top:-4.495rem;left:50%;width:5rem;margin-left:-2.5rem;height:8.99rem;background:url(../images/pop-bg.jpg) no-repeat;background-size:100% auto;border-radius:.03rem}
#popFuceng .title{position:absolute;top:5.7rem;left:50%;margin-left:-2.28rem;width:4.62rem;height:1.64rem;background:url(../images/pop-title.png) no-repeat;background-size:100% auto}
#popFuceng .go-detail{position:absolute;top:7.67rem;left:50%;margin-left:-1.22rem;width:2.43rem;height:.69rem;background:url(../images/pop-btn.jpg) no-repeat;background-size:100% auto}
#popFuceng .link-href{position:absolute;top:0;left:0;width:100%;height:100%}
#popFuceng .close{position:absolute;top:0;right:0;left:auto;width:.6rem;height:.59rem;z-index:10}
@-webkit-keyframes updown{0%,100%{-webkit-transform:translate(0,-.2rem);transform:translate(0,-.2rem)}
50%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes updown{0%,100%{-webkit-transform:translate(0,-.2rem);transform:translate(0,-.2rem)}
50%{-webkit-transform:translate(0,0);transform:translate(0,0)}
}
#popGift .mask{background:#000;opacity:.5;height:100%;bottom:.8rem;top:auto}
#popGift .mask2{opacity:.7;height:.8rem;background:url(../images/kou.png) .3rem center;background-size:auto 100%;bottom:0;top:auto}
#popGift .pop-wrap{top:auto;margin-top:0;bottom:2rem;left:50%;width:5.54rem;margin-left:-2.77rem;height:6.43rem;background:url(../images/gift-tips.png) center bottom no-repeat;background-size:100% auto}
#popGift .arrow,#popGift .link{left:50%;margin-left:-.3rem;position:absolute}
#popGift .arrow{bottom:1rem;width:.59rem;height:.81rem;background:url(../images/arrow.png) no-repeat;background-size:cover;-webkit-animation:updown 1.5s infinite ease-out;animation:updown 1.5s infinite ease-out}
#popGift .link{bottom:0;width:.8rem;height:.8rem}
#popGift .close{width:.6rem;height:.6rem;position:absolute;top:0;right:0}
