@charset "UTF-8";
::-webkit-scrollbar{width:0px}
::-webkit-scrollbar-track{border-left:3px solid #f8f8f8}
::-webkit-scrollbar-thumb{width:3px;background:#808080;background-size:3px;}
::-webkit-input-placeholder{color:#E1E1E1;font-size:12px;}
*{margin:0;padding:0;touch-action:none;}

html,
body{width:100%;height:100%;position:absolute;overflow:hidden;font-family:"微软雅黑";font-size:0;-webkit-user-select:none;}
img{pointer-events:none;}

.ytips{background:#B17B48;top:35%;}
.ytips p{color:#FFFFFF;letter-spacing:1px;padding: 5px 0;}

.music-ctr{width:30px;position:fixed;right:10px;top:5px;z-index:1000}

.tips-ping{width:100%;height:100;background:#000000;z-index:999;}
.tips-ping img{width:60%;position:absolute;left:50%;top:50%;z-index:1;transform:translate3d(-50%,-50%,0);}

.w{width:100%;}
.h{height:100%;}

.g{width:100%;position:relative;}

.btn,
.btn-show,
.btn-hide{pointer-events:auto;}

.wait{width:100%;height:100%;background:transparent;position:fixed;left:0;top:0;z-index:9000;display:none;}
.wait img{width:8%;background:rgba(0,0,0,0.8);margin:66% auto 0 auto;padding:10px;text-align:center;display:block;border-radius:5px;}
.wait p{width:10%;background:#000000;text-align:center;display:block;color:#FFFFFF;font-size:12px;margin:7px auto;}
.page{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;overflow:hidden;}
.con{width:100%;position:absolute;left:0;top:50%;z-index:1;transform:translateY(-50%);overflow:hidden;}

.game {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	overflow: hidden;
	transform: translateY(-50%);
}


/*.p2_0{width:100%;}
.p2_1{width:12.27%; position:absolute; left:72.67%; top:50.53%; z-index:1; }
.p2_2{width:11.73%; position:absolute; left:81.73%; top:34.6%; z-index:1; }
.p2_3{width:7.2%; position:absolute; left:61.87%; top:30.93%; z-index:1; }
.p2_4{width:9.6%; position:absolute; left:67.47%; top:27.33%; z-index:1; }
.p2_5{width:7.2%; position:absolute; left:36.53%; top:37.4%; z-index:1; }
.p2_6{width:16.8%; position:absolute; left:58.13%; top:40.47%; z-index:1; }
.p2_7{width:23.07%; position:absolute; left:53.67%; top:41.6%; z-index:1; }
.p2_8{width:12.53%; position:absolute; left:21.6%; top:46.47%; z-index:1; }
.p2_9{width:7.87%; position:absolute; left:62.8%; top:46.27%; z-index:1; }
.p2_10{width:14.13%; position:absolute; left:34%; top:48.67%; z-index:1; }
.p2_11{width:8.27%; position:absolute; left:23.33%; top:56.4%; z-index:1; }
.p2_12{width:8.27%; position:absolute; left:29.33%; top:54%; z-index:1; }
.p2_13{width:7.47%; position:absolute; left:43.73%; top:53.33%; z-index:1; }
.p2_14{width:14.4%; position:absolute; left:54.4%; top:52.53%; z-index:1; }
.p2_15{width:14.53%; position:absolute; left:54.4%; top:49.33%; z-index:1; }
.p2_16{width:7.6%; position:absolute; left:37.33%; top:56.93%; z-index:1; }
.p2_17{width:8.13%; position:absolute; left:22.67%; top:60.47%; z-index:1; }
.p2_18{width:7.87%; position:absolute; left:24.53%; top:67%; z-index:1; }
.p2_19{width:13.6%; position:absolute; left:5.6%; top:65.2%; z-index:1; }
.p2_20{width:17.6%; position:absolute; left:13.6%; top:75.6%; z-index:1; }
.p2_21{width:7.87%; position:absolute; left:50.27%; top:76.67%; z-index:1; }
.p2_22{width:6.8%; position:absolute; left:51.87%; top:59.27%; z-index:1; }
.p2_23{width:8.8%; position:absolute; left:65.2%; top:59.53%; z-index:1; }
.p2_24{width:15.87%; position:absolute; left:79.2%; top:52.53%; z-index:1; }
.p2_25{width:84%; position:absolute; left:8%; top:11.13%; z-index:1; }
*/


.p2_0{width:100%;}
.p2_1{width:8.53%; position:absolute; left:86.67%; top:54.13%; z-index:1; }
.p2_2{width:15.87%; position:absolute; left:73.87%; top:34.73%; z-index:1; }
.p2_3{width:11.47%; position:absolute; left:58.8%; top:25%; z-index:1; }
.p2_4{width:10.13%; position:absolute; left:54.93%; top:28.8%; z-index:1; }
.p2_5{width:10.27%; position:absolute; left:32.13%; top:37.73%; z-index:1; }
.p2_6{width:20.4%; position:absolute; left:52.8%; top:38.67%; z-index:1; }
.p2_7{width:23.87%; position:absolute; left:49.6%; top:41.87%; z-index:1; }
.p2_8{width:13.6%; position:absolute; left:19.47%; top:45.4%; z-index:1; }
.p2_9{width:12.53%; position:absolute; left:53.07%; top:47.73%; z-index:1; }
.p2_10{width:13.73%; position:absolute; left:28.8%; top:48%; z-index:1; }
.p2_11{width:10.67%; position:absolute; left:19.73%; top:55.67%; z-index:1; }
.p2_12{width:8.4%; position:absolute; left:30.93%; top:52.93%; z-index:1; }
.p2_13{width:11.47%; position:absolute; left:39.07%; top:53%; z-index:1; }
.p2_14{width:17.47%; position:absolute; left:47.2%; top:51.8%; z-index:1; }
.p2_15{width:16.53%; position:absolute; left:39.6%; top:46.67%; z-index:1; }
.p2_16{width:10%; position:absolute; left:33.73%; top:56.07%; z-index:1; }
.p2_17{width:11.33%; position:absolute; left:16.53%; top:59.8%; z-index:1; }
.p2_18{width:10.13%; position:absolute; left:19.47%; top:67%; z-index:1; }
.p2_19{width:15.6%; position:absolute; left:4.53%; top:66.07%; z-index:1; }
.p2_20{width:15.33%; position:absolute; left:12.53%; top:75.13%; z-index:1; }
.p2_21{width:9.73%; position:absolute; left:38.13%; top:76.4%; z-index:1; }
.p2_22{width:9.6%; position:absolute; left:47.6%; top:56.27%; z-index:1; }
.p2_23{width:12.4%; position:absolute; left:54.93%; top:58.87%; z-index:1; }
.p2_24{width:21.6%; position:absolute; left:68.27%; top:50.8%; z-index:1; }
.p2_25{width:15.6%; position:absolute; left:61.2%; top:49.67%; z-index:1; }
.p2_26{width:35.87%; position:absolute; left:25.73%; top:24.27%; z-index:1; }
.p2_27{width:16.4%; position:absolute; left:54.67%; top:35.27%; z-index:1; }
.p2_28{width:11.87%; position:absolute; left:36.67%; top:40%; z-index:1; }
.p2_29{width:21.73%; position:absolute; left:11.47%; top:48%; z-index:1; }
.p2_30{width:11.6%; position:absolute; left:27.6%; top:59.87%; z-index:1; }
.p2_31{width:12.53%; position:absolute; left:9.07%; top:63.13%; z-index:1; }
.p2_32{width:5.6%; position:absolute; left:29.6%; top:72.07%; z-index:1; }
.p2_33{width:6.27%; position:absolute; left:57.47%; top:55.4%; z-index:1; }
.p2_34{width:5.6%; position:absolute; left:62.8%; top:53.33%; z-index:1; }
.p2_35{width:21.6%; position:absolute; left:66.67%; top:54.8%; z-index:1; }
.p2_36{width:14.27%; position:absolute; left:65.87%; top:43.47%; z-index:1; }
.p2_37{width:10.4%; position:absolute; left:85.87%; top:49.73%; z-index:1; }
.p2_38{width:82%; position:absolute; left:9.07%; top:10.87%; z-index:1; }


.p2_b1{width:46.93%; position:absolute; left:26.8%; top:83.67%; z-index:1; }
.p2_b2{width:46.67%; position:absolute; left:27.2%; top:83.53%; z-index:1; }


.p2-svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	fill:none;
	pointer-events: none;
}

.animate-1 {
	width: 9%;
	position: absolute;
	left: 82%;
	top: 44%;
	z-index: 1;
}


.p3_0{width:100%;}
.p3_1{width:82.53%; position:absolute; left:8.93%; top:12.13%; z-index:1; }
.p3_2{width:80.4%; position:absolute; left:9.87%; top:69.13%; z-index:1; }
.p3_a1{width:30.27%; position:absolute; left:5.47%; top:29.67%; z-index:1; }
.p3_a2{width:17.33%; position:absolute; left:43.73%; top:28.47%; z-index:1; }
.p3_a3{width:29.47%; position:absolute; left:63.2%; top:29.33%; z-index:1; }
.p3_b1{width:33.6%; position:absolute; left:4.27%; top:34.4%; z-index:1; }
.p3_b2{width:28.67%; position:absolute; left:35.6%; top:28.13%; z-index:1; }
.p3_b3{width:14.53%; position:absolute; left:71.73%; top:30.73%; z-index:1; }
.p3_c1{width:13.73%; position:absolute; left:14.27%; top:21.67%; z-index:1; }
.p3_c2{width:33.87%; position:absolute; left:33.07%; top:31%; z-index:1; }
.p3_c3{width:35.33%; position:absolute; left:61.2%; top:28.2%; z-index:1; }
.p3_d1{width:33.87%; position:absolute; left:3.73%; top:27.6%; z-index:1; }
.p3_d2{width:11.73%; position:absolute; left:44.53%; top:28.87%; z-index:1; }
.p3_d3{width:33.87%; position:absolute; left:62.13%; top:26.53%; z-index:1; }
.p3_e1{width:28%; position:absolute; left:6.13%; top:36.07%; z-index:1; }
.p3_e2{width:30.93%; position:absolute; left:36.4%; top:36.87%; z-index:1; }
.p3_e3{width:27.87%; position:absolute; left:65.73%; top:38%; z-index:1; }
.p3_b1f{width:45.87%; position:absolute; left:27.07%; top:83%; z-index:1; }


.p4_0{width:100%;}
.p4_1f{width:66.87%; position:absolute; left:16.53%; top:53.4%; z-index:1; }
.p4_1{width:100%; position:absolute; left:0%; top:0%; z-index:1; }
.p4_2{width:82.27%; position:absolute; left:8.93%; top:12.13%; z-index:1; }
.p4_3{width:66.93%; position:absolute; left:16.53%; top:56.2%; z-index:1; }
.p4_4{width:9.73%; position:absolute; left:31.37%; top:57.37%; z-index:1; }
.p4_5{width:62.93%; position:absolute; left:18.67%; top:74.63%; z-index:1; }
.p4_a{width:100%; position:absolute; left:0%; top:24.73%; z-index:1; }
.p4_c{width:100%; position:absolute; left:0%; top:24.87%; z-index:1; }
.p4_b{width:100%; position:absolute; left:0%; top:24.87%; z-index:1; }
.p4_d{width:100%; position:absolute; left:0%; top:24.73%; z-index:1; }
.p4_e{width:100%; position:absolute; left:0%; top:24.8%; z-index:1; }
.p4-s_b1{width:46%; position:absolute; left:27.73%; top:83.07%; z-index:1; }
.p4_b1{width:46%; position:absolute; left:27.73%; top:83.07%; z-index:1; }
.p4_b2{width:46.13%; position:absolute; left:27.6%; top:83.13%; z-index:1; }
.p4_b3{width:48%; position:absolute; left:26%; top:83.13%; z-index:1; }



.p5_0{width:100%;}
.p5_1{width:82.4%; position:absolute; left:8.93%; top:12.07%; z-index:1; }
.p5_2{width:70%; position:absolute; left:15.07%; top:66.87%; z-index:1; }
.p5_3{width:36.8%; position:absolute; left:31.73%; top:70.4%; z-index:1; }
.p5_4{width:93.2%; position:absolute; left:3.47%; top:74.13%; z-index:1; }
.p5_5{width:90%; position:absolute; left:5%; top:26.8%; z-index:1; }
.p5_6{width:7.33%; position:absolute; left:76.93%; top:30.07%; z-index:1; }
.p5_7{width:38.27%; position:absolute; left:7.47%; top:27.27%; z-index:1; }
.p5_8{width:6%; position:absolute; left:30.53%; top:34.8%; z-index:1; }
.p5_9{width:54.27%; position:absolute; left:20.8%; top:34.67%; z-index:1; }
.p5_10{width:6.93%; position:absolute; left:64.27%; top:36.8%; z-index:1; }
.p5_11{width:23.6%; position:absolute; left:41.47%; top:41.07%; z-index:1; }
.p5_12{width:7.87%; position:absolute; left:29.87%; top:42.67%; z-index:1; }
.p5_13{width:50.67%; position:absolute; left:6.27%; top:37.67%; z-index:1; }
.p5_14{width:3.2%; position:absolute; left:34.53%; top:40.33%; z-index:1; }
.p5_15{width:12.8%; position:absolute; left:14.67%; top:44.33%; z-index:1; }
.p5_16{width:12.8%; position:absolute; left:61.73%; top:46.53%; z-index:1; }
.p5_17{width:41.33%; position:absolute; left:50.53%; top:38.53%; z-index:1; }
.p5_18{width:17.33%; position:absolute; left:64.13%; top:48.6%; z-index:1; }
.p5_19{width:28.53%; position:absolute; left:0%; top:53.8%; z-index:1; }
.p5_20{width:20.4%; position:absolute; left:79.2%; top:0.67%; z-index:1; }
.p5_21{width:33.2%; position:absolute; left:0%; top:16.73%; z-index:1; }
.p5_22{width:8.13%; position:absolute; left:37.33%; top:25.67%; z-index:1; }
.p5_23{width:13.2%; position:absolute; left:51.6%; top:27.87%; z-index:1; }
.p5_b1{width:45.87%; position:absolute; left:4%; top:83.2%; z-index:1; }
.p5_b2{width:46%; position:absolute; left:49.33%; top:83.2%; z-index:1; }


.p4-show {
	background: rgba(0,0,0,0.7);
}

.p4-show .p4_b1{width:46%; position:absolute; left:27.73%; top:83.07%; z-index:1; }

.btn1 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

/*animate*/
.p2_25 {
	-webkit-animation: fadeIn 1s ease 0.5s both;
}

.hb_1,
.p3_b1f,
.p4_b1,
.p4_b2,
.p2_b2,
.p2_b1 {
	-webkit-animation: p2_b1 2s ease 0s infinite;
}
@-webkit-keyframes p2_b1{
	0%{opacity: 1;-webkit-transform: scale3d(1,1,1)}
	50%{opacity: 1;-webkit-transform: scale3d(0.97,0.97,1)}
	100%{opacity: 1;-webkit-transform: scale3d(1,1,1)}
}

.p4_4{-webkit-animation:p4_4 3s ease 0s infinite;}

@-webkit-keyframes p4_4{
	0%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
	50%{opacity: 1;-webkit-transform: translate3d(31vw,0,0)}
	100%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
}

.p5_1{-webkit-animation:fadeIn 1.5s ease 0.5s both;}
.p5-g{-webkit-animation:fadeInB 1.5s ease 1s both;}
.p5_2{-webkit-animation:fadeInB 1.5s ease 1.5s both;}
.p5_3{-webkit-animation:fadeInB 1.5s ease 2s both;}
.p5_4{-webkit-animation:fadeInB 1.5s ease 2.5s both;}
.p5_b1{-webkit-animation:fadeInL 1.5s ease 2s both;}
.p5_b2{-webkit-animation:fadeInR 1.5s ease 2s both;}

.p5-g-a .p5_6 {
	transform-origin: 0 90%;
	-webkit-animation: p5_6 0.5s ease 0s infinite;
}
@-webkit-keyframes p5_6{
	0%{opacity: 1;-webkit-transform: translate3d(0,0,0) scale3d(1,1,1)}
	50%{opacity: 1;-webkit-transform: translate3d(0,0,0) scale3d(1,1.1,1)}
	100%{opacity: 1;-webkit-transform: translate3d(0,0,0) scale3d(1,1,1)}
}

.p5-g-a .p5_8 {
	-webkit-animation: p5_8 1s ease 0s infinite;
}
@-webkit-keyframes p5_8{
	0%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
	50%{opacity: 1;-webkit-transform: translate3d(10px,0,0)}
	100%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
}

.p5-g-a .p5_14,
.p5-g-a .p5_12 {
	-webkit-animation: p5_12 1s ease 0s infinite;
}
@-webkit-keyframes p5_12{
	0%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
	50%{opacity: 1;-webkit-transform: translate3d(-2px,1px,0)}
	100%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
}

.p5-g-a .p5_11,
.p5-g-a .p5_15{
	-webkit-animation: p5_10 1s ease -0.2s infinite;
}
.p5-g-a .p5_10 {
	-webkit-animation: p5_10 1s ease 0s infinite;
}
@-webkit-keyframes p5_10{
	0%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
	50%{opacity: 1;-webkit-transform: translate3d(-1px,3px,0)}
	100%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
}

.p5-g-a .p5_18,
.p5-g-a .p5_16 {
	-webkit-animation: p5_16 1s ease 0s infinite;
}
@-webkit-keyframes p5_16{
	0%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
	50%{opacity: 1;-webkit-transform: translate3d(-10px,4px,0)}
	100%{opacity: 1;-webkit-transform: translate3d(0,0,0)}
}

.p5-g-a .p5_22 {
	-webkit-animation: p5_22 3s ease 0s infinite;
}
@-webkit-keyframes p5_22{
	0%{opacity: 0;-webkit-transform: translate3d(0,30px,0)}
	20%{opacity: 1;}
	100%{opacity: 0;-webkit-transform: translate3d(0,-30px,0)}
}

.p5-g-a .p5_23 {
	-webkit-animation: p5_23 3s ease 0s infinite;
}
@-webkit-keyframes p5_23{
	0%{opacity: 0;-webkit-transform: translate3d(0,30px,0)}
	20%{opacity: 1;}
	100%{opacity: 0;-webkit-transform: translate3d(0,-30px,0)}
}

.share-close{
	width: 100%;
	height: calc(100% - 300px);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#share-2 {
	width: 100%;
	height: 300px;
	background: #FFFFFF;
	position: absolute;
	left: 0%;
	bottom: 0%;
	z-index: 2;
	text-align: center;
	padding: 15px 0 0 0;
}


.p5_22,
.p5_23{
	opacity: 0p5_15;
}


.hb_0{width:100%;}
.hb_1{width:92.53%; position:absolute; left:3.73%; top:79.6%; z-index:1; }
.hb_b1{width:46%; position:absolute; left:27.07%; top:83.53%; z-index:1; }

.bx {
	width: 25%;
	position: absolute;
	left: 48.3%;
	top: 43.7%;
	z-index: 1;
	-webkit-animation: bx 1s ease 0s both;
}
@-webkit-keyframes bx{
	0%{opacity: 1;-webkit-transform:scale3d(0,0,0)}
	100%{opacity: 1;-webkit-transform:scale3d(1,1,1)}
}

.p2_t {
	-webkit-animation: fadeIn 1s ease 0s both;
}

/*
.show2 {
	width: 10%;
	height: 10vw;%;
	position: absolute;
	left: 45.6%;
	top: 40.6%;
	z-index: 1;
	border: 1px solid #FF00FF;
}*/



/*.p2,*/
.p3,
.p4,
.p5,
.p6,
.p4_title,
.p3_ti,
.p2_t,
.p2_b2,
.p4_b2,
.p4_b3,
.p3_2,
.lt1,
.lt2,
.lt4,
.share,
.p4-show,
.p4-show .w,
.p2_7,
.p2_10,
.p2_19,
.p2_20,
.p2_24,
.hb,
.dt1,
.bx,
.wait{display:none;}