@charset "UTF-8";
/*资讯头部栏目*/
.pub-menu{
    padding-bottom: .2rem;
}
.pub-menu ul{
    justify-content: flex-start;
}
.pub-menu ul li{
    width: 1.6rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    margin-left: .15rem;
    margin-top: .2rem;
}
.pub-menu ul li:nth-child(4n+1){
    margin-left: 0;
}
.pub-menu ul li a{
    display: block;
    color: #666666;
    font-size: .28rem;
    background: #f5f5f5;
    border-radius: .1rem;
}
.pub-menu ul li.active a{
    background: #00c26e;
    color: #fff;
}


.public-menu{
    line-height: .5rem;
}

.public-menu ul{
    display: flex;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
/* for Chrome 隐藏滚动条*/
.public-menu ul::-webkit-scrollbar {
    display: none;
}

.public-menu ul li{
    position: relative;
    min-width: 1.2rem;
}
.public-menu ul li:after{
    display: block;
    content: "";
    width: 1.2rem;
    height: .11rem;
    margin-top: -.05rem;
}
.public-menu ul li+li{
    margin-left: .4rem;
}
.public-menu ul li a{
    display: block;
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: .28rem;
}

.public-menu ul li.active:after{
    background: url("/static/m/img/after1.png")no-repeat;
    background-size: 1.2rem .11rem;
}
.public-menu ul li.active a{
    color: #00c26e;
    font-size: .3rem;
    font-weight: bold;
}


/*-------------------------------------------*/

/*详情内容*/
.informationContent {
    padding-bottom: .2rem;
}

.informationContentTitle {
    padding-top: .3rem;
}

.informationContentTitle h1 {
    font-size: .3rem;
    color: #333333;
}

.informationContentTime {
    line-height: .8rem;
    border-bottom: 1px solid #cdcdcd;
}

.informationContentTime span {
    font-size: .24rem;
    color: #999999;
}

.informationContentTime span + span {
    /*margin-left: .2rem;*/
}

.informationContentText p {
    color: #666666;
    font-size: .28rem;
    line-height: .5rem;
	margin-top: 0.22rem;
    text-indent: 2em;
}

.informationContentText p Video{
    display: block;
    width: 6.9rem !important;
    height: auto !important;
    text-indent: -2em;
}

.informationContentText span {
font-size: .30rem;
display: inline-block;
margin-right: 12px;
color: #00c26e;
}


.informationContentText h3{ display: block;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #00c26e;
    padding-left: 10px;
    margin-top: 0.22rem;
    border-left: 5px solid #00c26e;}



.informationContentText img {
    max-width: 6.35rem;
    /*height: 3.1rem;*/
    margin: .2rem auto;
    width: auto;
    
}
.informationContentText iframe {
    display: block;
    width: 6.9rem !important;
    height: auto !important;
    text-indent: -2em;
}
/*游戏信息*/
.informationContentGame {
    padding: .2rem;
    border: 1px solid #00c26e;
}

.informationContentGameIcon {
    margin-right: .2rem;
}

.informationContentGameTitle p img {
    width: 1.5rem;
    height: .3rem;
}
.informationContentGameIcon a img {
    width: 1.5rem;
    height: 1.5rem;
}

.informationContentGameTitle p + p {
    margin-top: .1rem;
}
.informationContentGameTitle{
    width: 2.8rem;
}

.informationContentGameTitle p a strong {
    display: block;
    max-width: 2.8rem;
    font-size: .3rem;
    color: #333333;
    font-weight: normal;
}

.informationContentGameTitle p:last-child {
    color: #999;
    font-size: .24rem;
    line-height: .4rem;
    justify-content: flex-start;
}

.informationContentGameRight a {
    background: #00c26e;
    color: #fff;
    font-size: .26rem;
    padding: .1rem .3rem;
    border-radius: .5rem;
}


/*!*相关文章*!*/
/*.relevant-information{*/
    /*padding: .4rem .3rem;*/
/*}*/
/*.relevant-information .information-list ul li:last-child{*/
    /*border-bottom: none;*/
/*}*/


/*相关图集*/
.photo-tj{
    padding-bottom: .2rem;
}
.photo-tj ul{
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    overflow-x: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
/* for Chrome 隐藏滚动条*/
.photo-tj ul::-webkit-scrollbar {
    display: none;
}
.photo-tj ul li{
    width: 2.8rem;
}
.photo-tj ul li+li{
    margin-left: .4rem;
}
.photo-tj ul li a{
    display: block;
    width: 2.8rem;

}
.photo-tj ul li a img{
    width: 2.8rem;
    height: 1.8rem;
}
.photo-tj ul li a p{
    color: #333333;
    font-size: .28rem;
    text-align: center;
}

/*热门手游*/
.side-xg-down {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .3rem
}

.side-xg-down .item {
    width: 50%;
    display: flex;
    align-items: center;
    margin-top: .3rem
}
.side-xg-down .item .inf {
    width: 50%;

}
.side-xg-down .item a{
    color: #333;
}

.side-xg-down .item .icon {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: .2rem
}

.side-xg-down .item .icon2 {
    width: 1.5rem;
    height: 0.8rem;
    margin-right: .2rem
}

.side-xg-down .item .title {
    margin-bottom: .2rem
}

/*TAG*/
    .informationContentText .tags {
  color: #333333;
  font-weight: 800;

    font-size: .28rem;
    line-height: .5rem;
    margin-top: 0.22rem;
}

.informationContentText a {
  color: #00c26e;
  text-decoration: none;
  font-weight: 500;
}


.informationContentText table{ margin:10px 0;border:1px solid #f7f7f7;background:#fff;font-size:14px} 
.informationContentText table td{ padding:8px 12px;border:1px solid #e49494;border-color:#f7f7f7;background:#ffffff;color: #848181;white-space:nowrap;font-size: 13px;}
.informationContentText table th{ padding:8px 12px;border:1px solid #e49494;border-color:#f7f7f7;background:#ffffff;color: #848181;white-space:nowrap;font-size: 13px;}

/*页游专区开服表*/
.kaifubiao table{ margin:10px 0;border:1px solid #f7f7f7;background:#fff;font-size:14px} 
.kaifubiao table td{ padding:8px 12px;border:1px solid #e49494;border-color:#f7f7f7;background:#ffffff;color: #00c26e;white-space:nowrap;font-size: 13px;}
.kaifubiao table td a {color: #00c26e;}

.mianze {
    display: block;
    width: 100%;
    height: .6rem;
    margin-top: .2rem;
    line-height: .6rem;
    background: #FFF8F2;
    border: .02rem solid #FFE7D1;
    border-radius: .3rem;
    font-size: .2rem;
    font-family: PingFang SC;
    font-weight: bold;
    color: #FF8C20;
    text-align: center;
}

/*热门资讯*/
.side-news-rank {
	margin-top: .2rem;
}
.side-news-rank li {
	display: flex;
	align-items: center;
	margin-bottom: .3rem;
}
.side-news-rank li .num {
	display: block;
}
.side-news-rank li .title {
	display: block;
	flex: 1;
	overflow: hidden;
	color: #333;
	font-size: .28rem;
}
.side-news-rank li .time {
	display: block;
	margin-left: .3rem
}
.side-news-rank li .num {
	display: inline-block;
	width: .35rem;
	height: .4rem;
	background-color: #bfc7c2;
	text-align: center;
	color: #fff;
	margin-right: .15rem;
}
.side-news-rank li:nth-child(1) .num {
	background-color: #ff6767;
}
.side-news-rank li:nth-child(2) .num {
	background-color: #ff894f;
}
.side-news-rank li:nth-child(3) .num {
	background-color: #ffaf31;
}

/*新版排行榜*/
.informationContentText .game-info {
    display         : block;
    position        : relative;
    width           : 100%;
    height          : 84px;
    margin          : 20px 0 0;
    background-color: #f3f3f3;
}

.informationContentText .game-info .game-img {
    position: absolute;
    top     : 10px;
    left    : 10px;
    width   : 64px;
    height  : 64px;
    margin  : 0;
}

.informationContentText .game-info .game-detail {
    padding: 10px 70px 10px 84px;
}

.informationContentText .game-info .game-detail .name {
    margin       : 5px 0;
    font-size    : 14px;
    color        : #181818;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    line-height  : 25px;
}

.informationContentText .game-info .game-detail .type {
    font-size    : 12px;
    color        : #999;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    line-height  : 25px;
    margin-top: 5px;
}

.informationContentText .game-info .download a{
    position        : absolute;
    top             : 27px;
    right           : 20px;
    width           : 64px;
    height          : 30px;
    text-align      : center;
    line-height     : 30px;
    background-color: #3dcc55;
    color           : #ffffff;
    border-radius   : 5px;
    font-size       : 12px;
}