.g--popup{height:var(--window-height,100vh);height:var(--window-height,-webkit-calc(var(--vh,1vh)*100));height:var(--window-height,-moz-calc(var(--vh,1vh)*100));height:var(--window-height,calc(var(--vh, 1vh)*100));left:0;position:fixed;top:0;-webkit-transform:translateY(120vh);-moz-transform:translateY(120vh);-ms-transform:translateY(120vh);transform:translateY(120vh);-webkit-transform:translateY(-webkit-calc(var(--vh,1vh)*120));-moz-transform:translateY(-moz-calc(var(--vh,1vh)*120));-ms-transform:translateY(calc(var(--vh, 1vh)*120));transform:translateY(calc(var(--vh, 1vh)*120));width:100%;z-index:9999}.g--popup.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.g--popup.disappear,.g--popup.show{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-moz-transition:transform .5s,-moz-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s}.g--popup .g--popup-container{-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;position:relative;width:100%}.g--popup .g--video-wrapper{margin-top:-12px;position:relative}.video-portrait.g--popup .g--video-wrapper{height:100%;margin-top:0;padding:32px 0;width:100%}.g--popup .g--video-wrapper video{height:100%;max-height:75vh;max-height:-webkit-calc(var(--vh,1vh)*75);max-height:-moz-calc(var(--vh,1vh)*75);max-height:calc(var(--vh, 1vh)*75);outline:none;width:100%}.video-portrait.g--popup .g--video-wrapper video{-o-object-fit:contain;object-fit:contain}.g--popup .g--video-wrapper video[src=""]{display:none}.g--popup .g--popup-close.v1{cursor:pointer;height:24px;margin-left:auto;opacity:1!important;position:absolute;right:0;top:-36px;width:24px;z-index:2}.g--popup .g--popup-close.v1 .inner{height:100%;width:100%}.g--popup .g--popup-close.v2{cursor:pointer;height:32px;margin-left:auto;opacity:1!important;position:absolute;right:32px;top:32px;width:32px;z-index:2}.video-portrait.g--popup .g--popup-close.v2{top:8px}.g--popup-container.v2.v2{background:#201f1c}.g--popup-close.v2 polygon{fill:#fff}.g--popup-container.v1{background:#000}.g--popup-close.v1 polygon{fill:#fff}.light-theme :not(.dark-theme) .g--popup-container.v1{background:#fff}.light-theme :not(.dark-theme) .g--popup-close.v1 polygon{fill:#000}.light-theme :not(.dark-theme) .g--popup-container.v2{background:#fafafa}.light-theme :not(.dark-theme) .g--popup-close.v2 circle{fill:#efede9}.light-theme :not(.dark-theme) .g--popup-close.v2 path{fill:#000}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .pad-only,.zn--wrapper .pc-hidden,.zn--wrapper .pad-only-s,.zn--wrapper .mo-only-s,.zn--wrapper .pc-hidden-s{display:none}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:60.65vw;width:-webkit-calc(var(--vw,1vw)*60.65);width:-moz-calc(var(--vw,1vw)*60.65);width:calc(var(--vw, 1vw)*60.65)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pc-only,.zn--wrapper .pc-only-s,.zn--wrapper .pad-only-s,.zn--wrapper .mo-hidden-s{display:none}.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper.v1{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.g--popup .g--video-wrapper.v2{max-width:86.67vw;max-width:-webkit-calc(var(--vw,1vw)*86.67);max-width:-moz-calc(var(--vw,1vw)*86.67);max-width:calc(var(--vw, 1vw)*86.67)}.g--popup .g--popup-close.v1{height:28px;right:16px;top:-48px;width:28px}.g--popup .g--popup-close.v2{right:-webkit-calc(50% - 16px);right:-moz-calc(50% - 16px);right:calc(50% - 16px);top:-webkit-calc(var(--window-height) - 59px);top:-moz-calc(var(--window-height) - 59px);top:calc(var(--window-height) - 59px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only,.zn--wrapper .pc-only-s,.zn--wrapper .mo-only-s,.zn--wrapper .pad-hidden-s{display:none}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:70vw;width:-webkit-calc(var(--vw,1vw)*70);width:-moz-calc(var(--vw,1vw)*70);width:calc(var(--vw, 1vw)*70)}}.container{width:100%}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#F5F4F0\]{--tw-bg-opacity:1;background-color:rgba(245,244,240,var(--tw-bg-opacity))}.border-\[reba\(0\,0\,0\,0\.95\)\]{--tw-border-opacity:1;border-color:rgba(reba(0,0,0,.95),var(--tw-border-opacity))}.border-solid{border-style:solid}.border-0{border-width:0}.border-b-1px{border-bottom-width:1px}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}.items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.h-full{height:100%}.h-\[22rpx\]{height:-webkit-calc(var(--rpx,1px)*22);height:-moz-calc(var(--rpx,1px)*22);height:calc(var(--rpx, 1px)*22)}.mx-auto{margin-left:auto;margin-right:auto}.ml-\[8rpx\]{margin-left:calc(var(--rpx, 1px)*8)}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-\[\.55\]{opacity:.55}.overflow-hidden{overflow:hidden}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.text-center{text-align:center}.whitespace-nowrap{white-space:nowrap}.w-full{width:100%}.w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.w-\[22rpx\]{width:-webkit-calc(var(--rpx,1px)*22);width:-moz-calc(var(--rpx,1px)*22);width:calc(var(--rpx, 1px)*22)}.z-1{z-index:1}.z-3{z-index:3}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.translate-z-0{--tw-translate-z:0px}@media (min-width:650px) and (max-width:1023px){.pad\:bg-\[\#F5F4F0\]{--tw-bg-opacity:1;background-color:rgba(245,244,240,var(--tw-bg-opacity))}.pad\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.pad\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.pad\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.pad\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.pad\:order-1{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:1;order:1}.pad\:order-3{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-webkit-order:3;order:3}.pad\:order-2{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:2;order:2}.pad\:h-\[100\%\]{height:100%}.pad\:h-\[424rpx\]{height:-webkit-calc(var(--rpx,1px)*424);height:-moz-calc(var(--rpx,1px)*424);height:calc(var(--rpx, 1px)*424)}.pad\:h-\[62rpx\]{height:-webkit-calc(var(--rpx,1px)*62);height:-moz-calc(var(--rpx,1px)*62);height:calc(var(--rpx, 1px)*62)}.pad\:mt-\[12rpx\]{margin-top:calc(var(--rpx, 1px)*12)}.pad\:mt-\[16rpx\]{margin-top:calc(var(--rpx, 1px)*16)}.pad\:mt-\[4rpx\]{margin-top:calc(var(--rpx, 1px)*4)}.pad\:mb-\[-56\.38rpx\]{margin-bottom:calc(var(--rpx, 1px)*-56.38)}.pad\:mt-\[56\.38rpx\]{margin-top:calc(var(--rpx, 1px)*56.38)}.pad\:mt-\[8rpx\]{margin-top:calc(var(--rpx, 1px)*8)}.pad\:px-\[24rpx\]{padding-left:calc(var(--rpx, 1px)*24);padding-right:calc(var(--rpx, 1px)*24)}.pad\:py-\[64rpx\]{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.pad\:pb-\[56\.38rpx\]{padding-bottom:calc(var(--rpx, 1px)*56.38)}.pad\:pb-\[64rpx\]{padding-bottom:calc(var(--rpx, 1px)*64)}.pad\:absolute{position:absolute}.pad\:left-0{left:0}.pad\:top-0{top:0}.pad\:left-\[calc\(50\%-25rpx\)\]{left:-webkit-calc(50% - var(--rpx,1px)*25);left:-moz-calc(50% - var(--rpx,1px)*25);left:calc(50% - var(--rpx, 1px)*25)}.pad\:top-\[calc\(50\%-32rpx-31rpx\)\]{top:-webkit-calc(50% - var(--rpx,1px)*32 - var(--rpx,1px)*31);top:-moz-calc(50% - var(--rpx,1px)*32 - var(--rpx,1px)*31);top:calc(50% - var(--rpx, 1px)*32 - var(--rpx, 1px)*31)}.pad\:bottom-\[88rpx\]{bottom:-webkit-calc(var(--rpx,1px)*88);bottom:-moz-calc(var(--rpx,1px)*88);bottom:calc(var(--rpx, 1px)*88)}.pad\:right-\[24rpx\]{right:-webkit-calc(var(--rpx,1px)*24);right:-moz-calc(var(--rpx,1px)*24);right:calc(var(--rpx, 1px)*24)}.pad\:text-center{text-align:center}.pad\:w-full{width:100%}.pad\:w-\[384rpx\]{width:-webkit-calc(var(--rpx,1px)*384);width:-moz-calc(var(--rpx,1px)*384);width:calc(var(--rpx, 1px)*384)}.pad\:w-\[720rpx\]{width:-webkit-calc(var(--rpx,1px)*720);width:-moz-calc(var(--rpx,1px)*720);width:calc(var(--rpx, 1px)*720)}.pad\:w-\[62rpx\]{width:-webkit-calc(var(--rpx,1px)*62);width:-moz-calc(var(--rpx,1px)*62);width:calc(var(--rpx, 1px)*62)}}@media (min-width:1024px){.pc\:bg-\[\#F8F9FA\]{--tw-bg-opacity:1;background-color:rgba(248,249,250,var(--tw-bg-opacity))}.pc\:cursor-pointer{cursor:pointer}.pc\:inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}.pc\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.pc\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.pc\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.pc\:h-\[660rpx\]{height:-webkit-calc(var(--rpx,1px)*660);height:-moz-calc(var(--rpx,1px)*660);height:calc(var(--rpx, 1px)*660)}.pc\:mx-auto{margin-left:auto;margin-right:auto}.pc\:mt-\[8rpx\]{margin-top:calc(var(--rpx, 1px)*8)}.pc\:mb-\[-80rpx\]{margin-bottom:calc(var(--rpx, 1px)*-80)}.pc\:mt-\[80rpx\]{margin-top:calc(var(--rpx, 1px)*80)}.pc\:mt-\[12rpx\]{margin-top:calc(var(--rpx, 1px)*12)}.pc\:max-w-\[1900px\]{max-width:1900px}.pc\:max-w-\[380rpx\]{max-width:-webkit-calc(var(--rpx,1px)*380);max-width:-moz-calc(var(--rpx,1px)*380);max-width:calc(var(--rpx, 1px)*380)}.pc\:object-top{-o-object-position:top;object-position:top}.pc\:py-\[80rpx\]{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.pc\:px-\[64rpx\]{padding-left:calc(var(--rpx, 1px)*64);padding-right:calc(var(--rpx, 1px)*64)}.pc\:pb-\[80rpx\]{padding-bottom:calc(var(--rpx, 1px)*80)}.pc\:absolute{position:absolute}.pc\:left-\[50\%\]{left:50%}.pc\:top-\[50\%\]{top:50%}.pc\:bottom-\[104rpx\]{bottom:-webkit-calc(var(--rpx,1px)*104);bottom:-moz-calc(var(--rpx,1px)*104);bottom:calc(var(--rpx, 1px)*104)}.pc\:right-\[40rpx\]{right:-webkit-calc(var(--rpx,1px)*40);right:-moz-calc(var(--rpx,1px)*40);right:calc(var(--rpx, 1px)*40)}.pc\:text-center{text-align:center}.pc\:w-full{width:100%}.pc\:w-\[91\.11vw\]{width:91.11vw;width:-webkit-calc(var(--vw,1vw)*91.11);width:-moz-calc(var(--vw,1vw)*91.11);width:calc(var(--vw, 1vw)*91.11)}.pc\:w-\[450rpx\]{width:-webkit-calc(var(--rpx,1px)*450);width:-moz-calc(var(--rpx,1px)*450);width:calc(var(--rpx, 1px)*450)}.pc\:w-\[1312rpx\]{width:-webkit-calc(var(--rpx,1px)*1312);width:-moz-calc(var(--rpx,1px)*1312);width:calc(var(--rpx, 1px)*1312)}.pc\:transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.pc\:translate-x-\[-50\%\]{--tw-translate-x:-50%}.pc\:translate-y-\[-50\%\]{--tw-translate-y:-50%}.pc\:translate-z-0{--tw-translate-z:0px}}@media (max-width:649px){.mo\:bg-\[\#F8F9FA\]{--tw-bg-opacity:1;background-color:rgba(248,249,250,var(--tw-bg-opacity))}.mo\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.mo\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.mo\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.mo\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.mo\:order-1{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:1;order:1}.mo\:order-3{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-webkit-order:3;order:3}.mo\:order-2{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:2;order:2}.mo\:h-\[180rpx\]{height:-webkit-calc(var(--rpx,1px)*180);height:-moz-calc(var(--rpx,1px)*180);height:calc(var(--rpx, 1px)*180)}.mo\:h-\[62rpx\]{height:-webkit-calc(var(--rpx,1px)*62);height:-moz-calc(var(--rpx,1px)*62);height:calc(var(--rpx, 1px)*62)}.mo\:mt-\[77rpx\]{margin-top:calc(var(--rpx, 1px)*77)}.mo\:mt-\[12rpx\]{margin-top:calc(var(--rpx, 1px)*12)}.mo\:mt-\[4rpx\]{margin-top:calc(var(--rpx, 1px)*4)}.mo\:mb-\[-34\.5rpx\]{margin-bottom:calc(var(--rpx, 1px)*-34.5)}.mo\:mt-34\.5rpx{margin-top:calc(var(--rpx, 1px)*34.5)}.mo\:mt-\[8rpx\]{margin-top:calc(var(--rpx, 1px)*8)}.mo\:py-\[48rpx\]{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.mo\:px-\[16px\]{padding-left:16px;padding-right:16px}.mo\:pb-\[34\.5rpx\]{padding-bottom:calc(var(--rpx, 1px)*34.5)}.mo\:absolute{position:absolute}.mo\:left-0{left:0}.mo\:top-0{top:0}.mo\:left-\[calc\(50\%-25rpx\)\]{left:-webkit-calc(50% - var(--rpx,1px)*25);left:-moz-calc(50% - var(--rpx,1px)*25);left:calc(50% - var(--rpx, 1px)*25)}.mo\:top-\[calc\(50\%-31rpx\)\]{top:-webkit-calc(50% - var(--rpx,1px)*31);top:-moz-calc(50% - var(--rpx,1px)*31);top:calc(50% - var(--rpx, 1px)*31)}.mo\:w-full{width:100%}.mo\:w-\[62rpx\]{width:-webkit-calc(var(--rpx,1px)*62);width:-moz-calc(var(--rpx,1px)*62);width:calc(var(--rpx, 1px)*62)}}@media (min-width:1024px){.pct\:font-medium{font-weight:500}.pct\:text-\[50px\]{font-size:50px;line-height:1}.pct\:text-\[32px\]{font-size:32px;line-height:1}.pct\:text-\[42px\]{font-size:42px;line-height:1}.pct\:text-\[16px\]{font-size:16px;line-height:1}.pct\:text-\[12px\]{font-size:12px;line-height:1}.pct\:leading-\[58px\]{line-height:58px}.pct\:leading-\[40px\]{line-height:40px}.pct\:leading-\[50px\]{line-height:50px}.pct\:leading-\[24px\]{line-height:24px}.pct\:leading-\[1\.7\]{line-height:1.7}.pct\:opacity-\[\.95\]{opacity:.95}.pct\:opacity-\[\.55\]{opacity:.55}.pct\:text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.pct\:tracking-\[0\.5px\]{letter-spacing:.5px}.pct\:tracking-\[-0\.05px\]{letter-spacing:-.05px}}@media (max-width:1023px){.mot\:font-medium{font-weight:500}.mot\:text-\[48px\]{font-size:48px;line-height:1}.mot\:text-\[24px\]{font-size:24px;line-height:1}.mot\:text-\[20px\]{font-size:20px;line-height:1}.mot\:text-\[28px\]{font-size:28px;line-height:1}.mot\:text-\[16px\]{font-size:16px;line-height:1}.mot\:text-\[12px\]{font-size:12px;line-height:1}.mot\:leading-\[56px\]{line-height:56px}.mot\:leading-\[32px\]{line-height:32px}.mot\:leading-\[28px\]{line-height:28px}.mot\:leading-\[36px\]{line-height:36px}.mot\:leading-\[24px\]{line-height:24px}.mot\:leading-\[20px\]{line-height:20px}.mot\:opacity-\[\.95\]{opacity:.95}.mot\:text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.mot\:tracking-\[0\.02em\]{letter-spacing:.02em}.mot\:tracking-\[0\.5px\]{letter-spacing:.5px}.mot\:tracking-\[0\.5\]{letter-spacing:.5}}.zn--wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;flex-direction:column;font-size:16px}.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]):not(.loaded){opacity:0}.zn--wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.zn--wrapper sup{font-size:60%;top:-1em}.zn--replacement-tool{--p-6:#4c3fb3;--p-5:#6a5ecc;--p-4:#968dda;--k-2:#e5e5e5;--k-3:#a9a9b5;--white:#fff;--border-radius:12ex}.zn--wrapper[mode=EDITING] .zn-text-inner:hover{background:#4c3fb3;color:#fff}.zn--wrapper .zn-text-inner{font-size:inherit;line-height:inherit}.zn--wrapper [contenteditable=true]{caret-color:#4c3fb3;outline:none}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{margin:0 auto 10px;width:140ex;width:-webkit-calc(var(--rpx,1px)*320);width:-moz-calc(var(--rpx,1px)*320);width:calc(var(--rpx, 1px)*320)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container{bottom:0;left:-webkit-calc(50vw - 20px)!important;left:-moz-calc(50vw - 20px)!important;left:calc(50vw - 20px)!important;left:-webkit-calc(var(--vw,1vw)*50 - 20px)!important;left:-moz-calc(var(--vw,1vw)*50 - 20px)!important;left:calc(var(--vw, 1vw)*50 - 20px)!important;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}[data-comp-gallery] .images-container{padding-left:0;padding-right:0;touch-action:pan-y}[data-comp-gallery] .images-container img{-o-object-fit:cover;object-fit:cover}[data-comp-gallery] .swiper-slide>*{max-width:100%}[data-comp-gallery] .double-button .button{-webkit-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-comp-gallery] .double-button .button:first-child{opacity:.5}[data-comp-gallery] .color-switch>div>div{overflow:visible}[data-comp-gallery] .circle-button{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex;overflow:visible;position:relative}[data-comp-gallery] .circle-button:before{border-color:var(--border-color,transparent);border-radius:50%;border-style:solid;border-width:1px;content:"";height:var(--btn-w,"150%");left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:border-color .3s;-moz-transition:border-color .3s;transition:border-color .3s;width:var(--btn-w,"150%")}[data-comp-gallery] .circle-button:after{content:var(--s-text," ");font-size:var(--t-size);left:100%;line-height:var(--t-line-height);margin-left:var(--t-left);opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;white-space:nowrap}[data-comp-gallery] .circle-button.active:after{opacity:1}[data-comp-gallery].comp-light-theme .double-button .button{-webkit-transition:background .4s;-moz-transition:background .4s;transition:background .4s}[data-comp-gallery].comp-light-theme .double-button .button:hover{background:#333}[data-comp-gallery].comp-dark-theme .double-button .button{-webkit-transition:background .4s;-moz-transition:background .4s;transition:background .4s}[data-comp-gallery].comp-dark-theme .double-button .button:hover{background:#eaeaea}#section-tablist .left-img>div:first-child>div{opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}#section-tablist .options{scrollbar-width:none}#section-tablist .options::-webkit-scrollbar{display:none}#section-tablist .options a{border-bottom:1px solid #efede9;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}#section-tablist .options a:first-child{border-radius:8px 8px 0 0}#section-tablist .options a:last-child{border-bottom:0;border-radius:0 0 8px 8px}#section-tablist .options a.active{background-color:#f5f4f0}#section-tablist .options a.active .content{opacity:1}#section-tablist .options a.active .title img{opacity:0;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg)}#section-tablist .options .title div:first-child{-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}#section-tablist .options .title img{opacity:1;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}#section-tablist .options .content{opacity:0;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}#section-tablist .activeImg{opacity:1!important}.ksp-wrapper .image,.ksp-wrapper .image-container{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:1;flex-shrink:1}.ksp-wrapper .image img,.ksp-wrapper .image-container img{height:100%}.ksp-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%}.ksp-wrapper .mid-vertical div:first-child,.ksp-wrapper>:first-child>:first-child,.ksp-wrapper>:nth-child(2)>:nth-child(2),.ksp-wrapper>:nth-child(2)>:nth-child(2)>:first-child>:first-child{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;flex:1}.ksp-wrapper .text-wrapper{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 0 auto;flex:0 0 auto;height:auto}[data-hover-scale]{cursor:pointer;overflow:hidden}[data-hover-scale] img:not(.svg-container):not(.svg-like){-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}[data-hover-scale]:hover img:not(.svg-container):not(.svg-like){-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}img[data-hover-scale]{-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}img[data-hover-scale]:hover{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}[data-comp-multi-feature-card].comp-dark-theme .container{background:#753333}[data-comp-multi-feature-card].comp-dark-theme .line{border-color:#fff}[data-comp-multi-feature-card].comp-light-theme .container{background:#f8f8f8}[data-comp-multi-feature-card].comp-light-theme .line{border-color:#000}[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .on-btn{color:#fff}[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .on-btn.active{color:#000}[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .off-btn{color:#fff}[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .off-btn.active{color:#000}[data-comp-multi-feature-card] .media:not(.active){opacity:0;pointer-events:none}[data-comp-multi-feature-card] .collapse-card{cursor:pointer;height:var(--min-h);position:relative;-webkit-transition:height .4s;-moz-transition:height .4s;transition:height .4s}[data-comp-multi-feature-card] .collapse-card .text-wrapper{max-width:96%}[data-comp-multi-feature-card] .collapse-card>div:first-child{height:100%}[data-comp-multi-feature-card] .collapse-card p:first-child{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-transform-origin:left 30%;-moz-transform-origin:left 30%;-ms-transform-origin:left 30%;transform-origin:left 30%;-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;-moz-transition:transform .4s,opacity .4s,-moz-transform .4s;transition:transform .4s,opacity .4s;transition:transform .4s,opacity .4s,-webkit-transform .4s,-moz-transform .4s}html[dir=rtl] .collapse-card p:first-child{-webkit-transform-origin:right 30%;-moz-transform-origin:right 30%;-ms-transform-origin:right 30%;transform-origin:right 30%}[data-comp-multi-feature-card] .collapse-card .links,[data-comp-multi-feature-card] .collapse-card p:nth-child(2){-webkit-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}[data-comp-multi-feature-card] .collapse-card img.button{position:absolute;right:0;top:0;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-moz-transition:transform .4s,-moz-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s,-moz-transform .4s}html[dir=rtl] .collapse-card img.button{left:0;right:auto;top:0}[data-comp-multi-feature-card] .collapse-card img.button .v{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-moz-transition:transform .4s,-moz-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s,-moz-transform .4s}[data-comp-multi-feature-card] .collapse-card:not(.active) p:first-child{-webkit-transform:scale(var(--scale-0,1));-moz-transform:scale(var(--scale-0,1));-ms-transform:scale(var(--scale-0,1));transform:scale(var(--scale-0,1))}[data-comp-multi-feature-card] .collapse-card:not(.active) .links,[data-comp-multi-feature-card] .collapse-card:not(.active) p:nth-child(2){opacity:0}[data-comp-multi-feature-card] .collapse-card.active{background-color:#e6e6e6;height:var(--max-h)}[data-comp-multi-feature-card] .collapse-card.active p:first-child{font-weight:500;letter-spacing:.02em}[data-comp-multi-feature-card] .collapse-card.active img.button .v{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}[data-comp-multi-feature-card] .collapse-card.active>img.button{-webkit-clip-path:inset(47% 0);clip-path:inset(47% 0);opacity:0}[data-comp-multi-feature-card] .image-group>.image-group>.image-group:not(:first-child){display:none}[data-comp-multi-feature-card] .image-group .switch-button>:not(.slide){background:transparent;position:relative;z-index:1}[data-comp-multi-feature-card] .image-group .switch-button .slide{left:-webkit-calc(var(--rpx,1px)*2);left:-moz-calc(var(--rpx,1px)*2);left:calc(var(--rpx, 1px)*2);position:absolute;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-moz-transition:transform .4s,-moz-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s,-moz-transform .4s}[data-comp-multi-feature-card] .image-group .switch-button .slide>*{color:transparent}[data-comp-multi-feature-card] .image-group .switch-button[status="1"] .slide{-webkit-transform:translate(100%);-moz-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}[data-comp-multi-feature-card] .image-group .switch-button[status="1"] :first-child>*{color:#fff}[data-comp-multi-feature-card] .image-group .switch-button[status="1"] :nth-child(2)>*{color:#000}[data-comp-multi-feature-card].ar .collapse-card img.button{left:0;margin-left:0;margin-right:calc(var(--rpx, 1px)*44);right:auto}[data-comp-multi-feature-card].ar .collapse-card>div:first-child p:first-child{-webkit-transform-origin:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}[ani-will-change-view] .will-change{will-change:var(--will-change)}[ani-will-change-view] .will-change-opacity{will-change:var(--will-change-opacity)}[ani-will-change-view] .will-change-clip{will-change:var(--will-change-clip)}[ani-will-change-view] .will-change-width{will-change:var(--will-change-width)}[ani-will-change-view] .will-change-flex{will-change:var(--will-change-flex)}:root{--battery-progress:0}:root{--eyeshadow-height:-webkit-calc(var(--rpx,1px)*640);--eyeshadow-height:-moz-calc(var(--rpx,1px)*640);--eyeshadow-height:calc(var(--rpx, 1px)*640);--eyeshadow-height-narrow:-webkit-calc(var(--rpx,1px)*760);--eyeshadow-height-narrow:-moz-calc(var(--rpx,1px)*760);--eyeshadow-height-narrow:calc(var(--rpx, 1px)*760)}#eyeshadow .sticky{background:-webkit-gradient(linear,left top,left bottom,color-stop(47.5%,#000),to(#1c1a31));background:-webkit-linear-gradient(top,#000 47.5%,#1c1a31);background:-moz-linear-gradient(top,#000 47.5%,#1c1a31 100%);background:linear-gradient(180deg,#000 47.5%,#1c1a31)}[ani-waterproof] .video-container .item{cursor:pointer;overflow:hidden;pointer-events:none;position:relative;-webkit-transition:width .6s cubic-bezier(.38,.05,.22,1);-moz-transition:width .6s cubic-bezier(.38,.05,.22,1);transition:width .6s cubic-bezier(.38,.05,.22,1);width:33%;will-change:var(--will-change-width),var(--will-change)}[ani-waterproof] .video-container .cg-video-trigger{-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}[ani-waterproof] .video-container .active{width:68.6%}#harsh .video,#harsh .video-android,[ani-video-section] .video,[ani-video-section] .video-android,[ani-waterproof] .video,[ani-waterproof] .video-android{position:absolute}#harsh .video canvas,#harsh .video img,#harsh .video video,#harsh .video-android canvas,#harsh .video-android img,#harsh .video-android video,[ani-video-section] .video canvas,[ani-video-section] .video img,[ani-video-section] .video video,[ani-video-section] .video-android canvas,[ani-video-section] .video-android img,[ani-video-section] .video-android video,[ani-waterproof] .video canvas,[ani-waterproof] .video img,[ani-waterproof] .video video,[ani-waterproof] .video-android canvas,[ani-waterproof] .video-android img,[ani-waterproof] .video-android video{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}#harsh .play-button p:after,#harsh .waterproof-play-button p:after,[ani-video-section] .play-button p:after,[ani-video-section] .waterproof-play-button p:after,[ani-waterproof] .play-button p:after,[ani-waterproof] .waterproof-play-button p:after{background:#000;bottom:-2px;content:"";height:1px;left:0;opacity:.95;position:absolute;-webkit-transform:scaleY(.5);-moz-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);width:100%}#harsh .play-button p:after,[ani-video-section] .play-button p:after,[ani-waterproof] .play-button p:after{background:#fff}#harsh-environment .btn{-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:hsla(0,0%,100%,.15)}#harsh-environment .blur-overlay{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:rgba(0,0,0,.1);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}#harsh-environment .text-box{-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s}#harsh-environment .blur-overlay{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}#harsh-environment .text-details{-webkit-transition:opacity .2s,-webkit-transform .4s;transition:opacity .2s,-webkit-transform .4s;-moz-transition:transform .4s,opacity .2s,-moz-transform .4s;transition:transform .4s,opacity .2s;transition:transform .4s,opacity .2s,-webkit-transform .4s,-moz-transform .4s}#harsh-environment .add,#harsh-environment .minus{-webkit-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s}#harsh-environment .item:hover .add,#harsh-environment .item:hover .text-box{opacity:0}#harsh-environment .item:hover .blur-overlay,#harsh-environment .item:hover .minus,#harsh-environment .item:hover .text-details{opacity:1}#harsh-environment .item:hover .text-details{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.Convenient_title .three_text,.Efficient_title .three_text,.super_Clear_title .three_text{background:-webkit-gradient(linear,left top,right top,from(#bcb1f5),to(#a18aff));background:-webkit-linear-gradient(left,#bcb1f5,#a18aff 100%);background:-moz-linear-gradient(left,#bcb1f5,#a18aff 100%);background:linear-gradient(90deg,#bcb1f5,#a18aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}#three_video{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}#three_video .video_three{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease;z-index:1}#three_video .video_two{opacity:.8;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);z-index:0}#three_video .video_no{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}#three_video .video_one{opacity:.8;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);z-index:0}#three_video .replay{cursor:pointer}#section-colorSwitch .first .right-wrapper .down .text>span:not(:last-child),#section-colorSwitch .first .right-wrapper .sup .text>span:not(:last-child),#section-colorSwitch .first>.image-wrapper img:not(:last-child),#section-colorSwitch .first>.right-wrapper>.image-wrapper img:not(:last-child),#section-colorSwitch .switch-button .button:not(:first-child) .ring{opacity:0}#section-colorSwitch .switch-button .button:first-child .ring{opacity:1}#section-colorSwitch .switch-button .button{cursor:pointer}#section-texture .sticky-wrapper{margin-bottom:calc((var(--content-height) - var(--rpx, 1px)*600)/-2);margin-top:calc((var(--content-height) - var(--rpx, 1px)*600)/-2)}body,html{touch-action:manipulation}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}[id^=anchor]{height:1px;left:0;position:absolute;top:-webkit-calc(0 - var(--nav-height,90px));top:-moz-calc(0 - var(--nav-height,90px));top:calc(0px - var(--nav-height, 90px));width:100%}[id^=anchor].mt{top:-webkit-calc(-60px - var(--nav-height,90px));top:-moz-calc(-60px - var(--nav-height,90px));top:calc(-60px - var(--nav-height, 90px))}#sup-text{top:0}.title-bg{background:-webkit-gradient(linear,left top,right top,from(#bcb1f5),to(#a18aff));background:-webkit-linear-gradient(left,#bcb1f5,#a18aff 100%);background:-moz-linear-gradient(left,#bcb1f5,#a18aff 100%);background:linear-gradient(90deg,#bcb1f5,#a18aff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.zn--replacement-tool-outer-wrapper{display:none}.signal-choices-card-pad-bg{background:-webkit-gradient(linear,right top,left top,color-stop(26.98%,#040306),to(#252037)),radial-gradient(87.96% 74.78% at 50% 45.34%,#262d38 19.72%,#0b0e12 94.89%),-webkit-gradient(linear,left bottom,left top,from(#000),to(#000)),#000;background:-webkit-linear-gradient(right,#040306 26.98%,#252037),-webkit-radial-gradient(50% 45.34%,87.96% 74.78%,#262d38 19.72%,#0b0e12 94.89%),-webkit-linear-gradient(bottom,#000,#000),#000;background:-moz-linear-gradient(right,#040306 26.98%,#252037 100%),-moz-radial-gradient(50% 45.34%,87.96% 74.78%,#262d38 19.72%,#0b0e12 94.89%),-moz-linear-gradient(bottom,#000,#000),#000;background:linear-gradient(270deg,#040306 26.98%,#252037),radial-gradient(87.96% 74.78% at 50% 45.34%,#262d38 19.72%,#0b0e12 94.89%),linear-gradient(0deg,#000,#000),#000}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .pad-only,.zn--wrapper .pc-hidden,.zn--wrapper .pad-only-s,.zn--wrapper .mo-only-s,.zn--wrapper .pc-hidden-s{display:none}#section-tablist .options a.active .title div:first-child{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}[data-comp-ksp] a{overflow:hidden}[data-comp-ksp] a img{-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}[data-comp-ksp] a.hover:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}[data-comp-ksp] a.hover:hover .no-scale img,[data-comp-ksp] a.hover:hover img.no-scale{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}[data-comp-ksp] .svg-container{opacity:0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}[data-comp-ksp] a.hover:hover .svg-container{opacity:1}[data-comp-multi-feature-card] .collapse-card:not(.active){padding:20px}[data-comp-multi-feature-card] .collapse-card:not(.active)>img.button{right:20px;top:15px}[data-comp-multi-feature-card] .collapse-card.active{padding:20px}[data-comp-multi-feature-card] .collapse-card.active .text-wrapper{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}[ani-battery-capacity] .sticky-container{margin-bottom:calc((var(--content-height) - var(--rpx, 1px)*640)/-2);margin-top:calc((var(--content-height) - var(--rpx, 1px)*640)/-2)}[ani-battery-capacity] .btmbg{background:-webkit-radial-gradient(-webkit-calc(50% + var(--battery-progress)*-16.46%) 50%,58.41% 50%,#232323 0,#131313 42.7%,transparent 97.12%);background:-moz-radial-gradient(-moz-calc(50% + var(--battery-progress)*-16.46%) 50%,58.41% 50%,#232323 0,#131313 42.7%,transparent 97.12%);background:radial-gradient(58.41% 50% at calc(50% + var(--battery-progress)*-16.46%) 50%,#232323 0,#131313 42.7%,transparent 97.12%)}#eyeshadow .sticky-container{margin-bottom:calc((var(--content-height) - var(--eyeshadow-height))/-2);margin-top:calc((var(--content-height) - var(--eyeshadow-height))/-2)}.rigidity-slide .glass{background:-webkit-gradient(linear,left top,right top,from(#120f17),color-stop(6.52%,#120e16),color-stop(9.33%,#110d16),color-stop(20.38%,#131018),color-stop(29.16%,#141019),color-stop(44.69%,#100d15),color-stop(57.59%,#110d16),color-stop(70.32%,#0e0c12),to(#0b090e));background:-webkit-linear-gradient(left,#120f17,#120e16 6.52%,#110d16 9.33%,#131018 20.38%,#141019 29.16%,#100d15 44.69%,#110d16 57.59%,#0e0c12 70.32%,#0b090e);background:-moz-linear-gradient(left,#120f17 0,#120e16 6.52%,#110d16 9.33%,#131018 20.38%,#141019 29.16%,#100d15 44.69%,#110d16 57.59%,#0e0c12 70.32%,#0b090e 100%);background:linear-gradient(90deg,#120f17,#120e16 6.52%,#110d16 9.33%,#131018 20.38%,#141019 29.16%,#100d15 44.69%,#110d16 57.59%,#0e0c12 70.32%,#0b090e)}.rigidity-slide .shell{background:-webkit-gradient(linear,left top,right top,from(#060607),color-stop(11.18%,#08070b),color-stop(47.36%,#100d15),color-stop(56.72%,#110e16),color-stop(70.43%,#100d15),color-stop(84.89%,#0b090f),to(#09070a));background:-webkit-linear-gradient(left,#060607,#08070b 11.18%,#100d15 47.36%,#110e16 56.72%,#100d15 70.43%,#0b090f 84.89%,#09070a);background:-moz-linear-gradient(left,#060607 0,#08070b 11.18%,#100d15 47.36%,#110e16 56.72%,#100d15 70.43%,#0b090f 84.89%,#09070a 100%);background:linear-gradient(90deg,#060607,#08070b 11.18%,#100d15 47.36%,#110e16 56.72%,#100d15 70.43%,#0b090f 84.89%,#09070a)}#video .sticky{margin-bottom:calc((var(--content-height) - var(--carefreeChipStickyContent-height))/-2);margin-top:calc((var(--content-height) - var(--carefreeChipStickyContent-height))/-2)}#three_video .video_three{height:-webkit-calc(var(--rpx,1px)*540);height:-moz-calc(var(--rpx,1px)*540);height:calc(var(--rpx, 1px)*540);width:-webkit-calc(var(--rpx,1px)*432);width:-moz-calc(var(--rpx,1px)*432);width:calc(var(--rpx, 1px)*432)}#section-colorSwitch .sticky-wrapper{margin-bottom:calc((var(--content-height) - var(--rpx, 1px)*720)/-2);margin-top:calc((var(--content-height) - var(--rpx, 1px)*720)/-2)}[ani-performance] .internal-memory[data-status="2"] .internal1{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*-66)) translateX(-webkit-calc(var(--rpx,1px)*5));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*-66)) translateX(-moz-calc(var(--rpx,1px)*5));-ms-transform:translateY(calc(var(--rpx, 1px)*-66)) translateX(calc(var(--rpx, 1px)*5));transform:translateY(calc(var(--rpx, 1px)*-66)) translate(calc(var(--rpx, 1px)*5))}[ani-performance] .internal-memory[data-status="1"] .internal1,[ani-performance] .internal-memory[data-status="2"] .internal2{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}[ani-performance] .internal-memory[data-status="1"] .internal2{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*-66)) translateX(-webkit-calc(var(--rpx,1px)*17));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*-66)) translateX(-moz-calc(var(--rpx,1px)*17));-ms-transform:translateY(calc(var(--rpx, 1px)*-66)) translateX(calc(var(--rpx, 1px)*17));transform:translateY(calc(var(--rpx, 1px)*-66)) translate(calc(var(--rpx, 1px)*17))}[ani-performance] .internal-memory[data-status="0"] .internal1,[ani-performance] .internal-memory[data-status="0"] .internal2{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}#section-preview .replay{cursor:pointer}#section-preview #live-stream .container{height:-webkit-calc(var(--rpx,1px)*614);height:-moz-calc(var(--rpx,1px)*614);height:calc(var(--rpx, 1px)*614);margin-top:calc(var(--rpx, 1px)*-88);width:-webkit-calc(var(--rpx,1px)*1092);width:-moz-calc(var(--rpx,1px)*1092);width:calc(var(--rpx, 1px)*1092)}#section-preview-live .replay{cursor:pointer}#section-preview-live #live-stream{height:-webkit-calc(var(--rpx,1px)*614);height:-moz-calc(var(--rpx,1px)*614);height:calc(var(--rpx, 1px)*614);margin-top:calc(var(--rpx, 1px)*-88);width:-webkit-calc(var(--rpx,1px)*1092);width:-moz-calc(var(--rpx,1px)*1092);width:calc(var(--rpx, 1px)*1092)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pc-only,.zn--wrapper .pc-only-s,.zn--wrapper .pad-only-s,.zn--wrapper .mo-hidden-s{display:none}[data-comp-gallery] .images-container{width:100%}#section-tablist .left-img img{opacity:0}#section-tablist .options a.active{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}#section-tablist .options a.active .title div:first-child{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)}[data-comp-multi-feature-card] .collapse-card img.button{height:24px;width:24px}#eyeshadow .part-one{background:-webkit-gradient(linear,left top,left bottom,color-stop(17.86%,#000),color-stop(38.87%,#29153b),color-stop(57.46%,#000)),#000;background:-webkit-linear-gradient(top,#000 17.86%,#29153b 38.87%,#000 57.46%),#000;background:-moz-linear-gradient(top,#000 17.86%,#29153b 38.87%,#000 57.46%),#000;background:linear-gradient(180deg,#000 17.86%,#29153b 38.87%,#000 57.46%),#000}#eyeshadow .part-two{background:-webkit-gradient(linear,left top,left bottom,color-stop(9.8%,#000),color-stop(44.77%,#29153b),to(#000)),#000;background:-webkit-linear-gradient(top,#000 9.8%,#29153b 44.77%,#000),#000;background:-moz-linear-gradient(top,#000 9.8%,#29153b 44.77%,#000 100%),#000;background:linear-gradient(180deg,#000 9.8%,#29153b 44.77%,#000),#000}#harsh .waterproof-play-button p:after,[ani-video-section] .waterproof-play-button p:after,[ani-waterproof] .waterproof-play-button p:after{background:#fff}#harsh-environment .blur-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#harsh-environment .item{-webkit-transition:height .5s;-moz-transition:height .5s;transition:height .5s}#harsh-environment .item:hover{height:-webkit-calc(var(--rpx,1px)*416);height:-moz-calc(var(--rpx,1px)*416);height:calc(var(--rpx, 1px)*416)}.Convenient_title span,.Efficient_title span,.super_Clear_title span{display:block}[ani-performance]{background:-webkit-gradient(linear,left top,left bottom,color-stop(26.15%,#1c1c1c),color-stop(97.52%,#000));background:-webkit-linear-gradient(top,#1c1c1c 26.15%,#000 97.52%);background:-moz-linear-gradient(top,#1c1c1c 26.15%,#000 97.52%);background:linear-gradient(180deg,#1c1c1c 26.15%,#000 97.52%)}#section-preview #live-stream .container,#section-preview-live #live-stream{height:-webkit-calc(var(--rpx,1px)*184.5);height:-moz-calc(var(--rpx,1px)*184.5);height:calc(var(--rpx, 1px)*184.5);margin-top:calc(var(--rpx, 1px)*-48);width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only,.zn--wrapper .pc-only-s,.zn--wrapper .mo-only-s,.zn--wrapper .pad-hidden-s{display:none}[data-comp-gallery] .images-container{width:100%}#section-tablist .options a.active .title div:first-child{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}[data-comp-multi-feature-card] .collapse-card img.button{height:24px;width:24px}[data-comp-multi-feature-card] .collapse-card:not(.active)>img.button{right:20px;top:8px}[ani-battery-capacity] .sticky-container{margin-bottom:calc((var(--content-height) - var(--rpx, 1px)*400)/-2);margin-top:calc((var(--content-height) - var(--rpx, 1px)*400)/-2)}[ani-battery-capacity] .btmbg{background:-webkit-radial-gradient(-webkit-calc(68.49% + var(--battery-progress)*-41%) 50%,53.26% 50%,#363636 0,#131313 42.7%,transparent 97.12%);background:-moz-radial-gradient(-moz-calc(68.49% + var(--battery-progress)*-41%) 50%,53.26% 50%,#363636 0,#131313 42.7%,transparent 97.12%);background:radial-gradient(53.26% 50% at calc(68.49% + var(--battery-progress)*-41%) 50%,#363636 0,#131313 42.7%,transparent 97.12%)}#eyeshadow .sticky-container{margin-bottom:calc((var(--content-height) - var(--rpx, 1px)*350)/-2);margin-top:calc((var(--content-height) - var(--rpx, 1px)*350)/-2)}#harsh-environment .blur-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.resistance-to-falling .text-wrapper{background:-webkit-gradient(linear,left top,right top,from(#000),color-stop(50%,#181224)),#000;background:-webkit-linear-gradient(left,#000,#181224 50%),#000;background:-moz-linear-gradient(left,#000 0,#181224 50%),#000;background:linear-gradient(90deg,#000,#181224 50%),#000}#video .sticky{margin-bottom:calc((var(--content-height) - var(--carefreeChipStickyContent-height))/-2);margin-top:calc((var(--content-height) - var(--carefreeChipStickyContent-height))/-2)}#video .sticky .text_3651{width:-webkit-calc(var(--rpx,1px)*255);width:-moz-calc(var(--rpx,1px)*255);width:calc(var(--rpx, 1px)*255)}#three_video .video_three{height:-webkit-calc(var(--rpx,1px)*290);height:-moz-calc(var(--rpx,1px)*290);height:calc(var(--rpx, 1px)*290);width:-webkit-calc(var(--rpx,1px)*231);width:-moz-calc(var(--rpx,1px)*231);width:calc(var(--rpx, 1px)*231)}#section-colorSwitch .sticky-wrapper{margin-bottom:calc((var(--content-height) - var(--rpx, 1px)*480)/-2);margin-top:calc((var(--content-height) - var(--rpx, 1px)*480)/-2)}[ani-performance] .internal-memory[data-status="2"] .internal1{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*-33)) translateX(-webkit-calc(var(--rpx,1px)*3));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*-33)) translateX(-moz-calc(var(--rpx,1px)*3));-ms-transform:translateY(calc(var(--rpx, 1px)*-33)) translateX(calc(var(--rpx, 1px)*3));transform:translateY(calc(var(--rpx, 1px)*-33)) translate(calc(var(--rpx, 1px)*3))}[ani-performance] .internal-memory[data-status="1"] .internal1,[ani-performance] .internal-memory[data-status="2"] .internal2{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}[ani-performance] .internal-memory[data-status="1"] .internal2{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*-33)) translateX(-webkit-calc(var(--rpx,1px)*9));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*-33)) translateX(-moz-calc(var(--rpx,1px)*9));-ms-transform:translateY(calc(var(--rpx, 1px)*-33)) translateX(calc(var(--rpx, 1px)*9));transform:translateY(calc(var(--rpx, 1px)*-33)) translate(calc(var(--rpx, 1px)*9))}[ani-performance] .internal-memory[data-status="0"] .internal1,[ani-performance] .internal-memory[data-status="0"] .internal2{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#section-preview #live-stream .container,#section-preview-live #live-stream{height:-webkit-calc(var(--rpx,1px)*365.63);height:-moz-calc(var(--rpx,1px)*365.63);height:calc(var(--rpx, 1px)*365.63);margin-top:calc(var(--rpx, 1px)*-35);width:-webkit-calc(var(--rpx,1px)*650);width:-moz-calc(var(--rpx,1px)*650);width:calc(var(--rpx, 1px)*650)}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media screen and (min-width:1024px) and (min-width:1024px) and (max-width:1100px){[ani-battery-capacity] .text-charging{width:-webkit-calc(var(--rpx,1px)*510);width:-moz-calc(var(--rpx,1px)*510);width:calc(var(--rpx, 1px)*510)}#eyeshadow .sticky-container{margin-bottom:calc((var(--content-height) - var(--eyeshadow-height-narrow))/-2);margin-top:calc((var(--content-height) - var(--eyeshadow-height-narrow))/-2)}#eyeshadow .box{max-height:-webkit-calc(var(--rpx,1px)*760);max-height:-moz-calc(var(--rpx,1px)*760);max-height:calc(var(--rpx, 1px)*760)}}@media screen and (max-width:649px) and (min-width:390px) and (max-width:420px){[ani-battery-capacity] .text-details{width:-webkit-calc(var(--rpx,1px)*323);width:-moz-calc(var(--rpx,1px)*323);width:calc(var(--rpx, 1px)*323)}}@media screen and (min-width:1024px) and (max-width:1150px){[ani-waterproof] .details{width:-webkit-calc(var(--rpx,1px)*668);width:-moz-calc(var(--rpx,1px)*668);width:calc(var(--rpx, 1px)*668)}}@media screen and (min-width:1024px) and (max-width:1200px){#harsh-environment .text-details .text-wrapper .text1{font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20)}#harsh-environment .text-details .text-wrapper .text2{font-size:-webkit-calc(var(--rpx,1px)*16);font-size:-moz-calc(var(--rpx,1px)*16);font-size:calc(var(--rpx, 1px)*16);margin-top:calc(var(--rpx, 1px)*12)}}@media (max-width:1200px) and (min-width:1024px){#Convenient{height:580px}.text_3651{width:150px}}@media screen and (min-width:1024px) and (min-width:1024px) and (max-width:1060px){[ani-performance] .chip-point{width:-webkit-calc(var(--rpx,1px)*600);width:-moz-calc(var(--rpx,1px)*600);width:calc(var(--rpx, 1px)*600)}}@media screen and (min-width:1024px) and (min-width:1024px) and (max-width:1143px){[ani-performance] .storage-point{margin-top:calc(var(--rpx, 1px)*30)}}@media screen and (min-width:650px) and (max-width:1023px) and (min-width:650px) and (max-width:704px){[ani-performance] .chip-point{width:-webkit-calc(var(--rpx,1px)*376);width:-moz-calc(var(--rpx,1px)*376);width:calc(var(--rpx, 1px)*376)}}@media (min-width:2100px){#section-material .first-wrapper .phone-wrapper{bottom:0;top:auto}}#loader-fps{--point-color:transparent;--size:2px;-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:var(--size);-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100);z-index:1000}#loader-fps .loader-element{border:var(--size) solid var(--point-color);border-radius:100%;margin:calc(var(--size)*2)}#loader-fps .loader-element:first-child{-webkit-animation:preloader .6s ease-in-out infinite alternate;-moz-animation:preloader .6s ease-in-out infinite alternate;animation:preloader .6s ease-in-out infinite alternate}#loader-fps .loader-element:nth-child(2){-webkit-animation:preloader .6s ease-in-out .2s infinite alternate;-moz-animation:preloader .6s ease-in-out .2s infinite alternate;animation:preloader .6s ease-in-out .2s infinite alternate}#loader-fps .loader-element:nth-child(3){-webkit-animation:preloader .6s ease-in-out .4s infinite alternate;-moz-animation:preloader .6s ease-in-out .4s infinite alternate;animation:preloader .6s ease-in-out .4s infinite alternate}@-moz-keyframes preloader{to{-moz-transform:scale(2);transform:scale(2)}}@-webkit-keyframes preloader{to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes preloader{to{-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2)}}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .pad-only,.zn--wrapper .pc-hidden,.zn--wrapper .pad-only-s,.zn--wrapper .mo-only-s,.zn--wrapper .pc-hidden-s{display:none}.fade-in-pc{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in-pc[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in-pc[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pc-only,.zn--wrapper .pc-only-s,.zn--wrapper .pad-only-s,.zn--wrapper .mo-hidden-s{display:none}.fade-in-mo{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in-mo[data-slight]{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.fade-in-mo[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in[data-slight]{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only,.zn--wrapper .pc-only-s,.zn--wrapper .mo-only-s,.zn--wrapper .pad-hidden-s{display:none}.fade-in-pad{opacity:0;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in-pad,.fade-in-pad[data-slight]{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.fade-in-pad[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pad.show,.fade-in-pad[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.fade-in{opacity:0;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s}.fade-in,.fade-in[data-slight]{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}[ani-autoplay-video],[ani-video-wrapper]{contain:paint;overflow:hidden;position:relative}[ani-autoplay-video] canvas,[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] img,[ani-video-wrapper] video{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}[ani-autoplay-video] img,[ani-video-wrapper] img{-webkit-clip-path:inset(0);clip-path:inset(0)}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill}[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] img,[ani-video-wrapper] video{-o-object-fit:cover;object-fit:cover}[ani-autoplay-video] canvas,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] video{z-index:1}[ani-autoplay-video] .replay,[ani-video-wrapper] .replay{opacity:0;pointer-events:none}[ani-autoplay-video] .replay.actived,[ani-video-wrapper] .replay.actived{opacity:1;pointer-events:auto}[ani-autoplay-video]+.replay,[ani-video-wrapper]+.replay{opacity:0;pointer-events:none}[ani-autoplay-video]+.replay.actived,[ani-video-wrapper]+.replay.actived{opacity:1;pointer-events:auto}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-b,.zn--wrapper .mot\:font-bold,.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-m,.zn--wrapper .mot\:font-medium,.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-l,.zn--wrapper .font-r{font-family:OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}html{overflow:unset!important}#oc-wrapper{overflow:visible;-webkit-transition:none;-moz-transition:none;transition:none}#oc-wrapper .header-v2 .header-main-pc .header-right .search{-webkit-backdrop-filter:none;backdrop-filter:none}#oc-header{-webkit-transition:none;-moz-transition:none;transition:none}#contact-pop .contact-pop_icon,#goback-top,#nps .icon{-webkit-backdrop-filter:none;backdrop-filter:none}.comp-section-title{-webkit-background-clip:text;background-image:-webkit-radial-gradient(50% 50%,50% 50%,#fff 33%,transparent 66%);background-image:-moz-radial-gradient(50% 50%,50% 50%,#fff 33%,transparent 66%);background-image:radial-gradient(50% 50% at 50% 50%,#fff 33%,transparent 66%);background-repeat:no-repeat;-webkit-background-size:300% 400%;background-size:300% 400%;color:transparent;text-align:center}.comp-black-title{background-color:#fff}.comp-black-title .section-title{background-image:-webkit-radial-gradient(50% 50%,50% 50%,#000 33%,transparent 66%);background-image:-moz-radial-gradient(50% 50%,50% 50%,#000 33%,transparent 66%);background-image:radial-gradient(50% 50% at 50% 50%,#000 33%,transparent 66%)}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .pad-only,.zn--wrapper .pc-hidden,.zn--wrapper .pad-only-s,.zn--wrapper .mo-only-s,.zn--wrapper .pc-hidden-s{display:none}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pc-only,.zn--wrapper .pc-only-s,.zn--wrapper .pad-only-s,.zn--wrapper .mo-hidden-s{display:none}.comp-section-title{text-align:left;width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only,.zn--wrapper .pc-only-s,.zn--wrapper .mo-only-s,.zn--wrapper .pad-hidden-s{display:none}}@media (orientation:portrait) and (max-width:1023px) and (min-width:721px){#oc-header{overflow:hidden}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}@media (min-width:1440px){:root{--rpx:1px;--rpx:min(-webkit-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx:min(-moz-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx:min(calc((100vw - 128px)*var(--r, 1px)/1312),1px);--rpx:min(-webkit-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx:min(-moz-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx:min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312),1px)}}