body,html{height:100%;overflow:hidden;-webkit-tap-highlight-color:transparent}body{font-family:Sans-serif;background-color:#061825;-ms-touch-action:none}body,dd,dl,h2,h3,p,ul{margin:0}dd,dl,ul{padding:0}li{list-style:none}a{text-decoration:none}img{border:none}.loading .con,.loading .con .line{position:absolute;border-radius:2.5px}video{object-fit:cover}.loading{background-color:#0f234c;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.loading .con{font-size:20px;color:#fff;bottom:5%;left:50%;margin-left:-25%;width:50%;height:5px;background-color:#000;display:none}.loading .con .line{top:0;left:0;width:0%;height:100%;background-color:#fff}.load_1,.load_2,.load_3,.loading .txt{left:50%;position:absolute}.loading .txt{font-size:20px;color:#fff;top:70%;transform:translate(-50%,-50%);text-indent:-999em;background:url(../i/load_11.png) 50% 50%/contain no-repeat;width:30%;height:20%}.bylBox .item li.er.ed,.hyzBox .item li.er.ed{color:#3cff81}.load_1{width:60%;margin-left:-30%;top:15%}.load_2{width:50px;margin-left:-25px;animation:rota_o 1s ease infinite;top:75%}.load_3{width:12%;margin-left:-6%;top:32%}.myVideo_play{position:absolute;width:50px;height:50px;right:10px;bottom:10px;display:none;z-index:1000}.myVideo_play_box{position:absolute;top:0;width:100%;height:100%;left:0;z-index:10;background-image:url(../i/pos_n.jpg);background-size:cover;background-position:top center;display:none}.mask #videoPlay,.myVideo_play_box #androidPlay{right:10px;bottom:10px;background-image:url(../i/play.png);background-size:contain}.myVideo_play_box #androidPlay{position:absolute;width:50px;height:50px}.videoBox{position:absolute;height:100%;width:100%;opacity:0;overflow:hidden}.videoBox .myVideo{position:absolute;height:126%;width:126%;z-index:-1;top:-13%;left:-13%}.lg{position:absolute;width:15%;top:3%;left:3%}.mask{position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}.videoback,.videoclose{position:absolute;z-index:10;display:none}.mask #videoPlay{position:absolute;width:50px;height:50px;top:50%;left:50%;margin-left:-25px;margin-top:-25px;display:none}.bylBox,.bylBox .bg{height:100%}.videoclose{right:40px;top:30px;width:20px}.videoback{left:20px;top:50%;margin-top:-20px;width:34px}.end .re,.end .sh{position:absolute;width:140px;left:50%;top:77%;filter:brightness(.1)}.end .re{margin-left:-183px}.end .sh{margin-left:59px}.bylBox,.dwtBox,.end .pop{top:0;right:0;display:none;position:absolute}.end .pop{left:0;bottom:0;background:url(../i/icon.png) top left/20% no-repeat rgba(0,0,0,.7)}.bylBox .item li span,.hyzBox .item li span{transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;background-position:50% 50%}.dwtBox{bottom:7%;left:0}.dwtBox img{position:absolute;width:51%;bottom:0;right:0}.bylBox .bg{display:block}.bylBox .item{position:absolute;left:30%;top:63%;width:60%}.bylBox .item li{position:relative}.bylBox .item li span{position:absolute;top:50%;right:-.15rem;width:.4rem;height:.4rem;display:none}.bylBox .item li img{display:block;width:100%}.bylBox .item li.ed span{display:block}.bylBox .item li.yi.ed span{background-image:url(../i/ncuo.png)}.bylBox .item li.er.ed span{background-image:url(../i/ndui.png)}.bylBox .item li.san.ed span,.hyzBox .item li.er.ed span,.hyzBox .item li.yi.ed span{background-image:url(../i/ncuo.png)}.hyzBox{position:absolute;top:0;right:0;height:100%;display:none}.hyzBox .bg{display:block;height:100%}.hyzBox .close{position:absolute;width:.6rem;height:.6rem;background-color:rgba(0,0,0,0);top:3%;right:7%}.hyzBox .item{position:absolute;left:30%;top:63%;width:60%}.hyzBox .item li{position:relative}.hyzBox .item li span{position:absolute;top:50%;right:-.15rem;width:.4rem;height:.4rem;display:none}.dragZzBox,.dragZzBoxOther,.zwBox{right:0;bottom:0}.dragZzBox .pepBox,.dragZzBoxOther .pepBox{border:1px solid #fff;height:30%;opacity:0}.hyzBox .item li img{display:block;width:100%}.dragZzBox .arr,.dragZzBox .pep,.dragZzBox .sm{width:10%;position:absolute}.hyzBox .item li.ed span{display:block}.dragZzBox,.ksc_1,.zwBox{display:none}.hyzBox .item li.san.ed span{background-image:url(../i/ndui.png)}.dragZzBox{position:absolute;z-index:1000;top:0;left:0;background:url(../i/dragBg.jpg) 50% 50%/cover no-repeat}.dragZzBox .arr{top:45%;left:60%}.dragZzBox .sm{bottom:0;left:80%}.dragZzBox .pep{top:70%;left:70%}.dragZzBox .pepBox{position:absolute;width:12%;top:12%;left:48%}.dragZzBoxOther{position:absolute;z-index:1000;top:0;left:0;display:none}.dragZzBoxOther .pep{position:absolute;width:10%;top:70%;left:70%}.dragZzBoxOther .pepBox{position:absolute;width:12%;top:12%;left:48%}.zwBox{position:absolute;top:0;left:0}.zwBox .ca,.zwBox .con{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.zwBox .con{width:50%;height:50%;background:red;opacity:0}.ksc_1 .close,.ksc_2 .close,.ksc_3 .close,.seBox .seBoxCon{background-color:rgba(0,0,0,0)}.zwBox .ca{width:12%;margin-left:30%;margin-top:-5%}.ksc_1 .close,.ksc_2 .close,.ksc_3 .close,.seBox{top:0;position:absolute}.ksc_1{position:absolute;bottom:7%;right:2%;width:47%}.ksc_1 img{display:block;width:100%}.ksc_1 .close{width:100%;height:100%;right:0}.ksc_2{position:absolute;bottom:7%;right:2%;width:47%;display:none}.ksc_2 img{display:block;width:100%}.ksc_2 .close{width:100%;height:100%;right:0}.ksc_3{position:absolute;bottom:7%;right:2%;width:41.8%;display:none}.ksc_3 img{display:block;width:100%}.endBox,.endBox .sharePop,.seBox{display:none;right:0;bottom:0}.ksc_3 .close{width:100%;height:100%;right:0}.seBox{left:0}.seBox .seBoxCon{position:absolute;width:40%;height:80%;transform:translate(-50%,-50%);top:50%;left:50%;border-radius:50%}.endBox .i3,.seBox .zs{position:absolute;width:30%}.seBox .zs{top:20%;left:52%;animation:se 1s ease infinite}.endBox{position:absolute;top:0;left:0;background:url(../i/endBg.jpg) 50% 50%/cover no-repeat}.endBox .i3{left:50%;top:20%;transform:translateX(-50%)}.endBox .i1,.endBox .i2{position:absolute;width:20%;left:50%;top:75%;filter:brightness(.1)}.endBox .i1{transform:translateX(-150%)}.endBox .i2{transform:translateX(50%)}.endBox .sharePop,.k4load{position:absolute;top:0;left:0}.endBox .sharePop{background:url(../i/icon.png) top left no-repeat rgba(0,0,0,.8)}.k4Box{position:absolute;z-index:3;right:0;bottom:0}.k4Box ul{display:flex;border:1px solid #fff;padding:4px;border-radius:.3rem;background-color:rgba(255,255,255,.5)}.k4Box ul li{flex:1;color:#000;font-size:.18rem;font-weight:700;line-height:1;white-space:nowrap;padding:.05rem .1rem;transition:.5s;border-radius:.15rem}.k4Box ul li.current{background-color:rgba(0,0,0,.9);border-radius:.12rem;color:#fff}.k4load{width:100%;height:100%;z-index:2;display:none}.k4load p{font-size:.2rem;text-align:center;color:#fff;background-color:#000;padding:.1rem}.k4load p span{color:#c38044;padding:0 .1rem}@-moz-keyframes rota_o{0%,100%{transform:none}70%{transform:rotate(30deg)}}@-webkit-keyframes rota_o{0%,100%{transform:none}70%{transform:rotate(30deg)}}@-o-keyframes rota_o{0%,100%{transform:none}70%{transform:rotate(30deg)}}@keyframes rota_o{0%,100%{transform:none}70%{transform:rotate(30deg)}}@-moz-keyframes fingerHandle{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-webkit-keyframes fingerHandle{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-o-keyframes fingerHandle{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@keyframes fingerHandle{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-moz-keyframes se{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-webkit-keyframes se{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@-o-keyframes se{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}@keyframes se{0%,100%{transform:none}70%{transform:scale3d(.8,.8,.8) translate(-10px)}}

body,html{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.xBox{width:20px;position:absolute;top:15px;right:15px;z-index:10;display:none}
.xBox img{width: 100%;display:block;opacity:.8}
.prism-player {
    background-color: #000;
    position: relative;
    z-index: 10;
}
.seBox{
	/*display: none;*/
}

.seBoxCon{
	width: 50%;
	/*background-color: rgba(0,0,0,0.5) !important;*/
	border-radius: 0 !important;
}
.seBox .zs{
	left: 50%;
	top: 50%;
	margin-left: -15%;
	margin-top: 20%;
}
.seBox .jx{
	position: absolute;
	color: white;
	width: 10%;
	bottom: 5%;
	right: 3%;
	font-size: 0;
}
.seBox .jx img{
	width: 100%;
}

.box1{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*background-color: rgba(0,255,0,0.5);*/
	margin-top: 5%;
	margin-left: -40%;
}

.box2{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*background-color: rgba(0,0,255,0.5);*/
	margin-top: -27%;
	margin-left: -7%;
}

.box3{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*background-color: rgba(0,255,255,0.5);*/
	margin-top: 13%;
	margin-left: -14%;
}

.box4{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*background-color: rgba(255,0,255,0.5);*/
	margin-top: -3%;
	margin-left: 13%;
}

.box5{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*background-color: rgba(255,0,0,0.5);*/
	margin-top: -20%;
	margin-left: 37%;
}

.box6{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*background-color: rgba(255,255,0,0.5);*/
	margin-top: 22%;
	margin-left: 30%;
}


.popBox{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background-color: rgba(0,0,255,0.6);*/
	display: none;
}


.popBox img{
	position: absolute;
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

}

.popBox .close{
	position: absolute;
	width: 10%;
	height: 20%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	/*background-color: red;*/
	margin-left: 33%;
    margin-top: -17%;
}

.popZs{
	position: absolute;
	width: 45%;
	bottom: 0;
	right: 0;
	font-size: 0;
	display: none;
}

.popZs img{
	width: 100%;
}

.popZs .close{
	position: absolute;
	width: 15%;
	height: 30%;
	/*background-color: red;*/
	top: 0;
	right: 15%;
}

.popBtn{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
}
.popBtn p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
	font-size: 30px;
}
.popBtn img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 40%; 
}
.mask{
	/*display: block;*/
}
.popForest{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	font-size: 0;
	z-index: 11;
	display: none;
}
.popForest .imgBox{
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}


.popForest .imgBox .bg{
	height: 100%;
}

.popForest .imgBox .btn{
	position: absolute;
	/*top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);*/
	height: 15%;
}
.popForest .imgBox .btn1{
	left: 20vh;
	top: 75%;
}
.popForest .imgBox .btn2{
	left: 55vh;
	top: 42%;
}
.popForest .imgBox .btn3{
	left: 150vh;
	top: 50%;
}
.popForest .imgBox .btn4{
	left: 175vh;
	top: 30%;
}
.popForest .imgBox .btn5{
	left: 235vh;
	top: 10%;
}

.popForest .imgBox .arr{
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 20%;
	animation:haha 1s ease infinite;
}

.prism-play-animation{
	background: none !important;
}


.prism-pause-animation{
	background: none !important;
}

.popForest .close{
	position: absolute;
	right: 15px;
	top: 15px;
	width: 20px;
	display: none;
}

.endBox{
	z-index: 11;
}

.logo{
	display: none !important;
}



@keyframes haha{
	0%,100%{
		transform:translateX(0px);
	}
	70%{
		transform:translateX(20px)
	}
}