/*!/static/global/_var.scss*/.section{position:relative}.section .desc{position:absolute;width:100%;text-align:center;color:#fff}.section .desc h3{font-size:42px;line-height:42px;margin-bottom:25px;opacity:0;-ms-transform:translate(0,30px);transform:translate(0,30px);transition:all 1s .3s}.section .desc p{font-size:16px;line-height:26px;opacity:0;-ms-transform:translate(0,30px);transform:translate(0,30px);transition:all 1s .6s}.section .desc span{display:block;margin-bottom:15px;font-size:20px;opacity:0;-ms-transform:translate(0,30px);transform:translate(0,30px);transition:all 1s}.section .desc.gray{color:#333}.section .phone-black{opacity:0;transition:all 3s 1s}.section .starshine{animation:starshine-animete 8s forwards}.section-1{height:800px;background:#030303}.section-1 .starshine-fixed,.section-1 .starshine{position:absolute;width:100%;height:100%;left:0;top:0}.section-1 .starshine-fixed{opacity:.1;background:url(//www3.res.meizu.com/static/en/pro7/performance/images/starshine-fixed_39f9b59.png) no-repeat center 693px}.section-1 .starshine{background:url(//www3.res.meizu.com/static/en/pro7/performance/images/starshine_d2ee240.png) no-repeat center 405px;opacity:0}.section-1 .desc{top:470px}.section-1 .phone-black{position:absolute;width:770px;height:600px;left:50%;margin-left:-385px;top:220px;-ms-transform:translate(0,30px);transform:translate(0,30px)}.section-2{height:1010px;background:#030303;overflow:hidden}.section-2 .x30,.section-2 .mask,.section-2 .mask2{position:absolute;width:100%;height:700px;background:url(//www3.res.meizu.com/static/en/pro7/performance/images/x30_189b6fa.jpg) no-repeat center;bottom:0;left:0}.section-2 .mask{background:radial-gradient(transparent 1%,rgba(0,0,0,.5) 10%,#000 20%);transition:all 3s 4s linear;-ms-transform:scale(1);transform:scale(1);filter:alpha(opacity=0)}.section-2 .mask2{background:#000;transition:all 1s 2s linear;filter:alpha(opacity=0)}.section-2 .desc{top:188px}.section-3{height:820px;background:url(//www3.res.meizu.com/static/en/pro7/performance/images/music_3716bab.jpg) no-repeat center}.section-3 .desc{top:126px}.section-4{height:880px;background:url(//www3.res.meizu.com/static/en/pro7/performance/images/girl_82aafb8.jpg) no-repeat center}.section-5{height:956px;background:#e2e2e2;overflow:hidden}.section-5 .desc{top:162px;color:#333}.section-5 .phone,.section-5 .phone-shadow{position:absolute;left:50%;opacity:0}.section-5 .phone{width:1058px;bottom:65px;margin-left:-510px;transition:all 3s 1s;-ms-transform:translate(0,-30px);transform:translate(0,-30px);-ms-transform-origin:50% 30%;transform-origin:50% 30%}.section-5 .phone-shadow{width:1183px;bottom:-90px;margin-left:-590px;transition:all 3s 1s;-ms-transform:translate(0px,30px);transform:translate(0px,30px)}.section-6{overflow:hidden;background:#191a1c}.section-6 .mid-content{height:875px;width:1240px;margin:0 auto;position:relative}.section-6 .ball{position:absolute;left:0;top:-50px;width:1218px;margin-left:-660px;animation:ball-animete 30s infinite}.section-6 .desc{width:577px;text-align:left;left:684px;top:253px}.section-6 .desc img{display:block;margin-bottom:30px}.section-6 .desc .one-mind{opacity:0;-ms-transform:translate(0,30px);transform:translate(0,30px);transition:all 1s}.section-6 .desc h3{transition:all 1s .3s}.section-6 .desc p{transition:all 1s .6s}.section-wifi{height:950px;background:#fff}.section-wifi .content-wifi{position:relative;width:1240px;margin:0 auto;height:100%}.section-wifi img{display:block;filter:alpha(opacity=100);opacity:0;margin:30px auto 0}.section-wifi .desc{top:610px}.section-wifi .wifi-wp{position:absolute;left:25%;top:-20%;width:50%;height:0;padding-top:50%;-ms-transform:rotate(-45deg);transform:rotate(-45deg);overflow:hidden}.section-wifi .wifi-wave{position:absolute;left:-25%;bottom:-25%;width:50%;height:0;padding-top:50%;border-radius:50%;background:radial-gradient(rgba(143,193,255,0) 25%,rgba(143,193,255,.05) 55%,rgba(143,193,255,.2) 65%);-ms-transform:scale(1);transform:scale(1);opacity:0}.section-wifi .wifi-wave-1{animation:wifi-move 3s infinite linear}.section-wifi .wifi-wave-2{animation:wifi-move 3s 1s infinite linear}.section-wifi .wifi-wave-3{animation:wifi-move 3s 2s infinite linear}.section-wifi .wifi-wave-4{animation:wifi-move 3s 3s infinite linear}@keyframes starshine-animete{0%{opacity:0}100%{opacity:1}}@keyframes ball-animete{0%{transform:translate(-17px,-40px) rotate(-5deg)}50%{transform:translate(0px,30px) rotate(0deg)}100%{transform:translate(-17px,-40px) rotate(-5deg)}}@keyframes wifi-move{0%{opacity:0;transform:scale(1)}25%{opacity:1;transform:scale(1.5)}50%{opacity:1;transform:scale(2)}75%{opacity:.8;transform:scale(2.5)}100%{opacity:0;transform:scale(3)}}@keyframes mask-animete{0%{background:radial-gradient(transparent 1%,rgba(0,0,0,.3) 1%,#000 1%)}100%{background:radial-gradient(transparent 25%,rgba(0,0,0,.3) 40%,#000 65%)}}.active .desc h3,.active .desc span,.active .desc p{opacity:1;-ms-transform:translate(0,0);transform:translate(0,0)}.active .desc .one-mind{-ms-transform:translate(0,0);transform:translate(0,0);opacity:1}.active.section-1 .desc h3{opacity:1;-ms-transform:translate(0,0);transform:translate(0,0);transition:all 2s 3s}.active.section-1 .phone-black{opacity:1;-ms-transform:translate(0,0);transform:translate(0,0)}.active .mask{-ms-transform:scale(4);transform:scale(4)}.active .mask2{opacity:0}.active .phone-shadow,.active .phone{opacity:1;-ms-transform:translate(0,0);transform:translate(0,0)}.active .starshine-fixed{transition:opacity 3s;opacity:1}#canvas{width:100%;height:750px;opacity:.5}