/* reset v2.0 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* reset v2.0 */



/*main*/
html {
	height: 100%;
	width: 100%;
}

body {
	position: relative;
	height: 100%;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	touch-action: none;

	-webkit-touch-callout: none;
	/*系统默认菜单被禁用*/

	-webkit-user-select: none;
	/*webkit浏览器*/

	-khtml-user-select: none;
	/*早起浏览器*/

	-moz-user-select: none;
	/*火狐浏览器*/

	-ms-user-select: none;
	/*IE浏览器*/

	user-select: none;
	/*用户是否能够选中文本*/

}

canvas {
	display: block;
	width: 100%;
}

a:focus,
input:focus,
p:focus,
div:focus {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-modify: read-write-plaintext-only;
}


.h5web {
	width: 750px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 11;
}


.pcweb {
	width: 750px
		/* 750/16 */
	;
	height: 1334px
		/* 1334/16 */
	;
	z-index: 11;
	position: absolute;
	left: 50%;
	margin-left: -375px;
	top: 0;
	transform: scale(1);
	transform-origin: top;
}


/*音乐控件*/
#music {
	width: 80px;
	height: 80px;
	position: fixed;
	top: 1%;
	right: 1%;
	z-index: 9999;
}

#control {
	width: 44px;
	height: 44px;
	margin: 18px 18px;
	background: url(../images/music-off.png) no-repeat;
	background-size: 100% 100%;
}

#control-after {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/music-on.gif) no-repeat;
	background-size: 100% 100%;
}

.picZhuan {
	transform-origin: 50% 50%;
	animation: zhuan 4s infinite linear;
	-webkit-animation: zhuan 4s infinite linear;
}

@keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*音乐控件*/


.loading {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 99;
	overflow: hidden;
	top: 0%;
	background: url(../images/lobg.png) no-repeat center center;
	background-size: cover;

}


.loadimg {
	width: 314px;
	height: 314px;
	position: absolute;
	left: 50%;
	margin-left: -157px;
	top: 50%;
	margin-top: -157px;
	z-index: 1;
}

.lo1 {
	background: url(../images/lo1.png) no-repeat center center;
	width: 314px;
	height: 314px;
	position: absolute;
	left: 50%;
	margin-left: -157px;
	top: 50%;
	margin-top: -157px;
	z-index: 10;
	animation: lo1 2s infinite ease-in-out;
}

@keyframes lo1 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

.loadtxt {
	position: absolute;
	width: 314px;
	height: 314px;
	line-height: 314px;
	font-size: 38px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #15266e;
	text-align: center;
	z-index: 11;
}

.loadtip {
	position: absolute;
	font-size: 30px;
	width: 314px;
	margin-left: -157px;
	left: 50%;
	top: 85%;
	text-align: center;
	color: #fff;
	z-index: 12;
}

.lotxt {
	position: absolute;
	width: 750px;
	height: 200px;
	bottom: 170px;
	z-index: 10;
	overflow: hidden;
}

.lo2 {
	position: absolute;
	background: url(../images/lo2.png) no-repeat center center;
	width: 750px;
	height: 546px;
	bottom: 30px;
	z-index: 15;

}

.lo3 {
	position: absolute;
	background: url(../images/lo3.png) no-repeat center center;
	width: 426px;
	height: 313px;
	left: 50%;
	margin-left: -213px;
	bottom: 30px;
	z-index: 14;
	animation: floatUp 10s linear forwards;
}

@keyframes floatUp {
	0% {
		bottom: -170px;
	}


	100% {
		bottom: 100px;
	}
}

.lo4 {
	position: absolute;
	background: url(../images/lo4.png) no-repeat;
	width: 696px;
	height: 452px;
	left: 21px;
	top: 91px;
	animation: fadeInDown 1s ease-in-out forwards;
	display: none;
}


.lo5 {
	position: absolute;
	background: url(../images/lo5.png) no-repeat;
	width: 354px;
	height: 500px;
	left: 50%;
	margin-left: -177px;
	top: 50%;
	margin-top: -250px;
	animation: zoomInDown 2s ease-in-out forwards;
	display: none;
	z-index: 20;
}

.startbtn {
	position: absolute;
	background: url(../images/startbtn.png) no-repeat;
	width: 290px;
	height: 128px;
	left: 50%;
	margin-left: -145px;
	bottom: 36px;
	animation: pulse 3s infinite linear;
	z-index: 50;
	display: none;
}

.morebox {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 90;
	top: 0%;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
}

.p3box {
	position: absolute;
	background: url(../images/p3boxbg.png) no-repeat center top;
	width: 750px;
	height: 1670px;
	z-index: 10;
	top: 0%;
	overflow: hidden;
	background-size: cover;
	display: none;
}

.p4box {
	position: absolute;
	background: url(../images/p4boxbg.png) no-repeat center top;
	width: 750px;
	height: 100%;
	z-index: 10;
	top: 0%;
	overflow: hidden;
	background-size: cover;
	display: none;
}

.p5box {
	position: absolute;
	background: url(../images/p5boxbg.png) no-repeat center top;
	width: 750px;
	height: 1772px;
	z-index: 10;
	top: 0%;
	overflow: hidden;
	background-size: cover;
	display: none;
}

.p6box {
	position: absolute;
	background: url(../images/p6boxbg.png) no-repeat center top;
	width: 750px;
	height: 2300px;
	z-index: 10;
	top: 0%;
	overflow: hidden;
	background-size: cover;
	display: none;
}

.p7box {
	position: absolute;
	background: url(../images/p7boxbg.png) no-repeat center top;
	width: 750px;
	height: 2152px;
	z-index: 10;
	top: 0%;
	overflow: hidden;
	background-size: cover;
	display: none;
}

.p8box {
	position: absolute;
	background: url(../images/p8boxbg.png) no-repeat center top;
	width: 750px;
	height: 5932px;
	z-index: 10;
	top: 0%;
	overflow: hidden;
	background-size: cover;
	display: none;
}

.p9box {
	position: absolute;
	background: url(../images/p9boxbg.png) no-repeat center top;
	width: 750px;
	height: 1988px;
	z-index: 10;
	top: 0%;
	overflow: hidden;
	background-size: cover;
	display: none;
}


.boxhead {
	position: absolute;
	background: url(../images/boxhead.png) no-repeat;
	width: 702px;
	height: 168px;
	left: 50%;
	margin-left: -351px;
	top: 62px;
	z-index: 1;
}

.p3list {
	position: absolute;
	background: url(../images/p3list.png) no-repeat;
	width: 596px;
	height: 1388px;
	left: 50%;
	margin-left: -298px;
	top: 124px;
	z-index: 5;
	animation: listout 1s forwards ease-in-out;
}

.p4list {
	position: absolute;
	background: url(../images/p4list.png) no-repeat;
	width: 596px;
	height: 1046px;
	left: 50%;
	margin-left: -298px;
	top: 124px;
	z-index: 5;
	animation: listout 1s forwards ease-in-out;
}

.p5list {
	position: absolute;
	background: url(../images/p5list.png) no-repeat;
	width: 596px;
	height: 1432px;
	left: 50%;
	margin-left: -298px;
	top: 124px;
	z-index: 5;
	animation: listout 1s forwards ease-in-out;
}

.p6list {
	position: absolute;
	background: url(../images/p6list.png) no-repeat;
	width: 596px;
	height: 1986px;
	left: 50%;
	margin-left: -298px;
	top: 124px;
	z-index: 5;
	animation: listout 1s forwards ease-in-out;
}

.p7list {
	position: absolute;
	background: url(../images/p7list.png) no-repeat;
	width: 596px;
	height: 1890px;
	left: 50%;
	margin-left: -298px;
	top: 124px;
	z-index: 5;
	animation: listout 1s forwards ease-in-out;
}

.p8list {
	position: absolute;
	background: url(../images/p8list.png) no-repeat;
	width: 596px;
	height: 5610px;
	left: 50%;
	margin-left: -298px;
	top: 124px;
	z-index: 5;
	animation: listout 1s forwards ease-in-out;
}

.p9list {
	position: absolute;
	background: url(../images/p9list.png) no-repeat;
	width: 596px;
	height: 1688px;
	left: 50%;
	margin-left: -298px;
	top: 124px;
	z-index: 5;
	animation: listout 1s forwards ease-in-out;
}

@keyframes listout {
	0% {
		height: 0%;
		opacity: 0.5;
	}

	100% {
		height: 100%;
		opacity: 1;
	}
}

.backbtn {
	position: absolute;
	background: url(../images/backbtn.png) no-repeat;
	width: 234px;
	height: 80px;
	left: 50%;
	margin-left: -117px;
	bottom: 8vh;
	animation: heartBeat 2s infinite linear;
	z-index: 99;
}

.backbtn6 {
	position: absolute;
	background: url(../images/backbtn.png) no-repeat;
	width: 234px;
	height: 80px;
	left: 50%;
	margin-left: -117px;
	bottom: 8vh;
	animation: heartBeat 2s infinite linear;
	z-index: 99;
}


.main {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 50;
	top: 0%;
	overflow-x: hidden;
	overflow-y: scroll;
	display: none;
}

.mainbg {
	width: 750px;
	height: 27160px;
	position: absolute;
	z-index: 10;
	top: 0%;
	background: url(../images/bg.jpg) no-repeat center top;
	background-size: cover;
}

.p1_0 {
	position: absolute;
	background: url(../images/p1_0.png) no-repeat;
	width: 238px;
	height: 57px;
	left: 50%;
	margin-left: -119px;
	top: 72px;
}

.p1_1 {
	position: absolute;
	background: url(../images/p1_1.png) no-repeat;
	width: 452px;
	height: 238px;
	left: 50%;
	margin-left: -226px;
	top: 140px;
}


.p1_3 {
	position: absolute;
	background: url(../images/p1_3.png) no-repeat;
	width: 507px;
	height: 178px;
	left: 50%;
	margin-left: -254px;
	top: 3635px;
	opacity: 0;
}


.p1_5 {
	position: absolute;
	background: url(../images/p1_5.png) no-repeat;
	width: 452px;
	height: 408px;
	left: 114px;
	top: 700px;
	z-index: 10;
	animation: swing 5s infinite linear;
}

.p1_5move {
	animation: p1_5move 2s forwards ease-in-out;
}

@keyframes p1_5move {
	0% {
		left: 114px;
		top: 700px;
		transform: scale(1);
		opacity: 1;
	}

	100% {
		left: -50px;
		top: 1361px;
		transform: scale(0.5);
		opacity: 0;
	}
}

.p1_6 {
	position: absolute;
	background: url(../images/p1_6.png) no-repeat;
	width: 100px;
	height: 95px;
	right: -200px;
	top: 0;
	z-index: 1;
	animation: liuxing1 5s infinite linear;
}

.p1_7 {
	position: absolute;
	background: url(../images/p1_6.png) no-repeat;
	width: 100px;
	height: 95px;
	right: -200px;
	top: 300px;
	z-index: 1;
	animation: liuxing2 2s infinite linear;
}

@keyframes liuxing1 {
	0% {
		right: -200px;
		top: 0;
	}

	100% {
		right: 1000px;
		top: 400px;
	}
}


@keyframes liuxing2 {
	0% {
		right: -200px;
		top: 300px;
	}

	100% {
		right: 1000px;
		top: 700px;
	}
}


.p2_1 {
	position: absolute;
	background: url(../images/p2_1.png) no-repeat;
	width: 306px;
	height: 306px;
	left: -100px;
	top: 1646px;
	z-index: 1;
}

.p2_2 {
	position: absolute;
	width: 956px;
	height: 960px;
	right: -370px;
	top: 1481px;
	z-index: 5;
}

.p2_2_1 {
	position: absolute;
	background: url(../images/p2_2_1.png) no-repeat;
	width: 956px;
	height: 960px;
	left: 0px;
	top: 0;
	z-index: 1;
}

.p2_2_2 {
	position: absolute;
	background: url(../images/p2_2_2.png) no-repeat;
	width: 475px;
	height: 751px;
	left: 111px;
	top: 104px;
	z-index: 2;
}

.p2_3 {
	position: absolute;
	width: 628px;
	height: 630px;
	left: -190px;
	top: 2136px;
	z-index: 4;
}

.p2_3_1 {
	position: absolute;
	background: url(../images/p2_3_1.png) no-repeat;
	width: 628px;
	height: 630px;
	left: 0px;
	top: 0;
	z-index: 1;
}

.p2_3_2 {
	position: absolute;
	background: url(../images/p2_3_2.png) no-repeat;
	width: 362px;
	height: 478px;
	left: 190px;
	top: 75px;
	z-index: 2;
}

.p2_4 {
	position: absolute;
	width: 644px;
	height: 644px;
	left: 206px;
	top: 2413px;
	z-index: 6;
}

.p2_4_1 {
	position: absolute;
	background: url(../images/p2_4_1.png) no-repeat;
	width: 644px;
	height: 644px;
	left: 0px;
	top: 0;
	z-index: 1;
}

.p2_4_2 {
	position: absolute;
	background: url(../images/p2_4_2.png) no-repeat;
	width: 486px;
	height: 520px;
	left: 62px;
	top: 62px;
	z-index: 2;
}

.p2_5 {
	position: absolute;
	width: 704px;
	height: 704px;
	left: -200px;
	top: 2733px;
	z-index: 3;
}

.p2_5_1 {
	position: absolute;
	background: url(../images/p2_5_1.png) no-repeat;
	width: 704px;
	height: 704px;
	left: 0px;
	top: 0;
	z-index: 1;
}

.p2_5_2 {
	position: absolute;
	background: url(../images/p2_5_2.png) no-repeat;
	width: 406px;
	height: 490px;
	left: 192px;
	top: 106px;
	z-index: 2;
}


.p2_6 {
	position: absolute;
	background: url(../images/p2_6.png) no-repeat;
	width: 280px;
	height: 280px;
	left: 192px;
	top: 2143px;
	z-index: 10;
}


.p2_7 {
	position: absolute;
	background: url(../images/p2_7.png) no-repeat;
	width: 184px;
	height: 184px;
	left: 355px;
	top: 2343px;
	z-index: 11;
}


@keyframes rotateLeft {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}

@keyframes rotateRight {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.ro1 {
	animation: rotateLeft 10s infinite linear;
}

.ro2 {
	animation: rotateLeft 15s infinite linear;
}

.ro3 {
	animation: rotateRight 10s infinite linear;
}

.ro4 {
	animation: rotateRight 15s infinite linear;
}

.p2_8 {
	position: absolute;
	background: url(../images/p2_8.png) no-repeat;
	width: 348px;
	height: 292px;
	left: 22px;
	top: 1461px;
	z-index: 20;
	display: none;
}

.p2_9 {
	position: absolute;
	background: url(../images/p2_9.png) no-repeat;
	width: 346px;
	height: 276px;
	left: 294px;
	top: 2179px;
	z-index: 20;
	display: none;
}

.p2_10 {
	position: absolute;
	background: url(../images/p2_10.png) no-repeat;
	width: 396px;
	height: 302px;
	left: 335px;
	top: 3100px;
	z-index: 20;
	display: none;
}

.p2_11 {
	position: absolute;
	background: url(../images/guodu.png) no-repeat;
	width: 202px;
	height: 328px;
	left: 502px;
	top: 3900px;
	z-index: 20;
}

.p2_11move {
	animation: p2_11move 2s forwards linear;
}

@keyframes p2_11move {
	0% {
		left: 502px;
		top: 3900px;
		transform: scale(1);
		opacity: 1;
	}

	100% {
		left: 200px;
		top: 4900px;
		transform: scale(0.5);
		opacity: 0;
	}
}




.p3_1 {
	position: absolute;
	background: url(../images/p3_1.png) no-repeat;
	width: 750px;
	height: 3452px;
	left: 0;
	top: 5252px;
	z-index: 1;
}

.p3_2 {
	position: absolute;
	background: url(../images/p3_2.png) no-repeat;
	width: 670px;
	height: 828px;
	left: 0;
	top: 4505px;
	z-index: 2;
	opacity: 0;
}

.p3_3 {
	position: absolute;
	background: url(../images/p3_3.png) no-repeat;
	width: 736px;
	height: 924px;
	left: 0;
	top: 4919px;
	z-index: 3;
	opacity: 0;
}

.p3_4 {
	position: absolute;
	background: url(../images/p3_4.png) no-repeat;
	width: 572px;
	height: 848px;
	right: 0;
	top: 5305px;
	z-index: 4;
	opacity: 0;
}

.p3_5 {
	position: absolute;
	background: url(../images/p3_5.png) no-repeat;
	width: 746px;
	height: 882px;
	left: 0;
	top: 5638px;
	z-index: 5;
	opacity: 0;
}

.p3_6 {
	position: absolute;
	background: url(../images/p3_6.png) no-repeat;
	width: 614px;
	height: 804px;
	left: 0;
	top: 6053px;
	z-index: 6;
	opacity: 0;
}

.p3_7 {
	position: absolute;
	background: url(../images/p3_7.png) no-repeat;
	width: 750px;
	height: 488px;
	left: 0;
	top: 6572px;
	z-index: 7;
	opacity: 0;
}

.p3_8 {
	position: absolute;
	background: url(../images/p3_8.png) no-repeat;
	width: 750px;
	height: 938px;
	left: 0;
	top: 6991px;
	z-index: 9;
	opacity: 0;
}

.p3_9 {
	position: absolute;
	background: url(../images/p3_9.png) no-repeat;
	width: 486px;
	height: 742px;
	right: 0;
	top: 7476px;
	z-index: 10;
	opacity: 0;
}

.p3_10 {
	position: absolute;
	background: url(../images/p3_10.png) no-repeat;
	width: 516px;
	height: 428px;
	left: 36px;
	top: 7947px;
	z-index: 11;
	opacity: 0;
}

.p3_11 {
	position: absolute;
	background: url(../images/p3_11.png) no-repeat;
	width: 700px;
	height: 238px;
	left: 50%;
	margin-left: -350px;
	top: 8491px;
	z-index: 15;
	opacity: 0;
}



.p3_12 {
	position: absolute;
	background: url(../images/guodu.png) no-repeat;
	width: 202px;
	height: 328px;
	left: 138px;
	top: 8762px;
	z-index: 20;
}

.p3_12move {
	animation: p3_12move 2s forwards linear;
}

@keyframes p3_12move {
	0% {
		left: 138px;
		top: 8762px;
		transform: scale(1);
		opacity: 1;
	}

	100% {
		left: 0;
		top: 9200px;
		transform: scale(0.5);
		opacity: 0;
	}
}




.p4_1 {
	position: absolute;
	background: url(../images/p4_1.png) no-repeat;
	width: 558px;
	height: 502px;
	left: 0;
	top: 9199px;
	z-index: 11;
}



.p4_2 {
	position: absolute;
	background: url(../images/p4_2.png) no-repeat;
	width: 472px;
	height: 512px;
	right: 0;
	top: 9366px;
	z-index: 12;
}

.p4_3 {
	position: absolute;
	background: url(../images/p4_3.png) no-repeat;
	width: 422px;
	height: 486px;
	left: 0;
	top: 9615px;
	z-index: 13;
}

.p4_4 {
	position: absolute;
	background: url(../images/p4_4.png) no-repeat;
	width: 750px;
	height: 632px;
	left: 0;
	top: 9809px;
	z-index: 14;
}

.p4_5 {
	position: absolute;
	background: url(../images/p4_5.png) no-repeat;
	width: 678px;
	height: 494px;
	left: 0;
	top: 10247px;
	z-index: 15;
}

.p4_1p {
	position: absolute;
	background: url(../images/p4_p.png) no-repeat left bottom;
	width: 400px;
	height: 400px;
	left: 30px;
	top: 9193px;
	z-index: 45;
	animation: pulse 2s infinite linear;
	display: none;
}

.p4_2p {
	position: absolute;
	background: url(../images/p4_p.png) no-repeat left bottom;
	width: 400px;
	height: 400px;
	left: 458px;
	top: 9403px;
	z-index: 45;
	animation: pulse 2s infinite linear;
	display: none;
}

.p4_3p {
	position: absolute;
	background: url(../images/p4_p.png) no-repeat left bottom;
	width: 400px;
	height: 400px;
	left: 40px;
	top: 9738px;
	z-index: 45;
	animation: pulse 2s infinite linear;
	display: none;
}

.p4_4p {
	position: absolute;
	background: url(../images/p4_p.png) no-repeat left bottom;
	width: 400px;
	height: 400px;
	left: 457px;
	top: 9996px;
	z-index: 45;
	animation: pulse 2s infinite linear;
	display: none;
}

.p4_5p {
	position: absolute;
	background: url(../images/p4_p.png) no-repeat left bottom;
	width: 400px;
	height: 400px;
	left: 33px;
	top: 10458px;
	z-index: 45;
	animation: pulse 2s infinite linear;
	display: none;
}

.p4_1_1 {
	background: url(../images/p4_1_1.png) no-repeat;

}

.p4_2_1 {
	background: url(../images/p4_2_1.png) no-repeat;

}

.p4_3_1 {
	background: url(../images/p4_3_1.png) no-repeat;

}

.p4_4_1 {
	background: url(../images/p4_4_1.png) no-repeat;

}

.p4_5_1 {
	background: url(../images/p4_5_1.png) no-repeat;

}

.p4_6 {
	position: absolute;
	background: url(../images/p4_6.png) no-repeat;
	width: 296px;
	height: 278px;
	left: 400px;
	top: 10651px;
	z-index: 50;
	animation: pulse 3s infinite linear;
	display: none;
}

.p4_7 {
	position: absolute;
	background: url(../images/haochi.png) no-repeat;
	width: 82px;
	height: 64px;
	left: 40px;
	top: 9359px;
	z-index: 20;
	animation: tada 1s infinite linear;
	display: none;
}

.p4_8 {
	position: absolute;
	background: url(../images/bucuo.png) no-repeat;
	width: 74px;
	height: 54px;
	left: 655px;
	top: 9621px;
	z-index: 20;
	animation: rubberBand 1s infinite linear;
	display: none;
}

.p4_9 {
	position: absolute;
	background: url(../images/haochi.png) no-repeat;
	width: 82px;
	height: 64px;
	left: 501px;
	top: 9694px;
	z-index: 20;
	animation: tada 1s infinite linear;
	display: none;
}


.p4_10 {
	position: absolute;
	background: url(../images/xiaci.png) no-repeat;
	width: 124px;
	height: 68px;
	left: 145px;
	top: 9708px;
	z-index: 20;
	animation: jello 1s infinite linear;
	display: none;
}

.p4_11 {
	position: absolute;
	background: url(../images/haochi.png) no-repeat;
	width: 82px;
	height: 64px;
	left: 166px;
	top: 10046px;
	z-index: 20;
	animation: tada 1s infinite linear;
	display: none;
}

.p4_12 {
	position: absolute;
	background: url(../images/bucuo.png) no-repeat;
	width: 74px;
	height: 54px;
	left: 625px;
	top: 10078px;
	z-index: 20;
	animation: rubberBand 1s infinite linear;
	display: none;
}

.p4_13 {
	position: absolute;
	background: url(../images/xiaci.png) no-repeat;
	width: 124px;
	height: 68px;
	left: 89px;
	top: 10441px;
	z-index: 20;
	animation: jello 1s infinite linear;
	display: none;
}

.p4_14 {
	position: absolute;
	background: url(../images/nanie1.png) no-repeat;
	width: 328px;
	height: 170px;
	left: 0;
	top: 10670px;
	z-index: 20;
	display: none;
}

.p4_15 {
	position: absolute;
	background: url(../images/guodu.png) no-repeat;
	width: 202px;
	height: 328px;
	left: 100px;
	top: 10925px;
	z-index: 20;
}

.p4_15move {
	animation: p4_15move 2s forwards linear;
}

@keyframes p4_15move {
	0% {
		left: 100px;
		top: 10925px;
		transform: scale(1);
		opacity: 1;
	}

	100% {
		left: 50px;
		top: 12025px;
		transform: scale(0.5);
		opacity: 0;
	}
}


.xiashop {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 90;
	top: 0%;
	overflow: hidden;
	background: url(../images/xiabg.png) repeat center top;
	z-index: 50;
	display: none;
}


.xia1 {
	position: absolute;
	background: url(../images/xia1.png) no-repeat;
	width: 744px;
	height: 1080px;
	left: 50%;
	margin-left: -372px;
	top: 50%;
	margin-top: -540px;
	z-index: 5;
	display: none;
}


.xia2 {
	position: absolute;
	background: url(../images/xia2.png) no-repeat;
	width: 744px;
	height: 1080px;
	left: 50%;
	margin-left: -372px;
	top: 50%;
	margin-top: -540px;
	z-index: 5;
	display: none;
}


.xia3 {
	position: absolute;
	background: url(../images/xia3.png) no-repeat;
	width: 744px;
	height: 1080px;
	left: 50%;
	margin-left: -372px;
	top: 50%;
	margin-top: -540px;
	z-index: 5;
	display: none;
}


.xia4 {
	position: absolute;
	background: url(../images/xia4.png) no-repeat;
	width: 744px;
	height: 1080px;
	left: 50%;
	margin-left: -372px;
	top: 50%;
	margin-top: -540px;
	z-index: 5;
	display: none;
}


.xia5 {
	position: absolute;
	background: url(../images/xia5.png) no-repeat;
	width: 744px;
	height: 1080px;
	left: 50%;
	margin-left: -372px;
	top: 50%;
	margin-top: -540px;
	z-index: 5;
	display: none;
}

.p5_1 {
	position: absolute;
	background: url(../images/p5_1.png) no-repeat;
	width: 750px;
	height: 1594px;
	left: 0;
	top: 11312px;
	z-index: 10;
}

.p5_1move {
	animation: p5_1 1s forwards linear;
}

@keyframes p5_1 {
	0% {
		transform: scale(2.0);
		transform-origin: center center;
		background: url(../images/p5_1.png) no-repeat;
	}

	99% {
		transform: scale(1);
		transform-origin: center center;
		background: url(../images/p5_1.png) no-repeat;
	}

	100% {
		transform: scale(1);
		transform-origin: center center;
		background: url(../images/p5_1_1.png) no-repeat;
	}
}

.p5_2 {
	position: absolute;
	background: url(../images/p5_2.png) no-repeat;
	width: 690px;
	height: 860px;
	left: 0;
	top: 11893px;
	z-index: 12;
}

.p5_3 {
	position: absolute;
	background: url(../images/p5_3.png) no-repeat;
	width: 750px;
	height: 1466px;
	left: 0;
	top: 13378px;
	z-index: 13;
}

.p5_3move {
	animation: p5_3 1s forwards linear;
}

@keyframes p5_3 {
	0% {
		top: 13378px;
		transform: scale(2);
		transform-origin: center center;
	}

	100% {
		top: 12278px;
		transform: scale(1);
		transform-origin: center center;
	}
}

.p5_4 {
	position: absolute;
	background: url(../images/p5_4.png) no-repeat;
	width: 644px;
	height: 432px;
	left: 20px;
	top: 13050px;
	z-index: 14;
}

.p5_5 {
	position: absolute;
	background: url(../images/p5_5.png) no-repeat;
	width: 750px;
	height: 1354px;
	left: 0;
	top: 13881px;
	z-index: 15;
}

.p5_5move {
	animation: p5_5 1s forwards linear;
}

@keyframes p5_5 {
	0% {
		top: 13881px;
		transform: scale(2);
		transform-origin: center center;
	}

	100% {
		top: 13278px;
		transform: scale(1);
		transform-origin: center center;
	}
}

.p5_6 {
	position: absolute;
	background: url(../images/p5_6.png) no-repeat;
	width: 564px;
	height: 448px;
	left: 120px;
	top: 14100px;
	z-index: 16;

}

.p5_7 {
	position: absolute;
	background: url(../images/p5_7.png) no-repeat;
	width: 750px;
	height: 1082px;
	left: 0;
	top: 14617px;
	z-index: 17;
}


.p5_7move {
	animation: p5_7 1s forwards linear;
}

@keyframes p5_7 {
	0% {
		top: 14617px;
		transform: scale(2);
		transform-origin: center center;
	}

	100% {
		top: 14417px;
		transform: scale(1);
		transform-origin: center center;
	}
}

.p5_8 {
	position: absolute;
	background: url(../images/p5_8.png) no-repeat;
	width: 676px;
	height: 440px;
	left: 50px;
	top: 14850px;
	z-index: 19;

}

.p5_9 {
	position: absolute;
	background: url(../images/p5_9.png) no-repeat;
	width: 296px;
	height: 330px;
	left: 100px;
	top: 15320px;
	z-index: 50;
	animation: pulse 2s infinite linear;
	display: none;
}

.p5_10 {
	position: absolute;
	background: url(../images/p5_10.png) no-repeat;
	width: 750px;
	height: 585px;
	left: 0;
	top: 14600px;
	z-index: 18;
	animation: p5_10 1s infinite ease-in;
}

@keyframes p5_10 {
	0% {
		background: url(../images/p5_10.png) no-repeat;
	}

	100% {
		background: url(../images/p5_10_1.png) no-repeat;
	}
}

.p6_0 {
	position: absolute;
	background: url(../images/guodu.png) no-repeat;
	width: 202px;
	height: 328px;
	left: 138px;
	top: 15800px;
	z-index: 20;
}

.p6_0move {
	animation: p6_0move 2s forwards linear;
}

@keyframes p6_0move {
	0% {
		left: 138px;
		top: 15800px;
		transform: scale(1);
		opacity: 1;
	}

	100% {
		left: 0;
		top: 17000px;
		transform: scale(0.5);
		opacity: 0;
	}
}



.p6_1 {
	position: absolute;
	background: url(../images/p6_1.png) no-repeat;
	width: 476px;
	height: 238px;
	left: 50%;
	margin-left: -238px;
	top: 16220px;
	z-index: 10;
	opacity: 0;
}

.p6_2 {
	position: absolute;
	background: url(../images/tvbg1.png) no-repeat;
	width: 720px;
	height: 990px;
	left: 50%;
	margin-left: -360px;
	top: 16820px;
	z-index: 1;
	display: none;
}

.p6_3 {
	position: absolute;
	background: url(../images/tvbg2.png) no-repeat;
	width: 672px;
	height: 590px;
	left: 15px;
	top: 135px;
	z-index: 30;
}


.p6_4 {
	position: absolute;
	background: url(../images/tvbg3.png) no-repeat;
	width: 536px;
	height: 532px;
	left: 25px;
	top: 165px;
	z-index: 5;
	animation: tvbg3 1s infinite linear;
}

.p6_5 {
	position: absolute;
	background: url(../images/tvx1.png) no-repeat;
	width: 122px;
	height: 164px;
	left: 550px;
	top: 805px;
	z-index: 6;
}

.p6_6 {
	position: absolute;
	background: url(../images/tvx2.png) no-repeat;
	width: 128px;
	height: 164px;
	left: 550px;
	top: 805px;
	z-index: 6;
}


.p6_7 {
	position: absolute;
	background: url(../images/tvq1.png) no-repeat;
	width: 298px;
	height: 158px;
	left: 420px;
	top: 1000px;
	z-index: 7;
}

.p6_8 {
	position: absolute;
	background: url(../images/tvq2.png) no-repeat;
	width: 298px;
	height: 158px;
	left: 420px;
	top: 1000px;
	z-index: 6;
}

.p6_9 {
	position: absolute;
	background: url(../images/tvtime3.png) no-repeat;
	width: 514px;
	height: 138px;
	left: 20px;
	top: 830px;
}

.p6_10 {
	position: absolute;
	background: url(../images/tvpic4.png) no-repeat;
	width: 473px;
	height: 460px;
	left: 50px;
	top: 200px;
	animation: pulse 3s infinite linear;
	z-index: 50;
}

.tvbox {
	width: 750px;
	height: 100%;
	position: absolute;
	z-index: 50;
	top: 0%;
	display: none;
}

.tvbg1 {
	position: absolute;
	background: url(../images/tvbg1.png) no-repeat;
	width: 720px;
	height: 990px;
	left: 50%;
	margin-left: -360px;
	top: 10vh;
	z-index: 1;
}

.tvbg2 {
	position: absolute;
	background: url(../images/tvbg2.png) no-repeat;
	width: 672px;
	height: 590px;
	left: 15px;
	top: 135px;
	z-index: 30;
}

.tvbg3 {
	position: absolute;
	background: url(../images/tvbg3.png) no-repeat;
	width: 536px;
	height: 532px;
	left: 25px;
	top: 165px;
	z-index: 5;
	animation: tvbg3 1s infinite linear;
}

@keyframes tvbg3 {
	0% {
		background: url(../images/tvbg3_1.png) no-repeat;
	}

	25% {
		background: url(../images/tvbg3.png) no-repeat;
	}

	50% {
		background: url(../images/tvbg3_1.png) no-repeat;
	}

	75% {
		background: url(../images/tvbg3.png) no-repeat;
	}

	100% {
		background: url(../images/tvbg3_1.png) no-repeat;
	}
}

.tvx1 {
	position: absolute;
	background: url(../images/tvx1.png) no-repeat;
	width: 122px;
	height: 164px;
	left: 550px;
	top: 805px;
	z-index: 6;
}


.tvx2 {
	position: absolute;
	background: url(../images/tvx2.png) no-repeat;
	width: 128px;
	height: 164px;
	left: 550px;
	top: 805px;
	z-index: 6;
}

.tvq1 {
	position: absolute;
	background: url(../images/tvq1.png) no-repeat;
	width: 298px;
	height: 158px;
	left: 420px;
	top: 1000px;
	z-index: 7;
}

.tvq2 {
	position: absolute;
	background: url(../images/tvq2.png) no-repeat;
	width: 298px;
	height: 158px;
	left: 420px;
	top: 1000px;
	z-index: 6;
}

.swiper {
	width: 100%;
	height: 100%;
	z-index: 50;
	display: none;
}

.swiper .tvcon1 {
	position: absolute;
	background: url(../images/tvpic1.png) no-repeat;
	width: 430px;
	height: 384px;
	left: 80px;
	top: 230px;
}

.swiper .tvtime1 {
	position: absolute;
	background: url(../images/tvtime1.png) no-repeat;
	width: 514px;
	height: 138px;
	left: 20px;
	top: 830px;
}


.swiper .tvcon2 {
	position: absolute;
	background: url(../images/tvpic2.png) no-repeat;
	width: 411px;
	height: 341px;
	left: 80px;
	top: 230px;
}

.swiper .tvtime2 {
	position: absolute;
	background: url(../images/tvtime2.png) no-repeat;
	width: 514px;
	height: 138px;
	left: 20px;
	top: 830px;
}


.swiper .tvcon3 {
	position: absolute;
	background: url(../images/tvpic3.png) no-repeat;
	width: 404px;
	height: 380px;
	left: 80px;
	top: 230px;
}

.swiper .tvtime3 {
	position: absolute;
	background: url(../images/tvtime3.png) no-repeat;
	width: 514px;
	height: 138px;
	left: 20px;
	top: 830px;
}


.swiper .tvcon4 {
	position: absolute;
	background: url(../images/tvpic4.png) no-repeat;
	width: 473px;
	height: 460px;
	left: 50px;
	top: 200px;
	animation: pulse 3s infinite linear;
}

.swiper .tvtime4 {
	position: absolute;
	background: url(../images/tvtime3.png) no-repeat;
	width: 514px;
	height: 138px;
	left: 20px;
	top: 830px;
}


.stip {
	position: absolute;
	background: url(../images/stip.png) no-repeat;
	width: 67px;
	height: 89px;
	left: 595px;
	top: 530px;
	z-index: 40;
	animation: fadeOutUp 1s infinite linear;
}

.p7_0 {
	position: absolute;
	background: url(../images/guodu.png) no-repeat;
	width: 202px;
	height: 328px;
	left: 354px;
	top: 18000px;
	z-index: 20;

}

.p7_0move {
	animation: p7_0move 2s forwards linear;
}

@keyframes p7_0move {
	0% {
		left: 354px;
		top: 18000px;
		transform: scale(1);
		opacity: 1;
	}

	100% {
		left: 200px;
		top: 18800px;
		transform: scale(0.5);
		opacity: 0;
	}
}


.p7_1 {
	position: absolute;
	background: url(../images/p7_1.png) no-repeat;
	width: 750px;
	height: 2534px;
	left: 0;
	top: 18700px;
	z-index: 1;
}

.p7_1move {
	animation: p7_1 3s forwards linear;
}

@keyframes p7_1 {
	0% {
		top: 18700px;
		transform: scale(1.3);
	}

	100% {
		top: 18200px;
		transform: scale(1);
	}
}

.p7_2 {
	position: absolute;
	background: url(../images/p7_2.png) no-repeat;
	width: 378px;
	height: 512px;
	right: 0;
	top: 19680px;
	z-index: 10;
	opacity: 0;
}

.p7_3 {
	position: absolute;
	background: url(../images/p7_3.png) no-repeat;
	width: 270px;
	height: 146px;
	left: -100px;
	top: -100px;
	z-index: 20;
}

.p7_4 {
	position: absolute;
	background: url(../images/p7_4.png) no-repeat;
	width: 270px;
	height: 146px;
	left: -100px;
	top: -100px;
	z-index: 20;
}

.p7_5 {
	position: absolute;
	background: url(../images/p7_5.png) no-repeat;
	width: 216px;
	height: 258px;
	left: 50px;
	top: 20100px;
	z-index: 50;
	animation: pulse 2s infinite linear;
}

.p7_6 {
	position: absolute;
	background: url(../images/p7_6.png) no-repeat;
	width: 696px;
	height: 620px;
	left: -200px;
	top: 20400px;
	z-index: 15;
}

.p7_7 {
	position: absolute;
	background: url(../images/p7_7.png) no-repeat;
	width: 748px;
	height: 732px;
	right: -200px;
	top: 20650px;
	z-index: 14;
}

.p7_6move {
	animation: p7_6 1s forwards linear;
}

.p7_7move {
	animation: p7_7 1s forwards linear;
}

@keyframes p7_6 {
	0% {
		left: -200px;
		top: 20400px;
		background: url(../images/p7_6.png) no-repeat;
	}

	60% {
		left: 0px;
		top: 20500px;
		background: url(../images/p7_6.png) no-repeat;
		transform: rotate(-20deg) scale(2);
	}

	61% {
		left: 0px;
		top: 20500px;
		width: 718px;
		height: 634px;
		background: url(../images/p7_6_1.png) no-repeat;
		transform: rotate(-20deg) scale(2);
	}

	100% {
		left: -100px;
		top: 20500px;
		width: 718px;
		height: 634px;
		background: url(../images/p7_6_2.png) no-repeat;
		transform: rotate(-20deg) scale(1);
	}
}

@keyframes p7_7 {
	0% {
		right: -200px;
		top: 20650px;
		background: url(../images/p7_7.png) no-repeat;
	}

	60% {
		right: 0;
		top: 20750px;
		background: url(../images/p7_7.png) no-repeat;
		transform: rotate(-20deg) scale(2);
	}

	61% {
		right: 0;
		top: 20750px;
		width: 748px;
		height: 816px;
		background: url(../images/p7_7_1.png) no-repeat;
		transform: rotate(-20deg) scale(2);
	}

	100% {
		right: -100px;
		top: 20750px;
		width: 748px;
		height: 816px;
		background: url(../images/p7_7_2.png) no-repeat;
		transform: rotate(-20deg) scale(1);
	}
}

.p8_1 {
	position: absolute;
	background: url(../images/p8_1.png) no-repeat;
	width: 750px;
	height: 1786px;
	left: 0;
	top: 21200px;
	z-index: 10;
	opacity: 0;
}

.p8_2 {
	position: absolute;
	background: url(../images/p8_2.png) no-repeat;
	width: 528px;
	height: 560px;
	left: 200px;
	top: 22350px;
	z-index: 15;
	opacity: 0;
}

.p8_3 {
	position: absolute;
	background: url(../images/p8_3.png) no-repeat;
	width: 230px;
	height: 180px;
	left: 50px;
	top: 22710px;
	z-index: 50;
	display: none;
	animation: pulse 2s infinite linear;
}

.p8_4 {
	position: absolute;
	background: url(../images/p8_4.png) no-repeat;
	width: 566px;
	height: 298px;
	left: 50%;
	margin-left: -283px;
	top: 23200px;
	z-index: 20;
	opacity: 0;
}

.p9_1 {
	position: absolute;
	background: url(../images/p9_1.png) no-repeat;
	width: 750px;
	height: 1716px;
	left: 0;
	top: 23900px;
	z-index: 10;
}

.p9_2 {
	position: absolute;
	background: url(../images/p9_2.png) no-repeat;
	width: 750px;
	height: 1716px;
	left: 0;
	top: 23900px;
	z-index: 10;
}

.p9_3 {
	position: absolute;
	background: url(../images/p9_3.png) no-repeat;
	width: 526px;
	height: 500px;
	left: 50%;
	margin-left: -263px;
	top: 24910px;
	z-index: 15;
}

.p9_4 {
	position: absolute;
	background: url(../images/p9_4.png) no-repeat;
	width: 160px;
	height: 224px;
	left: 420px;
	top: 24100px;
	z-index: 20;
	animation: fadeOutUp 6s infinite ease-in-out;
}

.p9_5 {
	position: absolute;
	background: url(../images/p9_5.png) no-repeat;
	width: 94px;
	height: 158px;
	left: 620px;
	top: 24500px;
	z-index: 20;
	animation: zoomOutUp 4s infinite ease-in-out;
}

.p9_6 {
	position: absolute;
	background: url(../images/p9_6.png) no-repeat;
	width: 214px;
	height: 174px;
	left: 100px;
	top: 24500px;
	z-index: 20;
	animation: zoomOutUp 3s infinite ease-in-out;
}

.p9_7 {
	position: absolute;
	background: url(../images/p9_7.png) no-repeat;
	width: 150px;
	height: 204px;
	left: 300px;
	top: 24000px;
	z-index: 20;
	animation: zoomOutUp 6s infinite ease-in-out;
}


.p9_8 {
	position: absolute;
	background: url(../images/p9_8.png) no-repeat;
	width: 208px;
	height: 158px;
	left: 50px;
	top: 23900px;
	z-index: 20;
	animation: fadeOutUp 5s infinite ease-in-out;
}

.p9_9 {
	position: absolute;
	background: url(../images/p9_9.png) no-repeat;
	width: 216px;
	height: 136px;
	left: 103px;
	top: 24850px;
	z-index: 10;
}

.p9_10 {
	position: absolute;
	background: url(../images/p9_10.png) no-repeat;
	width: 216px;
	height: 136px;
	left: 103px;
	top: 24850px;
	z-index: 10;
}

.p9_11 {
	position: absolute;
	background: url(../images/p9_11.png) no-repeat;
	width: 216px;
	height: 136px;
	left: 103px;
	top: 24850px;
	z-index: 10;
}

.p9_12 {
	position: absolute;
	background: url(../images/p9_12.png) no-repeat;
	width: 212px;
	height: 278px;
	left: 531px;
	top: 25300px;
	z-index: 50;
	animation: pulse 2s infinite linear;
}

.p10_0 {
	position: absolute;
	background: url(../images/p10_0.png) no-repeat;
	width: 392px;
	height: 580px;
	left: 50%;
	margin-left: -196px;
	top: 25800px;
	z-index: 15;
	opacity: 0;
}

.p10_1 {
	position: absolute;
	background: url(../images/p10_1.png) no-repeat;
	width: 750px;
	height: 1342px;
	left: 0;
	top: 25860px;
	z-index: 20;
}

.sharebtn {
	position: absolute;
	background: url(../images/sharebtn.png) no-repeat;
	width: 256px;
	height: 76px;
	left: 5%;
	top: 27000px;
	z-index: 90;
	animation: pulse 2s infinite linear;
}

.replay {
	position: absolute;
	background: url(../images/replay.png) no-repeat;
	width: 256px;
	height: 76px;
	right: 5%;
	top: 27000px;
	z-index: 90;
	animation: pulse 2s infinite linear;
}

.sharetips {
	position: absolute;
	background: url(../images/sharetips.png) no-repeat center top;
	width: 750px;
	height: 100%;
	background-size: cover;
	z-index: 999;
	display: none;
}

.tip {
	position: absolute;
	background: url(../images/tip.png) no-repeat;
	width: 150px;
	height: 200px;
	left: 50%;
	margin-left: -75px;
	top: 50%;
	margin-top: -100px;
	animation: flash 2s infinite linear;
}