.slider{overflow:hidden}.slider h1{font-size:25px;line-height:1.4;margin-bottom:20px}.slider p{font-size:14px;line-height:1.6}.desc{box-sizing:border-box;padding:40px 20px 0}.desc h1{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s 0s,-webkit-transform 1s 0s;transition:opacity 1s 0s,transform 1s 0s}.desc p{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s .5s,-webkit-transform 1s .5s;transition:opacity 1s .5s,transform 1s .5s}.desc.dark{color:#fff}.active .desc h1,.active .desc p{-webkit-transform:none!important;transform:none!important;opacity:1!important}.slider>img{width:100%;display:block}.slider-img{position:relative}.slider-img .desc{position:absolute;top:0;width:100%}.active .animate{-webkit-transform:none!important;transform:none!important;opacity:1!important}.chart{margin-top:20px;line-height:14px}.chart li{height:33px}.chart li:nth-child(1){opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s 1.2s,-webkit-transform 1s 1.2s;transition:opacity 1s 1.2s,transform 1s 1.2s}.chart li:nth-child(1) .stripe div{-webkit-transition:width .5s 1.2s linear;transition:width .5s 1.2s linear}.chart li:nth-child(2){opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s 1.4s,-webkit-transform 1s 1.4s;transition:opacity 1s 1.4s,transform 1s 1.4s}.chart li:nth-child(2) .stripe div{-webkit-transition:width .5s 1.4s linear;transition:width .5s 1.4s linear}.chart li:nth-child(3){opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s 1.6s,-webkit-transform 1s 1.6s;transition:opacity 1s 1.6s,transform 1s 1.6s}.chart li:nth-child(3) .stripe div{-webkit-transition:width .5s 1.6s linear;transition:width .5s 1.6s linear}.chart .chart-label{display:inline-block;width:113px;font-size:14px}.chart .stripe-wrapper{display:inline-block}.chart .stripe-wrapper .stripe{display:inline-block;height:14px;vertical-align:top;margin-right:5px}.chart .stripe-wrapper .stripe div{width:0;margin-top:4px;height:5px;background-position:left center;background-repeat:repeat-x;background-size:2px}.chart .stripe-wrapper .stripe.stripe-red div{background-image:url(//m2.res.meizu.com/static/cn/event/supermcharge/images/stripe-red_8a0c352.png)}.chart .stripe-wrapper .stripe.stripe-green div{background-image:url(//m2.res.meizu.com/static/cn/event/supermcharge/images/stripe-green_38b0a1c.png)}.chart .stripe-wrapper .stripe.stripe-green-light div{background-image:url(//m2.res.meizu.com/static/cn/event/supermcharge/images/stripe-green-light_1eade58.png)}.chart .stripe-wrapper .stripe.stripe-blue div{background-image:url(//m2.res.meizu.com/static/cn/event/supermcharge/images/stripe-blue_e06284b.png)}.chart .stripe-wrapper .stripe.stripe-orange div{background-image:url(//m2.res.meizu.com/static/cn/event/supermcharge/images/stripe-orange_960167f.png)}.chart .stripe-wrapper .stripe-text{font-size:12px}.active .chart li{-webkit-transform:none!important;transform:none!important;opacity:1!important}.active .chart .stripe-wrapper .stripe div{width:100%}.numbers{box-sizing:border-box;overflow:hidden;padding-top:5px;letter-spacing:-.31em;word-spacing:-.43em}.numbers .number{display:inline-block;position:relative}.numbers .number img{left:0;position:absolute;width:100%}.numbers .no-transition{-webkit-transition:none!important;transition:none!important}.slogan{padding-top:177.77778%;background-image:-webkit-linear-gradient(20deg,#2061c2 0,#0d0525 100%);background-image:linear-gradient(70deg,#2061c2 0,#0d0525 100%)}.slogan .desc{top:19.92188%;text-align:center}.slogan .desc .logo{width:40.41667%;display:inline-block;margin-bottom:10px;opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s 0s,-webkit-transform 1s 0s;transition:opacity 1s 0s,transform 1s 0s}.slogan .desc h1{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s .5s,-webkit-transform 1s .5s;transition:opacity 1s .5s,transform 1s .5s}.slogan canvas{position:absolute;bottom:0;left:-50%;width:200%;height:100%}.speed{background:#000}.speed .desc .stripe-red{width:58px}.speed .desc .stripe-green{width:68px}.speed .desc .stripe-blue{width:130px}.speed .phone{margin-top:40px;position:relative;width:97.22222%;text-align:center}.speed .phone .speed-phone{width:75.69444%}.speed .phone .circle{position:absolute;left:12.61682%;top:9.8301%;width:74.76636%;height:53.15534%;background-repeat:no-repeat;background-position:center}.speed .phone .circle svg{width:100%}.speed .phone .circle .flash{position:absolute;top:42.46575%;left:38.75%;width:22.75%}.speed .phone .numbers{position:absolute;right:43.5514%;bottom:15.29126%;width:22.42991%;letter-spacing:0}.speed .phone .numbers .number{width:29%;margin:0 2%}.speed .phone .number-percent{position:absolute;right:37.94393%;bottom:17.23301%;width:4.85981%;opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:opacity 1s 1s,-webkit-transform 1s 1s;transition:opacity 1s 1s,transform 1s 1s}.cold{background-image:-webkit-linear-gradient(220deg,#562ec4,#3a9cff);background-image:linear-gradient(-130deg,#562ec4,#3a9cff)}.cold .desc{color:#f0f0f0}.cold .desc .stripe-orange{width:70px}.cold .desc .stripe-green-light{width:63px}.cold .desc .cold-note{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s 2.2s,-webkit-transform 1s 2.2s;transition:opacity 1s 2.2s,transform 1s 2.2s;font-size:12px}.cold img{margin:10%;width:80%}.efficient{position:relative;background-color:#050b21;overflow:hidden}.efficient .desc{color:#f0f0f0}.efficient .desc .stripe-red{width:99px}.efficient .desc .stripe-green-light{width:107px}.efficient .desc .stripe-blue{width:111px}.efficient .desc .efficient-note{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);-webkit-transition:opacity 1s 2.2s,-webkit-transform 1s 2.2s;transition:opacity 1s 2.2s,transform 1s 2.2s;font-size:12px}.efficient .efficient-effect{position:absolute;left:-18%;bottom:-10%;width:138.88889%;height:70.42254%}.efficient .efficient-effect svg{width:100%;height:100%}.safe{background-color:#5f67e1}.safe .desc{margin:0 auto;text-align:center}.safe .safe-effect{margin:16.66667% 0;height:58.82353%;background-size:100%}.safe .safe-effect img{width:100%}.usb{background-color:#000}.mwc{padding-bottom:1.66667%;background-color:#3f3f50}.mwc .desc{text-align:center}.mwc .swiper-slide img{width:100%;padding-bottom:30%}.mwc .swiper-pagination-bullet{background-color:#727283}.mwc .swiper-pagination-bullet-active{background-color:#fff}.media{padding-bottom:5.55556%}.media ul{display:-webkit-box;display:flex;flex-wrap:wrap;text-align:center}.media li{width:50%;padding:5%}.media li img{width:100%}