.dazzle_warp{position:relative;position:sticky;position:-webkit-sticky;top:1.14rem}.dazzle_effect{position:relative;position:sticky;position:-webkit-sticky;top:1.14rem;overflow:hidden}.dazzle_effect .effect_line{width:100%;height:100%;position:absolute;left:0;top:0;background:#000;border-top:1px solid #70dfff}.dazzle-copy{width:21.2rem;left:50%;margin-left:-10.6rem;position:absolute;top:0;z-index:1;height:100%}.dazzle-copy .dazzle_title{margin:0;color:#fff;font-size:.8rem;padding:1rem 0 .2rem;font-weight:700}.dazzle-copy .dazzle_des{position:absolute;left:0;top:1rem;font-size:.32rem;line-height:.4rem;color:#fff;padding:1rem 0;font-weight:700;opacity:0}.dazzle-copy .section-btn-more{border:.04rem solid #fff;padding:0 .5rem;border-radius:.6rem;height:.8rem;font-size:.24rem;line-height:.8rem;color:#fff;text-align:center;margin-top:.5rem;font-weight:700;display:inline-block;position:absolute;bottom:1rem;left:0}.effect_blur{position:absolute;left:0;top:0;width:100%}.effect_cont{position:absolute;width:14rem;top:0;left:50%;margin-left:-7rem;height:100%}.effect_head{position:absolute;width:6.4%;left:38.3%;top:33.8%;border:.04rem solid #cbcbcb;line-height:0;font-size:0}.dazzle_prog li p,.radio_single .span{font-size:.2rem;color:#fff}.dazzle_prog{position:absolute;width:18%;left:48.3%;top:34.5%;min-width:5rem}.dazzle_prog img{width:100%}.dazzle_prog .dazzle_prog_value{position:absolute;top:0;left:33.6%;width:54%;height:100%}.dazzle_prog .dazzle_prog_value img{height:100%;width:0}.dazzle_prog li{width:100%;overflow:hidden}.dazzle_prog li p{width:30%;line-height:.36rem;font-weight:700;float:left}.dazzle_prog li .dazzle_line{width:68%;height:.05rem;background:#a89e95;float:left;margin-top:.155rem}.dazzle_prog li .dazzle_val{background:#01fdff;height:100%;float:left;display:block;width:50%;-webkit-transform-origin:0 50%;position:relative}.dazzle_prog li .dazzle_val b{background:#fff;width:.08rem;height:.18rem;border-radius:.05rem;position:absolute;right:-.04rem;top:-.065rem;display:block}.radio_single .label,.radio_single .span{display:inline-block;vertical-align:middle}.dazzle_prog li .dazzle_val_1{width:58%}.dazzle_prog li .dazzle_val_2{width:50%}.dazzle_prog li .dazzle_val_3{width:63.2%}.dazzle_prog li .dazzle_val_4{width:50%}.dazzle_prog li .dazzle_val_5{width:58%}.dazzle_prog li .dazzle_val_6{width:78.3%}.dazzle_prog li .dazzle_radioBox{width:68%;height:.36rem;float:left;line-height:.36rem}.radio_single{width:33%;float:left}.radio_single2{width:49%}.radio_single .label{overflow:hidden;width:.19rem;height:.19rem;margin-right:.1rem;position:relative}.radio_single_cut .span{color:#fff;opacity:1}.new_img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.effect_img_01{display:block;width:100%}.effect_img_02{display:none;width:100%}.nightscape_mb{display:none}.nightscape_pc{display:block}.nightscape_warp{position:relative;position:sticky;position:-webkit-sticky;top:0;overflow:hidden}.nightscape_effect{width:100%;position:absolute;left:0;top:0;height:100%}.effect_tilt{width:100%;height:100%;position:relative}.effect_tilt .tilt_img{position:absolute;top:0;left:0;width:100%;text-align:center}.effect_tilt .tilt_img img{width:100%}.effect_img_t1{left:0;top:0}.effect_line{position:absolute;top:3%;left:35.5%;width:22%;text-align:center}.effect_line img{width:100%}.nightscape_copy{position:absolute;width:21.2rem;top:0;left:50%;margin-left:-10.6rem;height:100%;color:#fff}.nightscape_copy .copy_title{font-size:.8rem;padding:1rem 0 .2rem;margin:0;position:absolute;top:0;left:0;font-weight:700}.nightscape_copy .copy_des{position:absolute;left:0;top:1rem;font-size:.32rem;line-height:.4rem;color:#fff;padding:1rem 0;font-weight:700;opacity:0;width:15.2rem}.effect_final{visibility:hidden}.grid_canvas{position:absolute;left:0;top:0;width:100%;height:100%}.canvas_play{width:100%;height:auto}.appearance_warp{position:relative;position:sticky;position:-webkit-sticky;top:0;overflow:hidden}.appearance_copy{width:21.2rem;left:50%;margin-left:-10.6rem;position:absolute;top:0;height:100%;color:#fff}.appearance_copy_center{height:8rem;position:absolute;top:50%;margin-top:-4rem}.appearance_copy .copy_title{width:90%;color:#cfdeff;font-size:.8rem;padding:1rem 0 .2rem;margin:0;font-weight:700}.appearance_copy .copy_desH1{width:90%;font-size:.8rem;line-height:.8rem;font-weight:700;color:transparent!important;background:linear-gradient(to right,#1659e2,#eb2eab);-webkit-background-clip:text}.appearance_copy .copy_des{width:90%;font-size:.32rem;line-height:.4rem;color:transparent!important;background:linear-gradient(to right,#1659e2,#eb2eab);-webkit-background-clip:text;display:inline-block;font-weight:700}.appearance_warp .screen_text{width:100%;position:absolute;top:50%;left:0;height:5.5rem;margin-top:-2.75rem;color:#fff}.screen_effect{width:21.2rem;position:absolute;top:50%;left:50%;z-index:2;height:10rem;margin-left:-10.6rem;margin-top:-5rem}.screen_positive{position:absolute;width:70%;left:0;top:0}.screen_negative{position:absolute;width:70%;right:0;top:3rem}#screen_negative,#screen_positive,.screen_negative img,.screen_positive img{width:100%}#screen_negative img,#screen_positive img{width:100%;display:none}.screen_center{transform:scale(.45) translateY(200%)}.full_bangs{position:absolute;width:19%;left:42%;top:7%}.full_bangs img{transform-origin:50% 0 0}.camera_blast,.phone_img,.phone_warp{-webkit-transform-origin:50% 100% 0}.full_rand{position:absolute;width:20%;left:44%;top:13%}.screen_box,.screen_center{position:absolute;left:0;width:100%}.screen_box{height:100%;top:0}.screen_effect_pc{display:block}.screen_effect_mb{display:none}.screen_center{height:5rem;top:50%}.camera_warp{position:relative;position:sticky;position:-webkit-sticky;top:0;width:100%;overflow:hidden}.camera_copy_section{width:21.2rem;left:50%;margin-left:-10.6rem;position:absolute;top:0;height:100%;color:#fff}.camera_copy_section .copy_title{width:90%;color:#cfdeff;font-size:.8rem;line-height:.8rem;padding:1rem 0 .2rem;margin:0;font-weight:700}.camera_copy_section .copy_des,.camera_copy_section .copy_desH1{width:90%;color:transparent!important;font-weight:700;display:inline-block}.camera_copy_section .copy_desH1{font-size:.8rem;line-height:.8rem;background:linear-gradient(to right,#1659e2,#eb2eab);-webkit-background-clip:text}.camera_copy_section .copy_des{font-size:.32rem;line-height:.4rem;background:linear-gradient(to right,#1659e2,#eb2eab);-webkit-background-clip:text}#main,body{background:#000}.screen_text{width:100%;color:#fff}.screen_section_1{position:absolute;top:50%;height:5.6rem;margin-top:-2.8rem;left:0}.screen_section_2{position:absolute;top:50%;height:2.8rem;margin-top:-1.4rem;left:0}.screen_text li{padding:.3rem 0}.screen_text .screen_h1{font-size:.36rem;line-height:.4rem;margin:0}.screen_text .screen_p{font-size:.22rem;opacity:.6;line-height:.4rem;color:#fff;font-weight:700}.screen_text li.btn_learnmore{clear:both}.screen_text li.btn_learnmore a{border:.04rem solid #fff;padding:0 .5rem;border-radius:.6rem;height:.8rem;font-size:.24rem;line-height:.8rem;color:#fff;text-align:center;font-weight:700;display:inline-block}.camera_effect,.copy_fixed{position:absolute;left:50%;width:21.2rem;height:10rem;top:50%}.camera_text_mp{margin-top:2.6rem}.camera_effect{margin:-5rem 0 0 -10.6rem}.copy_fixed{margin:-4rem 0 0 -10.6rem;z-index:2}.phone_warp{width:80%;position:relative;left:10%;top:-.5rem;-webkit-perspective:1690}.phone_warp img{width:100%}.phone_camera{position:absolute;width:9.8%;top:11.3%;left:45%}.camera_blast{position:absolute;-webkit-perspective:1690;left:50%;width:15.1%;top:25.8%;margin-left:-7.5%}.camera_blast_img .blast_thickness{position:absolute;top:0;left:0;display:none}.camera_blast_e{position:absolute;bottom:72%;left:0;width:100%}.primary_warp,.section_block{position:relative}.camera_blast_e1{z-index:12;bottom:59%}.camera_blast_e2{z-index:11;bottom:60%}.camera_blast_e3{z-index:10;bottom:61%}.camera_blast_e4{z-index:9;bottom:62%}.camera_blast_e5{z-index:8;bottom:63%}.camera_blast_e6{z-index:7;bottom:64%}.camera_blast_e7{z-index:6;bottom:65%}.camera_blast_e8{z-index:5;bottom:66%}.camera_blast_e9{z-index:4;bottom:67%}.camera_blast_e10{z-index:3;bottom:68%}.camera_blast_e11{z-index:2;bottom:69%}.camera_blast_e12{z-index:1;bottom:70%}#main{width:100%}.primary_warp{overflow:hidden;max-height:100%}@media all and (orientation:portrait){.nightscape_copy .copy_des{width:auto}.effect_img_01{display:none}.effect_img_02,.nightscape_mb{display:block}.effect_head{position:absolute;width:33%;left:33.6%;top:28.2%}.dazzle_prog{left:20%;width:60%;top:auto;bottom:21%}.dazzle-copy,.effect_cont{width:100%;left:0;top:0;margin:0}.dazzle-copy .dazzle_title{color:#fff;font-size:.64rem;padding:1rem 1rem .1rem;position:absolute;margin:0;line-height:.64rem}.dazzle-copy .dazzle_des{position:absolute;left:0;font-size:.44rem;line-height:.44rem;color:#fff;padding:1rem 1rem 0;bottom:0}.dazzle-copy .section-btn-more{height:.8rem;line-height:.8rem;margin:0 1rem}.primary_warp{position:relative}.dazzle_prog li p{font-size:.28rem;line-height:.6rem;width:39%}.dazzle_prog li .dazzle_line{width:60%}.dazzle_prog li .dazzle_radioBox{width:59%}.radio_single_cut .label{width:.26rem;height:.26rem;margin-right:.2rem;overflow:hidden}.radio_single .span{font-size:.28rem;color:#fff}.nightscape_pc{display:none}.nightscape_copy{width:100%;left:0;margin:0}.effect_line{top:12%;left:16%;width:72%}.nightscape_copy .copy_title{width:100%;font-size:.64rem;padding:1rem 1rem .1rem;line-height:.64rem;position:absolute;top:0;left:0}.nightscape_copy .copy_des{position:absolute;left:0;font-size:.44rem;line-height:.44rem;color:#fff;padding:1rem 1rem 0;bottom:0}.canvas_play{height:100%;width:auto}.appearance_copy{width:100%;left:0;margin:0;padding:0 1rem}.skrollr-desktop{height:100%}.appearance_copy_center{transform:translateY(-51%);top:50%;height:auto}.appearance_copy .copy_title{width:100%;font-size:.64rem;line-height:.64rem}.appearance_copy .copy_desH1{width:100%;font-size:.64rem;line-height:.64rem;padding:0 0 .1rem}.appearance_copy .copy_des{width:100%;font-size:.44rem;line-height:.44rem;padding:0}.camera_copy_section .copy_desH1,.camera_copy_section .copy_title{font-size:.64rem;line-height:.64rem;width:100%}.screen_effect{width:100%;position:absolute;top:50%;left:0;height:10rem;margin:-5rem 0 0}.appearance_warp .screen_text{width:100%;position:absolute;bottom:1rem;left:0;height:auto;margin:0;color:#fff;top:auto}.screen_center{transform:scale(.9) translateY(55%)}.full_bangs{top:6.8%}.camera_copy_section{width:100%;left:0;margin:0;padding:0 1rem}.camera_copy_section .copy_title{padding-bottom:.1rem}.camera_copy_section .copy_des{width:100%;font-size:.44rem;line-height:.44rem;padding:0}.camera_effect{position:absolute;width:100%;height:7rem;left:0;top:50%;margin:-3.5rem 0 0}.copy_fixed,.screen_section_1,.screen_section_2{top:0;height:100%;margin:0;left:0}.copy_fixed{position:absolute;width:100%}.screen_text{width:100%;padding:0 1rem;position:absolute;top:auto;bottom:0;left:0;margin:0 0 1rem;height:auto}.screen_text li{padding:.2rem 0;overflow:hidden;width:40%;margin-right:10%;float:left}.screen_text .screen_h1{font-size:.4rem;line-height:.4rem;margin:0}.screen_text .screen_p{font-size:.24rem;opacity:.6;line-height:.4rem;color:#fff}.screen_text li.btn_learnmore a{height:.8rem;line-height:.8rem;margin:0}.screen_text li.btn_learnmore{clear:both;width:100%}.phone_warp{width:100%;left:0;margin:0;top:0}.camera_blast{left:50%;width:20%;top:25%;margin-left:-10%}}.camera_dg_bg,.ie_phone_warp{-webkit-transform-origin:50% 100% 0;-webkit-perspective:1690}@media screen and (orientation:landscape){body,html{font-size:5px}}.text .subtitle,.text .title{font-size:.8rem;line-height:1;font-weight:700}.degeneration_section{position:relative;top:0}.degeneration_bg img{width:100%}.camera_dg_bg{width:80%;position:relative;left:10%;top:-1.6rem}#oc-wrapper{overflow:visible}#oc-header{overflow:hidden}.section_block_effect_1{height:6000px}.section_block_effect_2{height:5500px}.section_block_effect_3{height:9000px}.section_block_effect_4{height:7000px}.section_content{display:block}.degeneration_section{display:none;height:17rem}.ie_phone_warp{width:40%;left:30%;top:auto;bottom:-40%;position:relative}.ie_camera_blast{width:11.1%;top:61.8%}.iescape_warp{top:auto;position:relative;height:auto}.ie_screen_warp{width:50%;bottom:50%;left:25%;position:absolute}.ie_screen_warp .screen_negative{top:2rem}.ie_screen_warp_2{width:30%;top:6%;left:35%;position:absolute}.ie_screen_warp_2 .screen_negative{top:1rem}.iescape_warp .copy_des,.iescape_warp .dazzle_des{opacity:1}@media all and (orientation:portrait){.ie_phone_warp{bottom:-60%}.degeneration_section{height:15rem}.ie_camera_effect{position:absolute;bottom:0;height:100%;top:0;margin:0;left:0}.ie_camera_blast{width:16.1%;top:56.8%;margin-left:-8%}.ie_screen_effect{height:100%;margin:0;top:0}.degeneration_section .ie_screen_box .screen_center{width:80%;left:10%;top:60%}.ie_screen_warp{width:80%;bottom:50%;left:10%;position:absolute}.ie_screen_warp_2{width:50%;top:18%;left:25%;position:absolute}.ie_screen_warp_2 .screen_negative{top:1rem}.iescape_warp{top:auto;position:relative;height:auto}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.appearance_copy .copy_des,.appearance_copy .copy_desH1,.camera_copy_section .copy_des,.camera_copy_section .copy_desH1{color:#fff!important;background:0 0;-webkit-background-clip:none}.section_block_effect_1,.section_block_effect_2,.section_block_effect_3,.section_block_effect_4{height:auto}.section_content{display:none}.degeneration_section{display:block}}:root{--animate-modal-background-out-translateY:0;--animate-modal-background-in-scale:.85}*,html{-webkit-overflow-scrolling:touch}.drawer-sec,body.active{overflow:hidden}.secs.init{position:absolute;width:100%;-webkit-animation:animate-background-out;animation:animate-background-out;-webkit-animation-duration:.625s;animation-duration:.625s;-webkit-animation-timing-function:cubic-bezier(.29,.24,.12,.995);animation-timing-function:cubic-bezier(.29,.24,.12,.995);-webkit-transform-origin:50% -5%;-ms-transform-origin:50% -5%;transform-origin:50% -5%}.active .secs.animate{-webkit-animation:animate-background-in;animation:animate-background-in;-webkit-animation-duration:.625s;animation-duration:.625s;-webkit-animation-timing-function:cubic-bezier(.29,.24,.12,.995);animation-timing-function:cubic-bezier(.29,.24,.12,.995);-webkit-transform-origin:50% -5%;-ms-transform-origin:50% -5%;transform-origin:50% -5%}.drawer-sec{position:relative}section.drawer{position:fixed;z-index:999;width:100%;height:100vh;top:100vh;left:0;overflow-x:hidden;-webkit-transition:top .7s cubic-bezier(.29,.24,.12,.995);transition:top .7s cubic-bezier(.29,.24,.12,.995)}section.drawer .drawer-container{position:relative;z-index:40;width:100vw;background-color:rgba(255,255,255,0)}section.drawer .drawer-box{position:relative;overflow-y:auto;max-height:100vh;width:100vw}section.drawer .drawer-secs{width:100%;background-color:#000}section.drawer .drawer-secs .title{color:#cfdeff}section.drawer .drawer-wrapper{width:21.2rem;height:100%;margin:0 auto;position:relative;max-width:100%}@media only screen and (max-width:1200px){section.drawer .drawer-wrapper{width:100%}}.active section.drawer.dactive{top:0}.drawer-mask{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:rgba(0,0,0,.5);z-index:999;max-height:0;opacity:0;-webkit-transition:opacity .3s ease 0s,max-height 0s linear .5s;transition:opacity .3s ease 0s,max-height 0s linear .5s}.oc-noscroll,.section,.text{position:relative}.drawer-mask.show-mask{opacity:1;max-height:100vh;-webkit-transition:opacity .3s ease 0s,max-height 0s linear 0s;transition:opacity .3s ease 0s,max-height 0s linear 0s}@-webkit-keyframes animate-background-out{from{-webkit-transform:translateY(var(--animate-modal-background-out-translateY)) scale(var(--animate-modal-background-in-scale));transform:translateY(var(--animate-modal-background-out-translateY)) scale(var(--animate-modal-background-in-scale))}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate-background-out{from{-webkit-transform:translateY(var(--animate-modal-background-out-translateY)) scale(var(--animate-modal-background-in-scale));transform:translateY(var(--animate-modal-background-out-translateY)) scale(var(--animate-modal-background-in-scale))}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animate-background-in{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.85);transform:scale(.85)}}@keyframes animate-background-in{from{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(.85);transform:scale(.85)}}.oc-noscroll{width:100%;overflow:hidden!important}#oc-wrapper{width:100vw}.secs{background-color:#000}img{width:auto}.show{display:block}.section{overflow:hidden;color:#fff;background:#000}.text .desc,.text .subtitle{background-image:-webkit-linear-gradient(left,#1659e2,#eb2eab);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text{width:15.2rem;padding-top:.8rem}.text .title{padding-bottom:.2rem;color:#cfdeff}#product-nav,.btn-coloros a,.specs,.text .desc{color:#fff}.text .subtitle{padding-bottom:.63rem}.text .desc{font-size:.32rem;line-height:.4rem;font-weight:600}.specs .key{font-size:.27rem;line-height:1;font-weight:700;margin-bottom:.08rem}.specs .value{font-size:.18rem;line-height:1;font-weight:600;opacity:.6}.btn,.btn-coloros{display:inline-block;cursor:pointer;font-size:.24rem;font-weight:700;padding:.15rem .4rem;border:1px solid #fff;border-radius:.5rem;background-color:rgba(0,0,0,.4)}.btn-coloros:hover,.btn:hover{background-color:rgba(0,0,0,.722)}.phone{text-align:center}.phone-flow{-webkit-transition:all .9s cubic-bezier(.39,.575,.565,1);transition:all .9s cubic-bezier(.39,.575,.565,1)}.drawer{background:#fff}.drawer-close{position:fixed;bottom:.6rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:.12rem .3rem;background-color:#52b376;border-radius:.5rem;z-index:60;display:none;cursor:pointer}.drawer-close span{color:#fff;font-size:.2rem;margin-right:.06rem}.drawer-close img{width:.22rem;vertical-align:sub}.container{margin:0 auto;width:21.2rem;position:relative;height:100%}.middle{width:11.8rem;margin:0 auto}@media only screen and (max-width:1080px){.container,.middle,section.drawer .drawer-wrapper{position:relative;width:9.8rem;margin:auto}.text{width:100%;padding-top:1.1rem;text-align:left}.text .title{font-size:.64rem;line-height:.7rem;padding-bottom:.45rem;font-weight:700}.text .subtitle{padding-bottom:0;margin-top:-.45rem;font-size:.64rem;line-height:.75rem;font-weight:600}.text .desc br{display:none}.text .desc{margin:auto;font-size:.44rem;line-height:.55rem}.specs .key,.specs .value{font-size:.27rem}.specs .key{margin-bottom:.12rem;font-weight:600}.btn,.btn-coloros{padding:.26rem .5rem}.drawer-close{bottom:1rem;padding:.24rem .66rem}.drawer-close span{color:#fff;font-size:.48rem;margin-right:.21rem}.drawer-close img{width:.42rem;vertical-align:sub}}@keyframes changecolor{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0,-90.909%);transform:translate(0,-90.909%)}}@-webkit-keyframes changecolor{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(0,-90.909%);transform:translate(0,-90.909%)}}@keyframes findmore{0%{transform:translate(0,-30px);-webkit-transform:translate(0,-30px)}100%{transform:translate(0,0);-webkit-transform:translate(0,0)}}@-webkit-keyframes findmore{0%{transform:translate(0,-30px);-webkit-transform:translate(0,-30px)}100%{transform:translate(0,0);-webkit-transform:translate(0,0)}}body{overflow-x:hidden}#product-nav{background-color:#16191b;border-bottom:1px solid #232323}#product-nav a{color:#fff!important}#oc-wrapper #product-remarks{background:#fff;padding:1.8rem 6.8rem;width:100%}@media (max-width:1080px){#oc-wrapper #product-remarks{padding:1.8rem 1.1rem}}.mb{display:none}.findmore{position:fixed;bottom:6vh;width:.35rem;height:.19rem;left:12.63rem;z-index:98;opacity:1;-webkit-animation:findmore 1.5s infinite alternate;animation:findmore 1.5s infinite alternate}.sec-0 .slogan{position:absolute;top:3.04rem;left:2.2rem}.sec-0 .slogan img{width:3.2rem}.sec-0 .slogan h2{color:#1659e2;font-size:.58rem;line-height:1;font-weight:700;background-image:-webkit-linear-gradient(25deg,#1659e2,#eb2eab);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sec-5{padding:1rem 0}.sec-5 .phone{padding:1.14rem 0 1.36rem}.sec-8 .phone{width:7.2rem;margin:1rem 0 .4rem 6.64rem}.sec-9 .phone{width:3.08rem;margin:.6rem 0 1rem 9rem}.sec-9 .specs{position:absolute;bottom:.65rem;left:0}.sec-9 .specs ul li:nth-child(1){margin-bottom:.46rem}.sec-9 .specs ul li:nth-child(2){margin-bottom:1.86rem}.sec-10 .phone{padding-top:.82rem}.sec-11 .img-wrapper{height:8.95rem;position:relative}.sec-11 .img-wrapper .certificate{display:none;position:absolute;left:0;top:5rem}.sec-11 .img-wrapper .certificate img{width:.86rem}.sec-11 .img-wrapper .certificate-text{margin-top:.38rem;font-size:.27rem;font-weight:700}.sec-11 .phone{position:relative;margin-left:7.7rem;width:5.68rem}.sec-11 .phone video{width:100%}.sec-11 .phone .video-mask{position:absolute;top:0;left:0;width:100%;height:3rem;background:-webkit-linear-gradient(#000,transparent);background:linear-gradient(#000,transparent)}.sec-12 .swiper12{position:relative}.sec-12 .pagination{position:absolute;top:1.7rem;left:0}.sec-12 .pagination li{margin-bottom:.46rem;color:#fff;opacity:.6}.sec-12 .pagination li .p1{font-size:.27rem;font-weight:700;line-height:1;margin-bottom:.08rem}.sec-12 .pagination li .p2{font-size:.18rem;font-weight:600;line-height:1}.sec-12 .pagination li.active{opacity:1}.sec-13 .phone{margin:1.36rem auto .5rem}.sec-14 .text-wrapper{margin:0 auto;width:21.1rem}.sec-14 .phone{margin-top:1.2rem;margin-left:6.8rem;width:12rem}.sec-15 .img-wrapper{position:relative}.sec-15 .img-wrapper .specs{position:absolute;top:1.7rem}.sec-15 .img-wrapper .specs li{margin-bottom:.46rem}.sec-15 .img-wrapper .specs .btn{margin-top:4.2rem}.sec-16 .text{position:absolute;top:0;left:0}.sec-71{height:12.65rem;position:relative}.sec-71 .text-wrapper{position:absolute;top:4.12rem;left:0;width:100%;font-size:.27rem;line-height:.34rem;font-weight:600;color:#fff;z-index:5}.sec-71 .bth-toggle{margin-top:1.14rem}.sec-71 .bth-toggle span{display:inline-block;box-sizing:border-box;border:.02rem solid #fff;opacity:.5;height:.58rem;line-height:.58rem;padding:0 .4rem;margin-right:.2rem;border-radius:.3rem;font-size:.16rem;font-weight:700;cursor:pointer;color:#fff}.sec-71 .phone-night,.sec-74{display:none}.sec-71 .bth-toggle span.active,.sec-71 .bth-toggle span:hover{opacity:1}.sec-71 .phone{position:absolute;top:0;left:0;width:100%}.sec-72 .phone,.sec-73 .phone{margin-left:3.05rem;width:15.2rem}.sec-72{padding:1.88rem 0 1.78rem}.sec-72 .phone1{margin-bottom:.16rem}.sec-73 .phone{margin-bottom:1rem}.sec-74 .phone-wrapper{width:15.1rem;height:7.49rem;margin:1.04rem 0 .92rem 3.05rem;position:relative}.sec-74 .phone-wrapper .phone{width:100%;position:absolute;top:0;left:0}.sec-74 .phone-wrapper .bokeh-phone{opacity:0}.sec-74 .btn-bokeh{position:absolute;bottom:1.63rem;text-align:center;width:100%}.sec-74 .btn-bokeh span{display:inline-block;background-color:#fff;height:.5rem;line-height:.5rem;padding:0 .3rem;border-radius:.3rem;font-size:.18rem;color:#1f1f1f;font-weight:700;cursor:pointer}.sec-74 .btn-bokeh .bokeh-off,.sec-93 .desc2,.sec-93 .desc3{display:none}.sec-75 .phone-wrapper{margin:1.28rem 0 2.8rem}.sec-76{padding-bottom:.8rem}.sec-76 .phone1{margin:1rem 0 1rem 8.76rem;width:3.67rem}.sec-76 .phone2{width:15.1rem;margin-left:3.05rem}.sec-76 .mark{padding:.5rem 0 1.16rem;text-align:center;font-size:.27rem;font-weight:600;color:#fff}.sec-91 .sensor,.sec-93 .pagination li,.sec-96 .direct p:nth-child(1){font-size:.27rem;font-weight:700}.sec-91 .phone{margin-top:2.44rem;position:relative}.sec-91 .sensor{position:absolute;color:#fff;opacity:0}.sec-91 .line{position:absolute;width:1px;background-color:grey;opacity:0}.sec-91 .sensor1{left:9.8rem;top:-1.38rem}.sec-91 .line1{left:10rem;height:.87rem;top:-1.06rem}.sec-91 .sensor2{left:3.64rem;top:-1.05rem}.sec-91 .line2{left:4.29rem;height:.57rem;top:-.76rem}.sec-91 .sensor3{left:6.1rem;top:-1.5rem}.sec-91 .line3{left:7rem;height:1rem;top:-1.18rem}.sec-91 .sensor4{left:7.5rem;top:-1.05rem}.sec-91 .line4{left:8.4rem;height:.57rem;top:-.76rem}.sec-93 .middle{position:relative;margin-top:.38rem;height:8.22rem}.sec-93 .middle .swiper-container{width:9.08rem;margin-left:1.25rem}.sec-93 .middle .swiper-container .swiper-slide{width:100%}.sec-93 .pagination{position:absolute;left:-4.7rem;top:2.3rem}.sec-93 .pagination li{color:#fff;opacity:.5;line-height:1;margin-bottom:.2rem;cursor:pointer}.sec-93 .pagination li.active{opacity:1}.sec-96 .circle,.sec-96 .direct,.sec-96 .line{opacity:0;position:absolute}.sec-93 .pagination .circle{display:inline-block;width:.13rem;height:.13rem;border-radius:50%;margin-right:.16rem}.sec-158,.sec-97{display:none}.sec-93 .pagination .circle-purple{background-color:#3f0de2}.sec-93 .pagination .circle-green{background-color:#4da35d}.sec-93 .pagination .circle-white{display:none;background-color:#e1e1e1}.sec-94 .phone{margin-top:.86rem}.sec-96 .phone-wrapper{position:relative;margin:4rem -2.2rem 1.65rem;width:25.6rem}.sec-96 .circle{border-radius:50%;background-color:#fff;width:.15rem;height:.15rem;border:.03rem solid grey;left:5.67rem;top:.5rem}.sec-96 .line{width:1px;background-color:#5c5c5c;left:5.73rem;top:-1.5rem;height:1.5rem}.sec-96 .direct{width:3.48rem;color:#fff;left:4rem;top:-2.9rem}.sec-96 .direct p:nth-child(2){font-size:.18rem;line-height:.24rem;font-weight:600;color:grey}.sec-97 .text{position:absolute;top:0;left:0}.sec-151 .phone-wrapper{margin-top:1.36rem;position:relative}.sec-151 .phone-wrapper .specs{position:absolute;top:.2rem;left:-4.7rem}.sec-151 .phone-wrapper .specs .key{font-weight:600;margin-bottom:.36rem}.sec-151 .phone-wrapper .phone{margin-left:5rem;width:5.19rem}.sec-151 .phone-wrapper .day{position:absolute;top:-1rem;left:6.64rem;width:.52rem;cursor:pointer}.sec-151 .phone-wrapper .day svg{width:.52rem}.sec-151 .phone-wrapper .day .cls-1{fill:rgba(255,255,255,.5);fill-rule:evenodd}.sec-151 .phone-wrapper .night{cursor:pointer;position:absolute;top:-1rem;left:8.12rem;width:.45rem}.sec-152 .text-wrapper,.sec-154 .text{position:absolute;top:0;left:0}.sec-151 .phone-wrapper .night svg{width:.45rem}.sec-151 .phone-wrapper .night .cls-1{fill:#fff;fill-rule:evenodd}.sec-151.active{background-color:#27262a}.sec-151.active .phone-wrapper .day .cls-1{fill:#fff}.sec-151.active .phone-wrapper .night .cls-1{fill:rgba(255,255,255,.5)}.sec-152 .text-wrapper .text .desc{margin-bottom:1.76rem}.sec-152 .text-wrapper li,.sec-154 .phone-wrapper .specs .key{margin-bottom:.36rem}.sec-153 .phone{margin-top:1.7rem}.sec-154 .text{width:15.2rem;z-index:2}.sec-154 .phone-wrapper{position:relative}.sec-154 .phone-wrapper .specs{position:absolute;top:4.38rem;left:2.2rem;width:100%}.sec-155 .phone{margin:1.4rem 0 0 2.5rem;width:6.7rem;height:8.35rem;overflow:hidden}.sec-155 .phone img{width:6.7rem;height:1100%}.sec-155 .phone img.changecolor{-webkit-animation:changecolor 3s steps(10);animation:changecolor 3s steps(10);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.sec-156 .phone{margin-top:1.6rem}.sec-157{padding-bottom:1rem}.sec-157 .phone{margin:.94rem auto 1rem}.sec-158 .phone{margin-top:1.45rem}@media only screen and (max-width:1080px){.sec-91 .sensor,.sec-93 .pagination li{font-weight:600}.sec-154 .phone-wrapper,.sec-154 .text,.sec-9 .specs{position:relative}#product-nav .pi-nav-list{background-color:#16191b}.mb{display:block!important}.pc{display:none!important}.findmore{width:.35rem;height:.19rem;left:5.225rem}.sec-0{padding-bottom:4.2rem}.sec-0 .slogan{top:14.03rem;left:.5rem;width:9.8rem}.sec-8 .phone{width:100%;margin:1.3rem 0 0}.sec-9 .phone{width:100%;margin:1rem 0 .9rem}.sec-9 .specs{bottom:0;left:0;padding-bottom:1.5rem}.sec-12,.sec-16 .subtitle{padding-bottom:1rem}.sec-9 .specs ul li{display:inline-block}.sec-9 .specs ul li:nth-child(1){margin-bottom:.46rem;margin-right:2.9rem}.sec-9 .specs ul li:nth-child(2){margin-bottom:1.5rem}.sec-10 .phone{padding-top:1.28rem}.sec-11 .img-wrapper{height:11.14rem}.sec-11 .img-wrapper .certificate{left:0;top:9rem;z-index:2}.sec-11 .img-wrapper .certificate-text{margin-top:.38rem}.sec-11 .phone{margin-left:0;margin-top:.85rem;width:100%}.sec-12{padding-top:.8rem}.sec-12 .swiper12{margin-top:.9rem}.sec-12 .pagination{position:relative;top:0;left:0;width:100%}.sec-12 .pagination li{float:left;width:33.33%;text-align:center;margin-bottom:.75rem}.sec-12 .pagination li .p1{font-size:.44rem;margin-bottom:0}.sec-12 .pagination li .p2{font-size:.27rem}.sec-12 .mobile-only{padding-top:.3rem;font-size:.27rem;font-weight:600;color:#fff}.sec-13 .phone{margin:1.83rem 0 2.4rem}.sec-14 .text-wrapper{width:9.8rem}.sec-14 .phone{width:100%;margin:1.05rem 0 .68rem}.sec-15 .text{z-index:2}.sec-15 .img-wrapper{margin-top:-.7rem;margin-bottom:2.5rem}.sec-15 .img-wrapper .specs{z-index:2;top:1rem}.sec-15 .img-wrapper .specs li{margin-bottom:.42rem}.sec-15 .img-wrapper .specs .btn{margin-top:9rem}.sec-16 .btn{margin-top:1rem}.sec-71{height:12.2rem}.sec-71 .text-wrapper{font-size:.44rem;line-height:.55rem;top:6.5rem}.sec-72 .phone,.sec-73 .phone{margin-left:0;width:100%}.sec-74 .phone-wrapper{width:10.8rem;height:8.57rem;margin:1.04rem -.5rem .6rem}.sec-74 .btn-bokeh{bottom:1.3rem}.sec-74 .btn-bokeh span{height:.82rem;line-height:.82rem;padding:0 .5rem;border-radius:.4rem;font-size:.4rem}.sec-157,.sec-76,.sec-96{padding-bottom:2rem}.sec-151 .phone-wrapper .specs .key,.sec-91 .sensor,.sec-93 .pagination li,.sec-96 .direct p:nth-child(1){font-size:.27rem}.sec-75 .phone-wrapper{width:100%;height:6.07rem;margin:1rem 0;overflow-x:scroll;overflow:-moz-scrollbars-none}.sec-75 .phone-wrapper::-webkit-scrollbar{width:0!important}.sec-75 .phone{width:21.2rem}.sec-76 .phone1{margin:1.8rem 0 1rem;width:100%}.sec-76 .phone2{width:100%;margin-left:0}.sec-91 .phone{margin-top:3.35rem}.sec-91 .sensor1{left:8.6rem;top:-1.89rem}.sec-91 .line1{left:8.8rem;height:1.14rem;top:-1.37rem}.sec-91 .sensor2{left:2.75rem;top:-1.25rem}.sec-91 .line2{left:3.3rem;top:-.8rem}.sec-91 .sensor3{left:4.85rem;top:-1.9rem}.sec-91 .line3{left:5.53rem;height:1.14rem;top:-1.36rem}.sec-91 .sensor4{left:5.9rem;top:-1.27rem}.sec-91 .line4{left:6.5rem;top:-.8rem}.sec-93 .middle{margin-top:1rem;height:10.34rem}.sec-93 .middle .swiper-container{margin-left:0;width:9.8rem}.sec-93 .pagination{left:0;top:.5rem;z-index:5}.sec-96 .phone-wrapper{margin:4rem -.5rem 2rem;width:10.8rem}.sec-96 .circle{left:1.21rem;top:.46rem}.sec-96 .line{left:1.26rem;top:-1.5rem}.sec-96 .direct{width:5rem;top:-3.2rem;left:.5rem}.sec-96 .direct p:nth-child(2){font-size:.27rem;line-height:.34rem}.sec-151 .phone-wrapper .specs{left:0}.sec-151 .phone-wrapper .phone{margin-left:4.06rem;width:5.16rem}.sec-151 .phone-wrapper .day{top:-1.3rem;left:5.64rem}.sec-151 .phone-wrapper .night{top:-1.3rem;left:7.12rem}.sec-152 .key{margin-bottom:0}.sec-153 .phone{margin-top:1.3rem}.sec-154 .text{top:0;left:0;width:100%;z-index:2}.sec-154 .phone-wrapper .specs{position:absolute;top:1.55rem;left:.5rem;width:100%}.sec-154 .phone-wrapper .specs .key{margin-bottom:.36rem}.sec-155 .phone{margin:1.4rem 0 0 1.5rem;width:6.7rem;height:11.43rem}.sec-157 .phone{margin:1.1rem auto 1.5rem}}