html[smooth=true],html[smooth=true] body{width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none}html[smooth=true] ::-webkit-scrollbar,html[smooth=true] body ::-webkit-scrollbar{display:none}html[smooth=true] body{overflow:scroll}html[smooth=true] .app-wrapper{width:100%;height:100%;overflow:hidden}[data-scrollbar]{display:block;position:relative}[v-cloak]{display:none}.white{color:#fff}.grey{color:#86868b}.default-color{color:#232323}.black{color:#000}.black-grey{color:#1a1a1a}.multicolor-1{color:#964d9f}.multicolor-2{color:#349cab}.multicolor-3{background-image:linear-gradient(121deg,#fd5392 0,#fd4660 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.multicolor-4{background-image:linear-gradient(79deg,#9b5cbc 0,#31b6d1 100%);-webkit-background-clip:text;background-clip:text;color:transparent}p{padding:0;margin:0;height:auto}img{padding:0;margin:0;vertical-align:bottom}.f300{font-size:7.5rem}.f200{font-size:5rem}.f160{font-size:4rem}.f140{font-size:3.5rem}.f120{font-size:3rem}.f106{font-size:2.65rem}.f170{font-size:4.25rem}.f100{font-size:2.5rem}.f90{font-size:2.25rem}.f84{font-size:2.075rem}.f72{font-size:1.8rem}.f69{font-size:1.725rem}.f65{font-size:1.625rem}.f64{font-size:1.6rem}.f60{font-size:1.5rem;letter-spacing:.075rem}.f48{font-size:1.2rem}.f44{font-size:1.1rem}.f42{font-size:1.05rem;line-height:1.5rem}.f42.FZLTCH-JT{line-height:1.5rem}.f39{font-size:.975rem}.f36{font-size:.9rem}.f31{font-size:.775rem}.f30{font-size:.75rem}.f28{font-size:.7rem}.f26{font-size:.65rem;font-weight:400}.f18{font-size:.45rem;line-height:.75rem}.f16{font-size:.4rem;font-weight:400}.fb{font-weight:700}.w-400{font-weight:400}.w-600{font-weight:600}.center{text-align:center}.tc{width:100%;text-align:center}.container *{-webkit-box-sizing:border-box;box-sizing:border-box}.FZLTZH-GBK{line-height:1.5rem}.app-wrapper{padding-top:-44px}.app-wrapper .fullscreen{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}.text-shadow{text-shadow:0 0 26px #fff}video{max-width:100%;width:100%;display:block}.desc-box{white-space:nowrap}.container{width:100%;overflow:hidden;background:#fff;padding-top:44px;color:#232323}.container .fullscreen{position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden}.page{position:relative}.page>img{width:100%;vertical-align:middle}.canvas-container{position:relative}.default-img{width:100%;position:absolute;top:0;left:0;z-index:1}.canvas{z-index:5;position:relative;width:100%;height:100%}.kv-section{padding:.975rem .975rem 5rem}.kv-section .bg{width:26.175rem}.kv-section .text-box{margin-top:-.75rem;padding-left:4.925rem}.kv-section .text-box .title-middle{margin-top:1rem}.kv-section .text-box .left-text{letter-spacing:.5rem}.kv-section .text-box .middle-line{margin-left:1.2rem;margin-right:1.2rem;width:1px;height:1.4rem;background:#0e0e0e;display:inline-block}.tvc-section{height:100vh}.tvc-section .bg{width:100vw}.tvc-section .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(0,0,0,.472);color:#fff;margin:0 auto;z-index:100}.tvc-section .content.fullscreen{width:100vw}.tvc-section .content .look-btn{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tvc-section .content .look-btn .play-btn{width:3.2rem}.tvc-section .content .look-btn span{margin-left:1.25rem}.tvc-section video,.tvc-section canvas,.tvc-section .default-img{width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover}.split-section{background-color:#000;padding-bottom:7.5rem;color:#fff}.split-section .content{text-align:center;padding-left:.5625rem}.split-section .watch-img,.split-section .default-img,.split-section canvas,.split-section video{width:27rem;height:38.2rem;background-repeat:no-repeat;display:block}.split-section .watch-img{width:27rem;position:absolute;left:0;top:0;z-index:8;display:none}.split-section .txt-box{padding-left:2.5rem}.split-section .txt-1{padding-top:3.5rem;padding-bottom:2rem}.split-section .txt-2{color:#86868b;line-height:1.52}.split-section .items{width:100%;padding-top:2.75rem;padding-right:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box}.split-section .item{width:10rem;padding-bottom:2.25rem}.split-section .item-icon{width:2.6rem}.split-section .item-txt{padding-top:.95rem}.scene-section{padding-top:4rem;padding-bottom:3rem}.scene-section .slide-container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);overflow:hidden;padding-top:1.25rem}.scene-section .slide-container .swiper-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.scene-section .bg-img{width:23.35rem}.scene-section .txt-1{padding-left:2.75rem;padding-bottom:2.75rem}.scene-section .txt-1 span{margin-left:-1.25rem}.scene-section .txt-box{padding-left:2.25rem;margin-bottom:2.5rem}.scene-section .txt-2{padding-top:2.5rem;padding-bottom:2.25rem}.scene-section .txt-3{line-height:1.5rem}.scene-section .swiper-slide-next .bg-img{margin-left:-32%}.scene-section .swiper-slide-prev .bg-img{margin-right:-32%}.location-section-1{padding-top:4.5rem;background:#fff7ff}.location-section-1 .bg-box{width:100%;overflow:hidden;text-align:right}.location-section-1 .bg-img{width:21.425rem}.location-section-1 .txt-box{padding-left:2.25rem}.location-section-1 .txt-2{padding-top:3.75rem;padding-bottom:1rem;color:#86868b}.location-section-1 .txt-3{padding-bottom:2rem;color:#86868b}.location-section-1 .txt-4{padding-bottom:3.25rem}.location-section-2{padding-top:5.95rem}.location-section-2 .title-box{margin-bottom:3.125rem}.location-section-2 .top-area{margin-left:-2rem}.location-section-2 .txt-box{padding-left:2.45rem}.location-section-2 .slide{position:relative;padding-left:.975rem;padding-right:.975rem;display:none;padding-top:1rem}.location-section-2 .slide.slide-1{display:block}.location-section-2 .slide .bg,.location-section-2 .slide canvas,.location-section-2 .slide video{width:26.15rem;height:32rem;z-index:10;position:relative}.location-section-2 .slide .txt-box{margin-top:2.4rem}.location-section-2 .slide.slide-1 .txt-2,.location-section-2 .slide.slide-2 .txt-2,.location-section-2 .slide.slide-3 .txt-2{margin-top:1.25rem}.location-section-2 .slide.slide-1 .txt-3,.location-section-2 .slide.slide-2 .txt-3,.location-section-2 .slide.slide-3 .txt-3{margin-top:3rem}.location-section-2 .slide.slide-1 .txt-4,.location-section-2 .slide.slide-2 .txt-4,.location-section-2 .slide.slide-3 .txt-4{margin-top:1rem}.location-section-2 .slide.slide-4 .txt-2{margin-top:1.75rem}.location-section-2 .slide.slide-4 .txt-3{margin-top:1.75rem}.location-section-2 .slide.slide-5 .txt-2,.location-section-2 .slide.slide-6 .txt-2{margin-top:1.25rem}.location-section-2 .slide .phone-img{width:8.575rem;position:absolute;right:1rem;top:13.45rem;z-index:100}.meitu-section-2{padding-top:2.4rem}.meitu-section-2 .bg{width:100%}.healthy-section{padding-top:6.5rem;padding-bottom:6.75rem}.healthy-section .txt-box{padding-left:2.45rem}.healthy-section .txt-2{padding-top:2.75rem;padding-bottom:2rem}.healthy-section .txt-3{padding-bottom:3.5rem}.healthy-section .items{width:20rem;height:12.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:14.75rem}.healthy-section .item{width:8.5rem;padding-bottom:2.45rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.healthy-section .item img{width:2.6rem;height:2.6rem}.healthy-section .item-txt{padding-left:1.475rem}.healthy-section .txt-5{color:#86868b;padding-top:1.25rem;padding-bottom:5.75rem}.healthy-section .bg-img{width:17.125rem}.healthy-section .swiper-box{padding-top:4.75rem}.healthy-section .bg-box{position:relative;display:inline-block}.healthy-section .watch-gif{width:7.75rem;position:absolute;right:1.35rem;bottom:4.75rem}.healthy-section .swiper-slides{display:none;padding-top:1.25rem}.healthy-section .swiper-slides.slide-1{display:block}.sleep-section{padding:.975rem .975rem 0}.sleep-section .progress-box{position:absolute;left:50%;top:27.75rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex}.sleep-section .progress-box .progress-li{width:11.7rem;height:.05rem;background-color:#fff;opacity:.1}.sleep-section .progress-box .progress-li.active{opacity:1}.sleep-section .slide{display:none}.sleep-section .slide.slide-1{display:block}.sleep-section .slide-1 .desc-box,.sleep-section .slide-2 .desc-box{position:relative;padding-top:8.75rem;padding-bottom:10rem}.sleep-section .slide-1 .desc-box .icon,.sleep-section .slide-2 .desc-box .icon{width:2.6rem;position:absolute;top:3.75rem;left:3.375rem}.sleep-section .slide-1 .desc-box{background:#f6f1ee}.sleep-section .slide-2 .desc-box{background:#f7fefe}.sleep-section .txt-1{padding-bottom:1.95rem}.sleep-section .bg-img{width:100%;border-radius:2.5rem 2.5rem 0 0}.sleep-section .tc{position:relative}.sleep-section .gif-img{width:31vw;position:absolute;left:50%;top:17vw;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:2vw}.sports-section{padding-top:4rem;background:#f0fdfd}.sports-section .txt-box{padding-left:2.425rem}.sports-section .txt-1{color:#232323;padding-bottom:4.25rem}.sports-section .txt-1 span{color:#349cab}.sports-section .txt-3{padding-top:2rem;padding-bottom:2.25rem}.sports-section .txt-4{padding-bottom:4.5rem}.sports-section .bg-img{width:20.05rem}.sports-section .tr{text-align:right}.study-section{padding-top:7.25rem;overflow:hidden}.study-section .txt-box{padding-left:2.425rem}.study-section .txt-1{padding-bottom:3rem}.study-section .txt-2{padding-bottom:2.25rem}.study-section .txt-3{padding-top:.25rem;padding-bottom:2.25rem}.study-section .txt-4{padding-bottom:3.5rem}.study-section .bg2-box{width:100%;position:relative}.study-section .bg2-box img{width:100%;height:100vh;-o-object-fit:cover;object-fit:cover}.study-section .item-txt{position:absolute;left:2.425rem;bottom:3.825rem;color:#fff}.study-section .swiper-box{width:100%;height:100vh}.study-section .swiper-pagination-custom{bottom:2rem}.study-section .custom-pagination{width:100%;padding:0 2.5rem;height:.05rem;-webkit-box-sizing:border-box;box-sizing:border-box}.study-section .custom-pagination .custom-content{position:relative;width:100%;height:100%;background-color:rgba(255,255,255,.2)}.study-section .custom-pagination .progress{height:.125rem;position:absolute;top:0;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:#fff}.os-section{padding-top:37.5rem;padding-left:.975rem;padding-right:.975rem}.os-section .big-icon{width:310vw;position:absolute;left:50%;top:-13vw;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.os-section .title{width:20.075rem}.os-section .txt-1{padding-top:3.5rem;padding-bottom:1rem}.os-section .txt-2{padding-bottom:10rem}.os-section .content{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:1.375rem;background-color:#f3f3f3;border-radius:2.5rem;padding-top:7.5rem;padding-bottom:7.5rem}.os-section .txt-3{padding-top:1.25rem;padding-bottom:4.2rem}.os-section .txt-4{padding-top:1rem}.os-section .watch{width:11.025rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.os-section .watch img{width:100%}.os-section .watch2{width:11.025rem;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden}.os-section .watch2 img{width:100%}.os-section .watch2 img{width:15.7rem}.security-section{background:#fefefe;padding-top:4.5rem;padding-bottom:5rem}.security-section .txt-box{padding-left:2.425rem;position:relative;z-index:10}.security-section .remark{opacity:.6}.security-section .txt-2{padding-top:2.25rem;padding-bottom:1.5rem}.security-section .items{width:100%;margin-top:3.75rem}.security-section .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:2.5rem;-ms-flex-negative:0;flex-shrink:0}.security-section .item:last-child{padding-bottom:0}.security-section .item-icon{width:2.6rem;height:2.6rem;-ms-flex-negative:0;flex-shrink:0;margin-right:1.625rem}.security-section .item-txt-2{padding-top:.25rem}.security-section .section-video{position:relative;z-index:5;margin-top:3.75rem}.security-section video,.security-section canvas{-webkit-transform:scale(1.8);transform:scale(1.8)}.strap-section{padding-left:.975rem;padding-right:.975rem;padding-bottom:3.3rem;padding-top:4.4rem}.strap-section .content-container{background-color:#f3f3f3;border-radius:2.5rem;position:relative;height:75.175rem}.strap-section .right{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right}.strap-section .bg1{position:absolute;right:0;top:0;width:22.55rem;-webkit-animation:strapUpdown1 2.5s infinite alternate;animation:strapUpdown1 2.5s infinite alternate}.strap-section .txt-box{position:absolute;left:1.425rem;top:28.25rem}.strap-section .txt-2{padding-top:2.5rem}.strap-section .left{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}.strap-section .bg2{position:absolute;left:0;bottom:3.45rem;width:19.2rem;-webkit-animation:strapUpdown2 2.5s infinite alternate;animation:strapUpdown2 2.5s infinite alternate}@-webkit-keyframes strapUpdown2{from{bottom:3.45rem}to{bottom:3.95rem}}@keyframes strapUpdown2{from{bottom:3.45rem}to{bottom:3.95rem}}@-webkit-keyframes strapUpdown1{from{top:0}to{top:1rem}}@keyframes strapUpdown1{from{top:0}to{top:1rem}}.cpu-section{padding-top:6.25rem;background-color:#000;color:#fff;padding-left:.975rem;padding-right:.975rem}.cpu-section .txt-box{padding-left:2.425rem;position:relative;z-index:10}.cpu-section .items{width:21rem;padding-top:6.25rem;padding-bottom:4.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.cpu-section .item{width:8.5rem;padding-bottom:2.75rem}.cpu-section .item-txt1{color:#919195;padding-bottom:.6rem}.cpu-section .txt-3{color:#919195;padding-bottom:3.7rem;padding-top:2rem}.cpu-section .bg-img{width:26.175rem}.cpu-section .tc{margin-top:-2.5rem;position:relative;z-index:5}.cpu-section .default-img,.cpu-section canvas,.cpu-section video{width:100%;height:42.175rem;background-repeat:no-repeat;display:block}.waterproof-section{padding-top:15rem;background-color:#000;padding-bottom:2.5rem;color:#fff;margin-top:-.125rem}.waterproof-section .txt-1{position:absolute;top:5rem;left:2.425rem;z-index:10}.waterproof-section .txt-2{position:absolute;left:2.425rem;bottom:.5rem;z-index:100}.waterproof-section .bg2{z-index:10;position:relative;background-color:#010101}.waterproof-section .section-video{position:relative}.waterproof-section .default-img{-webkit-transform:scale(1.5);transform:scale(1.5);width:100%;height:38.175rem;background-repeat:no-repeat}.waterproof-section video,.waterproof-section canvas{-webkit-transform:scale(1.5);transform:scale(1.5);z-index:5;width:100%;height:38.175rem;background-repeat:no-repeat}.memory-section{background-color:#000;padding-top:5rem;padding-bottom:7.5rem;color:#fff;margin-top:-.125rem;height:100vh}.memory-section .txt-box{position:absolute;left:50%;top:50%;-webkit-transform:translate(-40%,-60%);transform:translate(-40%,-60%)}.memory-section .txt-1{padding-bottom:1.5rem}.app-section .txt-box{position:absolute;top:50%;left:7.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.app-section .txt-2{padding-top:1rem;color:#919195;text-align:center}.remark-section{padding-top:6.5rem;padding-left:2rem;padding-right:2rem;padding-bottom:5rem;line-height:1rem}.remark-section .title{margin-bottom:1rem}.slideInDown{animation-name:slideInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInDown}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);visibility:hidden}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);visibility:visible}}@-webkit-keyframes slideInDown{from{transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);visibility:hidden}to{transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);visibility:visible}}@keyframes slideInUp{from{visibility:hidden;transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0)}to{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:slideInUp}@-webkit-keyframes slideInUp{from{visibility:hidden;transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0)}to{visibility:visible;transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{animation-name:fadeInDown;animation-duration:1s;animation-fill-mode:both;-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;-webkit-animation-name:fadeInDown}