.fl {
	float: left
}
.fr {
	float: right
}
.mt10 {
	margin-left: 12px;
}
.ml10 {
	margin-left: 5px;
}
.clearfix {
	zoom: 1
}
.warp {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.microHei {
	font-family: "Microsoft YaHei"
}
#Version {
	width: 100%;
	height: 800px;
	position: relative;
	overflow: hidden;
}
#Flash {
	width: 1920px;
	height: 800px;
	position: absolute;
	left: 50%;
	margin: 0px auto -272px -960px;
	z-index: 50;
}
#Header {
	margin: 0 auto -290px -960px;
	width: 1920px;
	height: 800px;
	position: absolute;
	left: 50%;
}
#Flash2 {
	width: 1920px;
	height: 500px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -960px;
	z-index: 2;
}
.hao123 {
	width: 260px;
	height: 20px;
	top: 0px;
	left: 50%;
	margin-left: 360px;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	position: absolute;
	z-index: 55;
}
.kv-music {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -360px;
	width: 80px;
	height: 100px;
	z-index: 1000;
}
.logo2 {
	width: 98px;
	height: 228px;
	position: fixed;
	top: 0px;
	left: 50%;
	cursor: pointer;
	;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	margin-left: 560px;
	z-index: 999999;
}
.logo2 img {
	width: 100%;
	height: 100%;
}
.logo1 {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 10px;
	left: 50%;
	cursor: pointer;
	;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	margin-left: 600px;
	z-index: 999999;
}
.logo1 img {
	width: 100%;
	height: 100%;
}
.cloud-l {
	width: 428px;
	height: 90px;
	background: url(../images/cloud-left.png) no-repeat;
	position: absolute;
	top: 520px;
	z-index: 99
}
.cloud-r {
	width: 403px;
	height: 159px;
	background: url(../images/cloud-right.png) no-repeat;
	position: absolute;
	top: 550px;
	z-index: 99
}
.cloud-b {
	width: 580px;
	height: 201px;
	background: url(../images/cloud-bottom.png) no-repeat;
	position: absolute;
	top: 590px;
	z-index: 99
}
.slogen {
	width: 700px;
	height: 60px;
	position: absolute;
	left: 50%;
	margin-left: -320px;
	top: 680px;
	background: url(../images/slogen.png) no-repeat;
	z-index: 99;
}
.topnav {
	background: url(../images/nav.jpg) top center repeat-x;
	width: 100%;
	height: 82px;
	position: relative;
	z-index: 9;
	overflow: hidden;
}
.topnav-ul {
	width: 1200px;
	margin: 0 auto;
	height: 82px;
	margin-top: 1px;
}
.topnav-ul li {
	width: 126px;
	height: 80px;
	float: left;
}
.topnav-ul li a {
	width: 126px;
	height: 80px;
	display: block;
	text-align: center;
	background: url(../images/nav-a.jpg) no-repeat;
}
.topnav-ul li a.hame {
	background-position: -1px 0px;
}
.topnav-ul li a.newszh {
	background-position: -127px 0px;
}
.topnav-ul li a.gameinfo {
	background-position: -253px 0px;
}
.topnav-ul li a.raiders {
	background-position: -379px 0px;
}
.topnav-ul li a.recharge {
	background-position: -697px 0px;
}
.topnav-ul li a.download {
	background-position: -823px 0px;
}
.topnav-ul li a.service {
	background-position: -949px 0px;
}
.topnav-ul li a.bbs {
	background-position: -1075px 0px;
}
.topnav-ul li a:hover.hame {
	background-position: -1px -83px;
}
.topnav-ul li a:hover.newszh {
	background-position: -127px -83px;
}
.topnav-ul li a:hover.gameinfo {
	background-position: -253px -83px;
}
.topnav-ul li a:hover.raiders {
	background-position: -379px -83px;
}
.topnav-ul li a:hover.recharge {
	background-position: -697px -83px;
}
.topnav-ul li a:hover.download {
	background-position: -823px -83px;
}
.topnav-ul li a:hover.service {
	background-position: -949px -83px;
}
.topnav-ul li a:hover.bbs {
	background-position: -1075px -83px;
}
.topnav-ul li.logo {
	width: 192px
}
.topnav-ul li.logo a {
	width: 162px;
	height: 100px;
	margin: -5px auto 0 auto;
	background: none;
}
.topnav-ul li.logo a:hover {
	background: 0 0
}
.musicbox {
	width: 47px;
	height: 47px;
	position: absolute;
	z-index: 500;
	top: 10px;
	left: 50%;
	cursor: pointer;
	margin-left: -660px
}
.musicplay {
	background: url(../images/musicplay.png) no-repeat
}
.musicstop {
	background: url(../images/musicstop.png) no-repeat
}


.m33 {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}
.ps988_zb {
	width: 1280px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px 00px 00px 00px;
	padding-top: 00px;
	margin-top: 0px;
	margin-top: 5px
}
.ps988_zb_3 {
	width: 423px;
	height: auto;
	overflow: hidden;
	float: left;
	position: relative;
}
.ps988_zb_3_t {
	width: 423px;
	height: 30px;
	float: left;
	background: url(../images/ps988_3_t.jpg) no-repeat;
	line-height: 30px;
	color: #afa174;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.ps988_zb_3_d {
	width: 423px;
	height: 30px;
	float: left;
	background: url(../images/ps988_3_d.jpg) no-repeat;
	position: relative
}
.ps988_zb_3 .role-itemst {
	width: 418px;
	height: auto;
	float: left;
	background: url(../images/ps988_3_z.jpg) repeat-y;
	position: relative;
	padding: 10px 10px 0;
}
.ps988_zb_3 .role-itemst img {
	width: 370px;
	height: auto;
	overflow: hidden;
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	margin: 0 15px;
}

.ps988_zb_2 {
	width: 558px;
	height: auto;
	overflow: hidden;
	float: left;
	background: #d4cdb6
}
.ps988_zb_2_t {
	width: 558px;
	height: 70px;
	float: left;
	background: #c8bea4;
	line-height: 70px;
	color: #000;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	border-bottom: #1c0e0d 2px solid
}
.ps988_zb_2_d {
	width: 558px;
	height: 10px;
	float: left;
	background: #200100;
	position: relative
}
.ps988_zb_2 .role-itemst {
	width: 538px;
	height: auto;
	float: left;
	position: relative;
	padding: 10px;
}
.ps988_zb_2 .role-itemst img {
	width: 528px;
	height: auto;
	overflow: hidden;
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	padding: 5px;
}

.ps988_zb_1 {
	width: 1280px;
	height: auto;
	overflow: hidden;
	float: left;
	background: #d4cdb6
}
.ps988_zb_1_t {
	width: 1280px;
	height: 30px;
	float: left;
	background: url(../images/ps988_1_t.jpg) no-repeat;
	line-height: 30px;
}
.ps988_zb_1_d {
	width: 1280px;
	height: 30px;
	float: left;
	background: url(../images/ps988_1_d.jpg) no-repeat;
	position: relative
}
.ps988_zb_1 .role-itemst {
	width: 1200px;
	height: auto;
	float: left;
	position: relative;
	background: url(../images/ps988_1_z.jpg) repeat-y;
	padding: 10px 40px;
}
.ps988_zb_1 .role-itemst img {
	width: 1200px;
	height: auto;
	overflow: hidden;
	display: block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
