@charset "UTF-8";
@keyframes showDown {
 0% {
 opacity: 0;
 transform: translateY(-100px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
 @keyframes showUp {
 0% {
 opacity: 0;
 transform: translateY(100px);
}
 100% {
 opacity: 1;
 transform: translateY(0);
}
}
 @keyframes turn {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotateX(-180deg);
}
}
.turn {
	transition: all .2s;
	animation: turn 1s;
}
 @keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 transform: scale3d(0.97, 0.97, 0.97);
}
 to {
 opacity: 1;
 transform: scale3d(1, 1, 1);
}
}
.bounceIn {
	animation: bounceIn 1s;
}
 @keyframes slideInDown {
 from {
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
.slideInDown {
	animation: slideInDown 1s;
}

@media screen and (max-width: 1000px) {
#j-wn-gamehead, #pub_footer {
	display: none;
}
}
.wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #000 ;
	background-attachment: fixed;
	z-index: 1;
}
.wrap .content {
	padding-bottom: 0px;
}
.wrap .floor {
	margin: 0 auto;
}
.wrap .floor1 {
	position: relative;
	height: 800px;
}
.wrap .floor1 .contain {
	position: relative;
	width: 750px;
	height: 100%;
	margin: 0 auto;
}
.wrap .floor1 .logo {
	position: absolute;
	left: -40px;
	transition: all .2s;
	animation: showDown 1s;
	top: -1px;
	z-index: -10;
}
.wrap .floor1 .person {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -100px;
	animation: showUp 1s;
}
.wrap .floor1 .order {
	position: absolute;
	top: 618px;
	left: 619px;
	margin-left: -355px;
	animation: showUp 1s;
	width: 654px;
	height: 314px;
}
.wrap .floor1 .donwbtn {
	float: left;
	display: block;
	width: 290px;
	height: 100px;
	background: url(../img/order.png);
	background-position: -0px -0px;
}
.wrap .floor1 .orderbtn {
	float: left;
	display: block;
	width: 290px;
	height: 100px;
	background: url(../img/order.png);
	background-position: -290px -0px;
}
.floor1 a.donwbtn:hover{

	background-position: -0px -100px;
	}
.floor1 a.orderbtn:hover{
	background-position: -290px -100px;
	}
.wrap .floor1 .perward {
	float: right;
	display: block;
	width: 128px;
	height: 100px;
	background: url(../img/pereward.jpg) no-repeat center top;
}
.wrap .floor1 .return_home {
	background: url(../img/return.json) no-repeat center top;
}
.wrap .floor1 p {
	position: absolute;
	bottom: 15px;
	right: 40px;
}
.wrap .floor2 {
	position: relative;
	height: 4250px;
}
.wrap .floor2 .contain {
	width: 1200px;
	margin: 0 auto;
}
.wrap .floor2 .prenum {
	width: 1200px;
	height: 49px;
	margin: 0 auto;
	background: url(../img/show.png) center no-repeat;
}
.wrap .floor2 .prenum .num {
	font: bolder 130px/1 "";
	color: #b79e48;
	text-align: center;
	padding-top: 100px;
}
.wrap .floor2 .testbox {
	margin-top: 58px;
	text-align: center;
}
.wrap .floor5 {
	width: 710px;
	height: 740px;
	background: url(../img/floor5_bg.png) no-repeat center top;
}
.wrap .floor5 .event_tip {
	position: relative;
	height: 600px;
	top: 120px;
	padding: 0 20px;
	overflow: auto;
}
.wrap .floor5 h1 {
	font: bold 18px/32px "微软雅黑";
}
.wrap .floor5 p {
	font: normal 16px/2 '微软雅黑';
	color: #262626;
}
a {
	text-decoration: none;
}
.tc, .content-login .account .account-name, .content-login .account .logout, .content-login .prebox a, .content-login .event-info .tab a, .content-login .event-info .event a, .content-login .event-info .tab_box2 .reward a {
	text-align: center;
}
.fixed-top {
	display: none;
	position: fixed;
	width: 1120px;
	height: 116px;
	top: 0;
	left: 50%;
	margin-left: -560px;
	z-index: 20;
	background: url(../img/fixed.png) no-repeat center top;
}
.fixed-top .orderbtn {
	position: absolute;
	left: 50%;
	width: 202px;
	height: 102px;
}
.fixed-top .perward {
	position: absolute;
	left: 50%;
	width: 128px;
	height: 100px;
	margin-left: 192px;
}
.mask {
	display: none;
	width: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 50;
}
.popbox {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 100;
}
.popbox .close {
	width: 55px;
	height: 55px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 10;
	background: url(../img/close.png) no-repeat;
}
.poporder {
	width: 710px;
	height: 740px;
	margin-left: -350px;
	margin-top: -300px;
	z-index: 91;
}

.youxi_pub_footer .footer {
	width: 800px;
	margin: 0 auto;
	text-align:center;
}
.youxi_pub_footer .footertxt {
	float: left;
	width: 750px;
	padding: 0 0 0 50px;
	line-height: 18px;
	color: #4c505c
}
.youxi_pub_footer .footertxt .gap {
	padding-left: 5px;
}
.youxi_pub_footer .footertxt a {
	margin: 0 5px;
	display: inline-block
}
.youxi_pub_footer .footertxt a, .youxi_pub_footer .footertxt a:hover {
	color: #4c505c
}
.clearfix:after, .floatG:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}
#footer{width:100%;height:176px;background:url(../images/footerbg.jpg) no-repeat center bottom;overflow:hidden}
#footer .center{padding-top:49px}
#footer .bomlogo{float:left;margin:0 90px 0 40px;display:inline}
#footer p{line-height:23px}
#footer p a{font-size:14px;font-family:'times new roman',times,serif;font-weight:800;color:#836235;text-decoration:underline}
}