.bg-\[\#F6F6F6\]{--tw-bg-opacity:1;background-color:rgba(246,246,246,var(--tw-bg-opacity))}.bg-\[\#dcdcdc\]{--tw-bg-opacity:1;background-color:rgba(220,220,220,var(--tw-bg-opacity))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.rounded-full{border-radius:9999px}.rounded-\[20px\]{border-radius:20px}.rounded-\[14px\]{border-radius:14px}.cursor-pointer{cursor:pointer}.flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.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}.items-start{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.items-end{-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.self-stretch{-ms-grid-row-align:stretch;-webkit-align-self:stretch;align-self:stretch}.justify-start{-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.h-full{height:100%}.mx-auto{margin-left:auto;margin-right:auto}.mx-8rpx{margin-left:calc(var(--rpx, 1px)*8);margin-right:calc(var(--rpx, 1px)*8)}.mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.object-cover{-o-object-fit:cover;object-fit:cover}.opacity-0{opacity:0}.overflow-hidden{overflow:hidden}.px-1rpx{padding-left:calc(var(--rpx, 1px)*1);padding-right:calc(var(--rpx, 1px)*1)}.py-1rpx{padding-bottom:calc(var(--rpx, 1px)*1);padding-top:calc(var(--rpx, 1px)*1)}.py-10rpx{padding-bottom:calc(var(--rpx, 1px)*10);padding-top:calc(var(--rpx, 1px)*10)}.px-18rpx{padding-left:calc(var(--rpx, 1px)*18);padding-right:calc(var(--rpx, 1px)*18)}.px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.text-center{text-align:center}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-opacity-95{--tw-text-opacity:.95}.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-full{width:100%}.w-120rpx{width:-webkit-calc(var(--rpx,1px)*120);width:-moz-calc(var(--rpx,1px)*120);width:calc(var(--rpx, 1px)*120)}.gap-x-8rpx{grid-column-gap:-webkit-calc(var(--rpx,1px)*8);grid-column-gap:-moz-calc(var(--rpx,1px)*8);grid-column-gap:calc(var(--rpx, 1px)*8);-webkit-column-gap:-webkit-calc(var(--rpx,1px)*8);-moz-column-gap:-moz-calc(var(--rpx,1px)*8);column-gap:calc(var(--rpx, 1px)*8)}@media (min-width:650px) and (max-width:1023px){.pad\:flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.pad\:h-400rpx{height:-webkit-calc(var(--rpx,1px)*400);height:-moz-calc(var(--rpx,1px)*400);height:calc(var(--rpx, 1px)*400)}.pad\:h-644rpx{height:-webkit-calc(var(--rpx,1px)*644);height:-moz-calc(var(--rpx,1px)*644);height:calc(var(--rpx, 1px)*644)}.pad\:h-320rpx{height:-webkit-calc(var(--rpx,1px)*320);height:-moz-calc(var(--rpx,1px)*320);height:calc(var(--rpx, 1px)*320)}.pad\:my-32px{margin-top:32px}.pad\:mb-32px,.pad\:my-32px{margin-bottom:32px}.pad\:mt-4px{margin-top:4px}.pad\:mt-8px{margin-top:8px}.pad\:py-80px{padding-bottom:80px;padding-top:80px}.pad\:px-24px{padding-left:24px;padding-right:24px}.pad\:px-20px{padding-left:20px;padding-right:20px}.pad\:py-px{padding-bottom:1px;padding-top:1px}.pad\:py-16rpx{padding-bottom:calc(var(--rpx, 1px)*16);padding-top:calc(var(--rpx, 1px)*16)}.pad\:w-107rpx{width:-webkit-calc(var(--rpx,1px)*107);width:-moz-calc(var(--rpx,1px)*107);width:calc(var(--rpx, 1px)*107)}.pad\:w-\[calc\(50\%-2px\)\]{width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);width:calc(50% - 2px)}.pad\:gap-\[4px\]{grid-gap:4px;gap:4px}}@media (min-width:1024px){.pc\:h-44\.44vw{height:44.44vw;height:-webkit-calc(var(--vw,1vw)*44.44);height:-moz-calc(var(--vw,1vw)*44.44);height:calc(var(--vw, 1vw)*44.44)}.pc\:h-532rpx{height:-webkit-calc(var(--rpx,1px)*532);height:-moz-calc(var(--rpx,1px)*532);height:calc(var(--rpx, 1px)*532)}.pc\:my-40rpx{margin-bottom:calc(var(--rpx, 1px)*40);margin-top:calc(var(--rpx, 1px)*40)}.pc\:mb-6\.66vw{margin-bottom:6.66vw;margin-bottom:calc(var(--vw, 1vw)*6.66)}.pc\:mt-8px{margin-top:8px}.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\:py-20rpx{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}.pc\:px-8rpx{padding-left:calc(var(--rpx, 1px)*8);padding-right:calc(var(--rpx, 1px)*8)}.pc\:text-center{text-align:center}.pc\:text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.pc\:text-opacity-95{--tw-text-opacity:.95}.pc\:w-auto{width:auto}.pc\:w-1440rpx{width:-webkit-calc(var(--rpx,1px)*1440);width:-moz-calc(var(--rpx,1px)*1440);width:calc(var(--rpx, 1px)*1440)}.pc\:w-322rpx{width:-webkit-calc(var(--rpx,1px)*322);width:-moz-calc(var(--rpx,1px)*322);width:calc(var(--rpx, 1px)*322)}}@media (max-width:649px){.mo\:flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.mo\:h-640rpx{height:-webkit-calc(var(--rpx,1px)*640);height:-moz-calc(var(--rpx,1px)*640);height:calc(var(--rpx, 1px)*640)}.mo\:h-972rpx{height:-webkit-calc(var(--rpx,1px)*972);height:-moz-calc(var(--rpx,1px)*972);height:calc(var(--rpx, 1px)*972)}.mo\:h-240rpx{height:-webkit-calc(var(--rpx,1px)*240);height:-moz-calc(var(--rpx,1px)*240);height:calc(var(--rpx, 1px)*240)}.mo\:my-24px{margin-bottom:24px;margin-top:24px}.mo\:mb-160px{margin-bottom:160px}.mo\:py-64px{padding-bottom:64px;padding-top:64px}.mo\:px-16px{padding-left:16px;padding-right:16px}.mo\:py-16rpx{padding-bottom:calc(var(--rpx, 1px)*16);padding-top:calc(var(--rpx, 1px)*16)}.mo\:w-107rpx{width:-webkit-calc(var(--rpx,1px)*107);width:-moz-calc(var(--rpx,1px)*107);width:calc(var(--rpx, 1px)*107)}.mo\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.mo\:gap-y-\[4px\]{grid-row-gap:4px;-webkit-row-gap:4px;-moz-row-gap:4px;row-gap:4px}}@media (min-width:1024px){.pct\:font-medium{font-weight:500}.pct\:text-50px{font-size:50px;line-height:1}.pct\:text-24px{font-size:24px;line-height:1}.pct\:text-48px{font-size:48px;line-height:1}.pct\:text-16px{font-size:16px;line-height:1}.pct\:text-18px{font-size:18px;line-height:1}.pct\:leading-\[1\.16\]{line-height:1.16}.pct\:leading-\[1\.33\]{line-height:1.33}.pct\:leading-\[1\.25\]{line-height:1.25}.pct\:leading-\[1\.5\]{line-height:1.5}.pct\:leading-\[1\.2\]{line-height:1.2}.pct\:tracking-0\.02em{letter-spacing:.02em}.pct\:tracking-0\.027em{letter-spacing:.027em}}@media (max-width:1023px){.mot\:font-medium{font-weight:500}.mot\:text-30px{font-size:30px;line-height:1}.mot\:text-18px{font-size:18px;line-height:1}.mot\:text-16px{font-size:16px;line-height:1}.mot\:text-14px{font-size:14px;line-height:1}.mot\:leading-\[1\.27\]{line-height:1.27}.mot\:leading-\[1\.3\]{line-height:1.3}.mot\:leading-\[1\.5\]{line-height:1.5}.mot\:leading-\[1\.57\]{line-height:1.57}.mot\:tracking-0\.016em{letter-spacing:.016em}.mot\:tracking-0\.027em{letter-spacing:.027em}.mot\:tracking-0\.031em{letter-spacing:.031em}.mot\:tracking-0\.035em{letter-spacing:.035em}}.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--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}#section-ksp .switch-button .active{background-color:#000000f2}#section-ksp .switch-button .active p{color:#f6f6f6}[data-hover-scale]{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{-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-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:top right;-moz-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}[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{height:var(--max-h)}[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.5% 0);clip-path:inset(47.5% 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}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))}@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{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)}}@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{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}}@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{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}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}#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{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{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{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%}[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] .replay,[ani-video-wrapper] .replay{-webkit-backdrop-filter:blur(-webkit-calc(var(--rpx,1px)*10));backdrop-filter:blur(-moz-calc(var(--rpx,1px)*10));backdrop-filter:blur(calc(var(--rpx, 1px)*10));opacity:0;pointer-events:none}[ani-autoplay-video] .replay.actived,[ani-video-wrapper] .replay.actived{cursor:pointer;opacity:1;pointer-events:auto}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-b{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .font-m,.zn--wrapper .mot\:font-medium,.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-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,OPPOSans-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{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{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{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)}}