@charset "utf-8";@import "animate.css";*{-webkit-box-sizing:border-box;box-sizing:border-box}a,img,button,input,div{-webkit-tap-highlight-color:rgba(0,0,0,0)}body,dl,dd,h1,h2,h3,h4,h5,h6,p,form,button{margin:0;font-weight:normal}body,html{width:100%;height:100%;overflow:hidden;background-color:#000}body{font-size:12px;font-family:Arial,Tahoma,Geneva,sans-serif;-webkit-user-select:none}ul,ol{list-style:none;margin:0;padding:0}img{border:0}i,em{font-style:normal}a{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:none}table{border-collapse:collapse;border-spacing:0}input,select,textarea,button{vertical-align:middle;outline:0;resize:none}input[type="search"],input[type="submit"],input[type="button"],button,select{-webkit-appearance:none}.clearfix:after{display:block;content:"";clear:both}.fl{float:left}.fr{float:right}.hidden{display:none}@media screen and (orientation:landscape){.lock_wrap{display:-webkit-box!important}}@media only screen and (min-width:768px){.seein_wechat{display:block!important}.wrapper,.music{display:none!important}}.lock_wrap{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999;background:#22100c;color:#fff;box-pack:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:none}.loading{width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;-webkit-transition:opacity ease-out .8s;transition:opacity ease-out .8s;background:#22100c}.loading.load-end{opacity:0}.loading img{display:block;position:absolute;top:50%;left:50%;z-index:1001;width:210px;height:220px;margin:-110px 0 0 -105px}.loading em{display:block;position:absolute;top:50%;left:0;z-index:1002;width:100vw;height:10vw;margin-top:105px;font-family:arial;font-style:normal;font-size:6vw;line-height:10vw;text-align:center;color:#22100c}.music{position:absolute;top:0;right:0;width:100px;height:100px;z-index:100}.music:before{content:"";display:block;width:77px;height:77px;position:absolute;left:0;bottom:0;z-index:101;background:url(../images/music.png) no-repeat;-webkit-animation:rotate 1.5s linear infinite;animation:rotate 1.5s linear infinite}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.music.stop:before{background-position:left bottom;-webkit-animation:none;animation:none}.seein_wechat{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;background-color:#fff}.seein_wechat .wechat_code{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:250px;height:400px}.seein_wechat .wechat_code p{font:22px/60px Arial;color:#999;text-align:center}.seein_wechat .wechat_code #code{width:250px;height:250px;-webkit-box-shadow:5px 5px 15px rgba(0,0,0,0.3);box-shadow:5px 5px 15px rgba(0,0,0,0.3)}.wrapper{position:relative;width:100%;height:100%;overflow:hidden;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}.wrapper.active{opacity:1}.wrapper.active .hidden{display:block}.wrapper .self{width:368px;height:498px;background:url(../images/self.png) no-repeat center center;background-size:100% 100%}.wrapper .dialog1{width:689px;height:371px;padding:45px 45px 0;background:url(../images/dialog1.png) no-repeat center center;background-size:100% 100%}.wrapper .dialog2{width:750px;height:530px;padding:190px 80px 170px 100px;background:url(../images/dialog2.png) no-repeat center center;background-size:100% 100%}.wrapper .dialog3{width:689px;height:225px;padding:45px 45px 0;background:url(../images/dialog3.png) no-repeat center center;background-size:100% 100%}.wrapper .dialog4{width:470px;height:165px;padding:0 30px;border-radius:15px;background-color:#6b423c;box-shadow:0 0 0 5px #9b716b}.wrapper .dialog7{width:689px;height:225px;padding:45px 45px 0;background:url(../images/dialog7.png) no-repeat center center;background-size:100% 100%}.wrapper .dialogtext{display:-webkit-flex;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;width:100%;height:100%;font-size:30px;line-height:40px;font-weight:400;color:#ffe1d7}.wrapper .dialog2 .dialogtext{font-size:26px;line-height:38px}.wrapper .dialog4 .dialogtext{text-align:center}.wrapper .shadow1{width:100%;height:100%;background-color:rgba(0,0,0,.4)}.wrapper .shadow2{width:100vw;height:100vh;background:url(../images/shadow2.png) no-repeat center center;background-size:100% 100%}.wrapper .scene1{position:absolute;top:0;left:0;z-index:90;width:100vw;height:100vh;overflow:hidden;background:url(../images/scene1.jpg) no-repeat center center;background-size:cover}
.wrapper .scene1 .shadow1{position:absolute;top:0;left:0;z-index:91}.wrapper .scene1 .self{position:absolute;top:50%;left:10px;z-index:92;margin-top:-250px}.wrapper .scene1 .dialog1{position:absolute;top:50%;left:30px;z-index:93;margin-top:150px}.wrapper .scene1 .gesture0{display:none;position:absolute;top:50%;left:45%;z-index:94;width:263px;height:236px;margin-top:-50px;background:url(../images/gesture0.png) no-repeat center center;background-size:100% 100%}.wrapper .scene2{position:absolute;top:0;left:0;z-index:50;width:100vw;height:100vh;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.wrapper .scene2.lock{overflow:hidden}.wrapper .scene2 .clue1{display:block;position:absolute;top:63.4vh;left:140px;z-index:51;width:115px;height:6vh}.wrapper .scene2 .clue2{display:block;position:absolute;top:31.7vh;left:428px;z-index:51;width:230px;height:14.2vh}.wrapper .scene2 .clue3{display:block;position:absolute;top:47vh;left:448px;z-index:51;width:230px;height:6.7vh}.wrapper .scene2 .clue4{display:block;position:absolute;top:7vh;left:918px;z-index:51;width:370px;height:27vh}.wrapper .scene2 .clue5{display:block;position:absolute;top:50vh;left:1025px;z-index:51;width:230px;height:16.4vh}.wrapper .scene2 .clue6{display:block;position:absolute;top:44.1vh;left:1255px;z-index:51;width:160px;height:9.7vh}.wrapper .scene2 .counter{display:none;position:fixed;bottom:40px;left:40px;z-index:57;width:515px;height:60px;background:url(../images/counterbg.png) no-repeat center center;background-size:100% 100%}.wrapper .scene2 .counter p{width:16.6%;height:60px;background:url(../images/counter.png) no-repeat 0 0;background-size:515px 60px;-webkit-transition:width .25s ease-out;transition:width .25s ease-out}.wrapper .scene2 .counter span{display:block;position:absolute;top:0;right:0;z-index:58;width:60px;height:60px;font-size:22px;line-height:60px;text-align:center;color:#fff}.wrapper .scene2 .book{display:none;position:fixed;bottom:5px;right:10px;z-index:59;width:164px;height:170px;background:url(../images/book.png) no-repeat center center;background-size:100% 100%}.wrapper .scene2 .bg{width:1500px;height:100vh;background:url(../images/scene2.jpg) no-repeat center center;background-size:100% 100%;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:all 1s ease-out;transition:all 1s ease-out}.wrapper .scene2 .bg.move{-webkit-animation:bgmove 6s linear 1;animation:bgmove 6s linear 1}@-webkit-keyframes bgmove{0%{-webkit-transform:translate(0)}40%{-webkit-transform:translate(-750px)}60%{-webkit-transform:translate(-750px)}100%{-webkit-transform:translate(0)}}@keyframes bgmove{0%{transform:translate(0)}40%{transform:translate(-750px)}60%{transform:translate(-750px)}100%{transform:translate(0)}}.wrapper .scene2 .view1{display:none;position:fixed;top:0;left:0;z-index:60;width:100vw;height:100vh;overflow:hidden}.wrapper .scene2 .view1 .shadow1{position:absolute;top:0;left:0;z-index:61}.wrapper .scene2 .view1 .dialog2{position:absolute;top:50%;left:0;z-index:62;margin-top:-100px}.wrapper .scene2 .view1 .next{position:absolute;top:50%;right:100px;z-index:63;width:177px;height:72px;margin-top:450px;background:url(../images/nextbtn.png) no-repeat center center;background-size:100% 100%}.wrapper .scene2 .view2{display:none;position:absolute;top:0;left:0;z-index:70;width:100vw;height:100vh;overflow:hidden}.wrapper .scene2 .view2 .shadow2{position:absolute;top:0;left:0;z-index:71}.wrapper .scene2 .view2 .self{position:absolute;top:50%;left:10px;z-index:72;margin-top:-250px}.wrapper .scene2 .view2 .dialog3{position:absolute;top:50%;left:30px;z-index:73;margin-top:150px}.wrapper .scene2 .view2 .gesture2{position:absolute;top:50%;right:170px;z-index:74;width:227px;height:236px;margin-top:-50px;background:url(../images/gesture2.png) no-repeat center center;background-size:100% 100%}.wrapper .scene2 .view2 .cule{position:absolute;top:50%;right:100px;z-index:75;width:220px;height:220px;margin-top:-258px}.wrapper .scene2 .view3{display:none;position:fixed;top:0;left:0;z-index:70;width:100vw;height:100vh;overflow:hidden}.wrapper .scene2 .view3 .shadow1{position:absolute;top:0;left:0;z-index:71}.wrapper .scene2 .view3 .dialog4{position:absolute;top:50%;left:50%;z-index:72;margin:-82px 0 0 -235px}.wrapper .scene2 .view3 .gesture1{position:absolute;top:50%;right:105px;z-index:73;width:267px;height:155px;margin-top:150px;background:url(../images/gesture1.png) no-repeat center center;background-size:100% 100%}.wrapper .scene2 .view4{display:none;position:fixed;top:0;left:0;z-index:80;width:100vw;height:100vh;overflow:hidden}.wrapper .scene2 .view4.hide{-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out;opacity:0}.wrapper .scene2 .view4 .brokenbox{position:absolute;top:-500px;left:0;z-index:84;width:750px;height:1334px;opacity:0}.wrapper .scene2 .view4 .brokenbox.show{opacity:1}.wrapper .scene2 .view4 .clipped-box{position:absolute;top:0;left:0;z-index:85;width:750px;height:1334px;-webkit-transition:top 1.2s linear;transition:top 1.2s linear}
.wrapper .scene2 .view4 .clipped-box .content img{display:block;width:750px;height:1334px}.wrapper .scene2 .view4 .clipped-box div{position:absolute;top:auto;left:0;z-index:86;-webkit-transition:-webkit-transform 1.4s ease-in,background .3s ease-in;transition:transform 1.4s ease-in,background .3s ease-in}.wrapper .scene2 .view4 .reasons{position:absolute;top:0;left:0;z-index:81;width:750px;height:2668px;overflow:hidden;background-color:rgba(0,0,0,.4)}.wrapper .scene2 .view4 .reasons.move{-webkit-animation:reasonsmove 5s ease-in 1;animation:reasonsmove 5s ease-in 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes reasonsmove{0%{-webkit-transform:translate(0,0)}100%{-webkit-transform:translate(0,-500px)}}@keyframes reasonsmove{0%{transform:translate(0,0)}100%{transform:translate(0,-500px)}}.wrapper .scene2 .view4 .reasons .content{width:750px;height:2668px;overflow:hidden}.wrapper .scene2 .view4 .reasons img{display:none;position:absolute;-webkit-animation-duration:.5s;animation-duration:.5s}.wrapper .scene2 .view4 .reasons .reasons1{top:0;left:0;z-index:82;width:427px;height:196px}.wrapper .scene2 .view4 .reasons .reasons2{top:181px;left:0;z-index:82;width:419px;height:200px}.wrapper .scene2 .view4 .reasons .reasons3{top:0;right:0;z-index:82;width:355px;height:329px}.wrapper .scene2 .view4 .reasons .reasons4{top:257px;left:0;z-index:82;width:750px;height:336px}.wrapper .scene2 .view4 .reasons .reasons5{top:512px;left:0;z-index:82;width:750px;height:310px}.wrapper .scene2 .view4 .reasons .reasons6{top:808px;left:0;z-index:82;width:750px;height:243px}.wrapper .scene2 .view4 .reasons .reasons7{top:1002px;left:0;z-index:82;width:507px;height:332px}.wrapper .scene2 .view4 .reasons .reasons8{top:986px;right:0;z-index:83;width:350px;height:348px}.wrapper .scene2 .view4 .self{position:absolute;bottom:174px;left:10px;z-index:88}.wrapper .scene2 .view4 .dialog3{position:absolute;bottom:50px;left:30px;z-index:89}.wrapper .scene2 .view4 .dialog3 .wrap{display:none;width:100%;height:100%}.wrapper .scene2 .view4 .dialog3 .wrap:first-child{display:block}.wrapper .scene2 .view5{display:none;position:fixed;top:0;left:0;z-index:70;width:100vw;height:100vh;overflow:hidden}.wrapper .scene2 .view5 .shadow1{position:absolute;top:0;left:0;z-index:71}.wrapper .scene2 .view5 .dialog4{position:absolute;top:50%;left:50%;z-index:72;margin:-82px 0 0 -235px}.wrapper .scene2 .view6,.wrapper .scene2 .view8{display:none;position:fixed;top:0;left:0;z-index:70;width:100vw;height:100vh;overflow:hidden}.wrapper .scene2 .view6 .shadow1,.wrapper .scene2 .view8 .shadow1{position:absolute;top:0;left:0;z-index:71}.wrapper .scene2 .view6 .self,.wrapper .scene2 .view8 .self{position:absolute;top:50%;left:10px;z-index:72;margin-top:-250px}.wrapper .scene2 .view6 .dialog3,.wrapper .scene2 .view8 .dialog3{position:absolute;top:50%;left:30px;z-index:73;margin-top:150px}.wrapper .scene2 .view8 .gesture8{display:none;position:absolute;top:50%;right:20px;z-index:74;width:229px;height:194px;margin-top:-50px;background:url(../images/gesture8.png) no-repeat center center;background-size:100% 100%}.wrapper .scene2 .view7{display:none;position:fixed;top:0;left:0;z-index:70;width:100vw;height:100vh;overflow:hidden}.wrapper .scene2 .view7 .shadow1{position:absolute;top:0;left:0;z-index:71}.wrapper .scene2 .view7 .xm{position:absolute;top:50%;right:60px;z-index:72;width:345px;height:455px;margin-top:-250px;background:url(../images/xm.png) no-repeat center center;background-size:100% 100%}.wrapper .scene2 .view7 .dialog7{position:absolute;top:50%;left:30px;z-index:73;margin-top:150px}.culedemo{display:none;position:fixed;top:0;left:0;z-index:91;width:100vw;height:100vh;overflow:hidden;background-color:rgba(0,0,0,.4)}.culedemo .main{position:absolute;top:50%;left:0;z-index:91;width:750px;height:525px;margin-top:-50px;background:url(../images/cluebg.png) no-repeat center center;background-size:100% 100%}.culedemo .main img{display:block;position:absolute;top:130px;left:88px;z-index:92;width:220px;height:220px}.culedemo .main h4{position:absolute;top:135px;left:333px;z-index:92;width:337px;height:40px;font-size:24px;line-height:40px;font-weight:400;text-align:center;color:#3a1c1c}.culedemo .main p{position:absolute;top:195px;left:333px;z-index:92;width:337px;padding:0 35px;font-size:18px;line-height:30px;font-weight:400;color:#391c1c}.culedemo .close{position:absolute;top:50%;left:50%;z-index:95;width:60px;height:60px;margin:415px 0 0 -30px;background:url(../images/closebtn.png) no-repeat center center;background-size:100% 100%}.cules{display:block;position:fixed;top:0;left:0;z-index:91;width:100vw;height:100vh;overflow:hidden;background-color:rgba(0,0,0,.4);opacity:0}.cules.show{opacity:1}.cules .swiper-container{position:absolute;top:50%;left:0;z-index:91;width:750px;height:525px;margin-top:-50px}.cules .swiper-container .swiper-button-prev{left:0;width:82px;height:61px;margin-top:-50px;outline:0;background:url(../images/left1.png) no-repeat center center;background-size:100% 100%}
.cules .swiper-container .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/left0.png) no-repeat center center;background-size:100% 100%}.cules .swiper-container .swiper-button-next{right:0;width:82px;height:61px;margin-top:-50px;outline:0;background:url(../images/right1.png) no-repeat center center;background-size:100% 100%}.cules .swiper-container .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/right0.png) no-repeat center center;background-size:100% 100%}.cules .swiper-slide{position:relative;width:750px;height:525px;background:url(../images/cluebg.png) no-repeat center center;background-size:100% 100%}.cules .swiper-slide img{display:block;position:absolute;top:130px;left:88px;z-index:92;width:220px;height:220px}.cules .swiper-slide h4{position:absolute;top:130px;left:333px;z-index:92;width:337px;height:40px;font-size:24px;line-height:40px;font-weight:400;text-align:center;color:#3a1c1c}.cules .swiper-slide p{position:absolute;top:195px;left:333px;z-index:92;width:337px;padding:0 35px;font-size:18px;line-height:30px;font-weight:400;color:#391c1c}.cules .close{position:absolute;top:50%;left:50%;z-index:95;width:60px;height:60px;margin:415px 0 0 -30px;background:url(../images/closebtn.png) no-repeat center center;background-size:100% 100%}.activity{display:none;position:absolute;top:0;left:0;z-index:40;width:750px;height:100vh;overflow:hidden;background:#6cbeed url(../images/sharebg.jpg) no-repeat center center;background-size:cover}.activity .btn{display:block;position:absolute;top:50%;left:50%;z-index:41;width:53vw;height:15.6vw;margin:25vh 0 0 -26.5vw;font-size:0;color:transparent;background:url(../images/share_btn1.png) no-repeat center center;background-size:100% 100%}.activity .btns{display:block;position:absolute;top:50%;left:0;z-index:42;width:100vw;height:15.6vw;margin-top:36vh;text-align:center}.activity .btns span{display:inline-block;width:43vw;height:15.6vw;font-size:0;vertical-align:top;color:transparent}.activity .btns span:first-child{background:url(../images/share_btn2.png) no-repeat center center;background-size:100% 100%}.activity .btns span:last-child{background:url(../images/share_btn3.png) no-repeat center center;background-size:100% 100%}.sharebox{display:none;position:absolute;top:0;left:0;z-index:250;width:750px;height:100vh;overflow:hidden;background:rgba(0,0,0,.75) url(../images/share.png) no-repeat 0 0;background-size:750px 550px}