*{margin: 0;padding: 0;border: 0;outline: none;list-style: none;}
a{text-decoration: none;-webkit-transition: all 0.45s;transition: all 0.45s;}
a:hover{text-decoration: underline;}
.allclear{ clear: both;}


/*顶部导航*/
.gm-offical-top {position:fixed; top:0; left:0; z-index:999; width:100%; height:50px; background:#fff;}
.gm-offical-top .logo {float:left; _display:inline; width:139px; height:50px; margin-right:60px; padding-left:20px; background:url(http://r2cdn2.r2games.com/en/gamesite/topnav/images/gm_offical_top_logo.jpg) no-repeat 20px center; text-indent:-999em; overflow: hidden;}
.gm-offical-top .logo a {display:block; width:139px; height:50px;}


body{background: #100928; font: 12px/1.5 'Lucida Grande',微软雅黑,Verdana,Tahoma,Arial,宋体,Helvetica,sans-serif; min-width: 1200px; padding-top: 50px;}
.forum,.code,.home,.news,.guides,.support{ width: 238px; height: 70px; z-index: 2;}
.news{ background: url("../images/newsbtn.png") no-repeat;}
.news:hover{background: url("../images/newsbtn2.png") no-repeat;}
.code{ background: url("../images/codebtn.png") no-repeat;}
.code:hover{background: url("../images/codebtn2.png") no-repeat;}
.forum{ background: url("../images/forumbtn.png") no-repeat;}
.forum:hover{background: url("../images/forumbtn2.png") no-repeat;}
.guides{ background: url("../images/guidesbtn.png") no-repeat;}
.guides:hover{background: url("../images/guidesbtn2.png") no-repeat;}
.home{ background: url("../images/homebtn.png") no-repeat;}
.home:hover{background: url("../images/homebtn2.png") no-repeat;}
.support{ background: url("../images/supportbtn.png") no-repeat;}
.support:hover{background: url("../images/supportbtn2.png") no-repeat;}


/*子页面 code*/
.sub_wrap{position: relative;width: 100%;background: url("../images/sub_top.webp") top center no-repeat; min-width: 1200px; overflow: hidden;}
.sub_main{position: relative;width: 1200px; padding-top: 480px;margin: 0 auto;}
.sub_logo{ width: 334px; height: 221px; background: url(../images/part1_logo.png) no-repeat; position: absolute;top:15px;right: 0;}
.play{ width: 304px; height: 116px; background: url(../images/playnow.webp) no-repeat; position: absolute; z-index: 1; left: 50%;margin-left: -152px; top: 365px; -webkit-animation: play 2s steps(60) infinite;animation: play 2s steps(60) infinite;}
.play:hover{ background: url(../images/playnow2.webp) no-repeat;}
.sub_nav{ position: relative; width: 1200px; margin-bottom: 30px; display: flex; justify-content: space-between; z-index: 2;}
.sub_all{ width: 1100px; margin: 0 auto 60px; background: #15215c;}
.sub_content{position: relative;width: 1050px;min-height: 900px;font-size: 16px;color: #ffffff;margin: 0 auto;padding: 50px;box-sizing: border-box; word-break:break-all;}
.sub_title{ position: relative; color: #ffffff; font-size: 24px; font-weight: bold; text-align: center; word-break: break-all; line-height: 25px;}
.sub_date{ width: 100%; text-align: center; font-size: 12px; color: #909090; margin-top: 10px;}
.sub_line{ width: 100%; border-top: 1px solid #100e1f; border-bottom: 1px solid #524a80; margin: 25px auto; clear: both;}
.article-content{width: 100%;line-height: 24px;margin-bottom: 20px;}
.article-content #server{display: inline-block;vertical-align: middle;width: 260px;height: 24px;margin: 0 10px;}
.redeem,.more{width: 118px;height: 30px; vertical-align: middle;cursor: pointer;}
.redeem{ background: url("../images/code/redeem.png") no-repeat;}
.more{ position: absolute; left: 520px; top: 127px; background: url("../images/code/more.png") no-repeat;}
.redeem:hover{background: url("../images/code/redeem2.png") no-repeat;}
.more:hover{background: url("../images/code/more2.png") no-repeat;}
.sub_img img{display: block;max-width: 100%;margin: 20px auto;}
.sub_bold{font-weight: bold;margin-top: 25px;line-height: 32px;}
.bot_more{ width: 238px;height: 69px; background: url("../images/code/bot_more.png") no-repeat; margin: 40px auto 20px auto; display: block;}
.bot_more:hover{ background: url("../images/code/bot_more2.png") no-repeat;}


@-webkit-keyframes play {
	to{
		background-position: 0 -6960px;
	}
}
@keyframes play {
	to{
		background-position: 0 -6960px;
	}
}


.sub_newsbox a{ width: 100%; color: #ffffff;}
.sub_newsbox a:hover{ color: #bac6fe;}
.sub_news_tit,.sub_news_date{ height: 40px; line-height: 40px;}
.sub_news_tit{ width: 87%; float: left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub_news_date{ width: 13%; float: right; text-align: center;}
.sub_news_line{ width: 100%; border-bottom: 1px dotted #201a17; clear: both;}

.art_number{ width: 138px; height: 23px; position: absolute; left: 431px; bottom: 90px;}
.art_number .l_number,.art_number .r_number{ width: 25px; height: 23px; cursor: pointer;}
.art_number .l_number{ float: left; background: url("../images/left.png") no-repeat;}
.art_number .l_number:hover{ background: url("../images/left2.png") no-repeat;}
.art_number .r_number{ float: right; background: url("../images/right.png") no-repeat;}
.art_number .r_number:hover{ background: url("../images/right2.png") no-repeat;}
.art_number .number_box{ width: 88px; height: 23px; float: left; text-align: center; color: #ffffff;}
.art_number .number_box a{ font-size: 15px; line-height: 23px; margin: 0 3px; cursor: pointer;}
.art_number .number_box a:hover{ color: #bac6fe;}
.art_number .current{ color: #bac6fe;}



.footer { height:115px; width: 100%; background-color:#100e24; text-align: center; }
.footer .inner { position: relative;  width: 998px; margin: 0 auto;}
.footer .footer-hd { padding: 15px 0 0 0; line-height: 25px; color: #ffffff;}
.footer .footer-hd a{ color: #ffffff;}
.footer .footer-hd a:hover{ color: #bac6fe;}

.footer p{padding-top:15px; color: #ffffff;  font-size:12px;}
.footer .i-separation { margin:0 10px 0 10px; border-right: 1px solid #ffffff;}