@CHARSET "UTF-8";
* {
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
}

html {
    width: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    text-align: center;
    background-color: #f2f2f2;
}
body,html{overflow-x:hidden;}
a {
    text-decoration: none;
    color:#333;
}

a:visited {
    text-decoration: none;
    color:#333;
}

a:hover {
    text-decoration: none;
    color:#f60;
}

a:active {
    text-decoration: none;
    color:#333;
}

li {
    list-style-type: none;
}

em {
    font-style: normal;
}
.clearFloat:after{
    content:'';
    display:block;
    height:0;
    clear:both;
}
.modual_title {
    padding-left: 8px;
    font-size: .32rem;
    text-align: left;
    height: .5rem;
    color: #333;
    line-height: .5rem;
    border-left: 5px solid rgb(255,68,22);
    font-weight: bold;
}
.modual_title a{
    float:right;
    font-size:14px;
    color:rgb(150,150,150);
    margin-right:10px;
}
.spliceLine{
    display: block;
    width: 110%;
    position: relative;
    left: -15px;
    height: 1px;
    border: 0;
    margin: 12px auto;
    background: rgb(221,221,221);
}
.overLay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    background: #FFF
}

.magicbx {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin-left: -35px;
    margin-top: -35px;
    z-index: 100000;
    overflow: hidden;
}

.magicbx .static {
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: url(/images/loading-logo-ali213.png) top center no-repeat;
    background-size: 100% 200%;
}

.magicbx .rounding {
    position: absolute;
    width: 70px;
    height: 70px;
    top: 0;
    left: 0;
    z-index: 100001;
    overflow: hidden;
    background: url(/images/loading-logo-ali213.png) bottom center no-repeat;
    background-size: 100% 200%;
    animation: rtMv 6s infinite alternate;
    -webkit-animation: rtMv 6s linear infinite;
}

@-webkit-keyframes rtMv {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rtMv {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*头部导航*/
.headNav{
    height:30px;
    line-height: 30px;
    text-align: left;
    margin:5px auto;
    padding-left:2%;
    font-size:14px;
    color:#222;
    /*background:white;*/
}
/*头部游戏logo、标题*/
.gameInfo{
    height:135px;
    background:url("https://imgs.ali213.net/glpic/IndexTJ/2016/12/20/2016122040257123.jpg") no-repeat;
    background-size:cover;
    position:relative;
}
.gameInfo h1{
    position:absolute;
    bottom:0;
    left:0;
    height:36px;
    line-height: 36px;
    text-align: center;
    color:white;
    font-size:16px;
    width:100%;
    background:linear-gradient(to top,rgba(0,0,0,1) 0,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%)

}
/*真三国无双8 · 精品攻略*/
.editor{
    height:122px;
    margin:6px auto;
    background:white;
    position:relative;
}
#headCarousel{
    height: 4px;
    background:transparent;
    position: absolute;
    top: auto;
    bottom: 11px;
    left: 0;
    width:100%;
}
#headCarousel:before{
    width:30px;
    height:4px;
    float:left;
}
#headCarousel div{
    height: 4px;
    margin-left:30px;
}

#headCarousel span{
    display:block;
    width: 0;
    height: 4px;
    background:linear-gradient(90deg, rgb(255,68,22) 0,rgb(248,167,42) 100% );;
}
.editor p{
    width: 30px;
    height: 95px;
    background: rgb(255,68,22);
    text-align: center;
    font-size: 15px;
    color: white;
    float: left;
    line-height: 1.3;
    padding-top: 16px;
}
.editorSwiper{
    padding:12px 0 0 2%;
    width:88%;
    float:left;
    height:99px;
}
.editorSwiper a{
    height:88px;
    width:100%;
    position:relative;
}
.editorSwiper img{
    display:block;
    width:100%;
    height:88px;
}
.editorSwiper em{
    display: block;
    color: white;
    font-size: 14px;
    height:25px;
    line-height: 25px;
    position:relative;
    top:-25px;
    overflow:hidden;
    background:linear-gradient(to top,rgba(0,0,0,1) 0,rgba(0,0,0,1) 25%,rgba(0,0,0,0) 100%)
}
.swiper-container-horizontal>.swiper-pagination-progress{
    top:auto;
    bottom:0;
}
.swiper-pagination-progress .swiper-pagination-progressbar{
    background:linear-gradient(90deg, rgb(255,68,22) 0,rgb(248,167,42) 100% );
}
.editorSwiper .swiper-slide{
    width:164px;
}
.game-nav1{background:#fff;}
/*新手入门 · 热门攻略*/
.hotLabel{
    padding: 15px .2rem 5px;
    background: white;
    min-height: 100px;
}
.swiper-container{overflow: -webkit-paged-x;}
.swiper-container.hotLabelSwiper{width:100%;padding-bottom:.2rem;margin-top:.3rem;margin-bottom: .2rem;}
.swiper-container.hotLabelSwiper .swiper-wrapper{width:102%}
.swiper-pagination-bullet{width:.14rem;height:.14rem;border-radius:.14rem;background:#c8c8c8;margin:0 .05rem;opacity:1}
.swiper-pagination-bullet-active{width:.26rem;background:#ff4416}
.hotLabelSwiper a{flex-shrink:0;width:2.26rem;margin:0 .05rem .2rem .05rem;float:left;box-sizing:border-box;border:#d8d8d8 1px solid;font-size:.26rem;text-align:center;overflow:hidden;border-radius:.28rem;color:#505050;padding:.08rem 0}
.hotLabelSwiper a.jihuo{color:white;background-image:linear-gradient(4deg,#ff2a00 0,#ff4f2c 100%),linear-gradient(#ffe9e2,#ffe9e2);background-blend-mode:normal,normal;box-shadow:0 4px 8px 0 rgba(255,90,57,0.5);border-color:transparent}
.hotLabelSwiper-pagination{bottom:0!important}
.swiper-pagination-bullet{width:.14rem;height:.14rem;border-radius:.07rem;background:#c8c8c8;opacity:1}
.swiper-pagination-bullet-active{background:#ff4416;width:.42rem}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0}
/*新手入门 · 热门攻略*/
.strategy{
    padding:15px 3%;
    background:white;
    min-height:100px;
    margin:12px auto;
}
.strategy{
    padding-bottom:15px;
    margin-top:15px;
}
.strategy div a{
    display:block;
    margin:1.5% 0%;
    text-align: left;
    line-height: 28px;
    height:28px;
    color:#444444;
    font-size:14px;
    overflow:hidden;
}

.gl_loadmore {border: 1px solid #e4e4e4;width: 95%;height: 36px;line-height: 36px;margin: 10px auto;border-radius: 5px;clear: both;cursor: pointer;background: -webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f7f7f7),color-stop(0.95, #efefef));}

.gl_loadmore span {display: block;width: 65px;margin: 0 auto;font-size: 14px;color: #414141;text-align: left;background:url(data:image/gif;base64,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) right center no-repeat;background-size:16px 16px;}

.abdd{padding-left: 2%;width:100% !important;box-sizing: border-box;background:#fff;padding-bottom: .2rem;margin-top: -.2rem;}