@charset "gbk";

.top-title {
	background-image: url(../images/top_title_bg2.jpg)
}

.top-title .news-title-bg {
	background: url(../images/news_title_bg.jpg) no-repeat center top
}

.main {
	padding: 80px 0;
	background-color: #fff;
	margin-top: 50px;
}

.news-list {
	position: relative;
	padding-bottom: 24px;
	margin-right: -17px;
	overflow: hidden;
	*padding-bottom: 60px
}

.news-list li {
	float: left;
	width: 262px;
	height: 162px;
	padding: 20px;
	margin-right: 17px;
	margin-bottom: 36px;
	background: url(../images/news/list_bg.png) no-repeat
}

.news-list a {
	color: #000
}

.news-list h3 {
	overflow: hidden;
	height: 38px;
	line-height: 38px;
	font-size: 16px;
	text-align: center
}

.news-list .time {
	font-size: 12px;
	line-height: 26px;
	text-align: center
}

.news-list .desc {
	overflow: hidden;
	max-height: 110px;
	font-size: 12px;
	line-height: 22px;
	text-indent: 2em;
	*cursor: pointer
}

.left-content {
	float: left;
	width: 792px;
	padding: 1px 1px 40px;
	border: 3px solid #dcdcdc
}

.left-content .title {
	text-align: center;
	font-size: 24px;
	color: #272a2c;
	font-weight: bold;
	padding-bottom: 32px
}

.article_position {
	position: relative;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #FEAE11;
}

.left-content .publish {
	padding-bottom: 18px;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	font-size: 16px;
	color: #535353
}

.left-content .publish span:first-child+span {
	padding-left: 5px
}

.left-content .content {
	padding: 20px;
	line-height: 28px
}
.left-content .content img{text-align: center;}
.other_wrap{padding: 50px 0 50px 25px;}
.other_wrap a:hover {text-decoration: underline;color: #FEAE11}
.prenext a ,.likeart a {color:#000;}

.prenext,.sns {
    width: 49%;
    float: left;
    height: 60px;
    padding-right: 1%;
    line-height: 30px;
    font-size: 13px;
}
.prenext span {
    height: 30px;
    overflow: hidden;
    display: block;
}
.sns .arcshare,.sns .search-baidu {
    height: 30px;
    overflow: hidden;
}

.likeart {
    padding:10px;
    height:197px;
}
.likeart-title {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    padding: 0 0 0 15px;
    border-bottom: 2px solid #32cdff;
    /* width: 679px; */
    display: block;
    font-weight: bold;
}
.likeart ul {
    padding: 5px 0 0 0;
    font-size: 13px;
    line-height: 30px;
    height: 155px;
    overflow: hidden;
    float:left;
}
.likeart ul li {
    width: 322px;
    height:30px;
    padding: 0 5px 0 20px;
    border-bottom: 1px dashed #ccc;
    background: url(/images/ico-24.png) no-repeat -4px -295px;
    overflow: hidden;
}
.likeart ul li a:hover {text-decoration: underline;color: #FEAE11}
.likeart ul li span {
    float: right;
    color:#6C6868;
}
.likeart-else {
    margin: 50px 0;
}
.likeart-else ul {
    height: auto;
    float: none;
}
.likeart-else ul li {
    width: auto;
    padding: 0 20px 0 22px;
}

/*关于我们*/
.company-info {
    width: 1000px;
    margin: 128px auto;
}
.info-title {
    height: 52px;
    background: url(/images/company-title.png) no-repeat;
}
.info-title span {
    color: #FFFBFB;
    width: 166px;
    display: block;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-weight:bold;
}
.info-content {
    border: 1px solid #feebde;
    line-height: 30px;
    padding: 20px 30px 30px;
}
.info-content h1 {
    font-size: 18px;
    text-align: center;
    display: block;
    color: #C50B0B;
    line-height: 50px;
    height: 50px;
}

.right-side {
	float: right;
	width: 395px
}

.rs-news-hot,.rs-hot-game,.rs-game-hot {
	border: 1px solid #fff;
	background-color: #f1f1f1;
	box-shadow: 0 0 8px rgba(0,0,0,0.3)
}

.rs-news-hot .title,.rs-hot-game .title,.rs-game-hot .title {
	position: relative;
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #FEAE11
}

.rs-news-hot .title h3,.rs-hot-game .title h3,.rs-game-hot .title h3 {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 195px;
	height: 100%;
	border: 1px solid #FEAE11;
	background-color: #FEAE11;
	font-size: 20px;
	text-indent: 74px;
	color: #fff
}

.rs-news-hot .title h3 span,.rs-hot-game .title h3 span,.rs-game-hot .title h3 span {
	position: absolute;
	left: 41px;
	top: 50%;
	background-image: url(../images/common_sprite.png);
	background-repeat: no-repeat
}

.rs-news-hot .title .more,.rs-hot-game .title .more,.rs-game-hot .title .more {
	position: absolute;
	right: 20px;
	bottom: 7px;
	width: 33px;
	height: 18px;
	background: url(../images/common_sprite.png) no-repeat 0 -240px
}

.rs-news-hot {
	height: 444px
}

.rs-news-hot .title span {
	width: 20px;
	height: 21px;
	margin-top: -10px;
	background-position: -6px -219px
}

.rs-news-hot .tab {
	position: relative;
	width: 356px;
	height: 174px;
	margin: 36px auto 22px
}

.rs-news-hot .tab .mask {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: #000;
	opacity: .7;
	fliter: alpha(opacity=70)
}

.rs-news-hot .tab-con li {
	display: none
}

.rs-news-hot .tab-con img {
	width: 100%;
	height: 174px
}

.rs-news-hot .tab-btn {
	position: absolute;
	bottom: 14px;
	width: 100%;
	font-size: 0;
	text-align: center
}

.rs-news-hot .tab-btn li {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 2px;
	background-color: #535353;
	cursor: pointer;
	*zoom: 1;
	*display: inline
}

.rs-news-hot .tab-btn li.active {
	background-color: #e43828
}

.rs-news-hot .list {
	overflow: hidden;
	/*height: 134px;*/
	padding: 20px 25px
}

.rs-news-hot .list li {
	overflow: hidden;
	height: 21px;
	line-height: 21px;
	margin-bottom: 10px
}
.rs-news-hot .list li:hover a {
	color:#FEAE11;
}

.rs-news-hot .list .type {
	display: inline-block;
	width: 70px;
	height: 21px;
	text-align: center;
	background-color: #d2d2d2
}

.rs-news-hot .list a {
	color: #535353
}

.rs-news-hot .list a:hover {
	text-decoration: underline
}

.rs-news-hot .show {
	display: block !important
}

.rs-hot-game,.rs-game-hot {
	padding-bottom: 40px
}

.rs-hot-game .hot-box,.rs-game-hot .hot-box {
	overflow: hidden;
	width: 356px;
	height: 240px;
	margin: 28px auto 0;
	border: 1px solid #e0e0e0;
	background-color: #fff
}

.rs-hot-game .hot-box .top-link,.rs-game-hot .hot-box .top-link {
	display: block;
	position: relative;
	width: 356px;
	height: 158px;
	margin-bottom: 24px;
	border-bottom: 1px solid #f6f4f0
}

.rs-hot-game .hot-box img,.rs-game-hot .hot-box img {
	width: 100%;
	height: 100%
}

.rs-hot-game .hot-box .text,.rs-game-hot .hot-box .text {
	position: relative
}

.rs-hot-game .hot-box .text h4,.rs-game-hot .hot-box .text h4,.rs-hot-game .hot-box .text p,.rs-game-hot .hot-box .text p {
	width: 240px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 26px
}

.rs-hot-game .hot-box .text h4,.rs-game-hot .hot-box .text h4 {
	padding-bottom: 12px;
	font-size: 20px;
	font-weight: bold;
	color: #434343
}

.rs-hot-game .hot-box .text p,.rs-game-hot .hot-box .text p {
	color: #9f9f9f
}

.rs-hot-game .hot-box .btn,.rs-game-hot .hot-box .btn {
	position: absolute;
	right: 27px;
	bottom: 0;
	width: 88px;
	height: 30px;
	line-height: 30px;
	background-image: url("../images/common_sprite.png");
	background-repeat: no-repeat;
	background-position: -33px -30px;
	text-align: center;
	font-size: 12px;
	color: #959595
}

.rs-hot-game .hot-box .btn:hover,.rs-game-hot .hot-box .btn:hover {
	background-position: -33px 0;
	color: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	-webkit-animation: hot-btn-bounc .3s linear .2s 1 normal;
	-moz-animation: hot-btn-bounc .3s linear .2s 1 normal;
	-ms-animation: hot-btn-bounc .3s linear .2s 1 normal;
	-o-animation: hot-btn-bounc .3s linear .2s 1 normal;
	animation: hot-btn-bounc .3s linear .2s 1 normal
}

@-webkit-keyframes hot-btn-bounc {
	0% {
		-webkit-transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(3px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes hot-btn-bounc {
	0% {
		-moz-transform: translateY(0)
	}

	50% {
		-moz-transform: translateY(3px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes hot-btn-bounc {
	0% {
		-ms-transform: translateY(0)
	}

	50% {
		-ms-transform: translateY(3px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@-o-keyframes hot-btn-bounc {
	0% {
		-o-transform: translateY(0)
	}

	50% {
		-ms-transform: translateY(3px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@keyframes hot-btn-bounc {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(3px)
	}

	100% {
		transform: translateY(0)
	}
}
.rs-hot-game .title span {
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background-position: -5px -258px
}

.rs-hot-game .hot-box .top-link:hover .mask {
	top: 0;
	opacity: 1;
	filter: alpha(opacity=100)
}

.rs-hot-game .hot-box .mask {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background-color: rgba(205,25,56,0.9);
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: #cd1938\9;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.rs-hot-game .hot-box .con {
	position: absolute;
	left: 90px;
	top: 50%;
	margin-top: -39px;
	font-size: 16px;
	line-height: 26px
}

.top-title .news-info-bg {
	background: url(../images/news_info_bg.jpg) no-repeat center top
}

.rs-game-hot .title span {
	width: 20px;
	height: 24px;
	margin-top: -12px;
	background-position: -6px -192px
}

.rs-game-hot .hot-box .top-link {
	overflow: hidden
}

.rs-game-hot .hot-box .top-link:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.rs-game-hot .hot-box .top-link img {
	-webkit-transition: transform 1s ease-out;
	-moz-transition: transform 1s ease-out;
	-ms-transition: transform 1s ease-out;
	-o-transition: transform 1s ease-out;
	transition: transform 1s ease-out
}

.rs-game-hot .hot-box .play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 55px;
	height: 55px;
	margin: -28px 0 0 -27px;
	background: url("../images/common_sprite.png") no-repeat -122px 0
}

.rec-mod {
	float: left;
	width: 798px;
	padding: 45px 18px 40px 18px
}

.rec-mod .title {
	padding-bottom: 26px;
	color: #e43828;
	font-size: 16px
}

.rec-mod .rec-news-list {
	overflow: hidden;
	margin: -12px -20px 38px 0
}

.rec-mod .rec-news-list li {
	float: left;
	overflow: hidden;
	width: 350px;
	height: 38px;
	line-height: 38px;
	margin-right: 50px
}

.rec-mod .rec-news-list a {
	color: #595959
}

.rec-mod .rec-news-list a:hover {
	color: #e43828;
	text-decoration: underline
}

.rec-mod .strategy-list {
	overflow: hidden;
	margin-right: -30px
}

.rec-mod .strategy-list li {
	float: left;
	width: 174px;
	margin-right: 30px
}

.rec-mod .strategy-list a {
	display: block;
	color: #595959;
	text-align: center
}

.rec-mod .strategy-list a:hover {
	color: #e43828
}

.rec-mod .strategy-list span {
	display: block;
	overflow: hidden;
	height: 18px;
	line-height: 18px
}

.rec-mod .strategy-list img {
	width: 172px;
	height: 118px;
	border: 1px solid #dcdcdc;
	margin-bottom: 12px
}

/*******开服列表*************/

#index-server-list {
    width: 235px;
    height: 310px;
    float: left;
}

.index-server-list ul {
    width: 100%;
    border-top: 1px solid #252525;
    padding: 0px;
    /* height: 273px; */
    overflow: hidden;
    display: none;
}
.index-server-list ul li {
    height: 38px;
    line-height: 38px;
    border-bottom: 1px solid #E2E2E2;
    position: relative;
    
}
.index-server-list li span{
    margin-left:10px;
    
}

.clear {
    clear: both;
}
.index-server-list ul li a {
    color:#000;
    display: inline-block;
	width: 146px;
	text-align: center;
}
a {
    color: #383838;
    text-decoration: none;
    outline: medium none;
}
.index-server-list ul li a span {
    /* display: inline-block; */
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.index-server-list ul li a span.index-server-date{
font-size: 13px;
width: 100px;
padding-left: 10px;
    color: #949494;
    float:left;
}

.index-server-list ul li a span.index-server-name {
    width: 150px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #383838;
    font-weight: bold;
    margin-left: 3px;
    float:left;
}
.index-server-list ul li a span.index-server-server {
    width: 120px;
    color: #B47D62;
    float:left;
}
.index-server-list ul li:hover a span {
    margin-left: 3px;
    color: #FEAE11;
}


/*********list_article********/

#article_left {
    /*border: 1px solid #B9E1F1;*/
    width: 800px;
    float: left;
}
.alist {
    padding: 10px 20px;
}
.alist li {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #CCC;
}
.alist li a {
    display: block;
    color:#000;
}
.alist li a span {
    float: right;
}
ul.pages {
    padding: 20px;
}
ul.pages li {
    float: left;
    margin: 0px 4px;
}
ul.pages li a{
    color:#000;
}
.titlename{
position: absolute;
left: -1px;
top: -1px;
height: 100%;
border: 1px solid #FEAE11;
background-color: #FEAE11;
font-size: 12px;
color: #FFF;
padding-left: 10px;
}
.titlename a{
color:#fff;
}
/****************热门活动******************/
.rmhd_list ul {
    margin-left: 15px;
}
.rmhd_list li {
    border: 1px solid #DEDEDE;
    height: 180px;
    width: 210px;
    margin: 19px 19px 0px 21px;
    position: relative;
    float: left;
}