body,td,th {
	font-family: \5FAE\8F6F\96C5\9ED1, arial;
}

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
nav {
	display: block;
}
ul, ol {
	list-style: none;
}
em, i {
	font-style: normal;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
img {
	border: 0;
	vertical-align: middle;
	-webkit-touch-callout: none;
}
input, select {
	display: inline-block;
	vertical-align: middle;
	font-size: 100%;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	line-height: 150%;
}
a {
	color: #000;
	text-decoration: none;
	outline: none;
hide-focus:expression(this.hideFocus=true);
	background-color: transparent;
	-webkit-tap-highlight-color: transparent;
}
a:hover {
	color: #000;
}
dl, dt, dd, div {
	outline: none;
}
.none {
	display: none;
}
.hide {
	visibility: hidden;
}
.visb {
	visibility: visible;
}
.pa {
	position: absolute;
}
.loading {
	padding: 5% 0 100%;
	text-align: center;
}
.bk {
	display: block;
}
.blackbtn {
	background-color: #2d2d2d;
}
.greenbtn {
	background-color: #2fc3a2;
}
.greenbtn:hover {
	background-color: #22b090;
}
.blackbtn:hover {
	background-color: #000;
}
html, body {
	overflow-x: hidden;
}
body {
	min-width: 320px;
	background: #242f2f;
	font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", arial;
	color: #000;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	cursor: default;
}
body > object p {
	display: none;
}
.logo, .mainNav dt, .wrap_logo, .wrap_ied .baqz {
	background-image: url(../images/nav-copy.png);
	background-repeat: no-repeat;
}
.qnav, .guide, .features, .gamedata {
	background-image: url(../images/bg-home2.jpg);
	background-repeat: no-repeat;
}
@font-face {
	font-family: "homeicon";
	src: url('images/homeicon.eot'); /* IE9*/
	src: url('images/homeicon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('images/homeicon.woff') format('woff'), /* chrome, firefox */  url('images/homeicon.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/  url('images/homeicon.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.homeicon {
	font-family: "homeicon" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.wrapper {
	width: 100%;
	text-align: center;
	background: #E6ECEA url(../images/202362.jpg) no-repeat 50% 0;
	padding: 0 0 80px;
}
.container {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
.header {
	position: relative;
	height: 380px;
}
.logo {
	position: absolute;
	top: 28px;
	left: 0;
	width: 191px;
	height: 67px;
	background-position: 0 0;
}
.logo a {
	display: block;
	height: 100%;
	text-indent: -9999px;
}
.navdown {
	display: none;
}
.mainNav {
	height: 100%;
	padding: 0 0 0 285px;
}
.mainNav li {
	float: left;
	width: 84px;
	padding: 30px 0 0;
}
.mainNav .visionNav {
	width: 95px;
}
.mainNav dt {
	height: 44px;
	width: 92px;
}
.mainNav dt a, .mainNav .abx {
	display: block;
}
.mainNav dt a {
	height: 100%;
	text-indent: -9999px;
	cursor: default;
}
.mainNav .homeNav .category {
	cursor: pointer;
}
.mainNav .abx {
	padding: 0 0 1px;
}
.mainNav dd {
	padding: 10px 0 0;
}
.mainNav dd a {
	display: inline-block;
	margin: 0 0 0 1px;
	color: #525252;
	font-size: 13px;
}
.mainNav dd a:hover {
	color: #01b8a9;
}
.homeNav dt {
	background-position: 0 100%;
}
.newsNav dt {
	background-position: -115px 100%;
}
.introNav dt {
	background-position: -230px 100%;
}
.guideNav dt {
	background-position: -345px 100%;
}
.downNav dt {
	background-position: -460px 100%;
}
.actvNav dt {
	background-position: -575px 100%;
}
.userNav dt {
	background-position: -690px 100%;
}
.visionNav dt {
	background-position: -805px 100%;
}
.serviceNav dt {
	background-position: -920px 100%;
}
.note {
	position: absolute;
	bottom: 15px;
	right: 0;
	width: 330px;
	height: 142px;
	text-indent: -9999px;
}
.note .notelink {
	display: block;
	width: 100;
	height: 100%;
	text-indent: -9999px;
}
.more {
	font-size: 13px;
	clear: both;
}
.more .morer {
	display: inline-block;
	color: #fff;
	border-radius: 15px;
	padding: 5px 0;
	text-align: center;
}
.more .morer i {
	font-family: arial;
	color: #82dbc7;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 4px;
}
.content {
	clear: both;
	position: relative;
}
.slider-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 186px;
}
.article {
	position: relative;
	float: left;
}
.article h2 {
	color: #2fc3a2;
	font-size: 32px;
	font-weight: bold;
	padding: 20px 0 0 30px;
}
.article .tipstyle {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 0 0 20px;
	font-size: 16px;
	line-height: 43px;
	color: #2fc3a2;
	z-index: 5;
}
.article .infos {
	margin: 5px 0 0;
	color: #777676;
	line-height: 130%;
	padding: 0 0 0 20px;
	font-size: 12px;
}
.mp-intro h4 {
	background-image: url(../images/icon_3.png);
	background-repeat: no-repeat;
}
.snav .topbig, .vsinfos h2 {
	background-image: url(../images/spr-icon.png);
	background-repeat: no-repeat;
}
.tabpart {
	position: relative;
	z-index: 2;
}
.bdbotline {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 2px;
	line-height: 0;
	font-size: 0;
	background: #2fc3a2;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: left .2s ease-out 0s;
	transition: left .2s ease-out 0s;
}
.tabs {
	width: 100%;
	overflow: hidden;
}
.tabs li {
	float: left;
}
.tabs a {
	display: block;
	height: 43px;
	line-height: 43px;
	color: #414242;
	text-align: center;
}
.tabs a:hover, .tabs .cur {
	color: #2fc3a2;
}
/* slider-content  */
.slider-content .article {
	float: none;
}
.qnav {
	background-color: #3a3a3a;
	background-position: 0 100%;
	margin: 15px 0 0;
}
.qnav .singla {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #d4d4d4;
	font-size: 13px;
	padding: 63px 0 0;
	height: 37px;
	-webkit-transition: all .3s ease-out 0s, padding .3s ease-out .05s, height .3s ease-out .05s;
	transition: all .3s ease-out 0s, padding .3s ease-out .05s, height .3s ease-out .05s;
}
.qnav-a {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.qnav-a .qnav-i {
	position: relative;
	float: left;
	width: 50%;
	height: 100px;
	text-align: center;
	overflow: hidden;
	-webkit-transition: all .5s ease-out 0s;
	transition: all .5s ease-out 0s;
}
.qnav-a .icon {
	display: block;
	color: #cfae69;
	position: absolute;
	top: 22px;
	left: 50%;
	font-size: 34px;
	line-height: 99%;
	width: 28px;
	height: 28px;
	margin: 0 0 0 -14px;
	text-indent: -2px;
	-webkit-transition: all .7s ease-out 0s;
	transition: all .7s ease-out 0s;
}
.qnav-a .icon:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	border: 1px solid #cfae69;
	margin: -50% 0 0 -50%;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.qnav-a .cur, .qnav-a .qnav-i:hover {
	background-color: #cfae69;
}
.qnav-a .cur .icon, .qnav-a .qnav-i:hover .icon {
	top: -44px;
	opacity: 0;
}
.qnav-a .cur .singla, .qnav-a .qnav-i:hover .singla {
	color: #fff;
	padding: 40px 0 0;
	height: 60px;
}
.others {
	background: #3a3a3a;
	margin: 15px 0 0;
	padding: 20px 15px;
	font-size: 13px;
}
.fnav-a {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.fnav-a .fnav-i {
	position: relative;
	border-bottom: 1px solid #474747;
	overflow: hidden;
	line-height: 41px;
	height: 41px;
}
.fnav-a .singla {
	position: relative;
	display: block;
	color: #d4d4d4;
	height: 100%;
	text-align: center;
	text-indent: 35px;
}
.fnav-a .singla:hover {
	color: #fff;
	background-color: rgba(0,0,0,.04);
}
.fnav-a .icon {
	position: absolute;
	display: block;
	color: #cfae69;
	left: 30px;
	font-size: 30px;
}
.fnav-a .icon_shop {
	width: 30px;
	height: 30px;
	top: 4px;
	background: url(../images/index_shop.png) 0 0 no-repeat;
}
.ewmarea {
	position: relative;
	margin: 25px 0 0;
	padding: 30px 13px 0;
	color: #9c9c9c;
}
.ewmarea img {
	display: block;
	width: 100%;
	height: 100%;/*f8f8f8*/
}
.ewmarea .ewmtit {
	position: absolute;
	top: 0;
	line-height: 18px;
	height: 18px;
	text-align: center;
	padding: 0 0 0 8px;
	cursor: pointer;
}
.ewmarea .ewmtit.cur {
	color: #f8f8f8;
}
.ewmarea .wxapp {
	left: 11px;
}
.ewmarea .wxwx {
	right: 17px;
	border-left: 1px solid #676767;
}
.ewmarea .ewmpic {
	display: none;
	width: 130px;
	height: 130px;
}
.ewmarea .ewmpic.cur {
	display: block;
}
.partners {
	padding: 0 13px;
	margin: 5px 0 0;
}
.partnerlist {
	position: relative;
	margin: 0 0 0 -12px;
	overflow: hidden;
}
.partnerlist img {
	display: block;
	width: 100%;
	height: 100%;
	opacity: .5;
}
.partnerlist .ptlts {
	float: left;
	width: 35px;
	height: 35px;
	margin: 15px 0 0 12px;
}
.partnerlist .ptlta {
	display: block;
	width: 100%;
	height: 100%;/*background:#5f5f5f;*/
	background: rgba(95,95,95,.5);
	border-radius: 50%;
	overflow: hidden;
}
.partnerlist .ptlta:hover img {
	opacity: 1;
}
.main-content {
	margin: 0 0 0 201px;
	position: relative;
	overflow: hidden;
}
.hotnews, .hotrotate {
	width: 519px;
	height: 300px;
}
/* ÂÖ²¥¹ã¸æ */
.hotrotate {
	position: relative;
	margin: 0 280px 0 0;
	overflow: hidden;
	background: #fff;
}
.rotate_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 799px;
	height: 100%;
	overflow: hidden;
}
.rotate {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: left .2s ease 0s;
	transition: left .2s ease 0s;
}
.rotate li {
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
}
.rotate a, .rotate img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.rotate .loading {
	position: absolute;
	padding: 0;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -10px;
}
.rotate_number {
	position: absolute;
	right: 2%;
	bottom: 6%;
	margin-left: 0;
	font-size: 0;
	line-height: 0;
}
.rotate_number .numbox {
	height: 100%;
	text-align: center;
}
.rotate_number span {
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	margin: 0 3px;
	background-color: #9b9b9b;
	overflow: hidden;
	-webkit-transition: width .3s ease 0s;
	transition: width .3s ease 0s;
}
.rotate_number span.cur {
	width: 25px;
	background-color: #02b8a9;
}
.rotate_number a, .rotate_number b, .rotate_number em, .rotate_number strong {
	display: none;
	pointer-events: none;
}
.rotate_number .handheld span {
	width: 6px;
	height: 6px;
	border-radius: 3px;
}
.cates {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 150px;
	background: #3a3a3a;
	font-size: 12px;
	text-align: center;
	box-shadow: -2px 2px 2px rgba(0,0,0,.2);
}
.cates a {
	display: block;
	float: left;
	width: 50%;
	line-height: 28px;
	color: #848484;
}
.cates a:hover {
	color: #e3e3e3;
}
.cates .cur {
	color: #e3e3e3;
	background: #2fc3a3;
	cursor: default;
}
/* ÐÂÎÅ */
.hotnews {
	position: relative;
	margin: 15px 280px 0 0;
	background: #fff;
	overflow: hidden;
}
.newsbox {
	padding: 15px 20px 0;
	position: relative;
	overflow: hidden;
}
.newsbox .tabs li {
	float: left;
	width: 50px;
}
.newsbox .bdbotline {
	width: 50px;
}
.newsbox .tabs .more-news {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 100%;
}
.newsbox .morer {
	color: #B9C1C1;
	font-weight: bold;
	text-align: right;
}
.listpart {
	position: relative;
	border-top: 1px solid #e4eae9;
	width: 100%;
	height: 222px;
	overflow: hidden;
	z-index: 1;
}
.listbox {
	width: 100%;
	position: absolute;
	top: 18px;
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}
.newslists {
	float: left;
	width: 100%;
*zoom:1;
	font-size: 13px;
}
.newslists .nl-i {
	position: relative;
	margin: 0 5px;
*float:left;
*zoom:1;
*width:395px;
}
.newslists .cltag {
	position: absolute;
	top: 50%;
	left: 0;
	line-height: 100%;
	margin-top: -7px;
	color: #767676;
	z-index: 5;
}
.newslists .cltag:hover i {
	cursor: pointer;
	text-decoration: underline;
}
.newslists .cltit {
	position: relative;
	display: block;
	padding: 3px 50px 3px 0;
	margin-left: 40px;
	color: #505050;
*width:265px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 2;
}
.newslists .cltit:hover {
	color: #2FC3A2;
}
.newslists .cltime {
	position: absolute;
	top: 50%;
	right: 0;
	line-height: 100%;
	margin-top: -6px;
	text-align: right;
	z-index: 1;
	color: #b1b1b1;
	overflow: hidden;
	white-space: nowrap;
}
.newslists .loading {
	display: block;
	padding: 0;
	height: 277px;
}
.newslists .loading p {
	padding: 10% 0 0;
}
.guild, .evcenter {
	margin: 15px 0 0;
	height: 142px;
}
.evcenter h2, .guild h2 {
	display: none;
}
.evcenter {
	width: 391px;
}
.evcenter .toevcenter, .guild .toguild, .guild img, .evcenter img {
	width: 100%;
	height: 100%;
}
.guild {
	width: 266px;
}
.guild .toguild {
	background: #fff url(../images/home-guild2.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-indent: -9999px;
}
.guide, .features {
	margin: 15px 15px 0 0;
	width: 189px;
	height: 142px;
	background-color: #fff;
}
.guide .morer, .features .morer {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
	background: #fff;
	opacity: 0;
	z-index: 2;
}
.guide h2, .features h2 {
	color: #cfae69;
	font-size: 22px;
	padding: 15px 0 0 20px;
}
.guide {
	background-position: 100% 100%
}
.features {
	background-position: 100% 0;
}
.avfeast {
	margin: 15px 15px 0 0;
}
.avnav .avnav-i {
	float: left;
	position: relative;
	margin: 0 6px 0 0;
	width: 125px;
	height: 142px;
	background: #2fc3a3;
	overflow: hidden;
	font-size: 16px;
	-webkit-transition: box-shadow .3s ease-out 0s;
	transition: box-shadow .3s ease-out 0s;
}
.avnav .m {
	margin-right: 0;
}
.avnav .icon {
	display: block;
	position: absolute;
	text-align: center;
	top: 25px;
	font-size: 60px;
	left: 50%;
	width: 62px;
	height: 62px;
	line-height: 62px;
	margin: 0 0 0 -31px;
	color: #fff;
	-webkit-transition: all .7s ease-out 0s;
	transition: all .7s ease-out 0s;
}
.avnav .singla {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 90px 0 0;
	height: 52px;
	color: #fff;
	text-align: center;
	-webkit-transition: all .2s ease-out 0s, padding .2s ease-out .05s, height .2s ease-out .05s;
	transition: all .2s ease-out 0s, padding .2s ease-out .05s, height .2s ease-out .05s;
}
.avnav .singla:hover {
	padding: 56px 0 0;
	height: 86px;
}
.avnav .avnav-i:hover .icon {
	top: -62px;
	opacity: 0;
}
.gamedata {
	position: absolute;
	right: 0;
	top: 300px;
	margin: 15px 0 0;
	width: 265px;
	height: 300px;
	background-color: #f0f3f8;
	background-position: -186px 100%;
	overflow: hidden;
}
.gamedata .tabpart {
	padding: 15px 0 0;
	margin: 0 15px;
}
.gamedata .bdbotline {
	display: none;
}
.gamedata .tabs {
	position: relative;
	border-bottom: 0;
}
.gamedata .tabs li {
	width: 23px;
	height: 23px;
	margin: 0 0 0 3px;
	overflow: hidden;
}
.gamedata .tabs .cf {
	position: relative;
	font-size: 18px;
	color: #b9c1c1;
	width: 100%;
	height: 100%;
	line-height: 24px;
	z-index: 2;
	text-indent: 1px;
}
.gamedata .tabs .cf:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 16px;
	margin: -9px 0 0 -9px;
	z-index: -1;
	border: 1px solid #b9c1c1;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.gamedata .tabs i {
	display: none;
}
.gamedata .tabs .cur .cf, .gamedata .tabs .cf:hover {
	color: #2FC3A2;
}
.gamedata .tabs .cur .cf:before {
	border-color: #2FC3A2;
}
.gamedata .morer {
	width: 68px;
	font-size: 12px;
}
.gamedata .greenbtn {
	margin: 0 10px 0 0;
}
.cotpart {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 266px;
	background-position: 0 100%;
	clear: both;
	overflow: hidden;
}
.parts {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.parts b {
	font-weight: normal;
}
.mp-role, .mp-intro {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all .36s ease-out 0s;
	transition: all .36s ease-out 0s;
}
.mp-role {
	position: absolute;
	right: -165px;
	bottom: 0;
	height: 100%;
	width: 165px;
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.mp-intro {
	position: absolute;
	left: -170px;
	top: 0;
	width: 150px;
	padding: 20px 0 0 18px;
	color: #5d5d5d;
	font-size: 12px;
}
.mp-intro h3 {
	font-size: 320%;
	color: #2fc3a2;
	font-weight: bold;
	line-height: 130%;
}
.mp-intro h4 {
	width: 81px;
	height: 30px;
	line-height: 30px;
	margin: 12px 0 0;
	background-position: 50% -2267px;
	text-align: center;
	color: #323232;
}
.mp-intro .more, .mp-level, .mp-wp {
	margin: 10px 0 0;
}
.mp-level b {
	display: block;
	font-weight: normal;
	font-size: 13px;
	margin: 0 0 3px;
}
.mp-level i {
	display: inline-block;
	margin: 0 5px 0 2px;
	width: 10px;
	height: 10px;
	font-size: 0;
	line-height: 0;
	background-color: #eeeceb;
	border: 1px solid #c3c3c3;
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}
.mp-level .has {
	background-color: #ff8f17;
	border-color: #ff8f17;
}
.mp-wp b {
	display: block;
}
.yihua {
	background-image: url(../images/role-9.png);
}
.shendao {
	background-image: url(../images/role-8.png);
}
.zhenwu {
	background-image: url(../images/role-1.png);
}
.gaibang {
	background-image: url(../images/role-2.png);
}
.shenwei {
	background-image: url(../images/role-3.png);
}
.taibai {
	background-image: url(../images/role-4.png);
}
.tangmen {
	background-image: url(../images/role-5.png);
}
.tianxiang {
	background-image: url(../images/role-6.png);
}
.wudu {
	background-image: url(../images/role-7.png);
}
.newssort {
	width: 392px;
	height: 299px;
	background-color: #fff;
	margin: 15px 0 0;
}
.newssort .tabpart {
	margin: 0 0 0 45px;
}
.newssort .tabs a:hover, .newssort .tabs .cur {
	color: #ff8f17;
}
.newssort .newsbox .bdbotline {
	background: #ff8f17;
}
.newssort .newslists .cltit, .quanzi .newslists .cltit {
	margin-left: 0;
}
.outwide {
	margin-right: 15px;
}
.vsinfos {
	width: 265px;
	height: 300px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #fff;
}
.vsinfos h2 {
	background-position: -134px 3px;
	padding: 0 0 0 40px;
	font-size: 14px;
	margin: 25px 20px 10px;
	color: #3a3a3a;
	line-height: 100%;
	font-weight: normal;
}
.vsinfos h2 .svname {
	font-size: 18px;
	color: #2fc3a3;
	font-weight: bold;
	line-height: 130%;
}
.vsinfos .mtpic {
	position: relative;
	display: block;
	width: 228px;
	height: 101px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}
.vsinfos .mtpic:hover {
	box-shadow: 0 0 3px rgba(0,0,0,.4);
}
.vsinfos .mtpic .banns {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.vsinfos .mtpic img {
	width: 100%;
	height: 100%;
}
.sm-lists {
	font-size: 13px;
	color: #b6b6b6;
	padding: 10px 20px 0;
}
.sm-lists .stli {
	position: relative;
	width: 100%;
	line-height: 24px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.sm-lists .stli img {
	margin: -4px 0 0 5px;
}
.sm-lists .sta {
	color: #767676;
}
.sm-lists .sta:hover {
	color: #2fc3a2;
}
.quanzi {
	position: relative;
	width: 799px;
	height: 299px;
	margin: 15px 0 0;
	background: #fff;
	overflow: hidden;
}
.quanzi .newslists {
	float: none;
	height: 100px;
	overflow: hidden;
}
.qzct {
	position: relative;
	width: 392px;
	height: 100%;
	background: #fff;
}
.qzct .qzbox {
	position: relative;
	z-index: 1;
	padding: 20px 0 0;
	margin: 0 20px;
	overflow: hidden;
}
.qzct h3 {
	font-size: 16px;
	color: #2fc3a2;
	font-weight: bold;
}
.qzct .loading {
	line-height: 224px;
	padding: 0;
}
.qzct .qz-pics {
	position: relative;
	margin: 13px 0 13px -12px;
	overflow: hidden;
}
.qzct .qz-pics img {
	width: 100%;
	height: 100%;
}
.qzct .qz-pics .qz-pic-a {
	display: block;
	float: left;
	width: 170px;
	height: 110px;
	margin: 0 0 0 12px;
}
.qzct .funarea {
	position: absolute;
	top: 22px;
	right: 0;
	font-size: 13px;
}
.qzct .funarea a {
	color: #888;
}
.qzct .funarea a:hover {
	color: #2FC3A3;
}
.qzct .morer {
	margin: 0 0 0 20px;
}
.qzct .tojoin i {
	position: relative;
	top: -1px;
	font-size: 12px;
	margin: 0 0 0 2px;
}
.qzct .morer i {
	font-weight: bold;
}
.qzother {
	clear: both;
	position: absolute;
	top: 0;
	width: 460px;
	height: 100%;
	overflow: hidden;
	-webkit-transition: left .2s ease-out 0s;
	transition: left .2s ease-out 0s;
}
.qzother .qztt {
	float: left;
	width: 68px;
	height: 100%;
	background-image: url(../images/fanstab.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
}
.qzother .qzct {
	float: left;
}
.qz-video {
	left: 391px;
	z-index: 2;
}
.qz-video .qztt {
	background-position: 0 0;
}
.qz-coser {
	left: 459px;
	z-index: 3;
}
.qz-coser .qztt {
	background-position: -340px 0;
}
.qz-paint {
	left: 527px;
	z-index: 4;
}
.qz-paint .qztt {
	background-position: -136px 0;
}
.qz-novel {
	left: 595px;
	z-index: 5;
}
.qz-novel .qztt {
	background-position: -204px 0;
}
.qz-music {
	left: 663px;
	z-index: 6;
}
.qz-music .qztt {
	background-position: -68px 0;
}
.qz-gifts {
	left: 731px;
	z-index: 7;
}
.qz-gifts .qztt {
	background-position: -272px 0;
}
.qz-video .curtt {
	background-position: -408px 0;
}
.qz-music .curtt {
	background-position: -476px 0;
}
.qz-paint .curtt {
	background-position: -544px 0;
}
.qz-novel .curtt {
	background-position: -612px 0;
}
.qz-gifts .curtt {
	background-position: -680px 0;
}
.qz-coser .curtt {
	background-position: -748px 0;
}
.cur-video .qz-video, .cur-coser .qz-video, .cur-paint .qz-video, .cur-novel .qz-video, .cur-music .qz-video, .cur-gifts .qz-video {
	left: 0;
}
.cur-coser .qz-coser, .cur-paint .qz-coser, .cur-novel .qz-coser, .cur-gifts .qz-coser, .cur-music .qz-coser {
	left: 68px;
}
.cur-paint .qz-paint, .cur-novel .qz-paint, .cur-gifts .qz-paint, .cur-music .qz-paint {
	left: 136px;
}
.cur-novel .qz-novel, .cur-gifts .qz-novel, .cur-music .qz-novel {
	left: 204px;
}
.cur-music .qz-music, .cur-gifts .qz-music {
	left: 272px;
}
.cur-gifts .qz-gifts {
	left: 340px;
}
.banners {
	margin: 15px 0 0;
	overflow: hidden;
}
.banners .banns {
	position: relative;
	float: left;
	width: 257px;
	height: 135px;
	margin-bottom: 15px;
}
.banners .banns:first-child, .banners .banns:nth-of-type(2) {
	margin-right: 14px;
}
.banners img, .lastbner img {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.lastbner {
	display: none;
	margin: 15px 0 0;
}
.lastbner .banns {
	display: block;
	width: 265px;
	height: 135px;
}
.banners .banns:hover, .lastbner .banns:hover {
	opacity: .9;
}
/* masklayer */
.masklayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	z-index: 998;
}
.footer_ied {
	margin: 0 auto;
	padding: 35px 0 45px;
	width: 938px;
	color: #596963;
	font: 12px/1.5 Tahoma, '\5b8b\4f53';
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.footer_ied a {
	color: #596963;
	text-decoration: none;
}
.footer_ied a:hover {
	text-decoration: underline;
}
.wrap_logo {
	float: left;
	width: 276px;
	height: 40px;
	background-position: -1523px 0;
}
.wrap_logo .tg {
	float: left;
	width: 167px;
	height: 30px;
	margin-top: 10px;
	line-height: 100px;
	overflow: hidden;
}
.wrap_ied {
	float: left;
	padding: 2px 0 2px 11px;
	width: 650px;
	border-left: 1px solid #596963;
}
.wrap_ied .flks a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
*margin:0 3px;
	_margin: 0 4px;
}
.wrap_ied .flks i {
	font-style: normal;
	display: inline-block;
	width: 1px;
	height: 6px;
	overflow: hidden;
	vertical-align: middle;
	color: #596963;
	background: #596963;
}
.wrap_ied .ftce {
	float: left;
	margin-top: 2px;
	padding-left: 4px;
	font-size: 10px;
}
.wrap_ied .ftcc {
	float: right;
	padding-right: 6px;
}
.wrap_ied .ftot {
	position: relative;
	clear: both;
	top: 3px;
	margin: 0 0 0 5px;
}
.wrap_ied .ftot i {
	margin: 0 3px;
}
.wrap_ied .baqz {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 25px;
	text-indent: -9999px;
	background-position: -1474px 0;
}
.chromeframe {
	background: #fff9d4;
	color: #000;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	border-bottom: 1px solid #000;
}
.chromeframe a {
	color: #F13C35;
}
/* css animation */
@-webkit-keyframes fadeInLeft {
0% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
}
}
@keyframes fadeInLeft {
0% {
opacity:1;
transform:translate3d(0, 0, 0);
}
100% {
opacity:0;
transform:translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity:0;
transform:translate3d(-100%, 0, 0);
}
100% {
opacity:1;
transform:translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInLeftForQuanzi {
0% {
opacity:0;
-webkit-transform:translate3d(0, 0, 0);
}
100% {
opacity:1;
-webkit-transform:translate3d(-100%, 0, 0);
}
}
@keyframes fadeInLeftForQuanzi {
0% {
opacity:0;
transform:translate3d(0, 0, 0);
}
100% {
opacity:1;
transform:translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes fadeOutLeftForQuanzi {
0% {
opacity:1;
-webkit-transform:translate3d(-100%, 0, 0);
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 0, 0);
}
}
@keyframes fadeOutLeftForQuanzi {
0% {
opacity:1;
transform:translate3d(-100%, 0, 0);
}
100% {
opacity:0;
transform:translate3d(0, 0, 0);
}
}
.fadeInLeft, .fadeOutLeft {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@media screen and (min-width:1280px) {
.container {
	width: 1280px;
}
.mainNav {
	padding: 0 0 0 475px;
}
.mainNav li {
	width: 100px;
}
.mainNav .visionNav {
	width: 100px;
}
.hotrotate {
	width: 799px;
	margin-right: 280px;
}
.hotnews {
	width: 393px;
}
.avfeast, .avnav .w, .hotnews {
	margin-right: 0;
}
.evcenter, .guide, .features, .avfeast, .guild {
	position: absolute;
}
.evcenter {
	top: 300px;
	left: 408px;
}
.features {
	top: 457px;
	left: 408px;
}
.guide {
	top: 457px;
	left: 610px;
}
.avfeast {
	width: 265px;
	top: 615px;
	right: 0;
}
.avnav .v, .avnav .o {
	margin-right: 15px;
}
.avnav .o, .avnav .m {
	margin-top: 15px;
}
.guild {
	height: 299px;
	width: 265px;
	right: 0;
	top: 929px;
}
.guild .toguild {
	background-image: url(../images/home-guild.jpg);
}
.ewmarea {
	margin-top: 40px;
}
.partners {
	margin-top: 15px;
	min-height: 150px;
}
.others {
	padding-bottom: 42px;
}
.lastbner {
	display: block;
}
.banners {
	margin-right: 15px;
}
.rotate_number {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	font-size: 12px;
	line-height: 36px;
	height: 36px;
	background-color: rgba(56,56,56,.9);
}
.rotate_number .numbox span {
	display: inline-block;
	width: 14.28%;
	height: 100%;
	border-radius: 0;
	margin: 0;
	color: #979696;
	background-color: transparent;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: none;
	transition: none;
}
.rotate_number .numbox .cur {
	width: 14.29%;
	background-color: #2fc3a3;
	color: #fff;
}
}

@media screen and (max-width:1280px) {
.wrapper {
	background-position: 40% 0;
}
}

@media screen and (max-width:768px) {  /* iPad */
.wrapper, .qnav {
	background-image: none;
}
#ost_box, .slider-content, .guild {
	display: none;
}
.main-content {
	margin-left: 0;
}
.wrapper {
	padding: 8px 0 0;
}
.mobileEM .wrapper {
	padding: 50px 0 0;
}
.header {
	height: 0;
}
.container {
	width: 768px;
}
.logo {
	position: fixed;
	z-index: 1001;
	top: 10px;
	left: 50%;
	width: 86px;
	height: 30px;
	margin: 0 0 0 -43px;
	background: url(../images/logo.png) no-repeat 50% 50%;
	background-size: 100% auto;
}
.navdown {
	display: block;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 50px;
	width: 100%;
	background: #fafafa;
	box-shadow: 0 1px 1px rgba(0,0,0,.2);
}
.navdown .nav-span {
	display: block;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 40px;
	height: 40px;
}
.navdown .nav-b, .navdown .nav-b:after, .navdown .nav-b:before {
	display: block;
	position: absolute;
	height: 4px;
	border-radius: 2px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: #393939;
}
.navdown .nav-b {
	width: 70%;
	top: 50%;
	left: 50%;
	margin: -2px 0 0 -35%;
}
.navdown .nav-b:after, .navdown .nav-b:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
}
.navdown .nav-b:before {
	top: -9px;
}
.navdown .nav-b:after {
	top: 9px;
}
.navdown .nav-i {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
}
.mnav {
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 230px;
	height: 100%;
	background: #fff;
	z-index: 999;
	overflow-y: auto;
	box-shadow: 3px 0 3px rgba(0,0,0,.4);
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mainNav {
	padding: 50px 0 0;
}
.mainNav li {
	float: none;
	width: 100%;
	padding-top: 0;
}
.mainNav .homeNav, .mainNav .visionNav {
	width: 100%;
}
.mainNav li, .mainNav .abx {
	border-bottom: 1px solid #ececec;
}
.mainNav li a {
	text-align: left;
	padding: 0 13px;
}
.mainNav dt {
	height: auto;
	width: 100%;
	background-image: none;
}
.mainNav dt a {
	line-height: 43px;
	text-indent: 0;
}
.mainNav li:nth-child(n+2) dt a {
	font-size: 12px;
	background: #ececec;
	color: #979797;
	line-height: 25px;
}
.mainNav li:first-child dt a {
	cursor: pointer;
}
.mainNav dt a:hover {
	background: none;
	opacity: 1;
	filter: alpha(opacity=100);
	color: #2FC3A3;
}
.mainNav dd {
	padding: 0;
}
.mainNav .abx {
	display: block;
	padding: 0;
}
.mainNav dd a {
	display: block;
	margin: 0;
	line-height: 33px;
}
.mainNav dd .cur, .mainNav dd a:hover {
	color: #000;
	background: #fbfbfb;
}
.hotrotate {
	width: 100%;
	z-index: 5;
	height: 0;
	padding: 0 0 37.55%;
}
.rotate_content {
	width: 100%;
}
.rotate_number {
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.5);
	padding: 1% 1% 1% 1.2%;
	border-radius: 10px 0 0;
}
.rotate_number span {
	width: 6px;
	height: 6px;
	border-radius: 3px;
}
.rotate_number span.cur {
	width: 13px;
}
.hotnews {
	width: 100%;
	margin: 0;
}
.quanzi {
	height: 300px;
	width: 460px;
	margin-right: 10px;
}
.quanzi .qzct, .quanzi .qztt {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.quanzi > .qzct {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
.qzother {
	position: static;
}
.qzother .qztt, .qzother .qzct {
	position: absolute;
}
.qzother .qztt {
	right: 0;
	width: 68px;
	height: 50px;
	background: #2FC3A3;
	text-indent: 0;
	text-align: center;
	line-height: 50px;
	color: #fff;
	z-index: 3;
}
.qzother .qztt.curtt {
	background: #242626;
}
.qzother .qzct {
	z-index: 5;
	top: 0;
	left: 85.22%;
	z-index: 2;
	-webkit-animation-name: fadeOutLeftForQuanzi;
	animation-name: fadeOutLeftForQuanzi;
}
.quanzi .qz-video .qztt {
	top: 0;
}
.quanzi .qz-coser .qztt {
	top: 50px;
}
.quanzi .qz-paint .qztt {
	top: 100px;
}
.quanzi .qz-novel .qztt {
	top: 150px;
}
.quanzi .qz-music .qztt {
	top: 200px;
}
.quanzi .qz-gifts .qztt {
	top: 250px;
}
.cur-video .curdd, .cur-music .curdd, .cur-paint .curdd, .cur-novel .curdd, .cur-gifts .curdd, .cur-coser .curdd {
	-webkit-animation-name: fadeInLeftForQuanzi;
	animation-name: fadeInLeftForQuanzi;
}
.cur-video > .qzct, .cur-music > .qzct, .cur-paint > .qzct, .cur-novel > .qzct, .cur-gifts > .qzct, .cur-coser > .qzct {
	-webkit-animation-name: fadeOutLeftForQuanzi;
	animation-name: fadeOutLeftForQuanzi;
}
.vsinfos, .gamedata {
	display: none;
	position: relative;
	top: 0;
	right: 0;
}
.gamedata, .mp-role {
	background-image: none;
}
.outwide, .guide, .features {
	margin-right: 10px;
}
.avfeast {
	width: 298px;
	margin-right: 0;/*margin-right:8px;*/
}
.avnav .avnav-i {
	width: 144px;
	height: 145px;
	margin-right: 0;
}
.avnav .avnav-i:nth-child(odd) {
	margin-right: 10px;
}
.avnav .avnav-i:nth-child(n+3) {
	margin-top: 10px;
}
.avnav .singla {
	height: 55px;
}
.avnav .singla:hover {
	padding-top: 65px;
	height: 80px;
}
.guide, .features {
	width: 178px;
}
.newssort {
	width: 379px;
}
.banners .banns {
	width: 250px;
	height: 132px;
}
.banners .banns:first-child, .banners .banns:nth-of-type(2) {
	margin-right: 9px;
}
.footer_ied {
	text-align: center;
	width: 94%;
	padding: 35px 3%;
}
.wrap_logo, .wrap_ied .baqz, .note {
	display: none;
	background-image: none;
}
.wrap_ied .ftot {
	margin: 0;
	padding: 0;
	top: 0;
	height: auto;
}
.wrap_ied .ftot a {
	margin: 0 3px;
}
.wrap_ied .baqz {
	display: inline;
	text-indent: 0;
	position: static;
}
.wrap_ied {
	border-left: none;
	width: 100%;
	height: auto;
	padding: 0;
}
.wrap_ied .ftce, .wrap_ied .ftcc, .healthy, .survey {
	display: none;
}
}

@media screen and (max-width:640px) {
.article {
	float: none;
}
.avfeast {
	overflow: hidden;
}
.banners, .guide, .features, .quanzi, .evcenter {
	display: none;
}
.listpart, .avfeast, .newssort, .container {
	width: 100%;
}
.hotnews {
	margin-top: 0;
}
.outwide, .quanzi {
	margin-right: 0;
}
.guide, .features, .banners, .avfeast, .quanzi, .evcenter, .newssort {
	margin-top: 2%;
}
.guide {
	margin-right: 2%;
}
.hotrotate {
	padding: 0 0 37.55%;
	height: 0;
}
.avnav .avnav-i {
	width: 24%;
	height: 0;
	padding: 0 0 24%;
}
.avnav .avnav-i:nth-child(odd) {
	margin-right: 0;
}
.avnav .avnav-i:nth-child(n+3) {
	margin-top: 0;
}
.avnav .avnav-i:nth-child(n+2) {
	margin-left: 1.33%;
}
.avnav .cur, .avnav .avnav-i:hover {
	background-color: #2fb396;
}
.avnav .cur {
	background: #fff;
}
.avnav .singla, .avnav .singla:hover {
	padding: 0;
	height: 100%;
}
.avnav .avnav-i:hover .icon {
	top: 50%;
	opacity: 1;
}
.avnav .icon {
	top: 50%;
	margin-top: -31px;
}
.avnav .singla {
	text-indent: -9999px;
}
.qzother {
	-webkit-transition: none;
	transition: none;
}
}

@media screen and (max-width:460px) {
.hotnews, .newssort {
	height: auto;
}
.article .tipstyle {
	padding: 3% 0 0 3%;
}
.newsbox {
	padding: 3%;
}
.cates {
	width: 110px;
}
.cates a {
	line-height: 24px;
}
.quanzi {
	display: block;
}
.quanzi {
	width: 100%;
}
.quanzi .qztt {
	width: 14.78%;
}
.quanzi .qzct {
	width: 85.22%;
}
.qzct .qzbox {
	margin: 0 5.1%;
}
.qzct .qz-pics {
	margin: 2.2% 0 2.2% -1.7%;
}
.qzct .qz-pics .qz-pic-a {
	position: relative;
	width: 48.3%;
	margin-left: 1.7%;
	height: 0;
	padding-bottom: 31.25%;
}
.qzct .qz-pics img {
	position: absolute;
	top: 0;
	left: 0;
}
}

@media screen and (max-width:459px) {
.quanzi .newslists {
	height: auto;
	overflow: visible;
}
}

@media screen and (max-width:392px) {
.evcenter {
	display: block;
}
.evcenter {
	width: 100%;
	height: 0;
	padding: 0 0 36.22%;
}
.evcenter .toevcenter {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
}

@media screen and (max-width:320px) {
.quanzi {
	height: 270px;
}
.qzother .qztt {
	height: 45px;
	line-height: 45px;
}
.quanzi .qz-video .qztt {
	top: 0;
}
.quanzi .qz-coser .qztt {
	top: 45px;
}
.quanzi .qz-paint .qztt {
	top: 90px;
}
.quanzi .qz-novel .qztt {
	top: 135px;
}
.quanzi .qz-music .qztt {
	top: 180px;
}
.quanzi .qz-gifts .qztt {
	top: 225px;
}
.tabs a {
	font-size: 12px;
}
}
.yh {
	background: url(../images/yh_icon.png) no-repeat -28px 0 !important;
}
.cur .yh, .yh:hover {
	background: url(../images/yh_icon.png) no-repeat 0 0 !important;
}