/* Code tidied up by ScrapBook */
.fl { float: left; }
.fr { float: right; }
.mt10 { margin-left: 12px; }
.ml50 { margin-left: 50px; }
.clearfix {  }
.warp { width: 1280px; margin-left: auto; margin-right: auto; }
.microHei { font-family: "Microsoft YaHei"; }
#Version { width: 100%; height: 900px; position: relative; overflow: hidden; }
#Flash { width: 1920px; height: 900px; position: absolute; left: 50%; margin: 80px auto -272px -960px; z-index: 50; }
#Header { margin: 80px auto -290px -960px; width: 1920px; height: 900px; position: absolute; left: 50%; }
.hao123 { width: 260px; height: 20px; top: 0px; left: 50%; margin-left: 360px; 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; opacity: 1; margin-left: 560px; z-index: 999999; }
.logo2 img { width: 100%; height: 100%; }
.logo1 { width: 50px; height: 50px; position: fixed; top: 15px; left: 50%; cursor: pointer; opacity: 0.5; margin-left: 700px; z-index: 999999; }
.logo1 img { width: 100%; height: 100%; }
.cloud-l { width: 428px; height: 90px; background: rgba(0, 0, 0, 0) url("cloud-left.png") no-repeat scroll 0% 0%; position: absolute; top: 520px; z-index: 99; }
.cloud-r { width: 403px; height: 159px; background: rgba(0, 0, 0, 0) url("cloud-right.png") no-repeat scroll 0% 0%; position: absolute; top: 550px; z-index: 99; }
.cloud-b { width: 580px; height: 201px; background: rgba(0, 0, 0, 0) url("cloud-bottom.png") no-repeat scroll 0% 0%; position: absolute; top: 590px; z-index: 99; }
.slogen { width: 700px; height: 60px; position: absolute; left: 50%; margin-left: -320px; top: 680px; background: rgba(0, 0, 0, 0) url("slogen.png") no-repeat scroll 0% 0%; z-index: 99; }
.topnav { background: rgba(0, 0, 0, 0) url("nav.jpg") repeat-x scroll center top; width: 100%; height: 82px; position: relative; z-index: 9; overflow: hidden; }
.topnav-ul { width: 1200px; margin: 1px auto 0px; height: 82px; }
.topnav-ul li { width: 126px; height: 80px; float: left; }
.topnav-ul li a { width: 126px; height: 80px; display: block; text-align: center; background: rgba(0, 0, 0, 0) url("nav-a.jpg") no-repeat scroll 0% 0%; }
.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 { width: 162px; height: 100px; margin: -5px auto 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
.topnav-ul li.logo a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0px 0px; }
.musicbox { width: 47px; height: 47px; position: fixed; z-index: 500; top: 15px; cursor: pointer; left: 50%; margin-left: 620px; }
.musicplay { background: rgba(0, 0, 0, 0) url("musicplay.png") no-repeat scroll 0% 0%; }
.musicstop { background: rgba(0, 0, 0, 0) url("musicstop.png") no-repeat scroll 0% 0%; }
.PartTitle2 { padding: 14px 0px 14px 38px; height: 35px; line-height: 35px; position: relative; font-size: 19px; font-weight: normal; color: rgb(183, 151, 98); background: rgba(0, 0, 0, 0) url("icon_.png") no-repeat scroll left center; border-bottom: 1px solid rgb(183, 151, 98); }
.PartTitle2 span { font-size: 13px; font-family: "times new roman",times,serif; color: rgb(183, 151, 98); text-transform: uppercase; }
.PartTitle2 .more { position: absolute; font-size: 12px; color: rgb(183, 151, 98); right: 5px; padding-right: 27px; background: rgba(0, 0, 0, 0) url("icon_more.png") no-repeat scroll right center; }
.PartTitle2 .more:hover { color: rgb(183, 151, 98); }
.ml10 { margin-left: 10px; }
.m5 { width: 100%; height: auto; overflow: hidden; padding-bottom: 170px; padding-top: 0px; background: rgba(0, 0, 0, 0) url("index_02.jpg") no-repeat scroll center bottom; z-index: 999999; }
.zb { width: 1280px; height: auto; overflow: hidden; margin: 0px auto; padding: 10px 0px; }
.zb_1bg { padding: 10px; width: 1248px; height: auto; overflow: hidden; float: left; background: rgba(0, 0, 0, 0) url("zbbg.jpg") repeat scroll left top; position: relative; border: 1px solid rgb(255, 255, 255); }
.zb_1 { padding: 10px; width: 1228px; height: auto; float: left; position: relative; overflow: hidden; background-color: rgb(27, 11, 11); box-shadow: 0px 0px 2px rgb(211, 203, 234) inset; }
.zb_1_t { width: 1228px; height: 41px; float: left; background: rgb(19, 35, 37) none repeat scroll 0% 0%; line-height: 41px; color: rgb(189, 165, 117); text-align: center; font-size: 16px; font-weight: bold; }
.zb_1_d { width: 1228px; height: 0px; float: left; background: rgb(236, 232, 229) none repeat scroll 0% 0%; position: relative; }
.zb_1 .role-itemst { width: 1218px; height: auto; float: left; position: relative; }
.zb_1 .role-itemst img { width: 1218px; height: auto; overflow: hidden; display: block; transition: all 0.5s ease 0s; padding: 5px; }