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%}.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/posnn.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}.mask #videoPlay{position:absolute;width:50px;height:50px;top:50%;left:50%;margin-left:-25px;margin-top:-25px;display:none}.videoclose{right:40px;top:30px;width:20px;display:none}.end .pop,.selBox{right:0;display:none}.videoback{left:20px;top:50%;margin-top:-20px;width:34px;display:none}.end .re,.end .sh{width:140px;left:50%;top:77%;filter:brightness(.1);position:absolute}.end .re{margin-left:-183px}.end .sh{margin-left:59px}.end .pop{top:0;left:0;position:absolute;bottom:0;background:url(../i/icon.png) top left/20% no-repeat rgba(0,0,0,.7)}.selBox{position:absolute;bottom:15%;width:50%}.selBox .bg,.selBox .item li.ed span{display:block}.selBox .bg{width:100%}.selBox .item{position:absolute;left:25%;top:40%;width:35%}.selBox .item li{position:relative;margin:5% 0;padding:3% 5% 3% 30%}.selBox .item li span{position:absolute;top:40%;left:0;transform:translateY(-50%);width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:50% 50%;background-image:url(../i/sel_2.png)}.selBox .item li img{display:block;width:100%}.selBox .item li.yi.ed{background:url(../i/cuo_bg.png) 50% 50%/cover no-repeat}.selBox .item li.yi.ed span{background-image:url(../i/cuo_2.png)}.selBox .item li.er.ed{background:url(../i/cuo_bg.png) 50% 50%/cover no-repeat}.selBox .item li.er.ed span{background-image:url(../i/cuo_2.png)}.selBox .item li.san.ed{background:url(../i/dui_bg.png) 50% 50%/cover no-repeat}.selBox .close,.selDaBox .close,.zsbjkBox .close{position:absolute;height:60px;background-color:rgba(0,0,0,0);top:0}.selBox .item li.san.ed span{background-image:url(../i/dui_2.png)}.selBox .close{width:60px;right:5%}.selDaBox{position:absolute;bottom:15%;right:0;width:50%;display:none}.selDaBox .bg{display:block;width:100%}.selDaBox .close{width:60px;right:5%}.zsbjkBox{position:absolute;bottom:15%;right:0;width:50%;display:none}.zsbjkBox .bg{display:block;width:100%}.zsbjkBox .close{width:60px;right:5%}.vrBox,.vrBox .btn,.vrBox .vrMain{top:0;right:0;position:absolute}.vrBox{bottom:0;left:0;display:none}.vrBox .btn{width:20%}.vrBox .vrMain{bottom:0;left:0;background-color:rgba(0,0,0,.6);display:none}.vrBox .vrMain .keyShotXR{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vrBox .close{position:absolute;width:40px;height:40px;top:2%;right:1%;background:url(../i/x.png) 50% 50%/contain no-repeat;display:none}.endBox{position:absolute;bottom:0;top:0;left:0;right:0;background:url(../i/endBg.jpg) 50% 50%/cover no-repeat;display:none}.endBox .i3{position:absolute;width:30%;left:50%;top:20%;transform:translateX(-50%)}.endBox .i1,.endBox .i2{width:20%;left:50%;top:75%;filter:brightness(.1);position:absolute}.endBox .i1{transform:translateX(-150%)}.endBox .i2{transform:translateX(50%)}.endBox .sharePop{position:absolute;top:0;right:0;bottom:0;left:0;background:url(../i/icon.png) top left no-repeat rgba(0,0,0,.8);display:none}.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)}.k4load,.puzzleBox{display:none;top:0;left:0;position:absolute}.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}.k4load p{font-size:.2rem;text-align:center;color:#fff;background-color:#000;padding:.1rem}.k4load p span{color:#c38044;padding:0 .1rem}.puzzleBox{right:0;bottom:0;z-index:1}.puzzleBox .bg{display:block;height:100%;position:absolute;top:0;right:0}.puzzleOtherBox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:none}.puzzleOtherBox .td{position:absolute;width:10%;top:50%;right:8%;animation:fingerHandle 2.5s infinite}.puzzleOtherBox .close{position:absolute;width:60px;height:60px;background-color:rgba(0,0,0,0);left:65%;top:0}.puzzleOtherBox .pop{position:absolute;width:30%;top:35%;right:0;display:none}.puzzleOtherBox .puzzleContent{position:absolute;width:30%;height:70%;top:20%;right:2%}.puzzleOtherBox .puzzleContent .draging,.puzzleOtherBox .puzzleContent>div{width:33.33%;height:33.33%;position:absolute;color:red}.puzzleOtherBox .puzzleContent>div{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;text-indent:-999em}.puzzleOtherBox .puzzleContent>div:nth-child(1){top:0;left:0}.puzzleOtherBox .puzzleContent>div:nth-child(2){top:0;left:33.33%}.puzzleOtherBox .puzzleContent>div:nth-child(3){top:0;left:66.66%}.puzzleOtherBox .puzzleContent>div:nth-child(4){top:33.33%;left:0}.puzzleOtherBox .puzzleContent>div:nth-child(5){top:33.33%;left:33.33%}.puzzleOtherBox .puzzleContent>div:nth-child(6){top:33.33%;left:66.66%}.puzzleOtherBox .puzzleContent>div:nth-child(7){top:66.66%;left:0}.puzzleOtherBox .puzzleContent>div:nth-child(8){top:66.66%;left:33.33%}.puzzleOtherBox .puzzleContent>div:nth-child(9){top:66.66%;left:66.66%}@-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 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)}}@-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 fingerHandle90{0%,100%{transform:rotate(90deg) none}70%{transform:rotate(90deg) scale3d(.8,.8,.8) translate(-10px)}}@-webkit-keyframes fingerHandle90{0%,100%{transform:rotate(90deg) none}70%{transform:rotate(90deg) scale3d(.8,.8,.8) translate(-10px)}}@-o-keyframes fingerHandle90{0%,100%{transform:rotate(90deg) none}70%{transform:rotate(90deg) scale3d(.8,.8,.8) translate(-10px)}}@keyframes fingerHandle90{0%,100%{transform:rotate(90deg) none}70%{transform:rotate(90deg) scale3d(.8,.8,.8) translate(-10px)}}