*{margin:0;padding:0;outline:none}html,body{min-width:320px;max-width:750px;width:100%;height:100%;position:fixed;top:0;left:0}body{font-family:'Microsoft YaHei','PingFang SC','Helvetica Neue','Helvetica','Roboto','Heiti SC','STHeiTi','Arial','sans-serif';-webkit-tap-highlight-color:rgba(0,0,0,0)}img{border:0}ul{list-style:none}input{-webkit-appearance:none}a{text-decoration:none}.s_all{position:absolute;top:0;left:0;width:750px;height:1464px;-webkit-transform-origin:0 0;transform-origin:0 0;margin:0 auto;overflow:hidden}#rotate{position:absolute;top:20px;left:20px;z-index:5;width:36px;height:36px;background-image:url(../images/mu.png);background-repeat:no-repeat;background-size:36px auto;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-animation:rotating 3s linear 0s infinite;-moz-animation:rotating 3s linear 0s infinite;-ms-animation:rotating 3s linear 0s infinite;animation:rotating 3s linear 0s infinite}@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotating{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}.turnon{position:absolute;top:3.2vw;left:10vw;z-index:2;width:88px;-webkit-animation:musicTipMove 3s linear infinite;animation:musicTipMove 3s linear infinite;display:none}@-webkit-keyframes musicTipMove{0%{opacity:0;margin-left:2%}50%{opacity:1}100%{opacity:0;margin-left:0}}@keyframes musicTipMove{0%{opacity:0;margin-left:2%}50%{opacity:1}100%{opacity:0;margin-left:0}}@keyframes out1{0%{opacity:1}100%{opacity:0;transform:scale(1.5) translate3d(-10px, -10px, 0)}}@keyframes out2{0%{opacity:1}100%{opacity:0;transform:scale(1.5) translate3d(10px, -10px, 0)}}@keyframes out3{0%{opacity:1}100%{opacity:0;transform:scale(1.5) translate3d(-10px, 10px, 0)}}@keyframes out4{0%{opacity:1}100%{opacity:0;transform:scale(1.5) translate3d(10px, 10px, 0)}}@keyframes moves{0%,100%{margin-left:0}50%{margin-left:-730px}}@keyframes loc{0%{transform:scale(1.5) translate3d(-30px, -30px, 0)}100%{transform:scale(.3) translate3d(-60px, -60px, 0)}}@keyframes fly{0%{transform:scale(1) translate3d(-290px, -498px, 0)}100%{transform:scale(1.5) translate3d(-290px, -498px, 0) rotate(5deg)}}.page{width:100%;height:100%;position:absolute;top:0;left:0;display:none}.pa img{position:absolute}.c{display:block}.c img{position:absolute;left:0}.c .c5,.c .c6{bottom:0}.c.act .c1{animation:out1 2.2s ease forwards}.c.act .c2{animation:out2 1.8s ease .4s forwards}.c.act .c3{animation:out1 1.6s ease .6s forwards}.c.act .c4{animation:out2 1.2s ease .3s forwards}.c.act .c5{animation:out3 1.7s ease forwards}.c.act .c6{animation:out4 1.6s ease .4s forwards}.c.act .c7{animation:zoomOut 1.6s ease-out forwards}.map{display:block;overflow:auto}.map .box{width:1635px;height:1264px;position:relative;transition:all 3s ease}.map .box img{animation:pulse 1.8s ease infinite}.map .box .m0{position:static;animation:none}.map .box .m1{top:1608px;left:968px}.map .box .m2{top:1560px;left:1280px;animation-delay:.9s}.map .box .m3{top:1060px;left:1380px}.map .box .m4{top:935px;left:1464px;animation-delay:.9s}.map .box .m5{top:1184px;left:2030px}.map .box .loc{animation:loc 1.2s ease-in-out forwards;display:none}.map .move{transform:translate3d(-490px, -598px, 0) scale(1.32)}.map .fly{animation:fly 1.5s ease forwards}.map .about{position:fixed;top:800px;left:0}.map .names{position:fixed;top:0;left:0;display:none}.p1{display:block}.p1 img{display:none}.p1 .i1{top:0;left:0;animation:fadeIn 1.5s ease-out forwards}.p1 .i3{top:190px;left:0;animation:fadeInUp 1.5s ease forwards}.p2{background-color:rgba(225,225,225,0.2)}.p2 .i1{top:430px;left:274px}.p2 .i2{top:490px;left:252px;animation:pulse 1.5s ease infinite}.p2 div{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0}.spot .i1{position:static;animation:moves 25s ease-in-out infinite}.spot .i2{top:120px;left:40px;animation:zoomIn 1.2s ease-in forwards}.spot .i3{top:610px;left:270px;animation:fadeInUp 1.5s ease forwards}.spot .back{top:40px;right:0;animation:fadeInRight 1.6s ease forwards}