html {
	overflow-x: hidden
}

body {
	background-color: #000;
	min-width: 1000px;
	position: relative
}
.nav_top { position: relative; top: 0; left: 0; z-index: 999; width: 100%; height: 50px; background: #e9e9e9;border-bottom: 2px solid #977862;}
.map_info {   /* width: 1280;  */ padding: 0 35px;  margin: 0 auto;    position: relative;    z-index: 3;}
.map_logo {    width: 130px;  float: left;}
.map_logo a {    width: 130px;    height: 38px;    display: block;    text-indent: -99999em;    margin-top: 6px;    background: url('../../static/images/logo/duoyou_logo.png') no-repeat;}
.map_list{float: right;}
.map_list li {  float: left;   font-size:14px;  height: 50px;line-height: 50px;  padding-right: 15px;  position: relative;    vertical-align: middle;}
.map_list li a{	color: #828283;}
.map_list li a:hover { color: #333;}
.frame_content {
	width: 960px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -480px;
	z-index: 1
}

.videocont {
	padding: 488px 0 0;
	height: 360px;
	text-align: center;
	position: relative;
	z-index: 99999
}

.videocont .playbtn {
	background: url(../images/t010a4ed565f614899a.png) no-repeat;
	width: 149px;
	height: 127px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto
}

nav {
	width: 100%;
	background: url(../images/t015db32cdfa26637c2.png) no-repeat;
	height: 83px;
	display: block;
	position: relative;
	margin: 0 0 25px;
	overflow: hidden
}

nav a {
	float: left;
	display: inline;
	height: 83px;
	line-height: 500px;
	overflow: hidden;
	vertical-align: top
}

nav a.a1 {
	width: 183px
}

nav a.a2 {
	width: 186px;
	margin: 0 221px 0 0
}

nav a.a3 {
	width: 195px
}

nav a.a4 {
	width: 175px
}

nav a.download {
	position: absolute;
	top: 0;
	left: 368px;
	width: 222px;
	height: 83px;
	display: block;
	text-indent: -9999px;
	overflow: hidden
}

footer {
	display: block;
	text-align: center;
	height: 44px;
	line-height: 33px;
	color: #292929
}

.regfix {
	background: url(../images/t0148c4737b80f18ce6.png) no-repeat;
	width: 61px;
	height: 209px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 273px;
	z-index: 6;
	cursor: pointer;
	_position: absolute;
	z-index: 100000
}

.regcont {
	position: fixed;
	right: 0;
	top: 171px;
	width: 327px;
	z-index: 100000;
	_position: absolute
}

.regcont .bg {
	background: url(../images/t0182949a5ef6269b14.png) no-repeat;
	width: 327px;
	height: 540px;
	position: relative
}

.regcont .close {
	position: absolute;
	top: 23px;
	left: 24px;
	width: 24px;
	height: 24px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/t01fc6114e853c6b4ee.png) no-repeat
}

.yxform_in {
	width: 100%;
	height: 24px;
	padding: 0;
	background: #fff;
	position: relative;
	overflow: hidden
}

.yxform_in .iuser,.yxform_in .ipwd,.yxform_in .iyzm,.yxform_in .iclose {
	display: none
}

.yxform_in .ipt {
	height: 18px;
	line-height: 18px;
	width: 240px;
	padding: 3px 10px;
	border: 0;
	background: 0;
	font-size: 12px;
	color: #444;
	vertical-align: middle
}

.yxform_in .ipt_txt {
	position: absolute;
	top: 7px;
	left: 38px;
	height: 25px;
	line-height: 24px;
	width: 245px;
	color: #c5c5c5;
	font-size: 14px;
	display: none
}

.yxform_in_focus {
	border-color: #50a07b
}

.yxform_in_err {
	border-color: #e54e53
}

.yxform_in .placeholder {
	color: #aaa
}

.yxlogin_conn {
	width: 260px;
	position: relative;
	font-size: 12px;
	text-align: left;
	padding: 104px 0 0 40px
}

.yxlogin_conn li {
	padding: 0 0 21px;
	height: 24px;
	position: relative;
	vertical-align: top
}

.yxlogin_conn li.yzm {
	padding-bottom: 20px
}

.yxlogin_conn li .errtips {
	display: none
}

.yxlogin_conn li .iright {
	display: none
}

.yxlogin_conn li.yzm .yxform_in {
	width: 145px;
	margin: 0 10px 0 0;
	float: left
}

.yxlogin_conn li.yzm .ipt,.yxlogin_conn li .yzm .ipt_txt {
	width: 140px
}

.yxlogin_conn li.yzm .yzmimg {
	width: 105px;
	height: 24px;
	position: relative;
	background: #fff;
	float: right
}

.yxlogin_conn li.yzm .yzmimg img {
	vertical-align: top;
	height: 24px;
	width: 80px
}

.yxlogin_conn li.yzm .yzmimg .f5 {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 26px;
	height: 24px;
	display: block
}

.yxlogin_conn li.yzm .yzmimg .f5 i {
	background: url(../images/t01d705bd880a834440.png) no-repeat 0 0;
	height: 24px;
	width: 26px;
	display: block;
	text-indent: -9999px;
	overflow: hidden
}

.yxlogin_conn li.err .errtips {
	position: absolute;
	top: 24px;
	left: 0;
	height: 21px;
	line-height: 21px;
	display: block;
	color: #f00;
	font-size: 12px
}

.yxlogin_conn li.err .yxform_in {
	color: #e54e53;
	border: 1px solid #e54e53
}

.yxlogin_conn li.login_err {
	height: 20px;
	color: #b30000;
	display: none;
	width: 100%;
	padding-bottom: 0;
	position: absolute;
	left: 0;
	bottom: 74px
}

.yxlogin_conn li.login_err .txt {
	position: absolute;
	top: 5px;
	left: 0;
	height: 20px;
	line-height: 20px;
	font-size: 12px
}

.yxlogin_conn .yxlogin_btn,.yxlogin_conn .yxreg_btn {
	border: 0;
	background: url(http://xsyx.duoyou-inc.cn/static/images/t01f867ba99bafb7c35.png) no-repeat;
	width: 161px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer
}

.yxlogin_conn .yxreg_btn,.yxlogin_conn .yxreg_btn:hover {
	background-position: 0 0
}

.yxlogin_conn .yxlogin_fgt {
	height: 18px;
	line-height: 33px;
	color: #888;
	font-size: 12px;
	position: relative
}

.yxlogin_conn .yxlogin_fgt a {
	color: #4e98ed;
	position: absolute;
	right: 0;
	bottom: 81px;
	z-index: 10;
	text-decoration: underline
}

.yxlogin_conn .yxlogin_fgt a:hover {
	color: #02a4f8
}

.yxlogin_conn .yxlogin_read {
	padding: 0;
	height: 28px;
	font-size: 12px;
	color: #fff
}

.yxlogin_conn .yxlogin_read a,.yxlogin_conn .yxlogin_read a:hover {
	color: #fff
}

.yxlogin_conn .yxlogin_read .ick {
	vertical-align: -2px;
	_vertical-align: -3px;
	margin-right: 5px;
	*margin-right: 0
}

.yxlogin_other {
	display: none
}

.yxlogin_conn li.yxlogin_autolog {
	height: 45px;
	font-weight: 12px;
	color: #999;
	padding: 0
}

.yxlogin_conn li.yxlogin_autolog input {
	vertical-align: -2px;
	_vertical-align: -3px;
	margin-right: 5px;
	*margin-right: 0
}

.reged_conn {
	padding: 108px 0 0;
	text-align: center;
	color: #fff
}

.reged_conn p {
	line-height: 30px
}

.reged_conn .user {
	background: url(../images/t01314392aa7628ab52.png) no-repeat 0 100%;
	padding: 0 0 18px;
	margin: 0 0 18px;
	width: 100%
}

.reged_conn .user p {
	font-size: 14px
}

.reged_conn .user .name {
	color: #fff000
}

.reged_conn .date p {
	margin: 0 0 14px
}

.reged_conn .datebtn {
	background: url(http://xsyx.duoyou-inc.cn/static/images/t01f867ba99bafb7c35.png) no-repeat 0 -46px;
	width: 161px;
	height: 45px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto
}

.picdownload {
	position: absolute;
	left: 40px;
	top: 252px;
	color: #b7b7b7;
	font-family: simsun
}

.rolelist {
	position: absolute;
	top: 522px;
	left: -110px;
	background: url(../images/t01193f8490f4568917.png) no-repeat;
	height: 54px
}

.rolelist span {
	width: 48px;
	height: 54px;
	margin: 0 29px 0 0;
	float: left;
	display: block
}

.rolelist a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 54px
}

.rolelist span.cur a {
	background: url(../images/t01193f8490f4568917.png) no-repeat 0 -55px
}

.rolelist span.cur .a1 {
	background-position: 0 -55px
}

.rolelist span.cur .a2 {
	background-position: -77px -55px
}

.rolelist span.cur .a3 {
	background-position: -154px -55px
}

.rolelist span.cur .a4 {
	background-position: -231px -55px
}

.introtxt {
	position: absolute;
	top: 313px;
	left: -109px;
	line-height: 25px;
	font-family: simsun;
	color: #676767;
	width: 340px;
	text-align: left
}

.masterbg {
	background:#000 url(../images/t01b781134244608b35.jpg) no-repeat 50% 0;
	min-width: 1000px
}

.masterbg .frame_content {
	background: url(../images/t01fcef889f070ddfca.jpg) no-repeat 50% 0;
	height: 1000px
}

.masterbg .videocont,.sacrificebg .videocont,.rangerbg .videocont,.soldierbg .videocont {
	position: relative;
	z-index: 9999
}

.masterbg .videocont .playbtn,.sacrificebg .videocont .playbtn,.rangerbg .videocont .playbtn,.soldierbg .videocont .playbtn {
	position: absolute;
	top: 525px;
	right: 157px;
	width: 86px;
	height: 21px;
	background: url(../images/t01493e602e7819ecc8.png) no-repeat;
	z-index: 100000
}

.videoWindow {
	position: absolute;
	top: 561px;
	right: -15px;
	width: 260px;
	height: 146px
}

.sacrificebg {
	background:#000 url(../images/t017bcc63dd8a29a843.jpg) no-repeat 50% 0;
	min-width: 1000px
}

.sacrificebg .frame_content {
	background: url(../images/t011989c7d239323a17.jpg) no-repeat 50% 0;
	height: 1000px
}

.rangerbg {
	background:#000 url(../images/t01e4474920fccd8843.jpg) no-repeat 50% 0;
	min-width: 1000px
}

.rangerbg .frame_content {
	background: url(../images/t01eefc92bb3030decf.jpg) no-repeat 50% 0;
	height: 1000px
}

.soldierbg {
	background:#000 url(../images/t01d00811e57eb01a5e.jpg) no-repeat 50% 0;
	min-width: 1000px
}

.soldierbg .frame_content {
	background: url(../images/t01c4ccd00d2f659d15.jpg) no-repeat 50% 0;
	height: 1000px
}

.introbg {
	background: #000 url(../images/t01318ac3f0d2771c8b.jpg) no-repeat 50% 0
}

.introbg .frame_content {
	background: url(../images/t012d5a32a17accb07d.jpg) no-repeat 0 0;
	height: 1000px
}

.intro_cont {
	height: 848px;
	position: relative
}

.intro_nav {
	position: absolute;
	left: 89px;
	top: 662px;
	background: url(../images/t01d9d523c0675ae38d.jpg) no-repeat;
	width: 785px;
	height: 109px;
	overflow: hidden
}

.intro_nav li {
	width: 110px;
	height: 109px;
	margin: 0 115px 0 0;
	float: left
}

.intro_nav li span {
	display: block;
	width: 110px;
	height: 109px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer
}

.intro_nav li.lst {
	margin: 0
}

.intro_nav li.cur span {
	background: url(../images/t01d9d523c0675ae38d.jpg) no-repeat 0 0
}

.intro_nav li.cur span.s1 {
	background-position: 0 -110px
}

.intro_nav li.cur span.s2 {
	background-position: -225px -110px
}

.intro_nav li.cur span.s3 {
	background-position: -450px -110px
}

.intro_nav li.cur span.s4 {
	background-position: -674px -110px
}

.intro_conn {
	padding: 114px 0 0 89px;
	width: 786px
}

.intro_conn h1,.intro_conn .ftit {
	color: #24170f
}

.intro_conn h1 {
	height: 75px;
	line-height: 75px;
	font-size: 60px
}

.intro_conn .ftit {
	height: 40px;
	line-height: 40px;
	font-size: 25px
}

.intro_item {
	margin-top: 66px;
	width: 100%;
	color: #54280d
}

.intro_item .itemlab {
	width: 44px;
	float: left;
	margin: 0 21px 0 89px;
	display: inline
}

.intro_item .itemlab span {
	width: 37px;
	height: 37px;
	line-height: 37px;
	border: 3px solid #000;
	background: #000;
	display: block;
	color: #fff;
	text-align: center;
	margin: 0 0 16px;
	cursor: pointer
}

.intro_item .itemlab span.cur {
	background: #fff;
	color: #000
}

.intro_item .itemcont {
	border-left: 1px solid #bab7b4;
	width: 720px;
	float: left;
	position: relative;
	height: 308px;
	overflow: hidden
}

.intro_item .itemwrap {
	margin: 0 55px 0 20px;
	width: 644px
}

.intro_item .scroll_bar {
	position: absolute;
	top: 0;
	right: 0;
	background: url(../images/t0135633524064cc4d7.png) repeat-y;
	width: 7px;
	height: 308px
}

.intro_item .scroll_bar .scroll {
	background: #000;
	width: 100%
}

.intro_item h3 {
	line-height: 28px;
	font-size: 20px;
	margin: 0 0 7px
}

.intro_item .txt p {
	padding: 4px 0;
	line-height: 24px;
	font-family: simsun
}

.pop {
	position: absolute;
	left: 0;
	top: 0;
	width: 946px;
	height: 550px;
	background: #000;
	z-index: 10000
}

.pop_close {
	position: absolute;
	top: 0;
	right: -33px;
	background: url(../images/t01ba16eff6aad80760.png) no-repeat;
	width: 26px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	overflow: hidden
}

.scroll,.slider {
	position: absolute
}

.slider.slider-on,.slider.slider-active {
	opacity: 1;
	filter: alpha(opacity=100)
}

.scroll,.scroll-bg,.slider,.scroll-bg-hd,.scroll-bg-ft,.slider-hd,.slider-ft {
	height: 100%;
	width: 8px;
	overflow: hidden
}

.scroll {
	right: 2px;
	top: 0
}

.scroll-bg-hd {
	width: 2px;
	border-left: 1px solid #bab7b4;
	margin-left: 3px
}

.slider-bd {
	background-color: #000
}

.slider-hd,.slider-ft {
	width: 100%;
	height: 4px
}

.slider .i8,.slider .i6,.slider .i4 {
	height: 1px;
	overflow: hidden;
	background-color: #000;
	margin: 0 auto
}

.slider .i8 {
	width: 8px
}

.slider .i6 {
	width: 6px
}

.slider .i4 {
	width: 4px
}

.slider-hover .slider-bd,.slider-hover .i10,.slider-hover .i8,.slider-hover .i6,.slider-hover .i4 {
	background-color: #000
}

.x-center {
	width: 100%;
	height: 951px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0
}

.x-flash {
	width: 1920px;
	height: 951px;
	text-align: center;
	position: relative;
	left: -960px;
	margin-left: 50%
}

.flash {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	width: 1920px;
	zoom: 1;
	z-index: -1
}