.part-banner {
	margin: 0 20px 0 0;
	width: 578px;
	height: 270px;
	background: #ffffff;
	border: 6px solid #212121;
}
.part-banner .curr {
	display: block;
}
.banner-box {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.banner {
	position: relative;
}
.banner a, .banner img {
	width: 578px;
	height: 270px;
}
.banner a {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.banner .on {
	display: block;
}
.dot {
	left: 40px;
	bottom: 16px;
}
.dot a {
	float: left;
	margin-right: 6px;
	width: 9px;
	height: 9px;
	background-position: -102px -397px;
	display: block;
}
.dot .on {
	width: 24px;
	height: 9px;
	background-position: -156px -397px;
}
.banner-tag {
	right: 0;
	top: 0;
}
.banner-tag a {
	float: left;
	width: 63px;
	height: 28px;
	background-position: -486px -332px;
	color: #ffffff;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	text-shadow: 0 0 2px #000000;
	display: block;
}
.banner-tag .on {
	background-position: -486px -363px;
}
.part-news {
	padding: 0 10px;
	width: 351px;
	height: 282px;
}
.part-news .part-title {
	width: 95%;
}
.part-news .part-nav {
	margin-left: 0;
}
.ul-news {
	width: 351px;
	height: 196px;
	overflow: hidden;
	display: none;
}
.ul-news li {
	margin-bottom: 5px;
	padding: 0 10px;
	width: 331px;
	height: 23px;
	overflow: hidden;
}
.ul-news .on {
	background: #414247;
}
.ul-news a {
	float: left;
	width: 248px;
	color: #efff00;
	font-size: 14px;
	line-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.ul-news a:hover, .ul-news .red a, .ul-news .red em a:hover {
	color: #0f0;
}
.ul-news em {
	float: left;
	margin-right: 5px;
	color: #0f0;
}
.ul-news em a, .ul-news .red em a {
	float: none;
	display: inline;
}
.ul-news i {
	margin: 0 3px;
	width: 26px;
	height: 18px;
	background-position: -207px -397px;
	display: inline-block;
	vertical-align: middle;
}
.ul-news label {
	float: right;
	width: 40px;
	color: #2c2a2a;
	text-align: right;
	display: block;
}
.part-news .curr {
	display: block;
}
.part-event {
	margin: 20px 20px 0 0;
	padding: 0 20px;
	width: 550px;
	height: 355px;
}
.part-event .curr {
	display: block;
}
.event {
	margin-top: 10px;
	display: none;
}
.ul-event {
	position: relative;
	width: 310px;
}
.ul-event .pic, .ul-event .pic img {
	width: 201px;
	height: 99px;
}
.ul-event li {
	width: 100%;
	height: 28px;
*height: 22px;
	overflow: hidden;
}
.ul-event a {
	float: left;
	width: 240px;
	color: #efff00;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.ul-event a:hover {
	color: #0f0;
}
.ul-event a:hover img {
	opacity: 0.9;
}
.ul-event img {
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
}
.ul-event em {
	float: right;
	margin-top: 1px;
	width: 56px;
	height: 16px;
	background-position: -211px -420px;
	color: #ffffff;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	display: block;
}
.ul-event .off {
	background-position: -152px -420px;
}
.ul-event .before {
	background-position: -427px -702px;
	color: #000000;
}
.part-title2 {
	padding-top: 10px;
}
.part-title2 b {
	font-size: 18px;
}
.today {
	margin: 0 auto;
	width: 480px;
	height: 66px;
}
.today .prev, .today .next {
	top: 17px;
	width: 19px;
	height: 35px;
	display: block;
}
.today .prev {
	left: 0;
	background-position: -102px -420px;
}
.today .prev:hover {
	left: -2px;
}
.today .next {
	right: 0;
	background-position: -127px -420px;
}
.today .next:hover {
	right: -2px;
}
.today .outer {
	margin: 0 auto;
	width: 430px;
	height: 66px;
	overflow: hidden;
}
.link-today {
	left: 0;
	top: 0;
	width: 999999px;
	height: 66px;
}
.link-today a {
	float: left;
	width: 430px;
	color: #201b17;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.link-today a:hover em {
	color: #f20000;
}
.t-txt, .t-pic {
	position: relative;
	margin: 0 12px;
	display: inline-block;
	vertical-align: middle;
*zoom:1;
*display: inline;
}
.t-txt {
	margin-top: 4px;
	max-width: 310px;
*width: 310px;
	text-align: left;
}
.t-txt em {
	color: #c00a0a;
	text-decoration: underline;
}
.t-pic, .t-pic img {
	width: 66px;
	height: 66px;
}
.t-pic i {
	position: absolute;
	left: 0;
	top: 0;
	width: 66px;
	height: 66px;
	background: url(../img/event.png);
	display: block;
}
.part-info {
	margin-top: 20px;
	padding: 0 18px;
	width: 335px;
	height: 355px;
}
.part-info .curr {
	display: block;
}
.link-info {
	margin-top: 10px;
	display: none;
}
.link-info a {
	position: relative;
	margin-bottom: 18px;
	padding-left: 148px;
	width: 187px;
	min-height: 99px;
	color: #2c2a2a;
	font-size: 14px;
	line-height: 22px;
	display: block;
}
.link-info a:hover b {
	color: #f20000;
}
.link-info b {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
	display: block;
}
.link-info img {
	position: absolute;
	left: 0;
	top: 0;
	width: 334px;
	height: 99px;
}
.part-video {
	margin: 20px 20px 0 0;
	padding: 0 20px;
	width: 550px;
	height: 310px;
}
.part-video .part-nav {
	margin: 10px 0 15px -8px;
}
.link-video {
	width: 570px
}
.link-video a {
	position: relative;
	float: left;
	margin-right: 20px;
	width: 169px;
	color: #2c2a2a;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.link-video .fix {
	margin-left: 0;
}
.link-video img {
	margin-bottom: 8px;
	width: 163px;
	height: 106px;
	border: 3px solid #ffffff;
}
.link-video i {
	position: absolute;
	left: 0;
	top: 0;
	width: 169px;
	height: 112px;
	background: url(../img/video.png) no-repeat 50% 50%;
	display: none;
}
.link-video a:hover {
	color: #f20000;
}
.link-video a:hover img {
	border: 3px solid #c00a0a;
}
.link-video a:hover i {
	display: block;
}
.part-brand {
	margin-top: 20px;
	padding: 0 18px;
	width: 335px;
	height: 310px;
}
.part-brand a {
	display: block;
}
.btn-comic {
	margin-bottom: 8px;
	width: 334px;
	height: 107px;
}
.btn-comic p {
	left: 15px;
	top: 57px;
	width: 105px;
	height: 29px;
	color: #bdcbf0;
	font-size: 14px;
	line-height: 29px;
	text-align: center;
}
.btn-comic p em {
	color: #ffa800;
}
.btn-wallpaper, .btn-music {
	width: 162px;
	height: 115px;
}
.btn-wallpaper p, .btn-music p {
	left: 0;
	top: 40px;
	width: 100%;
	color: #ffffff;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
}
.btn-wallpaper em, .btn-music em {
	font-size: 26px;
	display: block;
}
.btn-comic:hover, .btn-wallpaper:hover, .btn-music:hover {
	opacity: 0.9;
}
.part-act {
	margin: 20px 20px 0 0;
	padding: 0 20px;
	width: 550px;
	height: 370px;
	
	overflow: hidden;
}
.part-act .cover {
	left: 0;
	top: 0;
	width: 81px;
	height: 110px;
	
}
.part-act .part-title {
	left: 0;
	top: 0;
}
.act-nav {
	left: 20px;
	top: 75px;
	padding: 4px 1px 0;
	
	height: 60px;
	background: url(../img/act.png);
	overflow: hidden;
}
.act-nav a {
	float: left;
	width: 77.2px;
	height: 28px;
	background: #ffffff;
	border: solid #b7bcc1;
	border-width: 0 1px 1px 0;
	color: #414247;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	display: block;
}
.act-nav a:hover, .act-nav .on {
	background: none;
	color: #000000;
	font-weight: bold;
	text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff;
}
.act-box {
	position: absolute;
	left: 20px;
	top: 130px;
	width: 570px;
	padding-top: 20px;
	display: none;
}
.act-box .nav {
	position: absolute;
	left: 0;
	top: 0;
	height: 22px;
}
.act-box .nav a {
	float: left;
	margin-right: 1px;
	padding: 0 10px;
	height: 22px;
	color: #2c2a2a;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	display: block;
}
.act-box .nav a:hover, .act-box .nav .on {
	background: #a92417;
	color: #ffffff;
}
.act-box .con {
	position: relative;
	height: 220px;
	display: none;
}
.part-act .on, .act-box .on {
	display: block;
}
.act-box img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 589px;
	height: 369px;
}
.act-box .intro {
	position: relative;
	padding-top: 0px;
	width: 280px;
	height: 115px;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
}
.act-box .link {
	position: relative;
	margin-left: -14px;
}
.act-box .link a {
	float: left;
	width: 90px;
	color: #000000;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	display: block;
}
.act-box .link a:hover {
	color: #f20000;
}
.act-box .link i {
	margin: 0 auto;
	width: 22px;
	height: 26px;
	display: block;
}
.act-box .link .i1 i {
	background-position: -274px -396px;
}
.act-box .link .i2 i {
	width: 20px;
	background-position: -306px -398px;
}
.act-box .link .i3 i {
	background-position: -334px -398px;
}
.part-data {
	margin-top: 20px;
	padding: 0 18px;
	width: 335px;
	height: 370px;
}
.part-data a, .part-data img {
	width: 322px;
	height: 70px;
	display: block;
}
.part-data a {
	position: relative;
	margin-bottom: 4px;
	overflow: hidden;
}
.part-data a:hover .i1 {
	transform: translateX(6px);
}
.part-data a:hover .i2 {
	transform: translateX(-6px);
}
.part-data .i1, .part-data .i2 {
	position: absolute;
	left: 0;
	top: 0;
}
.part-community {
	margin: 20px 20px 0 0;
	padding: 0 20px;
	width: 550px;
	height: 370px;
}
.part-community .act-nav {
	margin-top: 10px;
}
.part-community .act-nav a {
	width: 108.5px;
}
.ul-players {
	margin-top: 22px;
}
.part-community .on {
	display: block;
}
.ul-players li {
	float: left;
	margin-right: 19px;
	width: 163px;
}
.ul-players a {
	width: 163px;
	color: #201b17;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	display: block;
}
.ul-players a:hover, .fr-players a:hover {
	color: #f20000;
}
.part-community img {
	margin-bottom: 5px;
	width: 163px;
	height: 183px;
}
.fr-players {
	right: 22px;
	top: 130px;
	padding-left: 19px;
	width: 163px;
	border-left: 1px solid #cccccc;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}
.fr-players a {
	color: #201b17;
}
.part-walk {
	margin-top: 20px;
	padding: 0 18px;
	width: 335px;
	height: 370px;
	overflow: hidden;
}
.part-walk .part-nav a {
	margin: 0 8px;
}
.ul-walk {
	height: 247px;
	overflow: hidden;
	display: none;
}
.part-walk .curr {
	display: block;
}
.ul-walk li {
	margin-bottom: 5px;
*margin-bottom: -1px;
	padding: 0 10px;
	width: 315px;
	height: 23px;
	overflow: hidden;
}
.ul-walk .on {
	background: #ebedf0;
}
.ul-walk a {
	float: left;
	width: 270px;
	color: #2c2a2a;
	font-size: 14px;
	line-height: 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
.ul-walk a:hover, .ul-walk .red a {
	color: #f20000;
}
.ul-walk em {
	float: right;
	width: 40px;
	color: #b1b1b1;
	font-size: 12px;
	text-align: right;
	display: block;
}
.part-ver {
	margin: 20px 0 0 0;
	width: 980px;
	height: 280px;
}
.part-ver .part-title {
	width: 940px;
}
.ver-box {
	margin: 0 auto;
	width: 940px;
	height: 200px;
}
.ver-box .prev, .ver-box .next {
	top: 62px;
	width: 10px;
	height: 21px;
	display: block;
}
.ver-box .prev {
	left: 0;
	background-position: -215px -440px;
}
.ver-box .prev:hover {
	left: -2px;
}
.ver-box .next {
	right: 0;
	background-position: -232px -440px;
}
.ver-box .next:hover {
	right: -2px;
}
.ver-box .line {
	left: 15px;
	top: 71px;
	width: 910px;
	height: 1px;
	border-bottom: 1px dashed #dbdbdb;
	overflow: hidden;
}
.ver-box .outer {
	margin: 0 auto;
	width: 920px;
	height: 200px;
	overflow: hidden;
}
.ul-ver {
	left: 0;
	top: 0;
	width: 999999px;
	height: 200px;
}
.ul-ver li {
	position: relative;
	float: left;
	width: 185px;
	height: 200px;
}
.ul-ver i {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -71px;
	width: 142px;
	height: 142px;
	background: url(../img/ver.png);
	display: block;
}
.ul-ver span {
	position: absolute;
	left: -8px;
	top: 63px;
	width: 16px;
	height: 17px;
	background-position: -244px -440px;
	display: block;
}
.ul-ver a {
	position: relative;
	width: 185px;
	height: 200px;
	display: block;
}
.ul-ver img {
	margin: 5px auto 10px;
	width: 132px;
	height: 132px;
}
.ul-ver p {
	color: #979797;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
.ul-ver em {
	color: #2c2a2a;
	font-size: 16px;
	line-height: 18px;
	display: block;
}
.ul-ver .li1 span, .ul-ver .fix span {
	display: none;
}
.ul-ver a:hover em {
	color: #f20000;
}
.btn-top {
	position: fixed;
	left: 50%;
	margin-bottom: 20px;
	margin-left: 660px;
	bottom: 185px;
	padding: 110px 16px 0 0;
	width: 79px;
	height: 25px;
	background-position: 0 -397px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
	display: none;
	_position: absolute;
	_margin-bottom: 100px;
_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}
.btn-top b {
	color: #ff0000;
}
.btn-top:hover {
	text-decoration: none;
}