body html {
	height: 100%;
	height: 100px;
}
body {
	/*height: 4537px;*/
/*	background: url(../img/bg_875d09c.jpg);
	background-size: 100% 100%;*/
 	background: url(../img/role_54c355e.jpg) scroll no-repeat center top;
}
.on {
	-webkit-opacity:.8;
	-moz-opacity:.8;
	opacity:.8;
	filter:alpha(opacity=80);
	z-index:10000;
}
/* 选項列 */
.gnbDim {
	/*background-image: url(../images/gnbDim.png);*/
	background-color: rgba(0,0,0,.9);
	z-index: 30;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 300px;
	/*border-bottom:1px solid #F09; 
	background:#000; 
	opacity:0; 
	filter:alpha(opacity =0); */
	display: none;
}

#gnb {
	z-index: 50;
	position: absolute;
	top: 30px;
	left: 50%;
	width: 760px;
	margin-left: -250px;
}

	#gnb li ul li {
		width: 100%;
	}

	#gnb li a {
		display: block;
		text-indent: -9999px;
		background-image: url(../images/spr_gnb2.png);
		background-repeat: no-repeat;
	}

	#gnb li ul {
		padding-top: 16px;
		opacity: 0;
		filter: alpha(opacity=0);
		display: none;
	}

	#gnb .depth1 {
		float: left;
		margin-right: 42px;
	}

	#gnb .newss .represent {
		width: 110px;
		height: 30px;
		background-position: 0 0;
	}

	#gnb .newss ul {
		width: 110px;
	}

	#gnb .intro .represent {
		width: 110px;
		height: 30px;
		background-position: -152px 0;
	}

	#gnb .intro ul {
		width: 110px;
	}

	#gnb .u .represent {
		width: 110px;
		height: 30px;
		background-position: -304px 0;
	}

	#gnb .u ul {
		width: 110px;
	}

	#gnb .data .represent {
		width: 110px;
		height: 30px;
		background-position: -456px 0;
	}

	#gnb .data ul {
		width: 110px;
	}

	#gnb .support .represent {
		width: 110px;
		height: 30px;
		background-position: -608px 0;
	}

	#gnb .support ul {
		width: 110px;
	}

	#gnb .depth2 {
		height: 24px;
	}

	#gnb .newss .m1 {
		background-position: 0 -46px;
	}

	#gnb .newss .m2 {
		background-position: 0 -71px;
	}

	#gnb .newss .m3 {
		background-position: 0 -96px;
	}

	#gnb .newss .m4 {
		background-position: 0 -121px;
	}

	#gnb .newss .m5 {
		background-position: 0 -146px;
	}

	#gnb .newss .m6 {
		background-position: 0 -171px;
	}

	#gnb .newss .m7 {
		background-position: 0 -196px;
	}

	#gnb .newss .m8 {
		display: none;
	}

	#gnb .newss .m9 {
		display: none;
	}

	#gnb .newss .m1:hover {
		background-position: 0 -243px;
	}

	#gnb .newss .m2:hover {
		background-position: 0 -268px;
	}

	#gnb .newss .m3:hover {
		background-position: 0 -293px;
	}

	#gnb .newss .m4:hover {
		background-position: 0 -318px;
	}

	#gnb .newss .m5:hover {
		background-position: 0 -343px;
	}

	#gnb .newss .m6:hover {
		background-position: 0 -368px;
	}

	#gnb .newss .m7:hover {
		background-position: 0 -393px;
	}

	#gnb .intro .m1 {
		background-position: -152px -46px;
	}

	#gnb .intro .m2 {
		background-position: -152px -71px;
	}

	#gnb .intro .m3 {
		background-position: -152px -96px;
	}

	#gnb .intro .m4 {
		background-position: -152px -121px;
	}

	#gnb .intro .m5 {
		background-position: -152px -146px;
	}

	#gnb .intro .m6 {
		background-position: -152px -171px;
	}

	#gnb .intro .m1:hover {
		background-position: -152px -243px;
	}

	#gnb .intro .m2:hover {
		background-position: -152px -268px;
	}

	#gnb .intro .m3:hover {
		background-position: -152px -293px;
	}

	#gnb .intro .m4:hover {
		background-position: -152px -318px;
	}

	#gnb .intro .m5:hover {
		background-position: -152px -340px;
	}

	#gnb .intro .m6:hover {
		background-position: -152px -366px;
	}

	#gnb .u .m1 {
		background-position: -304px -46px;
	}

	#gnb .u .m2 {
		background-position: -304px -71px;
	}

	#gnb .u .m1:hover {
		background-position: -304px -243px;
	}

	#gnb .u .m2:hover {
		background-position: -304px -268px;
	}

	#gnb .data .m1 {
		background-position: -456px -46px;
	}

	#gnb .data .m2 {
		background-position: -456px -71px;
	}

	#gnb .data .m3 {
		background-position: -456px -96px;
	}

	#gnb .data .m4 {
		background-position: -456px -121px;
	}

	#gnb .data .m1:hover {
		background-position: -456px -243px;
	}

	#gnb .data .m2:hover {
		background-position: -456px -268px;
	}

	#gnb .data .m3:hover {
		background-position: -456px -293px;
	}

	#gnb .data .m4:hover {
		background-position: -456px -318px;
	}

	#gnb .support .m1 {
		background-position: -608px -46px;
	}

	#gnb .support .m2 {
		background-position: -608px -71px;
	}

	#gnb .support .m3 {
		background-position: -608px -96px;
	}

	#gnb .support .m4 {
		background-position: -608px -121px;
	}

	#gnb .support .m5 {
		background-position: -608px -146px;
	}

	#gnb .support .m6 {
		background-position: -608px -171px;
	}

	#gnb .support .m1:hover {
		background-position: -608px -243px;
	}

	#gnb .support .m2:hover {
		background-position: -608px -268px;
	}

	#gnb .support .m3:hover {
		background-position: -608px -293px;
	}

	#gnb .support .m4:hover {
		background-position: -608px -318px;
	}

	#gnb .support .m5:hover {
		background-position: -608px -343px;
	}

	#gnb .support .m6:hover {
		background-position: -608px -368px;
	}
/*main*/
.main {
	width: 100%;
	min-height: 1500px;
	min-width: 1200px;
	background: url(../img/role_54c355e.jpg) scroll no-repeat center top;
	position: relative;
	overflow: hidden;
}

/*----------------------------------------------title开始---------------------------------------------------------*/
.title {
    width: 916px;
    height: 194px;
    margin: 398px auto 0;
    position: relative;
}
.title>img {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
/*title动画*/
.mySlideUp {
  animation: mySlideUp 1s ease-in-out .2s both;
}

@keyframes mySlideUp {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  100% {
    transform: translateY(-20px);
    opacity: 1;
  }
}
/*内容动画*/
.mySlideUp2 {
  animation: mySlideUp2 1s ease-in-out .2s both;
}

@keyframes mySlideUp2 {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  100% {
    transform: translateY(-20px);
    opacity: 1;
  }
}

/*游戏资讯动画*/
.mySlideUp3 {
  animation: mySlideUp3 1s ease-in-out .2s both;
}

@keyframes mySlideUp3 {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  100% {
    transform: translateY(-20px);
    opacity: 1;
  }
}
/*图片动画*/
.mySlideUp4 {
  animation: mySlideUp4 1s ease-in-out .2s both;
}

@keyframes mySlideUp4 {
  0% {
    transform: translatex(0px);
    opacity: 0;
  }
  100% {
    transform: translatex(-40px);
    opacity: 1;
  }
}
/*游戏特色动画*/
.mySlideUp5 {
  animation: mySlideUp5 1s ease-in-out .2s both;
}

@keyframes mySlideUp5 {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  100% {
    transform: translateY(-40px);
    opacity: 1;
  }
}
/*内容*/
.content {
	width: 770px;
	height: 121px;
	margin: 26px auto 0;
	position: relative;
	z-index: 2;
	text-align: center;
}
.ewm_dw {
	width: 440px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 25px;
	background:rgba(255, 255, 255, .7);
    border-radius: 15px;
	padding: 20px;
	margin-top: -120px;
	margin-bottom: -60px;
	transform: scale(1.3);
}
.ewm {
	width: 140px;
	padding: 10px;
	background: #fff;
	text-align: center;
}
.ewm_desc {
	font-size: 16px;
	color: #333;
	margin-top: 8px;
}
.ewm>img {
	width: 140px;
	height: 140px;
	vertical-align:top;
}
.dw {
	width: 256px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.apple {
	width: 256px;
	height: 76px;
	background: url(../img/ios.png) no-repeat center center;
	background-size: contain;
	display: block;
}
.android {
	width: 256px;
	height: 76px;
	background: url(../img/az.png) no-repeat center center;
	background-size: contain;
	display: block;
	margin-top: 5px;
}
.icon_logo {
	width: 90px;
	height: 8px;
	float: left;
	margin-right: 30px;
}
.icon_logo img {
	width: 90%;
	height: 90%;
	vertical-align: top;
}
/*video*/
.video {
	width: 122px;
	height: 131px;
	background: url(../img/BBgAQyQPnjRGiOoAAAAASUVORK5CYII%3d.png) no-repeat;
	float: left;
	position: relative;
	margin-top: -10px;
	margin-right: 19px;
}
.video>span {
	width: 98px;
	height: 101px;
	background: url(../img/i_zz2_18a2002.png) no-repeat;
	position: absolute;
	top: 15px;
	left: 12px;
}
.video span, .video em {
	-webkit-transition: all .3s ease;
}
.video:hover span {
	height: 0;
}
.video>em {
	width: 24px;
	height: 28px;
	background: url(../img/tri_639abac.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -7px;
}
.video:hover em {
	-webkit-transform: scale(1.1);
}
/*预约*/
.yuyue {
	width: 198px;
	height: 96px;
	background: url(../img/yyBtn2_5b2642d.jpg) no-repeat;
	margin: 9px 0 0;
	float: left;
}
.yuyue:hover {
	background: url(../img/yyBtn2_h_e42f53a.jpg) no-repeat;
}
/*----------------------------------------------title结束---------------------------------------------------------*/
/*----------------------------------------------游戏资讯开始---------------------------------------------------------*/
.game_news {
	margin-top: 27px;
	margin-bottom: 70px;
	display: block;
	position: relative;
	width: 1200px;
	margin: 0 auto;
	clear: both;
	z-index: 1;
}
.game_news h2 {
	width: 328px;
	height: 51px;
	background: url(../img/title1_bf9d5d6.png) no-repeat;
	margin-bottom: 27px;
}
.game_banner {
	width: 580px;
	height: 297px;
	float: left;
	margin: 0 0px 0 0;
	position: relative;
}
#lunbobox {
	width:500px;
	height:297px;
	position:relative;
	margin: 0 36px 0 0 ;
	float: left;
}
.lunbo {
	width:580px;
	height:297px;
}
.lunbo img {
	width:500px;
	height:300px;
	position:absolute;
	top:0px;
	left:0px;
}
#lunbobox ul {
	width:285px;
	position:absolute;
	bottom:10px;
	right:0px;
	z-index:5;
}
#lunbobox ul li {
	cursor:pointer;
	width:10px;
	height:4px;
	border:1px solid #cccccc;
	float:left;
	list-style:none;
	background:#cccccc;
	text-align:center;
	margin:0px 5px 0px 0px;
}
#toleft {
	display:none;
	width:30px;
	height:100px;
	font-size:40px;
	line-height:100px;
	text-align:center;
	color:#f4f4f4;
    position:absolute;
	top:90px;
	left:12px;
	cursor:pointer;
	z-index:99;
	opacity:0.4;
}
#toright {
	display:none;
	width:30px;
	height:100px;
	font-size:40px;
	line-height:100px;
	text-align:center;
	color:#f4f4f4;
	/*background:#cccccc;
	*/
    position:absolute;
	top:90px;
	right:0px;
	cursor:pointer;
	z-index:99;
	opacity:0.4;
}

/*右边news*/
.news_list {
	width: 584px;
	height: 286px;
	float: left;
	overflow: hidden;
	margin-top: 39px;
}
.newMenu {
	width: 100%;
	height: 41px;
	line-height: 41px;
}
.newsHd {
	height: 41px;
	float: left;
}
.newMenu .newsHd a {
	width: 92px;
	height: 41px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	float: left;
	position: relative;
}
.newMenu .newsHd a.on {
	font-weight: 700;
	color: #fdfdfd;
	background-color: #6d81b8;
}
.newMenu .newsHd a.on s {
	height: 2px;
	background: url(../img/i_nbgh_88f435a.jpg) no-repeat;
}
.newMenu .newsHd a s {
	width: 92px;
	height: 41px;
	background: url(../img/i_nbg_5a9ccc1.jpg) no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	transition:  all .3s ease;   
	transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.newMenu .newsHd a span {
	position: relative;
	z-index: 2;
}
.newsMore {
	width: 124px;
	height: 41px;
	background: #87acff;
	float: left;
}
.newsMore a {
	width: 19px;
	height: 19px;
	background: url(../img/i_add_c0df0a3.png) no-repeat;
	float: right;
	margin: 9px 23px 0px 0px;
	position: relative;
}
.lines {
	/*width: 19px;
	height: 19px;*/
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
}
.lines .lt {
	width: 0px;
	top: 0px;
	left: 0px;
}
.lines .lr {
	width: 0px;
	top: 0px;
	left: 0px;
}
.lines .lb {
	bottom: 0px;
}
.lines .ll {
	left: 0px;
}
a .lines .lt, a .lines .lr, a .lines .lb, a .lines .ll {
	position: absolute;
	background: #fff;
}
a .lines .lt, a .lines .lb {
	height: 1px;
}
a .lines .lr , a .lines .lb {
	width: 1px;
}
/*a:hover .lt {
	-webkit-transition: width .1s;
	-moz-transition: width .1s;
	-ms-transition: width .1s;
	-o-transition: width .1s;
	transition: width .1s
}
a:hover .lr {
	-webkit-transition: height .1s .1s;
	-moz-transition: height .1s .1s;
	-ms-transition: height .1s .1s;
	-o-transition: height .1s .1s;
	transition: height .1s .1s
}
a:hover .lb {
	-webkit-transition: left .1s .2s;
	-moz-transition: left .1s .2s;
	-ms-transition: left .1s .2s;
	-o-transition: left .1s .2s;
	transition: left .1s .2s
}
a:hover .ll {
	-webkit-transition: top .1s .3s;
	-moz-transition: top .1s .3s;
	-ms-transition: top .1s .3s;
	-o-transition: top .1s .3s;
	transition: top .1s .3s
}*/

/*新闻列表*/
.newsBd {
	width: 100%;
	overflow: hidden;
}
.newsBd ul {
	width: 100%;
	overflow: hidden;
}
.newsBd li {
	width: 100%;
	height: 30px;
	color: #effdfd;
	font-size: 12px;
	line-height: 30px;
}
.newsBd li.placedTop {
	height: 95px;
	line-height: 95px;
	text-align: center;
	border-bottom: 1px #929b9b dashed;
	margin-bottom: 17px;
}
.newsBd li.placedTop a {
	width: 100%;
	max-width: 100%;
	color: #5077cf;
	font-size: 24px;
	font-weight: 700;
}
.newsBd li em {
	float: left;
	margin-right: 9px;
}
.newsBd li a {
	max-width: 485px;
	color: #272727;
	font-size: 14px;
	float: left;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.newsBd li a:hover {
	color: #5077cf;
}
.newsBd li span {
	float: right;
}
/*----------------------------------------------游戏资讯结束---------------------------------------------------------*/

/*----------------------------------------------四张图开始---------------------------------------------------------*/
/*.pic_four {
	width: 100%;
	height: 140px;
	margin-top: 66px;
	float: left;
	position: relative;
	z-index: 3;
}
.pic_four li {
	width: 295px;
	height: 140px;
	font-size: 24px;
	background: #c0acdb;
	float: left;
	margin-left: 6px;
}
.pic_four li:first-child {
	margin-left: 0px;
}
.pic_four li a {
	width: 295px;
	height: 140px;
	display: block;
	position: relative;
}
.pic_four li a s {
	width: 176px;
	height: 191px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.pic_four li a s img {
	width: 176px;
	height: 191px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	vertical-align: top;
}
.pic_four li a .rkName{
	width: 276px;
	text-align: right;
	padding-top: 40px;
	margin-right: 19px;
	color: #fff;
	float: right;
	position: relative;
	z-index: 3;
}
.pic_four li a .rkName span {
	font-weight: 700;
	line-height: 28px;
}
.pic_four li a .ljxq {
	width: 69px;
	height: 20px;
	font-size: 12px;
	color: #fff3f2;
	text-align: center;
	border :1px solid #fff3f2;
	line-height: 20px;
	position: absolute;
	bottom: 25px;
	right: 19px;
}*/
.entrance {
	width: 100%;
	height: 140px;
	margin-top: 66px;
	float: left;
	position: relative;
	z-index: 3;
	margin-bottom: 50px;
}
/*官方社区隐藏块*/
.entrance .sqPanel {
	width: 1202px;
	height: 336px;
	background: transparent url(../img/gfsqBg_5c65e7b.png) scroll no-repeat 0 0;
	position: absolute;
	top: -335px;
	left: -1px;
	opacity: 0;
	display: none;
	z-index: 999;
}
.entrance .sqPanel .shequ {
	width: 300px;
	height: 251px;
	padding-top: 49px;
	float: left;
	background: transparent url(../img/xLine_5f3b6f1.png) scroll no-repeat 0 0
}
.entrance .sqPanel .shequ.gzh_01 {
	background: 0 0
}
.entrance .sqPanel .topShequ {
	width: 100%;
	height: 161px
}
.entrance .sqPanel .topShequ p {
	font-size: 14px;
	line-height: 25px
}
.entrance .sqPanel .gfL {
	width: 253px;
	height: 170px;
	margin: 0 auto;
	display: block
}
.entrance .sqPanel .qrCode {
	width: 110px;
	height: 110px;
	padding: 5px;
	margin: 0 auto;
	background-color: #fff
}
.entrance .sqPanel p {
	color: #fff;
	text-align: center
}
.entrance .sqPanel .sqName {
	font-size: 24px;
	font-weight: 700;
	padding-top: 14px
}
.entrance .sqPanel .xzTxt {
	font-size: 14px;
	line-height: 25px
}
.entrance .sqPanel.show {
	display: block
}
/**/
.entrance li {
	width: 295px;
	height: 140px;
	font-size: 40px;
	background: url("../img/a1.jpg");
	float: left;
	margin-left: 6px;
}
.entrance li:first-child {
	margin-left: 0
}
.entrance li a {
	width: 295px;
	height: 140px;
	display: block;
	position: relative
}
.entrance li a s {
	width: 176px;
	height: 191px;
	background: transparent url(../img/a.png) scroll no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0
}
.entrance li a s img {
	width: 176px;
	height: 191px;
	position: absolute;
	bottom: 0;
	left: 0
}
.entrance li a .rkName {
	width: 276px;
	text-align: right;
	padding-top: 40px;
	margin-right: 19px;
	color: #fff;
	float: right;
	position: relative;
	z-index: 3
	
}
.entrance li a .rkName span {
	font-weight: 700;
	line-height: 28px
}
.entrance li a .rkName p {
	font-size: 14px;
	line-height: 21px
}
.entrance li a .ljxq {
	width: 69px;
	height: 20px;
	font-size: 12px;
	color: #fff3f2;
	text-align: center;
	border: 1px #fff3f2 solid;
	line-height: 20px;
	position: absolute;
	bottom: 25px;
	right: 19px
}
.entrance li a .ljxq em {
	width: 0;
	height: 20px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 1
}
.entrance li a .ljxq span {
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	position: relative;
	z-index: 2
}
.entrance li a:hover s.stopLeft img {
	-webkit-animation: toRight .3s linear 300ms 0 ease;
	-moz-animation: toRight .3s linear 300ms 0 ease;
	-ms-animation: toRight .3s linear 300ms 0 ease;
	animation: toRight .3s linear 300ms 0 ease;
	-moz-animation: toRight .3s linear;
	-webkit-animation: toRight .3s linear;
	-o-animation: toRight .3s linear;
	-ms-animation: toRight .3s linear;
	animation: toRight .3s linear
}
.entrance li a:hover s.stopRight img {
	-webkit-animation: toLeft .3s linear 300ms 0 ease;
	-moz-animation: toLeft .3s linear 300ms 0 ease;
	-ms-animation: toLeft .3s linear 300ms 0 ease;
	animation: toLeft .3s linear 300ms 0 ease;
	-moz-animation: toLeft .3s linear;
	-webkit-animation: toLeft .3s linear;
	-o-animation: toLeft .3s linear;
	-ms-animation: toLeft .3s linear;
	animation: toLeft .3s linear
}
.entrance li a:hover .ljxq {
	border-color: #fff
}
.entrance li a:hover .ljxq em {
	width: 69px
}
.entrance li a:hover .ljxq span {
	color: #c0acdb
}
.entrance li.rk2 {
	background-color: #8d9abc
}
.entrance li.rk2 a s {
	width: 142px;
	height: 184px;
	background-image: url(../img/b.png);
	left: 13px
}
.entrance li.rk2 a s img {
	width: 142px;
	height: 184px
}
.entrance li.rk2 a:hover .ljxq span {
	color: #eaedf2
}
.entrance li.rk3 {
	background-color: #8c9bca
}
.entrance li.rk3 a s {
	width: 142px;
	height: 185px;
	background-image: url(../img/c.png);
	left: 4px
}
.entrance li.rk3 a s img {
	width: 142px;
	height: 185px
}
.entrance li.rk3 a:hover .ljxq span {
	color: #8c9bca
}
.entrance li.rk4 {
	background-color: #c6c58d
}
.entrance li.rk4 a s {
	width: 131px;
	height: 178px;
	background-image: url(../img/d.png)
}
.entrance li.rk4 a s img {
	width: 131px;
	height: 178px
}
.entrance li.rk4 a:hover .ljxq span {
	color: #c6c58d
}
/*----------------------------------------------四张图结束---------------------------------------------------------*/
/*----------------------------------------------版心开始---------------------------------------------------------*/
.wbox {
	width: 1200px;
	margin: 0 auto;
	clear: both
}
.wbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
.wbox {
	display: inline-block
}
* html .wbox {
	zoom: 1
}
.wbox {
	display: block;
	position: relative
}
/*----------------------------------------------版心结束---------------------------------------------------------*/
/*----------------------------------------------君王开始---------------------------------------------------------*/
/*标题*/

.module04 h1 {
	width: 308px;
	height: 50px;
	background-image: url(../img/title2_92b5939.png)
}
/*右侧文字*/
.panel {
	width: 665px;
	height: 320px;
	float: right;
	position: relative;
	z-index: 5
}
.panel .TxtInfoList {
	height: 320px;
	color: #fff;
	position: relative;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 200);
	-moz-transform: matrix(1, 0, 0, 1, 0, 200);
	-ms-transform: matrix(1, 0, 0, 1, 0, 200);
	-o-transform: matrix(1, 0, 0, 1, 0, 200);
	transform: matrix(1, 0, 0, 1, 0, 200)
}
.panel .TxtInfoList li {
	height: 320px;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
	z-index: -1
}
/*英雄名*/
.panel .TxtInfoList li .heroName {
	width: 245px;
	float: left
}
.panel .TxtInfoList li .heroName img {
	width: auto;
	height: auto
}
/*英雄介绍*/
.panel .TxtInfoList li .heroInfo {
	width: 420px;
	float: left
}
.panel .TxtInfoList li .heroInfo>p {
	width: 100%;
	font-size: 14px;
	line-height: 27px
}
/*滚动文字（字幕）*/
.panel .TxtInfoList li .heroTc {
	width: 360px;
	height: 35px;
	background: transparent url(../img/tcBg_03822b1.png) scroll no-repeat 0 0;
	padding-left: 53px;
	padding-right: 7px;
	margin-bottom: 31px;
	position: relative
}
/*小喇叭*/
.panel .TxtInfoList li .heroTc em {
	width: 21px;
	height: 18px;
	background: transparent url(../img/i_voice_on_ef086f1.png) scroll no-repeat 0 0;
	position: absolute;
	top: 9px;
	left: 13px
}
.panel .TxtInfoList li .heroTc .heroVoice {
	width: 21px;
	height: 18px;
	background: transparent url(../img/i_voice_bg_709d80f.png) scroll no-repeat 0 0;
	position: absolute;
	top: 9px;
	left: 19px;
	overflow: hidden
}
.panel .TxtInfoList li .heroTc .heroVoice.play {
	-webkit-animation: light ease-in 2s infinite 300ms 0 ease;
	-moz-animation: light ease-in 2s infinite 300ms 0 ease;
	-ms-animation: light ease-in 2s infinite 300ms 0 ease;
	animation: light ease-in 2s infinite 300ms 0 ease;
	-moz-animation: light ease-in 2s infinite;
	-webkit-animation: light ease-in 2s infinite;
	-o-animation: light ease-in 2s infinite;
	-ms-animation: light ease-in 2s infinite;
	animation: light ease-in 2s infinite
}
.panel .TxtInfoList li .heroTc .fg_line {
	width: 1px;
	height: 22px;
	border-left: 1px #fff solid;
	position: absolute;
	top: 7px;
	left: 45px
}
.panel .TxtInfoList li .heroTc .heroTcBox {
	width: 360px;
	overflow: hidden
}
.panel .TxtInfoList li .heroTc .heroTcBd {
	width: 1000px;
	height: 35px;
	font-size: 14px;
	line-height: 35px
}
/*下面新闻*/
.panel .TxtInfoList li .heroTc .heroTcBd p {
	min-width: 135px;
	max-width: 560px;
	height: 35px;
	line-height: 35px;
	margin-left: 10px;
	float: left
}
/*横条*/
.panel .TxtInfoList li .wgtj {
	width: 100%;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	padding-bottom: 17px;
	margin-bottom: 24px;
	position: relative
}
.panel .TxtInfoList li .wgtj span {
	width: 100%;
	height: 6px;
	background-color: #67678b;
	position: absolute;
	bottom: 0;
	left: 0
}
.panel .TxtInfoList li .wgtj span s {
	width: 102px;
	height: 7px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0
}
/*英雄名*/
.panel .TxtInfoList li.gtzy .heroName {
	width: 217px
}
.panel .TxtInfoList li.gtzy .heroInfo {
	width: 448px
}
.panel .TxtInfoList li.on {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 5
}
.panel .TxtInfoList.coverInfo {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transition: ease .8s 1s;
	-moz-transition: ease .8s 1s;
	-ms-transition: ease .8s 1s;
	-o-transition: ease .8s 1s;
	transition: ease .8s 1s
}



.switchTx {
	width: 600px;
	height: 48px;
	float: right;
	margin-right: 5px
}
.switchTx a {
	color: #fffefe;
	font-size: 23px;
	padding-right: 35px;
	float: right;
	background: transparent url(../img/i_sx_42a6102.png) scroll no-repeat 145px 9px
}
.txList {
	width: 900px;
	min-height: 770px;
	float: right;
	position: relative;
	z-index: 4;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	perspective: 500px
}
.txList li {
	width: 214px;
	height: 362px;
	float: left;
	margin: 0 0 15px 10px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 10);
	-moz-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 10);
	-ms-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 10);
	-o-transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 10);
	transform: matrix3d(-1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 10)
}
.txList li a {
	width: 214px;
	height: 362px;
	display: block;
	position: relative
}
.txList li a .cover {
	width: 214px;
	height: 362px;
	background: transparent url(../img/tx_zz_1ffc218.png) scroll no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.txList li.coverTx {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	-webkit-transition: all .5s ease 1s;
	-moz-transition: all .5s ease 1s;
	-ms-transition: all .5s ease 1s;
	-o-transition: all .5s ease 1s;
	transition: all .5s ease 1s
}
.txList li.on .cover {
	height: 0
}
.txList li.firstPin {
	margin-left: 234px
}
.sectList {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}
.sectList li {
	width: 814px;
	height: 961px;
	position: absolute;
	top: 130px;
	left: -254px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	-o-transform: translateX(-40px);
	transform: translateX(-40px);
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	-ms-perspective: 500px;
	perspective: 500px
}
.sectList li img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 200);
	-moz-transform: matrix(1, 0, 0, 1, 0, 200);
	-ms-transform: matrix(1, 0, 0, 1, 0, 200);
	-o-transform: matrix(1, 0, 0, 1, 0, 200);
	transform: matrix(1, 0, 0, 1, 0, 200)
}
.sectList li img.coverRw {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transition: all .8s ease 1s;
	-moz-transition: all .8s ease 1s;
	-ms-transition: all .8s ease 1s;
	-o-transition: all .8s ease 1s;
	transition: all .8s ease 1s
}
.sectList li.on {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition: all .3 ease .5s;
	-moz-transition: all .3 ease .5s;
	-ms-transition: all .3 ease .5s;
	-o-transition: all .3 ease .5s;
	transition: all .3 ease .5s
}
.sectList li.xs02 {
	width: 986px;
	height: 1370px;
	top: -5px;
	left: -399px
}
.sectList li.xs03 {
	width: 931px;
	height: 1207px;
	top: 72px;
	left: -281px
}
.sectList li.xs04 {
	width: 1071px;
	height: 1227px;
	top: 196px;
	left: -178px
}
.sectList li.xs05 {
	width: 870px;
	height: 1231px;
	top: 152px;
	left: -275px
}
.sectList li.xs06 {
	width: 846px;
	height: 1400px;
	top: -25px;
	left: -324px
}
.sectList li.xs07 {
	width: 812px;
	height: 994px;
	top: 249px;
	left: -318px
}
.sectList li.xs08 {
	width: 747px;
	height: 1150px;
	top: 110px;
	left: -159px
}
.sectList li.xs09 {
	width: 824px;
	height: 1145px;
	top: 250px;
	left: -282px
}
.sectList li.xs10 {
	width: 866px;
	height: 1345px;
	top: 56px;
	left: -233px
}
.sectList li.xs11 {
	width: 918px;
	height: 1193px;
	top: 115px;
	left: -308px
}
.sectList li.xs12 {
	width: 703px;
	height: 995px;
	top: 219px;
	left: -223px
}
.sectList li.xs13 {
	width: 830px;
	height: 1175px;
	top: 69px;
	left: -170px
}
.sectList li.xs14 {
	width: 869px;
	height: 1216px;
	top: 49px;
	left: -305px
}
.sectList li.xs15 {
	width: 1013px;
	height: 1345px;
	top: 141px;
	left: -268px
}
.linesList {
	width: 900px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3
}
.linesList li {
	width: 206px;
	height: 498px;
	position: absolute;
	top: 457px;
	left: -110px;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: matrix(1, 0, 0, 1, 0, -200);
	-moz-transform: matrix(1, 0, 0, 1, 0, -200);
	-ms-transform: matrix(1, 0, 0, 1, 0, -200);
	-o-transform: matrix(1, 0, 0, 1, 0, -200);
	transform: matrix(1, 0, 0, 1, 0, -200)
}
.linesList li.on {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-animation: bounceInDown ease-in-out .3s .4s both 300ms 0 ease;
	-moz-animation: bounceInDown ease-in-out .3s .4s both 300ms 0 ease;
	-ms-animation: bounceInDown ease-in-out .3s .4s both 300ms 0 ease;
	animation: bounceInDown ease-in-out .3s .4s both 300ms 0 ease;
	-moz-animation: bounceInDown ease-in-out .3s .4s both;
	-webkit-animation: bounceInDown ease-in-out .3s .4s both;
	-o-animation: bounceInDown ease-in-out .3s .4s both;
	-ms-animation: bounceInDown ease-in-out .3s .4s both;
	animation: bounceInDown ease-in-out .3s .4s both
}
.linesList .line02 {
	width: 250px;
	height: 597px;
	top: 501px;
	left: 4px
}
.linesList .line03 {
	width: 228px;
	height: 485px;
	top: 377px;
	left: 3px
}
.linesList .line04 {
	width: 228px;
	height: 485px;
	top: 609px;
	left: 0
}
.linesList .line05 {
	width: 227px;
	height: 421px;
	top: 607px;
	left: 0
}
.linesList .line06 {
	width: 194px;
	height: 560px;
	top: 566px;
	left: -26px
}
.linesList .line07 {
	width: 247px;
	height: 557px;
	top: 611px;
	left: 4px
}
.linesList .line08 {
	width: 305px;
	height: 601px;
	top: 579px;
	left: -5px
}
.linesList .line09 {
	width: 268px;
	height: 555px;
	top: 611px;
	left: -78px
}
.linesList .line10 {
	width: 232px;
	height: 500px;
	top: 416px;
	left: -17px
}
.linesList .line11 {
	width: 184px;
	height: 469px;
	top: 595px;
	left: 13px
}
.linesList .line12 {
	width: 210px;
	height: 511px;
	top: 561px;
	left: -13px
}
.linesList .line13 {
	width: 237px;
	height: 611px;
	top: 611px;
	left: -4px
}
.linesList .line14 {
	width: 167px;
	height: 482px;
	top: 558px;
	left: 41px
}
.linesList .line15 {
	width: 213px;
	height: 577px;
	top: 652px;
	left: -46px
}
.linesList.coverTxt {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-animation: bounceInDown ease-in-out .3s 1s both 300ms 0 ease;
	-moz-animation: bounceInDown ease-in-out .3s 1s both 300ms 0 ease;
	-ms-animation: bounceInDown ease-in-out .3s 1s both 300ms 0 ease;
	animation: bounceInDown ease-in-out .3s 1s both 300ms 0 ease;
	-moz-animation: bounceInDown ease-in-out .3s 1s both;
	-webkit-animation: bounceInDown ease-in-out .3s 1s both;
	-o-animation: bounceInDown ease-in-out .3s 1s both;
	-ms-animation: bounceInDown ease-in-out .3s 1s both;
	animation: bounceInDown ease-in-out .3s 1s both
}
/*游戏特色*/
.module05 {
	margin-top: 108px;
	margin-bottom: 70px
}
.module05 h1 {
	background-image: url(../img/title3_373f694.png);
	position: relative;
	z-index: 50;
	width: 327px;
	height: 51px;
}
.shuffling {
	width: 100%;
	height: 350px;
	margin-top: 29px;
	overflow: hidden;
	background: transparent url(../img/tes_0c630d6.html) scroll no-repeat 0 0;
}
.shuffling a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 100;
	cursor: default
}
.shuffling .on {
	width: 639px
}
.shuffling .on b {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0)
}
.shuffling li {
	position: relative;
	width: 140px;
	overflow: hidden;
	float: left;
	-webkit-transition: width .3s linear;
	-moz-transition: width .3s linear;
	-ms-transition: width .3s linear;
	-o-transition: width .3s linear;
	transition: width .3s linear;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0)
}
.shuffling li b {
	display: block;
	width: 140px;
	height: 350px;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.shuffling .ul-li1 {
	background: url(../img/1.png) no-repeat 0 0;
	opacity: 1;
}
.shuffling .ul-li1 b {
	background: url(../img/ts_s1_ee3b059.jpg) no-repeat 0 0;
}
.shuffling .ul-li2 {
	background: url(../img/2.png) no-repeat 0 0;
	opacity: 1;
}
.shuffling .ul-li2 b {
	background: url(../img/ts_s2_4b02168.jpg) no-repeat 0 0;
}
.shuffling .ul-li3 {
	background: url(../img/3.png) no-repeat 0 0;
	opacity: 1;
}
.shuffling .ul-li3 b {
	background: url(../img/ts_s3_1ebbf7c.jpg) no-repeat 0 0;
}
.shuffling .ul-li4 {
	background: url(../img/4.png) no-repeat 0 0;
	opacity: 1;
}
.shuffling .ul-li4 b {
	background: url(../img/ts_s4_cb4c087.jpg) no-repeat 0 0;
}
.shuffling .ul-li5 {
	background: url(../img/5.png) no-repeat 0 0;
	opacity: 1;
}
.shuffling .ul-li5 b {
	background: url(../img/ts_s5_58ac123.jpg) no-repeat 0 0;
}
.off {
	opacity: 0;
}
/*----------------------------------------------版心结束---------------------------------------------------------*/

/*----------------------------------------------同人作品开始---------------------------------------------------------*/
.module06 {
	margin-bottom: 70px
}
.module06 h1 {
	background-image: url(../img/title4_3055da7.png);
	margin-bottom: 12px;
	margin-top: 52px;
	position: relative;
	z-index: 50;
	width: 324px;
	height: 51px;
}
.module06 .playHd {
	width: 100%;
	height: 40px;
	position: relative;
	margin: 0 auto 26px
}
.module06 .playHd .lineLeft, .module06 .playHd .lineRight {
	width: 282px;
	height: 1px;
	background-color: #000;
	margin-top: 20px;
	float: left
}
.module06 .playHd .lineRight {
	float: right
}
.module06 .playHd .trMore {
	width: 81px;
	height: 33px;
	background: transparent url(../img/i_add2_49b6541.png) scroll no-repeat 0 0;
	position: absolute;
	top: -47px;
	right: 0;
	display: block
}
.module06 .playHd .trMore .lines {
	width: 81px;
	height: 33px
}
.module06 .playHd .trMore .lines .lb {
	width: 83px;
	left: 83px
}
.module06 .playHd .trMore .lines .ll {
	height: 33px;
	top: 33px
}
.module06 .playHd .trMore:hover .lt {
	width: 83px
}
.module06 .playHd .trMore:hover .lr {
	height: 33px
}
.module06 .playHd .trMore:hover .lb {
	left: 0
}
.module06 .playHd .trMore:hover .ll {
	top: 0
}
.module06 .playHd li {
	height: 38px;
	text-align: center;
	color: #000;
	font-size: 14px;
	line-height: 38px;
	margin-right: 25px;
	float: left;
	cursor: pointer;
	position: relative
}
.module06 .playHd li a {
	display: block;
	color: #000
}
.module06 .playHd li.on, .module06 .playHd li:hover {
	border-bottom: 2px #000 solid
}
.module06 .playHd li.mmdZp {
	width: 82px;
	margin-left: 23px
}
.module06 .playHd li.mmdMx, .module06 .playHd li.mhZp {
	width: 108px
}
.module06 .playHd li.cvjZp {
	width: 98px
}
.module06 .playHd li.bqbXz {
	width: 102px;
	margin-right: 12px
}
.module06 .playHd li s {
	width: 6px;
	height: 6px;
	background: transparent url(../img/i_fan_50f936e.png) scroll no-repeat 0 0;
	position: absolute;
	top: 50%;
	right: -16px;
	margin-top: -3px
}
.module06 .playBd {
	width: 100%;
	height: 315px;
	overflow: hidden
}
.module06 .playBd .playerPic {
	width: 1200px;
	height: 315px;
	position: relative;
	float: left;
	overflow: hidden
}
.module06 .playBd .playerPic .playerPicHd {
	width: 100%;
	height: 15px;
	margin-top: 20px;
	position: relative
}
.module06 .playBd .playerPic .playerPicHd ul {
	position: absolute;
	left: 50%;
	overflow: hidden
}
.module06 .playBd .playerPic .playerPicHd ul li {
	width: 15px;
	height: 15px;
	background: transparent url(../img/point_e7ec0e8.png) scroll no-repeat 0 0;
	margin-left: 9px;
	float: left;
	cursor: pointer;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.module06 .playBd .playerPic .playerPicHd ul li.on {
	width: 51px;
	background-image: url(../img/point_h2_4992c29.png)
}
.module06 .playBd .playerPic .playerPicBd {
	width: 1200px;
	height: 278px;
	overflow: hidden
}
.module06 .playBd .playerPic .playerPicBd ul {
	overflow: hidden;
	margin-left: -38px
}
.module06 .playBd .playerPic .playerPicBd ul li {
	width: 271px;
	height: 278px;
	margin-left: 38px;
	float: left;
	overflow: hidden
}
.module06 .playBd .playerPic .playerPicBd ul li a {
	width: 271px;
	height: 278px;
	display: block;
	position: relative;
	overflow: hidden
}
.module06 .playBd .playerPic .playerPicBd ul li s {
	width: 271px;
	height: 278px;
	background: #000;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;
	filter: alpha(opacity=60);
	position: absolute;
	top: 278px;
	left: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition: all .3 ease .5s;
	-moz-transition: all .3 ease .5s;
	-ms-transition: all .3 ease .5s;
	-o-transition: all .3 ease .5s;
	transition: all .3 ease .5s;
	z-index: 1
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox {
	width: 271px;
	height: 278px;
	position: absolute;
	top: 278px;
	left: 0;
	z-index: 2;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition: all .3 ease .5s;
	-moz-transition: all .3 ease .5s;
	-ms-transition: all .3 ease .5s;
	-o-transition: all .3 ease .5s;
	transition: all .3 ease .5s
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox em {
	width: 24px;
	height: 4px;
	margin: 69px auto 18px;
	background: #c2e5fc;
	display: block
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox p {
	width: 162px;
	font-size: 14px;
	color: #c2e5fc;
	text-align: center;
	font-style: italic;
	line-height: 18px;
	margin: 0 auto 45px
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .bVideo {
	width: 53px;
	height: 55px;
	background: transparent url(../img/i_vtri_3ae2f98.png) scroll no-repeat 0 0;
	display: block;
	margin: 0 auto;
	position: relative
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .bVideo span {
	width: 53px;
	height: 55px;
	background: transparent url(../img/i_v_ffb700c.png) scroll no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: video2 2s infinite linear 300ms 0 ease;
	-moz-animation: video2 2s infinite linear 300ms 0 ease;
	-ms-animation: video2 2s infinite linear 300ms 0 ease;
	animation: video2 2s infinite linear 300ms 0 ease;
	-moz-animation: video2 2s infinite linear;
	-webkit-animation: video2 2s infinite linear;
	-o-animation: video2 2s infinite linear;
	-ms-animation: video2 2s infinite linear;
	animation: video2 2s infinite linear
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq {
	width: 93px;
	height: 31px;
	background: transparent url(../img/viewXq_846d177.png) scroll no-repeat 0 0;
	margin: 62px auto 0;
	display: block;
	position: relative
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq .lines {
	width: 93px;
	height: 31px
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq .lines .lt, .module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq .lines .lr, .module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq .lines .lb, .module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq .lines .ll {
	background: #52b2f2
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq .lines .lb {
	width: 93px;
	left: 93px
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq .lines .ll {
	height: 31px;
	top: 31px
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq:hover .lt {
	width: 93px
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq:hover .lr {
	height: 31px
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq:hover .lb {
	left: 0
}
.module06 .playBd .playerPic .playerPicBd ul li .showBox .viewXq:hover .ll {
	top: 0
}
.module06 .playBd .playerPic .playerPicBd ul li img {
	width: 271px;
	height: 278px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition: all .3 ease .5s;
	-moz-transition: all .3 ease .5s;
	-ms-transition: all .3 ease .5s;
	-o-transition: all .3 ease .5s;
	transition: all .3 ease .5s
}
.module06 .playBd .playerPic .playerPicBd ul li:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.module06 .playBd .playerPic .playerPicBd ul li:hover s, .module06 .playBd .playerPic .playerPicBd ul li:hover .showBox {
	top: 0
}
/*----------------------------------------------同人作品结束---------------------------------------------------------*/
/*----------------------------------------------音画专区开始---------------------------------------------------------*/
.module07 {
	margin-bottom: 75px;
}
.module07 h1 {
	background-image: url(../img/title5_a112372.png);
	margin-bottom: 40px;
	position: relative;
	z-index: 50;
	width: 203px;
	height: 51px;
}
.module07 .hZone {
	width: 581px;
	float: left
}
.module07 .yZone {
	width: 581px;
	float: right
}
.module07 .yhZoneHd {
	height: 32px;
	margin-bottom: 8px
}
.module07 .yhZoneHd li {
	width: 73px;
	height: 30px;
	font-size: 14px;
	color: #2d2d2d;
	text-align: center;
	border: 1px #d3d1d1 solid;
	line-height: 30px;
	float: left;
	position: relative;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden
}
.module07 .yhZoneHd li.yhLeft {
	border-right: 0
}
.module07 .yhZoneHd li.yhLeft s {
	left: 74px
}
.module07 .yhZoneHd li.yhRight {
	border-left: 0
}
.module07 .yhZoneHd li.yhRight s {
	left: -74px
}
.module07 .yhZoneHd li span {
	position: relative;
	z-index: 2
}
.module07 .yhZoneHd li s {
	width: 73px;
	height: 30px;
	background-color: #7fadf8;
	position: absolute;
	top: 0;
	z-index: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.module07 .yhZoneHd li:hover, .module07 .yhZoneHd li.on {
	color: #fff
}
.module07 .yhZoneHd li:hover s, .module07 .yhZoneHd li.on s {
	left: 0
}
.module07 .yhMore {
	width: 79px;
	height: 31px;
	font-size: 14px;
	color: #000;
	border: 1px #b1b1b1 solid;
	text-align: center;
	line-height: 31px;
	float: right
}
.module07 .yhMore span {
	padding-right: 23px;
	position: relative
}
.module07 .yhMore span em {
	width: 11px;
	height: 11px;
	background: transparent url(../img/i_hjh_4fe59ef.png) scroll no-repeat 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.module07 .yhMore:hover span em {
	background-position: 0 -21px
}
.module07 .yZoneHd .yhMore {
	color: #fff
}
.module07 .yZoneHd .yhMore span em {
	background-image: url(../img/i_bjh_9444bde.png)
}
.module07 .yhZoneBd {
	width: 100%
}
.module07 .yhZoneBd ul {
	width: 597px;
	height: 390px;
	margin-left: -16px;
	overflow: hidden
}
.module07 .yhZoneBd.yZoneBd ul {
	display: none
}
.module07 .yhZoneBd.yZoneBd ul:first-child {
	display: block
}
.module07 .yhZoneBd li {
	width: 282px;
	height: 178px;
	float: left;
	margin-left: 16px;
	margin-bottom: 17px;
	overflow: hidden
}
.module07 .yhZoneBd li a {
	width: 282px;
	height: 178px;
	display: block;
	position: relative;
	overflow: hidden
}
.module07 .yhZoneBd li s {
	width: 282px;
	height: 178px;
	background: #000;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;
	filter: alpha(opacity=60);
	position: absolute;
	top: 178px;
	left: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition: all .3 ease .5s;
	-moz-transition: all .3 ease .5s;
	-ms-transition: all .3 ease .5s;
	-o-transition: all .3 ease .5s;
	transition: all .3 ease .5s;
	z-index: 1
}
.module07 .yhZoneBd li .showBox {
	width: 282px;
	height: 178px;
	position: absolute;
	top: 178px;
	left: 0;
	z-index: 2;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition: all .3 ease .5s;
	-moz-transition: all .3 ease .5s;
	-ms-transition: all .3 ease .5s;
	-o-transition: all .3 ease .5s;
	transition: all .3 ease .5s
}
.module07 .yhZoneBd li .showBox em {
	width: 46px;
	height: 46px;
	margin: 71px auto 7px;
	background: transparent url(../img/fdj_3708cad.png) scroll no-repeat 0 0;
	display: block;
}
.module07 .yhZoneBd li .showBox p {
	width: 262px;
	font-size: 14px;
	color: #f6f3f4;
	text-align: center;
	line-height: 18px;
	margin: 0 auto;
	padding: 0 10px
}
.module07 .yhZoneBd li .yhsp {
	width: 41px;
	height: 47px;
	background: transparent url(../img/i_sptri_7db8100.png) scroll no-repeat 0 0;
	margin: 53px auto 7px;
	display: block;
	z-index: 2;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-transition: all .3 ease .5s;
	-moz-transition: all .3 ease .5s;
	-ms-transition: all .3 ease .5s;
	-o-transition: all .3 ease .5s;
	transition: all .3 ease .5s
}
.module07 .yhZoneBd li:hover s, .module07 .yhZoneBd li:hover .showBox {
	top: 0
}
/*----------------------------------------------音画专区结束---------------------------------------------------------*/
/*----------------------------------------------悬浮开始---------------------------------------------------------*/
.gzh_off {
	width: 38px;
	height: 117px;
	background: transparent url(../img/gzh_off_434f2c6.png) scroll no-repeat 0 0;
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -6px;
}
.slideBox {
	width: 203px;
	height: 204px;
	background: transparent url(../img/slideBg_f21c3e5.png) scroll no-repeat 0 0;
	position: fixed;
	top: 50%;
	right: 0;
	margin-top: -180px;
	padding-top: 156px;
	display: block;
	z-index: 2;
}
.slideBox .gzh_close {
	width: 28px;
	height: 28px;
	background: transparent url(../img/gzh_close_0656530.jpg) scroll no-repeat 0 0;
	position: absolute;
	top: 90px;
	left: -21px;
}
.slideBox .wbCode {
	width: 168px;
	height: 168px;
	margin: 0 0 3px 21px
}
.slideBox .wbCode img {
	width: 100%;
	height: 100%;
	vertical-align: top
}
.slideBox p {
	width: 168px;
	font-size: 18px;
	font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft YaHei";
	color: #000;
	text-align: center;
	margin-left: 21px
}
/*----------------------------------------------悬浮结束---------------------------------------------------------*/
/*----------------------------------------------底部开始---------------------------------------------------------*/
.NIE-copyRight {
	padding-top: 10px;
	background: #000;
	color: #888;
	text-align: center;
	padding-bottom: 10px;
}
.NIE-copyRight a {
	color: #888
}
.nie-copyright-new-inner {
	width:840px;
	text-align:left;
	margin:0 auto;
	padding:15px 0 10px;
	font-size:12px;
	line-height:20px;
	}

.nie-copyright-new-inner .nie-cn-logo {
	display:inline-block;
	vertical-align:middle;
	height:48px;
	min-width:300px
	}
.nie-copyright-new-inner .nie-cn-logo a {
	display:inline-block;
	vertical-align:top;
	margin-top: 2px;
	}
.nie-copyright-new-inner .nie-cn-logo a.a0 img{
	padding-right:0
	}
.nie-copyright-new-inner .nie-cn-logo img{
	padding-right:15px;
	padding-top:5px;
    border: 0;
    vertical-align:middle;
    }
.nie-copyright-new-inner .nie-cn-nav{
	display:inline-block;
	vertical-align:top;
	position:relative;
	z-index:1;}
.nie-copyright-new-inner .nie-cn-nav i{
	font-style:normal
	}
.nie-copyright-new-inner .nie-cn-nav i.nie-cn-nav-i2{
	height:28px;
	line-height:28px;
	text-align: left;
	}
.nie-copyright-new-inner .nie-cn-nav a{
	text-decoration:none
	}
.nie-copyright-new-inner .nie-cn-nav a:hover{
	text-decoration:underline
	}
.nie-copyright-new-inner .nie-cn-nav .nie-cn-reportcenter{
	padding-left:18px;
	font-style: normal;
	}
.nie-copyright-new-inner .nie-cn-nav a.nie-cn-guardianship{
	display:inline-block;
	color:#fff;
	background-color:#610000;
	position:absolute;
	z-index:2;
	right:0;
	height:26px;
	line-height:26px;
	padding:0 3px;
	top:21px
	}
#NIE-copyRight a.nie-cn-guardianship{
	color:#fff;
	}
.nie-copyright-new-inner .nie-cn-part2{
	padding-top:10px;
	line-height:24px
	}
.nie-copyright-new-inner .nie-cn-part2 a{
	text-decoration:none;
	display:inline-block;
	vertical-align:top
	}
.nie-copyright-new-inner .nie-cn-part2 a:hover{
	text-decoration:underline
	}
.nie-copyright-new-inner .nie-cn-part2 span{
	display:inline-block;
	vertical-align:top;
	}
.nie-cn-part2 a img{
	vertical-align: top
}

/*底部信息*/
.footer {
	text-align: center;
	padding: 30px 0;
	background-color: rgba(0, 0, 0, 0.8);
	color: #999;
	font-size: 12px;
	line-height: 1.8;
}
.footer p {
	margin: 5px 0;
}

/*----------------------------------------------底部结束---------------------------------------------------------*/