*{-webkit-tap-highlight-color:transparent}body{padding:0;margin:0;list-style:none;width:100vw;height:100vh;overflow:hidden;font-family:"Open Sans", Arial, "Hiragino Sans GB","Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif,sans-serif;font-size:15px;background:#000}p{margin:0;padding:0}a{text-decoration:none}h1,h2,h3,h4,h5,h6{padding:0;margin:0}.swiper-container{width:100vw;height:100vh;overflow:hidden}.swiper-slide{float:left}#switch-audio{position:fixed;top:3vw;right:3vw;width:9vw;height:9vw;background:url(../img2/music.png) no-repeat center center;background-size:100%;z-index:9;-webkit-animation:turn 3s infinite linear;-moz-animation:turn 3s infinite linear;-ms-animation:turn 3s infinite linear;-o-animation:turn 3s infinite linear;animation:turn 3s infinite linear}#switch-audio.is-pause{opacity:0.5;filter:alpha(opacity=50);-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-ms-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.hill-move{-webkit-animation:hill_move 5s infinite linear;-moz-animation:hill_move 5s infinite linear;-ms-animation:hill_move 5s infinite linear;-o-animation:hill_move 5s infinite linear;animation:hill_move 5s infinite linear;position:absolute;bottom:15vh;left:-100vw;width:200vw;height:25vw;background:url(../img2/hill6.png) no-repeat;background-size:auto 100%;z-index:1}.move-shake{-webkit-animation:shake2 1s infinite ease-in-out;-moz-animation:shake2 1s infinite ease-in-out;-ms-animation:shake2 1s infinite ease-in-out;-o-animation:shake2 1s infinite ease-in-out;animation:shake2 1s infinite ease-in-out}.canvas-box{position:fixed;left:0;top:0;right:0;bottom:0;width:100vw;height:100vh;background:#f6f6eb;overflow:hidden;z-index:999;display:none;margin:0 auto;opacity:0}.canvas-box img{width:100% !important}.page-one{width:100vw;height:100vh;position:relative;overflow:hidden;background:url(../img2/bg1.jpg) no-repeat;background-size:100% auto}.page-one .logo{position:absolute;left:24vw;top:16vh;width:31.6vw;height:3vw;background:url(../img2/dc.png) no-repeat;background-size:auto 100%}.page-one .logo2{position:absolute;left:15.5vw;top:19vh;width:74.8vw;height:20vw;background:url(../img2/wg3.gif) no-repeat;background-size:auto 100%}.page-one .word{position:absolute;left:25vw;top:32.6vh;width:40.5vw;height:13.5vw;background:url(../img2/index1-w1.png) no-repeat;background-size:auto 100%}.page-one .word2{position:absolute;left:25vw;top:41.75vh;width:40vw;height:5vw;background:url(../img2/index-w2.png) no-repeat;background-size:100%}.page-one .ship{position:absolute;left:0;top:47.2vh;width:27.3vw;height:18.5vw;background:url(../img2/chuan1-h.png) no-repeat;background-size:auto 100%}.page-one .ship2{position:absolute;right:3.5vw;top:51vh;width:60.8vw;height:17vw;background:url(../img2/chuan2.gif) no-repeat;background-size:auto 100%}.page-one .dabang{position:absolute;left:14vw;top:55vh;width:53vw;height:53vw}.page-one .dabang .wrap{position:relative;width:53vw;height:53vw}.page-one .dabang .wrap .run{position:absolute;left:0;top:0;width:53vw;height:53vw;background:url(../img2/run.gif) no-repeat;background-size:auto 100%;z-index:3}.page-one .dabang .wrap .shadow{position:absolute;right:3vw;bottom:4.5vh;width:20.2vw;height:3.8vw;background:url(../img2/shadow.png) no-repeat;background-size:100%;z-index:2}.page-one .start{position:absolute;bottom:0;left:0;width:100vw;height:30vw;background:#6600ff}.page-one .start .btn{position:absolute;left:20vw;bottom:11.2vh;width:49.3vw;height:7.4vw;background:url(../img2/start.png) no-repeat;background-size:auto 100%;z-index:3}.page-one .point{position:absolute;bottom:3vh;left:0;right:0;height:3vh;background:url(../img/point-t.png) no-repeat center center;background-size:auto 100%;-webkit-animation:sc_01_t 1s infinite ease-in-out;z-index:5}.page-same{width:100vw;height:100vh;position:relative;overflow:hidden;background:url(../img2/bg3.jpg) no-repeat;background-size:100% auto}.page-same .nav{position:absolute;left:1vw;top:7vh;width:5.2vw;height:40.9vw}.page-same .logo{position:absolute;left:14vw;top:11vh;width:20vw;height:3vw;background:url(../img2/dc.png) no-repeat;background-size:100%}.page-same .logo2{position:absolute;left:10.5vw;top:13vh;width:36vw;height:12vw;background:url(../img2/wg3.gif) no-repeat;background-size:100%}.page-same .ask{position:absolute;left:14.5vw;top:27.8vh;width:70.6vw;height:14.6vw}.page-same .answer_a{position:absolute;left:14.5vw;top:41.5vh;width:69.2vw;height:9.2vw}.page-same .answer_b{position:absolute;left:14.5vw;top:51vh;width:69.2vw;height:9.2vw}.page-same .ship{position:absolute;left:0;top:60vh;width:27.3vw;height:18.5vw;background:url(../img2/chuan1-h.png) no-repeat;background-size:auto 100%}.page-same .ship2{position:absolute;right:0;top:67vh;width:60.8vw;height:17vw;background:url(../img2/chuan2.gif) no-repeat;background-size:auto 100%}.page-same .dabang{position:absolute;left:14vw;top:70vh;width:53vw;height:53vw}.page-same .dabang .wrap{position:relative;width:53vw;height:53vw}.page-same .dabang .wrap .run{position:absolute;left:0;top:0;width:53vw;height:53vw;background:url(../img2/run.gif) no-repeat;background-size:auto 100%;z-index:3}.page-same .dabang .wrap .shadow{position:absolute;right:3vw;bottom:4.2vh;width:20.2vw;height:3.8vw;background:url(../img2/shadow.png) no-repeat;background-size:100%;z-index:2}.page-same .hill-move{bottom:0;z-index:1}.page-two .nav{background:url(../img2/nav1.png) no-repeat;background-size:100% auto}.page-two .ask{background:url(../img2/a1.png) no-repeat;background-size:100%}.page-two .answer_a{background:url(../img2/a1-a.png) no-repeat;background-size:100%}.page-two .answer_b{background:url(../img2/a1-b.png) no-repeat;background-size:100%}.page-three .nav{background:url(../img2/nav2.png) no-repeat;background-size:100% auto}.page-three .ask{background:url(../img2/a2.png) no-repeat;background-size:100%}.page-three .answer_a{background:url(../img2/a2-a.png) no-repeat;background-size:100%}.page-three .answer_b{background:url(../img2/a2-b.png) no-repeat;background-size:100%}.page-four .nav{background:url(../img2/nav3.png) no-repeat;background-size:100% auto}.page-four .ask{background:url(../img2/a3.png) no-repeat;background-size:100%}.page-four .answer_a{background:url(../img2/a3-a.png) no-repeat;background-size:100%}.page-four .answer_b{background:url(../img2/a3-b.png) no-repeat;background-size:100%}.page-five .nav{background:url(../img2/nav4.png) no-repeat;background-size:100% auto}.page-five .ask{background:url(../img2/a4.png) no-repeat;background-size:100%}.page-five .answer_a{background:url(../img2/a4-a.png) no-repeat;background-size:100%}.page-five .answer_b{background:url(../img2/a4-b.png) no-repeat;background-size:100%}.page-six .nav{background:url(../img2/nav5.png) no-repeat;background-size:100% auto}.page-six .ask{background:url(../img2/a5.png) no-repeat;background-size:100%}.page-six .answer_a{background:url(../img2/a5-a.png) no-repeat;background-size:100%}.page-six .answer_b{background:url(../img2/a5-b.png) no-repeat;background-size:100%}.page-seven .nav{background:url(../img2/nav6.png) no-repeat;background-size:100% auto}.page-seven .ask{background:url(../img2/a6.png) no-repeat;background-size:100%}.page-seven .answer_a{background:url(../img2/a6-a.png) no-repeat;background-size:100%}.page-seven .answer_b{background:url(../img2/a6-b.png) no-repeat;background-size:100%}.page-eight .nav{background:url(../img2/nav7.png) no-repeat;background-size:100% auto}.page-eight .ask{background:url(../img2/a7.png) no-repeat;background-size:100%}.page-eight .answer_a{background:url(../img2/a7-a.png) no-repeat;background-size:100%}.page-eight .answer_b{background:url(../img2/a7-b.png) no-repeat;background-size:100%}.page-nine .ask{background:url(../img2/test.png) no-repeat;background-size:auto 100%;height:21vw}.page-nine .btn1{position:absolute;left:14.5vw;width:69.2vw;background:url(../img2/test-btn.png) no-repeat;background-size:100%;height:12vw;top:48vh;display:none}.page-nine .btn2{position:absolute;left:14.5vw;width:69.2vw;background:url(../img2/test-btn1.png) no-repeat;background-size:100%;height:12vw;top:48vh}.page-nine .share{position:absolute;left:0;top:0;width:100vw;height:100vh;background:url(../img2/share.png) no-repeat;background-size:100%;display:none;z-index:100}.page-nine .qrcode{position:absolute;width:27.8vw;height:35.4vw;background:url(../img2/qrcode.png) no-repeat;background-size:100% auto;right:3vw;bottom:3vw;z-index:3}.page-nine .qrcode img{width:17vw;height:17vw;padding:8vw 0 0 7.7vw}.page-ten .info{position:absolute;left:14vw;top:14.8vh;width:72vw}.page-ten .info .avater{border:2px solid #ff6666;border-radius:1px;height:19.5vw;width:19.5vw;float:left;margin-right:2vw;background:#ccc url(../img2/avater.png) no-repeat center center;background-size:100%}.page-ten .info .avater img{height:19.5vw;width:19.5vw}.page-ten .info .key{width:27.5vw;height:20.8vw;padding-left:21vw;background:url(../img2/key.png) no-repeat;background-size:100% auto;float:left}.page-ten .info .key .num{color:#ff6666;font-size:36px;font-weight:bold;line-height:20.8vw;text-align:center}.page-ten .info .name{color:#fff;float:left;font-size:14px;margin-top:1vw}.page-ten .result{position:absolute;top:35vh;left:14vw}.page-ten .result img{width:72.8vw}.page-ten .ship{background:url(../img2/chuan1.png) no-repeat;background-size:auto 100%;height:8.4vw;top:70vh}.page-ten .ship2{top:69vh}.page-ten .qrcode{position:absolute;width:27.8vw;height:35.4vw;background:url(../img2/qrcode.png) no-repeat;background-size:100% auto;right:3vw;bottom:3vw;z-index:3}.page-ten .qrcode img{width:17vw;height:17vw;padding:8vw 0 0 7.7vw}.page-ten .share-word{position:absolute;left:3vw;bottom:3vw;color:#fff;z-index:3;font-size:14px}@media screen and (max-width: 374px){.page-two .move-shake{bottom:6vh}.page-three .word1{font-size:12px}}@-webkit-keyframes hill_move{0%{-webkit-transform:translate3d(0vw, 0, 0);-moz-transform:translate3d(0vw, 0, 0);-ms-transform:translate3d(0vw, 0, 0);-o-transform:translate3d(0vw, 0, 0);transform:translate3d(0vw, 0, 0)}100%{-webkit-transform:translate3d(100vw, 0, 0);-moz-transform:translate3d(100vw, 0, 0);-ms-transform:translate3d(100vw, 0, 0);-o-transform:translate3d(100vw, 0, 0);transform:translate3d(100vw, 0, 0)}}@keyframes hill_move{0%{-webkit-transform:translate3d(0vw, 0, 0);-moz-transform:translate3d(0vw, 0, 0);-ms-transform:translate3d(0vw, 0, 0);-o-transform:translate3d(0vw, 0, 0);transform:translate3d(0vw, 0, 0)}100%{-webkit-transform:translate3d(100vw, 0, 0);-moz-transform:translate3d(100vw, 0, 0);-ms-transform:translate3d(100vw, 0, 0);-o-transform:translate3d(100vw, 0, 0);transform:translate3d(100vw, 0, 0)}}@-webkit-keyframes sc_01_t{0%,30%{opacity:0.4;filter:alpha(opacity=40);-webkit-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-o-transform:translate(0, 0px);transform:translate(0, 0px)}60%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0, 5px);-moz-transform:translate(0, 5px);-ms-transform:translate(0, 5px);-o-transform:translate(0, 5px);transform:translate(0, 5px)}100%{opacity:0.4;filter:alpha(opacity=40);-webkit-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-o-transform:translate(0, 0px);transform:translate(0, 0px)}}@keyframes sc_01_t{0%,30%{opacity:0.4;filter:alpha(opacity=40);-webkit-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-o-transform:translate(0, 0px);transform:translate(0, 0px)}60%{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate(0, 5px);-moz-transform:translate(0, 5px);-ms-transform:translate(0, 5px);-o-transform:translate(0, 5px);transform:translate(0, 5px)}100%{opacity:0.4;filter:alpha(opacity=40);-webkit-transform:translate(0, 0px);-moz-transform:translate(0, 0px);-ms-transform:translate(0, 0px);-o-transform:translate(0, 0px);transform:translate(0, 0px)}}@-webkit-keyframes page_03_shake{0%{opacity:0.5;filter:alpha(opacity=50)}60%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0.5;filter:alpha(opacity=50)}}@keyframes page_03_shake{0%{opacity:0;filter:alpha(opacity=0)}50%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0;filter:alpha(opacity=0)}}@-webkit-keyframes shake{0%{opacity:0.5;filter:alpha(opacity=50)}60%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0.5;filter:alpha(opacity=50)}}@keyframes shake{0%{opacity:0.5;filter:alpha(opacity=50)}50%{opacity:1;filter:alpha(opacity=100)}100%{opacity:0.5;filter:alpha(opacity=50)}}@-webkit-keyframes shake2{0%{opacity:0.8;filter:alpha(opacity=80);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}60%{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}100%{opacity:0.8;filter:alpha(opacity=80);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}}@keyframes shake2{0%{opacity:0.8;filter:alpha(opacity=80);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}60%{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05)}100%{opacity:0.8;filter:alpha(opacity=80);-webkit-transform:scale(1, 1);-moz-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1)}}@-webkit-keyframes turn{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes turn{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(30deg);-webkit-transform:rotate(30deg)}100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}}@keyframes rotate{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(30deg);-webkit-transform:rotate(30deg)}100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}}@-webkit-keyframes sc_01_laotou{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}25%{transform:rotate(-4deg);-webkit-transform:rotate(-4deg)}75%{transform:rotate(4deg);-webkit-transform:rotate(4deg)}100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}}@keyframes sc_01_laotou{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}25%{transform:rotate(-4deg);-webkit-transform:rotate(-4deg)}75%{transform:rotate(4deg);-webkit-transform:rotate(4deg)}100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}}