.fl {
	float: left;
}
.fr {
	float: right;
}
.mt10 {
	margin-left: 12px;
}
.ml50 {
	margin-left: 50px;
}
.clearfix {
	-ms-zoom: 1;
}
.warp {
	width: 1280px; margin-right: auto; margin-left: auto;
}
.microHei {
	font-family: "Microsoft YaHei";
}
#Version {
	width: 100%; height: 900px; overflow: hidden; position: relative;
}
#guodu {
	background: url("../images/bj_01.png") no-repeat bottom; left: 50%; width: 1920px; height: 1080px; margin-left: -960px; position: absolute; z-index: 3;
}
#Flash {
	margin: 0px auto -272px -960px; left: 50%; width: 1920px; height: 900px; position: absolute; z-index: 50;
}
#Header {
	margin: 0px auto -290px -960px; left: 50%; width: 1920px; height: 900px; position: absolute;
}
#Flash2 {
	margin: 0px auto -272px -960px; left: 50%; width: 1920px; height: 880px; position: absolute;
}
.hao123 {
	left: 50%; top: 0px; width: 260px; height: 20px; margin-left: 360px; position: absolute; z-index: 55; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
.kv-music {
	left: 50%; top: 0px; width: 80px; height: 100px; margin-left: -810px; position: absolute; z-index: 10000;
}
.logo2 {
	left: 50%; top: 0px; width: 98px; height: 228px; margin-left: 560px; position: fixed; z-index: 999999; cursor: pointer; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
.logo2 img {
	width: 100%; height: 100%;
}
.logo1 {
	left: 50%; top: 10px; width: 40px; height: 40px; margin-left: 600px; position: absolute; z-index: 999999; cursor: pointer; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
}
.logo1 img {
	width: 100%; height: 100%;
}
.cloud-l {
	background: url("../images/cloud-left.png") no-repeat; top: 520px; width: 428px; height: 90px; position: absolute; z-index: 99;
}
.cloud-r {
	background: url("../images/cloud-right.png") no-repeat; top: 550px; width: 403px; height: 159px; position: absolute; z-index: 99;
}
.cloud-b {
	background: url("../images/cloud-bottom.png") no-repeat; top: 590px; width: 580px; height: 201px; position: absolute; z-index: 99;
}
.slogen {
	background: url("../images/slogen.png") no-repeat; left: 50%; top: 680px; width: 700px; height: 60px; margin-left: -320px; position: absolute; z-index: 99;
}
.topnav {
	background: url("../images/nav.jpg") repeat-x top; width: 100%; height: 82px; overflow: hidden; position: relative; z-index: 9;
}
.topnav-ul {
	margin: 1px auto 0px; width: 1200px; height: 82px;
}
.topnav-ul li {
	width: 126px; height: 80px; float: left;
}
.topnav-ul li a {
	background: url("../images/nav-a.jpg") no-repeat; width: 126px; height: 80px; text-align: center; display: block;
}
.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.hame:hover {
	background-position: -1px -83px;
}
.topnav-ul li a.newszh:hover {
	background-position: -127px -83px;
}
.topnav-ul li a.gameinfo:hover {
	background-position: -253px -83px;
}
.topnav-ul li a.raiders:hover {
	background-position: -379px -83px;
}
.topnav-ul li a.recharge:hover {
	background-position: -697px -83px;
}
.topnav-ul li a.download:hover {
	background-position: -823px -83px;
}
.topnav-ul li a.service:hover {
	background-position: -949px -83px;
}
.topnav-ul li a.bbs:hover {
	background-position: -1075px -83px;
}
.topnav-ul li.logo {
	width: 192px;
}
.topnav-ul li.logo a {
	background: none; margin: -5px auto 0px; width: 162px; height: 100px;
}
.topnav-ul li.logo a:hover {
	background: 0px 0px;
}
.musicbox {
	left: 50%; top: 10px; width: 47px; height: 47px; margin-left: -660px; position: absolute; z-index: 500; cursor: pointer;
}
.musicplay {
	background: url("../images/musicplay.png") no-repeat;
}
.musicstop {
	background: url("../images/musicstop.png") no-repeat;
}
.www_511ps_zb {
	margin: 15px auto 0px; padding: 0px 0px 0px 20px; width: 1240px; height: auto; overflow: hidden;
}
.www_511ps_zb_5 {
	background: rgb(0, 0, 0); border: 1px solid rgb(97, 65, 50); border-image: none; width: 186px; height: auto; overflow: hidden; float: left; position: relative;
}
.www_511ps_zb_5_t {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 186px; height: 40px; text-align: center; color: rgb(218, 158, 111); line-height: 40px; font-size: 19px; font-weight: bold; border-bottom-color: rgb(28, 14, 13); border-bottom-width: 1px; border-bottom-style: solid; float: left; text-shadow: 2px 2px 2px #000;
}
.www_511ps_zb_5_d {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 186px; height: 4px; float: left; position: relative;
}
.www_511ps_zb_5 .role-itemst {
	padding: 10px; width: 166px; height: auto; float: left; position: relative;
}
.www_511ps_zb_5 .role-itemst img {
	padding: 5px; transition:0.5s; width: 156px; height: auto; overflow: hidden; display: block; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_5 .role-itemst img:hover {
	padding: 0px 0px 4px; transition:0.5s; width: 160px; height: auto; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_4 {
	background: rgb(0, 0, 0); border: 1px solid rgb(97, 65, 50); border-image: none; width: 285px; height: auto; overflow: hidden; float: left; position: relative;
}
.www_511ps_zb_4_t {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 285px; height: 40px; text-align: center; color: rgb(218, 158, 111); line-height: 40px; font-size: 19px; font-weight: bold; border-bottom-color: rgb(28, 14, 13); border-bottom-width: 1px; border-bottom-style: solid; float: left; text-shadow: 2px 2px 2px #000;
}
.www_511ps_zb_4_d {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 285px; height: 4px; float: left; position: relative;
}
.www_511ps_zb_4 .role-itemst {
	padding: 10px; width: 265px; height: auto; float: left; position: relative;
}
.www_511ps_zb_4 .role-itemst img {
	padding: 5px; transition:0.5s; width: 255px; height: auto; overflow: hidden; display: block; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_4 .role-itemst img:hover {
	padding: 0px 0px 4px; transition:0.5s; width: 265px; height: auto; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_3 {
	background: rgb(0, 0, 0); border: 1px solid rgb(97, 65, 50); border-image: none; width: 384px; height: auto; overflow: hidden; float: left; position: relative;
}
.www_511ps_zb_3_t {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 384px; height: 40px; text-align: center; color: rgb(218, 158, 111); line-height: 40px; font-size: 19px; font-weight: bold; border-bottom-color: rgb(28, 14, 13); border-bottom-width: 1px; border-bottom-style: solid; float: left; text-shadow: 2px 2px 2px #000;
}
.www_511ps_zb_3_d {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 384px; height: 4px; float: left; position: relative;
}
.www_511ps_zb_3 .role-itemst {
	padding: 10px; width: 364px; height: auto; float: left; position: relative;
}
.www_511ps_zb_3 .role-itemst img {
	padding: 5px; transition:0.5s; width: 354px; height: auto; overflow: hidden; display: block; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_3 .role-itemst img:hover {
	padding: 0px 0px 4px; transition:0.5s; width: 364px; height: auto; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_2 {
	background: rgb(0, 0, 0); border: 1px solid rgb(97, 65, 50); border-image: none; width: 583px; height: auto; overflow: hidden; float: left;
}
.www_511ps_zb_2_t {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 583px; height: 40px; text-align: center; color: rgb(218, 158, 111); line-height: 40px; font-size: 19px; font-weight: bold; border-bottom-color: rgb(28, 14, 13); border-bottom-width: 1px; border-bottom-style: solid; float: left; text-shadow: 2px 2px 2px #000;
}
.www_511ps_zb_2_d {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 583px; height: 4px; float: left; position: relative;
}
.www_511ps_zb_2 .role-itemst {
	padding: 10px; width: 563px; height: auto; float: left; position: relative;
}
.www_511ps_zb_2 .role-itemst img {
	padding: 5px; transition:0.5s; width: 553px; height: auto; overflow: hidden; display: block; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_2 .role-itemst img:hover {
	padding: 0px 0px 4px; transition:0.5s; width: 563px; height: auto; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_1 {
	background: rgb(0, 0, 0); border: 1px solid rgb(97, 65, 50); border-image: none; width: 1206px; height: auto; overflow: hidden; float: left;
}
.www_511ps_zb_1_t {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 1206px; height: 40px; text-align: center; color: rgb(218, 158, 111); line-height: 40px; font-size: 19px; font-weight: bold; border-bottom-color: rgb(28, 14, 13); border-bottom-width: 1px; border-bottom-style: solid; float: left; text-shadow: 2px 2px 2px #000;
}
.www_511ps_zb_1_d {
	background: url("../images/img03.jpg") rgb(60, 33, 22); width: 1206px; height: 4px; float: left; position: relative;
}
.www_511ps_zb_1 .role-itemst {
	padding: 20px; width: 1166px; height: auto; float: left; position: relative;
}
.www_511ps_zb_1 .role-itemst img {
	padding: 10px; transition:0.5s; width: 1146px; height: auto; overflow: hidden; display: block; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}
.www_511ps_zb_1 .role-itemst img:hover {
	padding: 0px 0px 8px; transition:0.5s; width: 1166px; height: auto; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s;
}