html, body, .wrap{ width: 100%;  background-color: #ededed; }
/*.wrap{ overflow-y: auto; }
*//*.content-first{ width: 100%; height: 100%; min-height: 10.8rem; background: url(//game.gtimg.cn/images/fo4/m/m201803/bg-index.jpg) no-repeat center 1rem; background-size: cover; }
*//*.content-first .arrow{ bottom: .76rem; left: 50%; width: 1.14rem; height: .63rem; margin-left: -.57rem; background: url(//game.gtimg.cn/images/fo4/m/m201803/arrow-tip.png) no-repeat; background-size: 100%; -webkit-animation: arrowTip 1.5s ease infinite; }
@-webkit-keyframes arrowTip{
	0%{ -webkit-transform: translateY(0px); opacity: 1; }
	100%{ -webkit-transform: translateY(30px); opacity: 0; }
}
*/
.enter{ height: 1.3rem; background-color: #2a2d38; }
.enter li{ width: 20%; height: 100%; }
.enter li:before,
.enter li:after{ position: absolute; top: 50%; content: ''; width: 1px; height: 1.26rem; margin-top: -.63rem; }
.enter li:before{ left: 0; background-color: #21232b; }
.enter li:after{ right: 0; background-color: #323541; }
.enter li:first-of-type:before,
.enter li:last-of-type:after{ display: none; }
.enter a{ position: relative; width: 100%; height: 100%; font-size: .22rem; line-height: .28rem; color: #999; overflow: hidden; }
.enter a i{ width: .45rem; height: .48rem; margin: .26rem auto .12rem; background: url(//game.gtimg.cn/images/fo4/m/m201905/icon-index-v2.png) no-repeat; background-size: 2.24rem; }
.enter a .icon-1{ background-position: 0 0; width: .4rem; height:.38rem;}
.enter a .icon-2{ background-position: -.45rem 0;  width: .4rem; height:.38rem;}
.enter a .icon-3{ background-position: -.82rem 0;  width: .36rem; height:.38rem;}
.enter a .icon-4{ background-position: -1.2rem 0;  width: .32rem; height:.38rem;}
.enter a .icon-5{ background-position: -1.6rem 0;  width: .43rem; height:.38rem;}
.content-banner{overflow:hidden; margin-top: 1rem;}
.banner-change{ top: 0; right: 0; z-index: 9; top:0;}
.banner-change a{ float: left; width: .7rem; height: .34rem; font-size: .18rem; line-height: .34rem; color: #fff; background-color: #2a2d38; }
.banner-change a.on{ color: #000; background-color: #a3e90c; }
.banner{ display: none; }
.banner img{ width: 100%; height:auto !important;}

.news-hd{/* margin-bottom: .22rem; */}
.news-hd ul{margin: 0 0.4rem;}
.news-bd li{ height: .8rem; line-height: .8rem; padding:0 0.2rem;}
.news-bd .hot{ height: .72rem; line-height: .72rem; text-align: center; background-image:url('//game.gtimg.cn/images/fo4/web202104/m/news-hd.png');background-position:0 0; background-size:7.5rem 0.72rem; position: relative;}
.news-bd .hot span,
.news-bd .hot em{ display: none; }
.news-bd .hot strong{ box-sizing: border-box; width: 100%; max-width: 100%; padding: 0 .2rem; font-weight: bold; color: #db9d31; }
/* .tit{ height: .42rem; margin-bottom: .2rem; border-bottom: 1px solid #edd79d;} */
.tit h2{ border-bottom: 1px solid #edd79d;font-size:0.36rem;font-weight:bold;}

.content-act .list{text-align: center;padding: 0.3rem;background-color: #fff;overflow: hidden;}
.content-act{/* margin-bottom: .1rem; */background-color:#fff;}
.content-act .list li,
.content-act .list a{width: 2.2rem;height: 1.2rem;margin: 0 .05rem 0rem;overflow: hidden;display: block;}
.content-act li img,
.content-act .list a img{ width: 100%;height:100%;object-fit: cover; }
.content-act .list .date{font-size:0.2rem;color:#db9d31;line-height:0.3rem;}
.news-bd li strong{position: relative;}
.ico-hot{ width: .57rem; height: .28rem; background: url(//game.gtimg.cn/images/fo4/m/m201905/icon-index-v2.png) no-repeat  0 -.52rem; background-size: 2.24rem; display: inline-block; vertical-align: middle; margin-right: .1rem;}
.content-act2{
    /* background:none; */
    /* padding-top: 0.4rem; */
}
.content-act1 .list li{height: 2rem;}
.content-act .more-btn{
    width: 0.71rem;
    height: 0.22rem;
    background-image:url(//game.gtimg.cn/images/fo4/web202104/m/btn-more.png);
    background-size:0.71rem 0.22rem;
    background-repeat:no-repeat;
    top:.53rem;
    right: 0.2rem;
    position:absolute;
    color:#db9d31;
    background-position: 0 0;
}
.content-act2 .list a{
    float:left;
    height:1.6rem;
}
.content-act2 .list a img {
    display:block;
    width:2.2rem!important;
    height:1.2rem!important;
}
.content-act2 .list b {
    display:block;
    background-color: #db9d31;
    color: #3c2702;
    text-align: center;
    font-weight: bold;
    color: #424242;
    font-size: 0.2rem;
    line-height: 2;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:0 0.1rem;
}
/*.content-video{ padding: .3rem; margin-bottom: .4rem; background-color: #fff; box-shadow: 0 .05rem .05rem rgba(42, 45, 56, .1); }
.content-video li{ width: 2.1rem; height: 1.3rem; margin: 0 .3rem .2rem 0; overflow: hidden; }
.content-video li:nth-child(3n){ margin-right: 0; }
.content-video li a{ position: relative; display: block; width: 100%; height: 100%; }
 .content-video li span{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 0.24rem;
    color: #fff;
    text-align: center;
    line-height: 0.45rem;
    height: 0.45rem;
    background: #000;}
.content-video li a:before{ position: absolute; top: -0.18rem; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); background-image: url(//game.gtimg.cn/images/fo4/m/m201803/video-play.png); background-repeat: no-repeat; background-position: center; background-size: .58rem; }
.content-video li img{ width: 100%; }*/


.content-events{padding:.3rem;}
.content-events ul{width: 103%;height: 2.3rem;overflow: hidden;}
.content-events .list li,
.content-events .list a,
.content-events li {width: 3.34rem;float: left;position: relative;overflow: hidden;padding-top:0.2rem;margin-right: 0.15rem;height: 2.1rem;}
.content-events li img{width:3.34rem; height:1.6rem;}
.content-events li h3,
.content-events li .tite {background-color:#db9d31;color:#3c2702;text-align:center;font-weight: bold;color: #424242;font-size: 0.2rem;line-height:2;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 0px;}
.content-events li p{display:none;}
/* .content-events li {width: 2.2rem; float: left; position: relative; overflow: hidden; padding-top:0.2rem; margin-right: 0.15rem; height:3.3rem;} */
/* .content-events li img{width:2.2rem; height:1.45rem;} */
/* .content-events li h3 {font-weight: bold;color: #424242;white-space:nowrap;font-size: 0.2rem;padding: 15px 0 5px;  height:.24rem;text-overflow: ellipsis; overflow:hidden;line-height:.24rem;} */
.content-events li p {color: #919191; line-height: 1; font-size:0.16rem;}
.content-events li .boxs .hide { display: none;}
.content-events li a {
position: absolute;
display: block;
z-index: 1000;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
background: #fff;
}
.content-events .fl a{opacity: 1;}

.content-videos{padding:.3rem;}
.content-videos ul{width: 103%;height: 4.6rem;overflow: hidden;}
.content-videos li {width: 3.34rem;float: left;position: relative;overflow: hidden;padding-top:0.2rem;margin-right: 0.15rem;height: 2.1rem;}
.content-videos li a{display:block;width:100%;height:100%;}
.content-videos li a:before{content:'';position:absolute;left:50%;top:50%;background:url('https://game.gtimg.cn/images/fo4/web202104/btn-play.png') 0 0 no-repeat;background-size:0.54rem 0.54rem;width:0.54rem;height:0.54rem;margin:-0.27rem 0 0 -0.27rem;}
.content-videos li img{width:3.34rem; height:1.6rem;}
.content-videos li .tite {display:block;background-color:#db9d31;color:#3c2702;text-align:center;font-weight: bold;color: #424242;font-size: 0.2rem;line-height:2;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 0px;display: block;}

.content-vers{padding:.3rem;}
.content-vers ul{width:103%; overflow: hidden;}
.content-vers li {width: 3.34rem; float: left; position: relative; overflow: hidden; padding-top:0.2rem; margin-right: 0.15rem;}
.content-vers li img{width:3.34rem; height:1.6rem;}
.content-vers li h3 {background-color:#db9d31;color:#3c2702; text-align:center;font-weight: bold;color: #424242;font-size: 0.2rem;line-height:2; overflow:hidden;}
.content-vers li p {color: #919191; font-size:0.15rem;l overflow:hidden;}
.content-vers li .boxs .hide { display: none;}
.content-vers li a {
position: absolute;
display: block;
z-index: 1000;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
background: #fff;
}

.acti-i{width: 106%;}
.content-act .tit{
    color:#db9d31;
    height:1.28rem;
    line-height:1.28rem;
    font-size:0.36rem; font-weight:bold; text-align: center;position: relative;
}
.content-news{
    background-color:#fff;
    background-image: url('//game.gtimg.cn/images/fo4/web202104/m/bg-news.png');
    background-repeat:no-repeat;
    background-size: 7.5rem 1.28rem;
}

.raiders-hd{ position: relative; height: .76rem;  margin-bottom: .14rem; }
.raiders-hd ul{ position: relative; height: 100%; display: -webkit-flex; display: flex; padding-right: 0.5rem;}
.raiders-hd ul:after{ position: absolute; bottom: .02rem; left: 0; z-index: 1; content: ''; width: 100%; border-top: 1px solid #d9d9d9; }
.raiders-hd li{ position: relative; -webkit-flex: 1; flex: 1; }
.raiders-hd li a{ position: relative; z-index: 3; box-sizing: border-box; width: 100%; height: 100%; font-size: .24rem; font-weight: bold; line-height: .76rem; color: #404040; display:block; }
.raiders-hd li a.on{ border-bottom: .08rem solid #9fd600; }

.content-raiders{padding:.3rem; overflow: hidden;}
.content-raiders ul{
    overflow: hidden;
    padding-top: 0.2rem;
}
.content-raiders ul li{
    float: right;
    width: 3.35rem;
    margin-right: 0.2rem;
    margin-bottom: 0.1rem;
}
.content-raiders ul li img{
    height: 1.6rem;
    width: 100%;
    object-fit: cover;
}
.content-raiders ul li:first-child{
    margin-right: 0;
}
.content-raiders ul li:first-child img{
    height: 2.6rem;
}
.content-raiders ul li h3,
.content-raiders ul li p{
    display: none;
}
.content-raiders a{
    font-size: .18rem;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 0.5rem;
    line-height: 0.5rem;
    color: #878787;
}
.content-raiders .more{
    background:url(https://game.gtimg.cn/images/fo4/m/m201905/2103/more.png) no-repeat 50% 50%;
    background-size:auto 100%;
    width: 3.35rem;
    height: .64rem;
    font-size: 0;
    position: absolute;
    right:.3rem;
    bottom:.9rem;
}

.raiders-bd ul{width: 103%;}
.raiders-bd li {width: 2.2rem; float: left; position: relative; overflow: hidden; padding-top:0.2rem; margin-right: 0.15rem; height:3.3rem;}
.raiders-bd li img{width:2.2rem; height:1.45rem;}
.raiders-bd li h3 {font-weight: bold;color: #424242;font-size: 0.2rem;padding: 15px 0 5px;  height:24px; overflow:hidden;line-height:2;}
.raiders-bd li p {color: #919191; line-height: 1; font-size:0.16rem;}
.raiders-bd li .boxs .hide { display: none;}
.raiders-bd li a {
position: absolute;
display: block;
z-index: 1000;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
background: #fff;
}

.arrow {
    width: 20px;
    height: 4px;
    margin: 0 auto 7px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #343c99;
    transform: rotate(-45deg);
    transform-origin: left;
}
 
.arrow:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #343c99;
    position: absolute;
    right: -10px;
    top: -14px;
    transform: rotate(-90deg);
    transform-origin: bottom;
}
.backto{display: block; height:1.11rem; background-color:#2a2d38; color:#fff; font-size:.16rem; text-align: center; line-height: 1.11rem;}
.up{display: inline-block; color:#fff; width: 0.15rem; height:0.15rem; border-style:solid; border-width:0 2px 2px 0; transform:rotate(225deg); vertical-align: middle; margin-left:.05rem;}