@charset "utf-8";
/* CSS Document */
body, html {
}
.bg01 {
	width: 100%;
	background-color: #111113;
}
.bg02 {
	background: url(img/homebg01.jpg) no-repeat center 0;
}
.footer {
	margin-top: -148px;
	width: 1320px;
	height: 150px;
	background: url(img/footer.png) no-repeat center 0;
}
.wrap {
	width: 1320px;
	margin: 0 auto;
}
.header {
	width: 1320px;
	height: 710px;
	margin: 0 auto;
	
	position: relative;
}
.navBox {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.banner {
	position: relative;
}
.swf {
	width: 1320px;
	height: 682px;
	position: relative;
	z-index: 1;
	display: none;
}
.swf .sA {
	background: url(img/blank.gif) no-repeat;
	width: 100%;
	height: 100%;
	cursor: default;
	position: absolute;
	top: 0;
	left: 0;
}
.videoA {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 590px;
	top: 180px;
	z-index: 2;
}
.videoA a {
	width: 120px;
	height: 120px;
	display: block;
	background: url(img/blank.gif) no-repeat;
	text-indent: -999em;
	overflow: hidden;
}
.startGame {
	z-index: 2;
}
/*-===================主模?：=====================================-*/
.mainBox {
	height: 1596px;
}
/*-------通用??--------*/
h3.h003 {
	height: 26px;
	line-height: 26px;
	font-weight: normal;
}
h3.h003 span {
	height: 26px;
	font-size: 18px;
	color: #c7c7c7;
	float: left;
}
h3.h003 a.more {
	margin-top: 3px;
	float: right
}
/*-------左?--------*/
.artifact {
	height: 380px;
	margin-bottom: 10px;
	background: url(img/homecol1bg.jpg) no-repeat;
}
.newsDiv h3, .artifact h3 {
	height: 35px;
	padding-top: 10px;
	border-bottom: 1px solid #313032;
	font-weight: normal;
	position: relative;
	overflow: hidden;
}
.newsDiv h3 a, .artifact h3 a {
	width: 80px;
	height: 35px;
	line-height: 35px;
	margin-right: 30px;
	font-size: 16px;
	color: #c7c7c7;
	text-align: center;
	float: left;
	_display: inline;
}
.newsDiv h3 a:hover, .newsDiv h3 a.aOn, .artifact h3 a:hover, .artifact h3 a.aOn {
	color: #dfbe7e;
}
.newsDiv h3 span, .artifact h3 span {
	width: 80px;
	height: 2px;
	font-size: 0;
	display: block;
	background-color: #dfbe7e;
	position: absolute;
	left: 0;
	bottom: 0;
}
.artifact h3 {
	width: 230px;
	margin: 0 auto 15px;
}
.artifact h3 a {
	margin-right: 12px;
}
.artDiv {
	width: 268px;
	height: 308px;
	margin: 0 auto;
	position: relative;
}
.artCon {
	width: 268px;
	height: 308px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.artCon a {
	width: 268px;
	height: 308px;
	display: block;
	background: url(img/blank.gif) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
}
.artInfo {
	width: 110px;
	height: 150px;
	background: url(../png/artfont.png) no-repeat;
	text-indent: -999em;
	position: absolute;
	left: -100%;
	top: 0;
	z-index: 2;
}
.at1 {
}
.at2 {
	background-position: -110px 0;
}
.at3 {
	background-position: 0 -150px;
}
.at4 {
	background-position: -110px -150px;
}
.artPic {
	width: 200px;
	height: 308px;
	position: absolute;
	right: -100%;
	bottom: 0;
}
.artDiv .divOn {
	z-index: 2;
}
.sidePic {
	height: 390px;
}
.sidePic a {
	width: 280px;
	height: 120px;
	margin-bottom: 10px;
	display: block;
	position: relative;
}
.sidePic a span {
	width: 100px;
	height: 34px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	left: 20px;
	top: 25px;
}
.sidePic a var {
	width: 110px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #65605d;
	position: absolute;
	left: 20px;
	top: 60px;
}
.sidePic a var.v2 {
	width: 126px;
	top: 80px;
	font-size: 12px;
}
.intro {
	width: 240px;
	height: 240px;
	padding: 0 20px;
	margin-bottom: 10px;
	background: url(img/homecol1bg.jpg) no-repeat -280px 0;
}
.intro h3 {
	height: 30px;
	padding-top: 15px;
	margin-bottom: 10px;
}
.intro p {
	line-height: 24px;
	font-size: 17px;
	color: #999;
}
.intro p a {
	color: #65605d;
}
.intro p a:hover {
	color: #c99f5c;
}
/*-------右?--------*/
.box1, .lin, .newsDiv, .featrue, .gong, .roleDiv, .ifmTab {
	background: url(img/homecol3bg.jpg) no-repeat;
}
.box1, .box2, .box3, .box4, .box5 {
	margin-bottom: 10px;
}
.box1 {
	height: 120px;
}
/*===快捷入口===*/
.linkDiv {
	height: 120px;
}
.linkDiv a {
	width: 120px;
	height: 120px;
	margin-left: 10px;
	float: left;
	_display: inline;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.linkDiv a span {
	width: 35px;
	height: 35px;
	display: block;
	background: url(img/ipng.png) no-repeat;
	position: absolute;
	left: 40px;
	top: 30px;
	z-index: 2
}
.linkDiv a.a2 span {
	background-position: 0 -35px;
}
.linkDiv a.a3 span {
	background-position: 0 -70px;
}
.linkDiv a var {
	width: 100px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	font-size: 20px;
	color: #fff;
	position: absolute;
	left: 10px;
	top: 75px;
	z-index: 2;
}
.linkDiv a i {
	width: 120px;
	height: 120px;
	display: block;
	background-color: #caaa67;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	display: none;
}
.linkDiv a:hover var {
	color: #f00;
}
.box2 {
	height: 280px;
}
/*===幻?===*/
.slideBox {
	width: 640px;
	height: 280px;
	position: relative;
	z-index: 1;
}
.slide {
	width: 640px;
	height: 280px;
	position: relative;
	overflow: hidden;
}
.slide ul {
	width: 640px;
	height: 280px;
}
.slide ul li {
	width: 640;
	height: 280;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	opacity: 0;
*filter:alpha(opacity=0);
}
.slide ul li.liOn {
	z-index: 9;
	opacity: 1;
*filter:alpha(opacity=100);
}
.subNum {
	width: 500px;
	height: 20px;
	position: absolute;
	right: 15px;
	bottom: 10px;
	z-index: 99;
}
.subList {
	height: 20px;
}
/*----- pagnation  -------*/
.subList {
	height: 20px;
	text-align: right;
}
.subList span {
	width: 16px;
	height: 16px;
	line-height: 20px;
	margin: 0 3px;
	cursor: pointer;
	display: inline-block;
	color: #666;
	background-color: #fff;
}
.subList span.sOn {
	color: #ff7200;
	background-color: #ef1300;
	text-decoration: none;
}
/*===明星?料===*/
.lin {
	width: 340px;
	height: 280px;
	padding: 0 20px;
	background-position: -650px -130px;
}
.lin h3 {
	height: 50px;
	font-weight: normal;
}
.lin h3 var {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #a1a1a1;
	float: left;
}
.lin h3 var i {
	color: #dfbe7e;
	font-style: normal;
}
.lin h3 span {
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
	margin: 18px 0 0 10px;
	font-family: "\5b8b\4f53";
	color: #c7c7c7;
	background-color: #262526;
	float: left;
	_display: inline;
}
.lin dl {
	width: 340px;
	height: 140px;
	margin-bottom: 12px;
}
.lin dt {
	width: 122px;
	height: 136px;
	float: left;
}
.lin dd {
	width: 160px;
	height: 120px;
	padding-top: 16px;
	margin-left: 12px;
	float: left;
}
.lin dd p {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.lin dd p span {
	width: 55px;
	height: 30px;
	color: #a1a1a1;
	float: left;
}
.lin dd p var {
	height: 30px;
	color: #6a6a6a;
	float: left;
}
.lin ul {
	height: 52px;
	padding-top: 12px;
	border-top: 1px dashed #403f40;
}
.lin ul li {
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	vertical-align: top;
}
.lin li span {
	width: 55px;
	height: 26px;
	color: #65605d;
	float: left;
}
.lin li a {
	width: 280px;
	height: 26px;
	line-height: 26px;
	color: #65605d;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.lin li a:hover {
	color: #c99f5c;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}
.box3, .box4 {
	height: 380px;
}
/*------新?公告------*/
.newsDiv {
	width: 600px;
	height: 380px;
	padding: 0 20px;
	background-position: 0 -130px;
	position: relative;
}
.newsDiv a.more {
	position: absolute;
	right: 30px;
*right:85px;
	top: 20px;
	z-index: 9;
}

.newest span {
	width: 26px;
	color: #a1a1a1;
	position: absolute;
}
.newest span.day {
	width: 58px;
	height: 40px;
	line-height: 40px;
	font-size: 30px;
	top: 20px;
	left: 16px;
}
.newest span.day var {
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	position: absolute;
	right: 0;
	top: 0;
}
.newest span.month {
	font-size: 18px;
	color: #6a6a6a;
	top: 62px;
	left: 58px;
}
.newest .nDiv {
	width: 320px;
	margin-left: 110px;
	padding-top: 30px;
	float: left;
}
.newest .nDiv a {
	width: 320px;
	display: block;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	color: #ef1300;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.newest .nDiv a:hover {
	color: #c99f5c;
}
.newest .nDiv p {
	font-size: 12px;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	color: #a1a1a1;
}
.nCont {
	
	height: 310px;
	margin: 0 auto;
	padding-top: 15px;
	overflow: hidden;
	position: relative;
}
.nCont .nCul {
	width: 600px;
	height: 310px;
	position: relative;
}
.nCont .nCon {
	width: 550px;
	position: absolute;
	left: 100%;
	top: 0;
}
.nCont .nCon ul {
	width: 550px;
	height: 310px;
	overflow: hidden;
}
.nCont .nCon ul li {
	vertical-align: top;
}
.nCont .nCon ul li, .nCont .nCon ul li a, .nCont .nCon ul li span {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}
.nCont .nCon ul li a {
	width: 400px;
	color: #0fdede;
	text-decoration: none;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*float: right;*/
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.nCont .nCon ul li a:hover {
	text-decoration: none;
	color: #c99f5c;
	background-position: 0 -38px;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}
.nCont .nCon ul li span {
	width: 145px;
	color: #706a50;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
/*------任??------*/
.boxPic, .picDiv {
	width: 380px;
	height: 380px;
}
.picDiv {
	position: relative;
}
.picDiv img {
	width: 185px;
	height: 185px;
	float: left;
	_display: inline;
}
.picDiv img.img1 {
	height: 380px;
	margin-right: 10px;
}
.picDiv img.img2 {
	margin-bottom: 10px;
}
/*.picDiv img.iRen{width: 358px;height: 434px; position: absolute; left: -95px; top: -26px; z-index: 1;}*/

.picDiv a {
	width: 185px;
	height: 185px;
	display: block;
	background: url(img/blank.gif) no-repeat;
	text-indent: -999em;
	overflow: hidden;
	position: absolute;
	z-index: 2;
}
.picDiv a.ia1 {
	height: 380px;
	left: 0;
	top: 0;
}
.picDiv a.ia2 {
	right: 0;
	top: 0;
}
.picDiv a.ia3 {
	right: 0;
	bottom: 0;
}
.picDiv a span {
	width: 16px;
	height: 1px;
	font-size: 0;
	background-color: #746045;
	position: absolute;
	left: 40px;
	top: 40px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.picDiv a:hover span {
	width: 64px;
	left: 20px
}
.rDiv {
	width: 358px;
	height: 434px;
	position: absolute;
	left: -95px;
	top: -26px;
	z-index: 1;
}
.rDiv img {
	width: 358px;
	height: 434px;
}
.rDiv span {
	width: 177px;
	height: 372px;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 30px 0 0 99px;
}
.rDiv img {
	position: absolute;
	left: -99px;
	top: -30px;
}
/*------特色&&??攻略------*/
.sysDiv {
	width: 640px;
	height: 380px;
}
.featrue {
	width: 350px;
	height: 380px;
	background-position: 0 -520px;
	position: relative;
}
.ftDiv {
	width: 230px;
	height: 380px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.ftCon {
	width: 230px;
	position: absolute;
	left: -100%;
	top: 0;
	z-index: 1;
}
/*新手指南*/
.ft1 {
	width: 190px;
	height: 360px;
	padding-top: 5px;
	margin: 0 auto;
	background: url(../png/ff.png) no-repeat 0 bottom;
}
.fList {
	width: 190px;
	height: 180px;
}
.fList h4 {
	height: 40px;
	text-indent: -999em;
}
.fList ul {
	width: 152px;
	height: 122px;
	margin: 0 auto;
}
.fList ul li {
	width: 75px;
	height: 60px;
	margin: 0 0 1px 1px;
	float: left;
	_display: inline;
}
.fList li a {
	width: 75px;
	height: 60px;
	float: left;
	_display: inline;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.fList li a span {
	width: 35px;
	height: 35px;
	display: block;
	background: url(img/ipng.png) no-repeat;
	position: absolute;
	left: 20px;
	top: 0;
	z-index: 2
}
.fList li a.i1 span {
	background-position: -40px 0;
}
.fList li a.i2 span {
	background-position: -75px 0;
}
.fList li a.i3 span {
	background-position: -110px 0
}
.fList li a.i4 span {
	background-position: -40px -35px;
}
.fList li a.i5 span {
	background-position: -75px -35px;
}
.fList li a.i6 span {
	background-position: -110px -35px;
}
.fList li a.i7 span {
	background-position: -40px -70px;
}
.fList li a.i8 span {
	background-position: -75px -70px;
}
.fList li a var {
	width: 75px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 2;
}
.fList li a:hover var {
	color: #b48f55;
}
.ftTab {
	width: 128px;
	height: 380px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.ftA {
	width: 120px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.ftA a {
	width: 120px;
	height: 95px;
	line-height: 95px;
	text-align: center;
	font-size: 20px;
	color: #ff6000;
	display: block;
	position: relative;
}
.ftA a var {
	width: 20px;
	height: 2px;
	font-size: 0;
	background-color: #65605d;
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -10px;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.ftA a:hover, .ftA a.aOn {
	color: #fff;
}
.ftA a:hover var, .ftA a.aOn var {
	width: 64px;
	margin-left: -32px;
	background-color: #b48f55;
}
.ftTab span {
	width: 128px;
	height: 95px;
	display: block;
	background: url(../png/spanbg.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1
}
/*特色玩法*/
.ft2 {
	width: 222px;
	height: 380px;
	padding-top: 0px;
	position: relative;
}
.xtDiv, .xtCon {
	width: 222px;
	height: 380px;
	overflow: hidden;
}
.xtDiv {
	position: relative;
	z-index: 1;
}
.xtCon {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.xtT {
	width: 120px;
	height: 120px;
	position: absolute;
	left: -100%;
	top: 0;
}
.xtT h4 {
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	color: #826152;
}
.xtT p {
	height: 20px;
	line-height: 20px;
	margin-bottom: 12px;
	color: #65605d;
	border-top: 1px solid #5f5a58;
	font-family: arial;
}
.xtT a, .rInfo a {
	width: 100px;
	height: 28px;
	line-height: 28px;
	display: block;
	text-align: center;
	border: 1px solid #5c595c;
	color: #808080;
	font-size: 14px;
}
.xtT a:hover, .rInfo a:hover {
	color: #b48f55;
}
.xtPic {
	width: 222px;
	height: 240px;
	position: absolute;
	right: -100%;
	bottom: 0;
}
.xtTab {
	width: 75px;
	height: 150px;
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 9;
}
.xtTab a {
	width: 75px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
	display: block;
	_display: inline-block;
	text-align: right;
	font-size: 16px;
	color: #ff6000;
}
.xtTab a:hover, .xtTab a.aOn {
	color: #fff;
}
/*系?介?*/
.ft3 {
	width: 190px;
	height: 360px;
	margin: 0 auto;
}
.ft3 dl {
	width: 190px;
	height: 340px;
	padding-top: 20px;
}
.ft3 dt {
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
	border-bottom: 1px solid #423f42;
	font-size: 18px;
	color: #c7c7c7;
}
.ft3 dd {
	height: 135px;
}
.ft3 dd a {
	width: 80px;
	height: 30px;
	line-height: 30px;
	margin-right: 13px;
	font-size: 16px;
	color: #fff;
	float: left;
	_display: inline;
}
.ft3 dd a:hover {
	color: #b48f55;
}
/*高手??*/
.ft4 {
	width: 230px;
	height: 380px;
	overflow: hidden;
}
.ft4 a {
	width: 230px;
	height: 126px;
	margin-bottom: 1px;
	display: block;
}
.guide {
	width: 280px;
}
.gong {
	width: 240px;
	height: 250px;
	margin-bottom: 10px;
	padding: 0 20px;
	background-position: -360px -520px;
}
.gong h3 {
	height: 30px;
	padding-top: 12px;
	margin-bottom: 15px;
}
.gPic {
	width: 240px;
	height: 100px;
	margin-bottom: 10px;
}
.gPic a {
	width: 240px;
	height: 100px;
	display: block;
}
.gong ul {
	width: 240px;
	height: 80px;
}
.gong ul li {
	width: 240px;
	height: 24px;
	line-height: 24px;
}
.gong li a {
	width: 228px;
	height: 26px;
	padding-left: 12px;
	display: block;
	font-size: 14px;
	color: #65605d;
	background: url(../gif/aico.gif) no-repeat 0 center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.gong li a:hover {
	text-decoration: none;
	color: #c99f5c;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}
.bbs {
	height: 120px;
}
.bbs a {
	width: 280px;
	height: 120px;
	display: block;
}
/*------游?角色------*/
.roleDiv {
	width: 380px;
	height: 380px;
	background-position: -650px -420px;
	position: relative;
}
.roleTab {
	height: 35px;
	border-bottom: 1px solid #313032;
	font-weight: normal;
	position: absolute;
	left: 20px;
	top: 10px;
	z-index: 2;
	overflow: hidden;
}
.roleTab a {
	width: 40px;
	height: 35px;
	line-height: 35px;
	margin-right: 30px;
	font-size: 16px;
	color: #c7c7c7;
	text-align: center;
	float: left;
	_display: inline;
}
.roleTab a:hover, .roleTab a.aOn {
	color: #dfbe7e;
}
.roleTab span {
	width: 40px;
	height: 2px;
	font-size: 0;
	display: block;
	background-color: #dfbe7e;
	position: absolute;
	left: 0;
	bottom: 0;
}
.roleList, .roleCon {
	width: 380px;
	height: 380px;
	overflow: hidden;
}
.roleList {
	position: relative;
	z-index: 1;
}
.roleCon {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.roleList .divOn {
	z-index: 2;
}
.rInfo {
	width: 120px;
	height: 180px;
	position: absolute;
	left: 20px;
	top: 100%;
	z-index: 2;
}
.rInfo h5 {
	width: 110px;
	height: 124px;
	margin-bottom: 20px;
	text-indent: -999em;
}
.rInfo h5.r01 {
}
.rInfo h5.r02 {
	background-position: -110px 0;
}
.rInfo h5.r03 {
	background-position: -220px 0;
}
.rPic {
	width: 380px;
	height: 380px;
	position: absolute;
	right: -100%;
	top: 0;
	z-index: 1;
}
.box5 {
	height: 240px;
}
/*===截?壁?===*/
.sense {
	width: 640px;
	height: 240px;
	background-color: #1c1a1d;
}
.sense ul {
	width: 640px;
	height: 240px;
	overflow: hidden;
}
.sense ul li {
	width: 65px;
	height: 240px;
	float: left;
	_display: inline;
	position: relative;
	overflow: hidden;
}
.sense ul li.isOn {
}
.sense li a.isHand {
	width: 25px;
	height: 200px;
	line-height: 30px;
	padding: 40px 20px 0;
	text-align: center;
	font-size: 24px;
	color: #ff6000;
	background: url(../jpg/senhand.jpg) no-repeat;
	float: left;
}
.sense li.isOn a.isHand {
	color: #fff;
	background-position: -65px 0;
}
.isSpread {
	width: 490px;
	height: 220px;
	padding: 20px 0 0 14px;
	position: absolute;
	left: 65px;
	top: 0;
}
.isSpread a {
	width: 200px;
	height: 200px;
	margin-right: 14px;
	float: left;
	_display: inline;
}
.code, .code a {
	width: 440px;
	height: 240px;
	padding: 0;
	margin: 0;
	cursor: default;
}
/*===媒体攻略===*/
.ifmTab {
	width: 340px;
	height: 230px;
	padding: 10px 20px 0;
	background-position: -650px -810px;
}
.ifmTab h4 {
	width: 340px;
	height: 40px;
	margin-bottom: 6px;
	border-bottom: 2px solid #2b2b2b;
	position: relative;
}
.ifmTab h4 a {
	width: 76px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #c7c7c7;
	float: left;
}
.ifmTab h4 a:hover, .ifmTab h4 a.on {
	color: #dfbe7e;
}
.ifmTab h4 span {
	width: 76px;
	height: 2px;
	font-size: 0;
	display: block;
	background-color: #dfbe7e;
	position: absolute;
	left: 0;
	bottom: -2px;
}
.ifmList {
	width: 340px;
	height: 170px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.ifmDiv {
	width: 340px;
	height: 170px;
	color: #afa7a3;
	position: absolute;
	left: 0;
	top: 100%;
}
/*友?*/
.friendLink {
	width: 1320px;
	height: 20px;
	padding: 20px 0;
	margin-bottom: 24px;
	background-color: #1c1a1d;
	clear: both;
}
.linkCon {
	width: 1300px;
	height: 20px;
	line-height: 20px;
	margin: 0 auto;
	overflow: hidden;
}
.linkCon a {
	color: #afa7a3;
	white-space: nowrap;
	margin: 0 10px;
	line-height: 20px;
	display: inline-block;
}
.linkCon a:hover {
	color: #c99f5c;
}
/*======分享======*/

.share {
	width: 360px;
	height: 22px;
	margin-bottom: 15px;
}
.share h5 {
	width: 50px;
	height: 22px;
	line-height: 22px;
	color: #434343;
	font-weight: normal;
	float: left;
}
/*======???窗======*/
.videoPop {
	width: 740px;
	height: 464px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -370px;
	z-index: 1002;
	background: url(../jpg/videobg.jpg) no-repeat;
}
.videoPop h3 {
	height: 49px;
}
.videoPop h3 span {
	width: 100px;
	text-indent: -999em;
	float: left;
}
.videoPop a {
	width: 22px;
	height: 22px;
	margin: 10px 15px 0 0;
	background: url(../jpg/vclose.jpg) no-repeat;
	text-indent: -999em;
	overflow: hidden;
	float: right;
	_display: inline;
}
.videoPop a:hover {
	background: url(../jpg/vclose.jpg) no-repeat -22px 0;
}
.bigVideo {
	width: 720px;
	height: 405px;
	margin: 0 auto;
}
/*======18.03.12海底世界?部======*/
.box1 {
	background: url(img/box1.png) no-repeat;
}
/*.swf,.videoA{ display:none;}
.bg02{background:url(img/hdsj/hdsjBg01.jpg) no-repeat center 0;}
.header{background:url(img/hdsj/hdsjBg.jpg) no-repeat center 0;}
.mainBox{background:url(img/hdsj/hdsjMainBg.jpg) no-repeat;}
.box1{background:url(img/hdsj/box1.gif) no-repeat;}
.navBox li a{background:url(img/hdsj/hdsjNavBg.png) no-repeat;}
.navBox li a span{background:url(img/hdsj/hdsj_sOn.png) no-repeat;}
.navBox li a i,.navBox li a var{ color:#fff;}
.navBox li a:hover i,.navBox li a.aOn i,.navBox li a:hover var,.navBox li a.aOn var{color:#ffffd7;}
.col1,.col3{ position:relative;}

.aniDiv{}
.ani{ display:block; position:absolute;opacity:0; overflow:hidden;}
.ani01{ width:620px; height:798px; background:url(img/hdsj/boss.png) no-repeat; top:76px; left:40px;}
.ani02,.ani11{ width:628px; height:342px; background:url(img/hdsj/slogan.png) no-repeat; top:156px; left:529px;}
.ani03{ width:400px; height:400px; background-image:url(img/hdsj/fire.png); background-repeat:no-repeat; top:220px; left:266px;}
.ani04{ width:120px; height:120px; background-image:url(img/hdsj/fire2.png); background-repeat:no-repeat; top:344px; left:170px;}
.ani05{ width:260px; height:260px; background-image:url(img/hdsj/fire3.png); background-repeat:no-repeat; top:156px; left:415px;}
.ani06{ width:200px; height:90px; background-image:url(img/hdsj/bling.png); background-repeat:no-repeat; top:560px; left:960px;}
.ani07{ width:1320px; height:682px; background-image:url(img/hdsj/paopao2.png); background-repeat:no-repeat; top:0; left:0;}
.ani08,.ani09,.ani10{ width:1320px; height:682px; background-image:url(img/hdsj/shui.png); background-repeat:no-repeat; top:-280px; left:86px;}
.ani09{ top:30px; left:0;}
.ani10{ top:220px; left:-450px;}
.ani11{ background:url(img/hdsj/slogan02.png) no-repeat;}
.ani01.show,.ani02.show,.ani03.show,.ani04.show,.ani05.show,.ani06.show,.ani07.show,.ani08.show,.ani09.show,.ani10.show,.ani11.show{opacity:1;}
.IE .ani03,.IE .ani04,.IE .ani05,.IE .ani06,.IE .ani07{ width:0; height:0; background:url(img/blank.gif) no-repeat;}*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
/*==============================bounceInDown==============================*/
@-webkit-keyframes bounceInDown {
 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
@keyframes bounceInDown {
 0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
/*==============================flipInY==============================*/
@-webkit-keyframes flipInY {
 0% {
-webkit-transform:perspective(1000px) rotateY(90deg);
-ms-transform:perspective(1000px) rotateY(90deg);
transform:perspective(1000px) rotateY(90deg);
opacity:0
}
 40% {
-webkit-transform:perspective(1000px) rotateY(-20deg);
-ms-transform:perspective(1000px) rotateY(-20deg);
transform:perspective(1000px) rotateY(-20deg)
}
 70% {
-webkit-transform:perspective(1000px) rotateY(20deg);
-ms-transform:perspective(1000px) rotateY(20deg);
transform:perspective(1000px) rotateY(20deg)
}
 100% {
-webkit-transform:perspective(1000px) rotateY(0deg);
-ms-transform:perspective(1000px) rotateY(0deg);
transform:perspective(1000px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
 0% {
-webkit-transform:perspective(1000px) rotateY(90deg);
-ms-transform:perspective(1000px) rotateY(90deg);
transform:perspective(1000px) rotateY(90deg);
opacity:0
}
 40% {
-webkit-transform:perspective(1000px) rotateY(-20deg);
-ms-transform:perspective(1000px) rotateY(-20deg);
transform:perspective(1000px) rotateY(-20deg)
}
 70% {
-webkit-transform:perspective(1000px) rotateY(20deg);
-ms-transform:perspective(1000px) rotateY(20deg);
transform:perspective(1000px) rotateY(20deg)
}
 100% {
-webkit-transform:perspective(1000px) rotateY(0deg);
-ms-transform:perspective(1000px) rotateY(0deg);
transform:perspective(1000px) rotateY(0deg);
opacity:1
}
}
.flipInY {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
/*==============================scale==============================*/
@-webkit-keyframes scale {
0% {
opacity:0;
-webkit-transform:scale(2, 2);
}
80% {
-webkit-transform:scale(.9, .9);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
}
}
@keyframes scale {
0% {
opacity:0;
transform:scale(2, 2);
}
80% {
transform:scale(.9, .9);
}
100% {
opacity:1;
transform:scale(1, 1);
}
}
.scale {
	-webkit-animation-name: scale;
	animation-name: scale;
}
@-webkit-keyframes scale2 {
0% {
opacity:0;
-webkit-transform:scale(0, 0);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1);
}
}
@keyframes scale2 {
0% {
opacity:0;
transform:scale(0, 0);
}
100% {
opacity:1;
transform:scale(1, 1);
}
}
.scale2 {
	-webkit-animation-name: scale2;
	animation-name: scale2;
}
/*==============================shake==============================*/
@-webkit-keyframes shake {
 0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-5px, 0, 0);
}
 20%, 40%, 60%, 80% {
-webkit-transform:translate3d(5px, 0, 0);
}
}
@keyframes shake {
 0%, 100% {
transform:translate3d(0, 0, 0);
}
 30%, 50%, 70% {
transform:translate3d(-5px, 0, 0);
}
 40%, 60% {
transform:translate3d(5px, 0, 0);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
/*==============================arrow==============================*/
@-webkit-keyframes arrow {
 from {
 -webkit-transform: translate3d(0, 10px, 0);
 -moz-transform: translate3d(0, 10px, 0);
 -ms-transform: translate3d(0, 10px, 0);
 -o-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0)
}
to {
 -webkit-transform: translate3d(0, -10px, 0);
 -moz-transform: translate3d(0, -10px, 0);
 -ms-transform: translate3d(0, -10px, 0);
 -o-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0)
}
}
@keyframes arrow {
 from {
 -webkit-transform: translate3d(0, 10px, 0);
 -moz-transform: translate3d(0, 10px, 0);
 -ms-transform: translate3d(0, 10px, 0);
 -o-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0)
}
to {
 -webkit-transform: translate3d(0, -10px, 0);
 -moz-transform: translate3d(0, -10px, 0);
 -ms-transform: translate3d(0, -10px, 0);
 -o-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0)
}
}
/*==============================bounceIn==============================*/
@-webkit-keyframes bounceIn {
 0% {
opacity:0;
-webkit-transform:scale(.3)
}
 50% {
opacity:1;
-webkit-transform:scale(1.05)
}
 70% {
-webkit-transform:scale(.9)
}
 100% {
-webkit-transform:scale(1)
}
}
@keyframes bounceIn {
 0% {
opacity:0;
transform:scale(.3)
}
 50% {
opacity:1;
transform:scale(1.05)
}
 70% {
transform:scale(.9)
}
 100% {
transform:scale(1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
/*==============================icoBig==============================*/
@-webkit-keyframes icoBig {
 0% {
-webkit-transform:scale(1);
transform:scale(1);
}
 20% {
-webkit-transform:scale(1.05);
transform:scale(1.05);
}
 30% {
-webkit-transform:scale(.93);
transform:scale(.93);
}
 45% {
-webkit-transform:scale(1.04);
transform:scale(1.04);
}
 60% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes icoBig {
 0% {
transform:scale(1);
}
 20% {
transform:scale(1.05);
}
 30% {
transform:scale(.93);
}
 45% {
transform:scale(1.04);
}
 60% {
transform:scale(1);
}
}
.icoBig {
	-webkit-animation-name: icoBig;
	animation-name: icoBig;
}
@-webkit-keyframes icoBig2 {
 0% {
-webkit-transform:scale(1);
transform:scale(1);
}
 20% {
-webkit-transform:scale(1.3);
transform:scale(1.3);
opacity:0
}
 100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes icoBig2 {
 0% {
transform:scale(1);
}
 20% {
transform:scale(1.3);
opacity:0
}
 100% {
transform:scale(1);
opacity:0
}
}
.icoBig2 {
	-webkit-animation-name: icoBig2;
	animation-name: icoBig2;
}
/*==============================flipInX==============================*/
@-webkit-keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
@keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInX {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
/*==============================fire==============================*/
@-webkit-keyframes fire {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -24400px;
}
}
@keyframes fire {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -24400px;
}
}
.fire {
	-webkit-animation: fire 2s steps(61) infinite;
	animation: fire 2s steps(61) infinite;
}
@-webkit-keyframes fire2 {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -6600px;
}
}
@keyframes fire2 {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -6600px;
}
}
.fire2 {
	-webkit-animation: fire2 1.6s steps(55) infinite;
	animation: fire2 1.6s steps(55) infinite;
}
@-webkit-keyframes fire3 {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -14300px;
}
}
@keyframes fire3 {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -14300px;
}
}
.fire3 {
	-webkit-animation: fire3 1.4s steps(55) infinite;
	animation: fire3 1.4s steps(55) infinite;
}
@-webkit-keyframes bling {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -900px;
}
}
@keyframes bling {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -900px;
}
}
.bling {
	-webkit-animation: bling 1.8s steps(10) infinite;
	animation: bling 1.8s steps(10) infinite;
}
@-webkit-keyframes paopao {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -17732px;
}
}
@keyframes paopao {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -17732px;
}
}
.paopao {
	-webkit-animation: paopao 4s steps(26) infinite;
	animation: paopao 4s steps(26) infinite;
}
@-webkit-keyframes shui {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -12276px;
}
}
@keyframes shui {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -12276px;
}
}
.shui {
	-webkit-animation: shui 2s steps(18) infinite;
	animation: shui 2s steps(18) infinite;
}
@-webkit-keyframes slogan {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -3420px;
}
}
@keyframes slogan {
 0% {
background-position:0 0;
}
 100% {
background-position:0 -3420px;
}
}
.slogan {
	-webkit-animation: slogan 3s steps(10) infinite;
	animation: slogan 3s steps(10) infinite;
}
/*======2018.03.30模?改版-林文彬======*/
.roleDiv, .roleList, .roleCon, .rPic {
	height: 280px;
}
.guide {
	background-color: #201B1F;
}
.gong {
	margin-bottom: 0;
	height: 380px;
}
.gong ul {
	height: 200px;
	padding-top: 5px;
}
.gong ul li, .gong li a {
	height: 30px;
	line-height: 30px;
}
.bbsDiv {
	width: 340px;
	height: 380px;
	padding: 0 20px;
	background-color: #1c1a1f;
}
.bbsDiv h3 {
	margin-bottom: 15px;
	height: 30px;
	padding-top: 12px;
	border-bottom: solid 1px #3b3535;
}
.bbsList ul {
	padding-top: 5px;
}
.bbsList ul li, .bbsList li a, .bbsList li span {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #65605d;
}
.bbsList li {
	position: relative;
}
.bbsList li span {
	position: absolute;
	top: 0;
	right: 0;
}
.bbsList li a {
	padding-left: 12px;
	display: block;
	width: 265px;
	overflow: hidden;
	background-color: #C00;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: url(../gif/aico.gif) no-repeat 0 center;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.bbsList li a:hover {
	text-decoration: none;
	color: #c99f5c;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}
.bbs, .bbs a {
	width: 340px;
	height: 100px;
}
.bbs {
	margin-bottom: 10px;
}
/*======2018.04.28模?改版======*/
.fybDiv {
	width: 380px;
	height: 280px;
	float: right;
}
.roleDiv {
	margin-bottom: 10px;
	background: url(img/homecol3bg.jpg) no-repeat -360px -910px;
}
.roleDiv, .roleList, .roleCon, .rPic {
	width: 280px;
	height: 380px;
}
.roleTab a {
	margin-right: 14px;
}
.rInfo a {
	width: 84px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
}