@font-face{font-family:SHSCN-Normal;src:url("https://cimg2.res.meizu.com/store/song-20200108.ttf") format("truetype");font-style:normal;font-weight:400}html{font-family:SHSCN-Normal;background-color:#000!important}.container{font:14px/1.4 SHSCN-Normal,Helvetica,Tahoma,Arial,PingFang SC,Hiragino Sans GB,Heiti SC,STXihei,Microsoft YaHei,SimHei,WenQuanYi Micro Hei;background:#000;overflow:inherit}.subnav-buy{padding:13px 0 0}.wrap{display:block;margin-bottom:2px}#meizu-header-container{height:80px;background:#fff}.section{height:100vh;background:#000}.section b{font-weight:400}.section .desc h3{font-size:64px;line-height:82px;margin-bottom:34px;opacity:1}.section .desc p{font-size:24px;line-height:36px;opacity:1}.section .desc .tb-rl{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.section .anime{opacity:0;transform:translateY(100px);-webkit-backface-visibility:hidden;-webkit-perspective:1000;-moz-backface-visibility:hidden;-moz-perspective:1000;backface-visibility:hidden;perspective:1000}.section .will-change{will-change:transform,opacity}.section1{height:920px}.section1 .content{height:auto;padding-top:400px}.section1 .title{display:block;width:578px;margin:auto;--gradient-progress:-100%;--gradient-progress-2:0%;--gradient-angle:160deg;--gradient-color:255;--gradient-color-2:240;--gradient-opacity:1;--gradient-opacity-2:0;position:relative;--gradient-color:0;--gradient-color-2:0;--gradient-opacity:0;--gradient-opacity-2:1}.section1 .title,.section1 .title:after{background-image:linear-gradient(var(--gradient-angle),rgba(var(--gradient-color),var(--gradient-color),var(--gradient-color),var(--gradient-opacity)) var(--gradient-progress),rgba(var(--gradient-color-2),var(--gradient-color-2),var(--gradient-color-2),var(--gradient-opacity-2)) var(--gradient-progress-2))}.section1 .title:after{content:"";position:absolute;top:-1%;left:-1%;width:102%;height:103%}.section1 .text{display:flex;position:absolute;top:500px;left:50%;width:62px;height:558px;transform:translateX(-50%)}.section1 .desc{position:relative;top:-100px;width:auto;color:#fff;font-size:36px;line-height:52px;margin-right:16px;opacity:0;transform:translateY(50px)}.section1 .desc span{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.section1 .desc.desc1{margin-right:0}.section1 .desc.desc1 span{display:block;margin-bottom:30px}.section1 .desc.desc2{margin-right:0}.section1 .desc.desc2 span{margin-bottom:-18px}.section1 .desc.desc2 span.tb-rl{margin-bottom:-8px}.noise{position:relative}.noise canvas{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.noise .desc{position:relative;top:0;width:auto;color:#fff;font-size:24px;margin-right:16px;opacity:0;transform:translateY(50px)}.noise .desc span{display:block;min-height:10px}.noise .desc .wrap{margin-bottom:4px}.noise .desc.desc5{margin-right:48px}.noise .desc.desc6{margin-top:-5px}.noise .desc.desc6,.noise .desc.desc7{font-size:50px;line-height:53px}.noise .content{padding-left:150px}.noise .text{display:flex;position:absolute;top:50%;transform:translateY(-50%)}.noise .text.text2{right:0}.noise .text.text3{top:43%;right:400px}.noise .text.text3 .desc{font-size:50px;line-height:54px}.noise .text.text4{top:40%;right:410px}.noise .text.text4 .desc{line-height:28px}.noise .text.text5{top:29%;right:160px;opacity:0}.noise .text.text5 .desc{opacity:1;font-size:50px;line-height:55px}.noise .text.text6{top:39%;right:430px;opacity:0}.noise .text.text6 .desc{opacity:1;line-height:28px}.noise .text.text7{top:39%;right:700px;opacity:0}.noise .text.text7 .desc{opacity:1;line-height:28px}.noise .text.text8{top:40.3%;right:1030px;opacity:0}.noise .text.text8 .desc{opacity:1;line-height:30px}.noise .text.final-txt{transform:translateX(50px) translateY(-50%)}.kv{height:1483px;background:#6d6d6d;background-image:url(https://www3.res.meizu.com/static/images/products/pop/ABCDEFGHIJKLMNOPQRSTUVWXYZabcdef.jpg)}.kv.active .txt{opacity:.2;filter:blur(0)}.kv.active .txt1,.kv.active .txt2{transform:scale(1);transform-origin:100% 50%}.kv.active .txt2{transition-delay:.3s}.kv.active .txt3{transition-delay:.5s}.kv.active .txt3,.kv.active .txt4{transform:scale(1);transform-origin:100% 50%}.kv.active .txt4{transition-delay:.8s}.kv.active .txt7,.kv.active .txt8{transform:scale(1);transform-origin:0 50%}.kv.active .txt7{transition-delay:.3s}.kv.active .txt6{transition-delay:.5s}.kv.active .txt5,.kv.active .txt6{transform:scale(1);transform-origin:0 50%}.kv.active .txt5{transition-delay:.8s}.kv .text{font-size:36px}.kv .desc{top:105px}.kv .desc span{display:block;min-height:50px}.kv .mo{position:absolute;left:50%;bottom:0;transform:translateX(-50%);z-index:5}.kv .mo img{display:block;width:2560px}.kv .products{position:absolute;top:565px;left:50%;transform:translateX(-50%)}.kv .products img{display:block;width:281.5px}.kv .txt{top:100px;color:#fff;font-size:70px;opacity:0;transform-origin:50% 50%;transition:all 1s ease}.kv .txt img{width:220px}.kv .txt1{position:absolute;left:-320px;opacity:0;filter:blur(20px);transform:scale(2.8);transform-origin:100% 50%}.kv .txt1 img{width:223.5px}.kv .txt2{position:absolute;left:-100px;filter:blur(20px);transform:scale(2.8);transform-origin:100% 50%}.kv .txt2 img{width:176px}.kv .txt3{position:absolute;left:80px;filter:blur(20px);transform:scale(2.8);transform-origin:100% 50%}.kv .txt3 img{width:191px}.kv .txt4{position:absolute;left:230px;filter:blur(20px);transform:scale(2.8);transform-origin:100% 50%}.kv .txt4 img{width:233.5px}.kv .txt5{position:absolute;right:300px;filter:blur(20px);transform:scale(2.8);z-index:5;transform-origin:0 50%}.kv .txt5 img{width:163px}.kv .txt6{position:absolute;right:100px;filter:blur(20px);transform:scale(2.8);z-index:5;transform-origin:0 50%}.kv .txt6 img{width:173.5px}.kv .txt7{position:absolute;right:-120px;filter:blur(20px);transform:scale(2.8);transform-origin:0 50%}.kv .txt7 img{width:227.5px}.kv .txt8{position:absolute;right:-300px;filter:blur(20px);transform:scale(2.8);transform-origin:0 50%}.kv .txt8 img{width:196px}.section2{height:680px}.section2 .content{height:auto}.section2 .title{display:block;width:578px;margin:auto;--gradient-progress:-100%;--gradient-progress-2:0%;--gradient-angle:160deg;--gradient-color:255;--gradient-color-2:240;--gradient-opacity:1;--gradient-opacity-2:0;position:relative;--gradient-color:0;--gradient-color-2:0;--gradient-opacity:0;--gradient-opacity-2:1}.section2 .title,.section2 .title:after{background-image:linear-gradient(var(--gradient-angle),rgba(var(--gradient-color),var(--gradient-color),var(--gradient-color),var(--gradient-opacity)) var(--gradient-progress),rgba(var(--gradient-color-2),var(--gradient-color-2),var(--gradient-color-2),var(--gradient-opacity-2)) var(--gradient-progress-2))}.section2 .title:after{content:"";position:absolute;top:-1%;left:-1%;width:102%;height:103%}.section2 .text{display:flex;position:absolute;top:200px;left:55%;width:124px;height:558px;transform:translateX(-50%)}.section2 .desc{position:relative;top:-148px;width:auto;color:#fff;font-size:50px;line-height:52px;opacity:0;transform:translateY(50px)}.section2 .desc span{display:block;margin-bottom:30px}.curve{position:relative}.curve canvas{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.curve .desc{position:relative;top:50px;width:auto;color:#fff;font-size:24px;margin-right:15px;opacity:0;transform:translateY(50px)}.curve .desc span{display:block;width:26px;min-height:10px}.curve .desc .tb-rl{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.curve .text{display:flex;position:absolute;top:0;left:50%;transform:translateX(-50%);line-height:27px}.curve .text.text1{top:10%}.curve .text.text1 .desc5{font-size:50px;margin-left:45px;margin-top:10px}.curve .text.text1 .desc5 span{width:auto;height:60px}.curve .text.text1 .desc6{font-size:50px;margin-left:10;margin-top:10px}.curve .text.text1 .desc6 span{width:auto;height:60px}.curve .text.text2{left:auto;right:5%;top:50%;transform:translateY(-50%)}.curve .text.text2 .desc.desc4{font-size:50px;line-height:53px;margin-left:40px;margin-right:0;margin-top:-4px}.curve .text.text3{left:auto;left:5%;top:56%;transform:translateY(-50%)}.curve .text.text3 .desc.desc3{font-size:50px;line-height:53px;margin-left:45px;margin-top:-6px}.curve .text.text3 .desc.desc3 span{width:auto}.section3{height:680px}.section3 .content{height:auto}.section3 .title{display:block;width:578px;margin:auto;--gradient-progress:-100%;--gradient-progress-2:0%;--gradient-angle:160deg;--gradient-color:255;--gradient-color-2:240;--gradient-opacity:1;--gradient-opacity-2:0;position:relative;--gradient-color:0;--gradient-color-2:0;--gradient-opacity:0;--gradient-opacity-2:1}.section3 .title,.section3 .title:after{background-image:linear-gradient(var(--gradient-angle),rgba(var(--gradient-color),var(--gradient-color),var(--gradient-color),var(--gradient-opacity)) var(--gradient-progress),rgba(var(--gradient-color-2),var(--gradient-color-2),var(--gradient-color-2),var(--gradient-opacity-2)) var(--gradient-progress-2))}.section3 .title:after{content:"";position:absolute;top:-1%;left:-1%;width:102%;height:103%}.section3 .text{display:flex;position:absolute;top:200px;left:55%;width:124px;height:558px;transform:translateX(-50%)}.section3 .desc{position:relative;top:-160px;width:auto;color:#fff;font-size:50px;line-height:52px;opacity:0;transform:translateY(50px)}.section3 .desc span{display:block;margin-bottom:45px}.easy{position:relative;height:auto;overflow:inherit}.easy .intro{position:relative;width:100%;background:#000;z-index:4}.easy .picture-container{position:relative;height:2612px;margin-top:-1306px;background:#000}.easy .sticky-container{position:-webkit-sticky;position:sticky;top:0;width:100%;height:1306px;overflow:hidden}.easy canvas{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.easy .desc{position:relative;top:0;width:auto;color:#fff;font-size:24px;margin-right:10px;opacity:0;transform:translateY(50px)}.easy .desc span{display:block;width:26px;min-height:10px}.easy .desc .tb-rl{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.easy .desc.desc1,.easy .desc.desc2,.easy .desc.desc3{font-size:13px;line-height:20px;margin-right:3px}.easy .desc.desc1 span,.easy .desc.desc2 span,.easy .desc.desc3 span{width:20px}.easy .desc.desc3{margin-right:45px}.easy .text{display:flex;position:absolute;top:50%;left:25px;line-height:27px;transform:translateY(-50%)}.easy .text .desc:last-child{font-size:50px;margin-left:45px}.easy .text .desc:last-child span{width:73px;line-height:53px}.sticky{position:relative;width:100%;height:979.5px;overflow:hidden;background-color:#000;background-image:url(https://fms.res.meizu.com/dms/2021/01/08/8f45d9e9-e0f2-4fe2-9e34-2adb9256bc11.jpg);background-size:2560px;background-position:center 22%;background-repeat:no-repeat}.sticky .picture{position:absolute;top:50%;left:0;width:722px;transform:translateY(-50%)}.sticky .picture-img{height:550px}.sticky .desc{position:relative;top:0;width:auto;color:#fff;font-size:24px;margin-right:10px;opacity:0;transform:translateY(-21px)}.sticky .desc span{display:block;width:26px}.sticky .desc .tb-rl{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.sticky .text{display:flex;position:absolute;top:50%;left:auto;right:90px;line-height:27px;transform:translateY(-50%)}.sticky .text .desc{opacity:1;font-size:24px;line-height:27px;margin-right:10px}.sticky .text .desc span{width:26px}.sticky .text .desc.desc1{font-size:24px}.sticky .text .desc.desc1 span{width:auto;line-height:27px}.sticky .text .desc:last-child{font-size:50px}.sticky .text .desc:last-child span{width:73px;line-height:53px}.section5{height:979px}.section5 .picture{position:absolute;top:0;left:50%;width:2560px;opacity:0;transform:translateX(-50%) scale(1.1)}.section5 .picture-img{height:979.5px}.section5 .desc{position:relative;top:0;width:auto;color:#fff;font-size:24px;margin-right:10px;opacity:0;transform:translateY(100%)}.section5 .desc span{display:block;width:26px}.section5 .desc .tb-rl{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.section5 .text{display:flex;position:absolute;top:50%;left:62px;line-height:27px;transform:translateY(-50%)}.section5 .text .desc:last-child{font-size:50px;margin-left:45px}.section5 .text .desc:last-child span{width:73px;line-height:53px}.section6{height:979.5px}.section6 .picture{position:absolute;top:0;left:50%;width:2560px;transform:translateX(-50%)}.section6 .picture-img{height:979.5px}.section6 .desc{position:relative;top:0;width:auto;color:#fff;font-size:24px;margin-right:10px;opacity:0;transform:translateY(50px)}.section6 .desc span{display:block;width:26px;min-height:10px}.section6 .desc .tb-rl{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.section6 .text{display:flex;position:absolute;top:31.5%;left:0;line-height:27px;transform:translateY(-50%)}.section6 .text .desc.desc4,.section6 .text .desc.desc5{font-size:50px;margin-right:5px}.section6 .text .desc.desc4 span,.section6 .text .desc.desc5 span{width:73px;line-height:53px}.section6 .text .desc.desc4{margin-left:45px}.section6 .text2,.section6 .text3{position:absolute;top:72px;right:0;width:250px}.section6 .text2 p,.section6 .text3 p{color:#fff;font-size:24px;opacity:0;transform:translateY(20px)}.section6 .text2 p em,.section6 .text3 p em{font-size:40px;margin-right:25px}.section6 .text2 p span,.section6 .text3 p span{font-size:18px}.section6 .text3{top:410px}.section7{height:979px}.section7 .picture{position:absolute;top:0;left:50%;width:2560px;transform:translateX(-50%)}.section7 .picture-img{height:979.5px}.section7 .desc{position:relative;top:0;width:auto;color:#fff;font-size:24px;margin-right:10px;opacity:0;transform:translateY(50px)}.section7 .desc span{display:block;width:26px;min-height:10px}.section7 .desc .tb-rl{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.section7 .text{display:flex;position:absolute;top:20%;right:12%;line-height:27px;transform:translateY(-65%)}.section7 .text .desc{opacity:1}.section7 .text .desc.desc4,.section7 .text .desc.desc5{font-size:50px;margin-top:-6px}.section7 .text .desc.desc4 span,.section7 .text .desc.desc5 span{width:73px;line-height:53px}.section7 .text .desc.desc4{margin-left:40px;margin-right:0}.section8{height:1048px}.section8 .picture{position:absolute;top:0;left:50%;width:2560px;transform:translateX(-50%)}.section8 .picture-img{height:979.5px}.section8 .desc{position:relative;top:0;width:auto;color:#fff;font-size:24px;margin-right:10px;opacity:0;transform:translateY(50px)}.section8 .desc span{display:block;width:26px;min-height:5px}.section8 .desc .wrap{margin-bottom:0}.section8 .desc .tb-rl{writing-mode:tb-rl;-webkit-writing-mode:vertical-rl}.section8 .text{display:flex;position:absolute;top:38%;left:160px;line-height:27px;transform:translateY(-50%)}.section8 .text .desc{opacity:1}.section8 .text .desc.desc3,.section8 .text .desc.desc4{font-size:50px;margin-top:-6px}.section8 .text .desc.desc3 span,.section8 .text .desc.desc4 span{width:73px;line-height:53px}.section8 .text .desc.desc3{margin-left:40px;margin-right:0}@media screen and (max-width:1921px){.noise .text,.noise .text.text3,.noise .text.text4{top:47%}.noise .text.text6,.noise .text.text7,.noise .text.text8{top:40.4%}.noise .text.text8{top:42.3%}.easy .text{top:47%}.easy canvas{top:11%;transform:translateX(-50%) translateY(0)}.easy .sticky-container{height:937px}.easy .picture-container{height:1874px;margin-top:-937px}.sticky{background-size:1900px;background-position:center 0}}@media screen and (max-width:1281px){.noise .desc{font-size:20px;line-height:1.2}.noise .text{top:47%}.noise .text.text3{right:420px}.noise .text.text1 .desc7,.noise .text.text3 .desc{font-size:40px;line-height:46px}.noise .text.text5{top:33.6%}.noise .text.text8{top:40.4%}.noise .text.text4 .desc{line-height:1.2;font-size:20px}.noise .text.text5 .desc{font-size:40px;line-height:46px}.noise .text.text6 .desc,.noise .text.text7 .desc,.noise .text.text8 .desc{line-height:1.2;font-size:20px}.curve .text,.curve .text.text3{top:43%}.curve .desc{line-height:1.2;font-size:20px}.curve .text.text2 .desc.desc4,.curve .text.text3 .desc.desc3{font-size:40px;line-height:46px;margin-left:30px}.curve .text.text3 .desc.desc3{margin-top:-5px}.easy canvas{top:1%}.easy .desc{line-height:1.2;font-size:20px}.easy .text{top:38%}.easy .text .desc:last-child{font-size:40px;line-height:46px;margin-left:30px}.sticky{background-size:1560px;background-position:top}.sticky .text{top:43%}}#load{width:600px;left:50%;top:40%;margin-left:-300px;overflow:visible;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}#load,#load div{position:absolute;height:36px}#load div{width:20px;opacity:0;font-family:Helvetica,Arial,sans-serif;animation:move 2s linear infinite;-o-animation:move 2s linear infinite;-moz-animation:move 2s linear infinite;-webkit-animation:move 2s linear infinite;transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);color:#fff;font-size:26px}#load div:nth-child(2){animation-delay:.2s;-o-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-delay:.2s}#load div:nth-child(3){animation-delay:.4s;-o-animation-delay:.4s;-webkit-animation-delay:.4s}#load div:nth-child(4){animation-delay:.6s;-o-animation-delay:.6s;-moz-animation-delay:.6s;-webkit-animation-delay:.6s}#load div:nth-child(5){animation-delay:.8s;-o-animation-delay:.8s;-moz-animation-delay:.8s;-webkit-animation-delay:.8s}#load div:nth-child(6){animation-delay:1s;-o-animation-delay:1s;-moz-animation-delay:1s;-webkit-animation-delay:1s}#load div:nth-child(7){animation-delay:1.2s;-o-animation-delay:1.2s;-moz-animation-delay:1.2s;-webkit-animation-delay:1.2s}#load div:nth-child(8){animation-delay:1.4s;-o-animation-delay:1.4s;-moz-animation-delay:1.4s;-webkit-animation-delay:1.4s}#loading-wrapper{position:fixed;left:0;top:0;display:block;width:100%;height:100%;opacity:1;z-index:10002;background:#000}@keyframes move{0%{left:0;opacity:0}35%{left:41%;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{left:100%;-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-moz-keyframes move{0%{left:0;opacity:0}35%{left:41%;-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-moz-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{left:100%;-moz-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-webkit-keyframes move{0%{left:0;opacity:0}35%{left:41%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{left:100%;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}@-o-keyframes move{0%{left:0;opacity:0}35%{left:41%;-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}65%{left:59%;-o-transform:rotate(0deg);transform:rotate(0deg);opacity:1}to{left:100%;-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:0}}