.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 .iframe-poster,.g--popup .g--video-wrapper .video,.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 .iframe-poster,.video-portrait.g--popup .g--video-wrapper .video,.video-portrait.g--popup .g--video-wrapper video{-o-object-fit:contain;object-fit:contain}.g--popup .g--video-wrapper .iframe-poster{-webkit-animation-duration:1.4s;-moz-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:skeletonLoading;-moz-animation-name:skeletonLoading;animation-name:skeletonLoading;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease;background:-webkit-gradient(linear,left top,right top,color-stop(25%,rgba(0,0,0,.06)),color-stop(37%,rgba(0,0,0,.15)),color-stop(63%,rgba(0,0,0,.06)));background:-webkit-linear-gradient(left,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);background:-moz-linear-gradient(left,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);-webkit-background-size:400% 100%;background-size:400% 100%;left:0;position:absolute;top:0;z-index:0}.g--popup .g--video-wrapper iframe.video{position:relative;z-index:1}.g--popup .g--video-wrapper .video[src=""],.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}.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}@-moz-keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:1024px){.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;font-weight:400}.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;font-weight:400}: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)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:34.115vw;height:-webkit-calc(var(--vw,1vw)*34.115);height:-moz-calc(var(--vw,1vw)*34.115);height:calc(var(--vw, 1vw)*34.115)}.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)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:50.634vw;height:-webkit-calc(var(--vw,1vw)*50.634);height:-moz-calc(var(--vw,1vw)*50.634);height:calc(var(--vw, 1vw)*50.634);width:90vw;width:-webkit-calc(var(--vw,1vw)*90);width:-moz-calc(var(--vw,1vw)*90);width:calc(var(--vw, 1vw)*90)}.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:90vw;max-width:-webkit-calc(var(--vw,1vw)*90);max-width:-moz-calc(var(--vw,1vw)*90);max-width:calc(var(--vw, 1vw)*90)}.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)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:42.1875vw;height:-webkit-calc(var(--vw,1vw)*42.1875);height:-moz-calc(var(--vw,1vw)*42.1875);height:calc(var(--vw, 1vw)*42.1875);width:75vw;width:-webkit-calc(var(--vw,1vw)*75);width:-moz-calc(var(--vw,1vw)*75);width:calc(var(--vw, 1vw)*75)}.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:75vw;width:-webkit-calc(var(--vw,1vw)*75);width:-moz-calc(var(--vw,1vw)*75);width:calc(var(--vw, 1vw)*75)}}@media (min-height:600px){.touch .g--popup .g--popup-close.v2{top:110px}}.zn--wrapper .bg-\[rgba\(247\,247\,247\,1\)\]{--tw-bg-opacity:1;background-color:rgba(247,247,247,var(--tw-bg-opacity))}.zn--wrapper .bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.zn--wrapper .bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.zn--wrapper .bg-\[rgba\(0\,0\,0\,0\.15\)\]{--tw-bg-opacity:.15;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.zn--wrapper .bg-\[rgba\(0\,0\,0\,0\.95\)\]{--tw-bg-opacity:.95;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.zn--wrapper .bg-\[rgb\(250\,250\,250\)\]{--tw-bg-opacity:1;background-color:rgba(250,250,250,var(--tw-bg-opacity))}.zn--wrapper .cursor-pointer{cursor:pointer}.zn--wrapper .flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .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}.zn--wrapper .flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.zn--wrapper .items-end{-webkit-box-align:end;-moz-box-align:end;-webkit-align-items:flex-end;align-items:flex-end}.zn--wrapper .items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.zn--wrapper .justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .h-full{height:100%}.zn--wrapper .h-100rpx{height:-webkit-calc(var(--rpx,1px)*100);height:-moz-calc(var(--rpx,1px)*100);height:calc(var(--rpx, 1px)*100)}.zn--wrapper .h-\[var\(--content-height\)\]{height:var(--content-height)}.zn--wrapper .h-240vh{height:240vh;height:-webkit-calc(var(--vh,1vh)*240);height:-moz-calc(var(--vh,1vh)*240);height:calc(var(--vh, 1vh)*240)}.zn--wrapper .h-52rpx{height:-webkit-calc(var(--rpx,1px)*52);height:-moz-calc(var(--rpx,1px)*52);height:calc(var(--rpx, 1px)*52)}.zn--wrapper .h-32rpx{height:-webkit-calc(var(--rpx,1px)*32);height:-moz-calc(var(--rpx,1px)*32);height:calc(var(--rpx, 1px)*32)}.zn--wrapper .h-24rpx{height:-webkit-calc(var(--rpx,1px)*24);height:-moz-calc(var(--rpx,1px)*24);height:calc(var(--rpx, 1px)*24)}.zn--wrapper .h-16rpx{height:-webkit-calc(var(--rpx,1px)*16);height:-moz-calc(var(--rpx,1px)*16);height:calc(var(--rpx, 1px)*16)}.zn--wrapper .h-36rpx{height:-webkit-calc(var(--rpx,1px)*36);height:-moz-calc(var(--rpx,1px)*36);height:calc(var(--rpx, 1px)*36)}.zn--wrapper .text-12px{font-size:12px;line-height:1}.zn--wrapper .leading-\[20px\]{line-height:20px}.zn--wrapper .mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .my-4rpx{margin-bottom:calc(var(--rpx, 1px)*4);margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .mt-55vh{margin-top:55vh;margin-top:calc(var(--vh, 1vh)*55)}.zn--wrapper .mr-12rpx{margin-right:calc(var(--rpx, 1px)*12)}.zn--wrapper .ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .mt-200vh{margin-top:200vh;margin-top:calc(var(--vh, 1vh)*200)}.zn--wrapper .ml-8rpx{margin-left:calc(var(--rpx, 1px)*8)}.zn--wrapper .mr-4rpx{margin-right:calc(var(--rpx, 1px)*4)}.zn--wrapper .opacity-0{opacity:0}.zn--wrapper .overflow-hidden{overflow:hidden}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}.zn--wrapper .sticky{position:-webkit-sticky;position:sticky}.zn--wrapper .left-0{left:0}.zn--wrapper .top-0{top:0}.zn--wrapper .top-\[var\(--nav-height\)\]{top:var(--nav-height)}.zn--wrapper .bottom-0{bottom:0}.zn--wrapper .left-12rpx{left:-webkit-calc(var(--rpx,1px)*12);left:-moz-calc(var(--rpx,1px)*12);left:calc(var(--rpx, 1px)*12)}.zn--wrapper .top-12rpx{top:-webkit-calc(var(--rpx,1px)*12);top:-moz-calc(var(--rpx,1px)*12);top:calc(var(--rpx, 1px)*12)}.zn--wrapper .text-center{text-align:center}.zn--wrapper .text-\[rgba\(0\,0\,0\,0\.95\)\]{--tw-text-opacity:.95;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(60\,52\,34\,0\.5\)\]{--tw-text-opacity:.5;color:rgba(60,52,34,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(255\,255\,255\,1\)\]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(255\,255\,255\,0\.95\)\]{--tw-text-opacity:.95;color:rgba(255,255,255,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(249\,247\,241\,1\)\]{--tw-text-opacity:1;color:rgba(249,247,241,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(60\,52\,34\,1\)\]{--tw-text-opacity:1;color:rgba(60,52,34,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(60\,52\,34\,0\.7\)\]{--tw-text-opacity:.7;color:rgba(60,52,34,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(249\,247\,241\,0\.7\)\]{--tw-text-opacity:.7;color:rgba(249,247,241,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(255\,255\,255\,0\.98\)\]{--tw-text-opacity:.98;color:rgba(255,255,255,var(--tw-text-opacity))}.zn--wrapper .text-\[\#000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(0\,0\,0\,0\.7\)\]{--tw-text-opacity:.7;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(255\,255\,255\,0\.70\)\]{--tw-text-opacity:.7;color:rgba(255,255,255,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(0\,0\,0\,0\.3\)\]{--tw-text-opacity:.3;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(0\,0\,0\,1\)\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(0\,0\,0\,0\.55\)\]{--tw-text-opacity:.55;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .tracking-\[0\.5px\]{letter-spacing:.5px}.zn--wrapper .invisible{visibility:hidden}.zn--wrapper .w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.zn--wrapper .w-full{width:100%}.zn--wrapper .w-100rpx{width:-webkit-calc(var(--rpx,1px)*100);width:-moz-calc(var(--rpx,1px)*100);width:calc(var(--rpx, 1px)*100)}.zn--wrapper .w-52rpx{width:-webkit-calc(var(--rpx,1px)*52);width:-moz-calc(var(--rpx,1px)*52);width:calc(var(--rpx, 1px)*52)}.zn--wrapper .w-32rpx{width:-webkit-calc(var(--rpx,1px)*32);width:-moz-calc(var(--rpx,1px)*32);width:calc(var(--rpx, 1px)*32)}.zn--wrapper .w-24rpx{width:-webkit-calc(var(--rpx,1px)*24);width:-moz-calc(var(--rpx,1px)*24);width:calc(var(--rpx, 1px)*24)}.zn--wrapper .w-16rpx{width:-webkit-calc(var(--rpx,1px)*16);width:-moz-calc(var(--rpx,1px)*16);width:calc(var(--rpx, 1px)*16)}.zn--wrapper .w-36rpx{width:-webkit-calc(var(--rpx,1px)*36);width:-moz-calc(var(--rpx,1px)*36);width:calc(var(--rpx, 1px)*36)}.zn--wrapper .z-2{z-index:2}.zn--wrapper .z-1{z-index:1}@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 .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;font-weight:400}.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;font-weight:400}.zn--wrapper .pc\:rounded-8rpx{border-radius:-webkit-calc(var(--rpx,1px)*8);border-radius:-moz-calc(var(--rpx,1px)*8);border-radius:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .pc\:flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.zn--wrapper .pc\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .pc\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .pc\:h-full{height:100%}.zn--wrapper .pc\:h-\[var\(--content-height\)\]{height:var(--content-height)}.zn--wrapper .pc\:h-614rpx{height:-webkit-calc(var(--rpx,1px)*614);height:-moz-calc(var(--rpx,1px)*614);height:calc(var(--rpx, 1px)*614)}.zn--wrapper .pc\:h-40rpx{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:h-580rpx{height:-webkit-calc(var(--rpx,1px)*580);height:-moz-calc(var(--rpx,1px)*580);height:calc(var(--rpx, 1px)*580)}.zn--wrapper .pc\:h-20rpx{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:h-286rpx{height:-webkit-calc(var(--rpx,1px)*286);height:-moz-calc(var(--rpx,1px)*286);height:calc(var(--rpx, 1px)*286)}.zn--wrapper .pc\:h-560rpx{height:-webkit-calc(var(--rpx,1px)*560);height:-moz-calc(var(--rpx,1px)*560);height:calc(var(--rpx, 1px)*560)}.zn--wrapper .pc\:h-280rpx{height:-webkit-calc(var(--rpx,1px)*280);height:-moz-calc(var(--rpx,1px)*280);height:calc(var(--rpx, 1px)*280)}.zn--wrapper .pc\:h-30rpx{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30)}.zn--wrapper .pc\:h-540rpx{height:-webkit-calc(var(--rpx,1px)*540);height:-moz-calc(var(--rpx,1px)*540);height:calc(var(--rpx, 1px)*540)}.zn--wrapper .pc\:h-700rpx{height:-webkit-calc(var(--rpx,1px)*700);height:-moz-calc(var(--rpx,1px)*700);height:calc(var(--rpx, 1px)*700)}.zn--wrapper .pc\:h-656rpx{height:-webkit-calc(var(--rpx,1px)*656);height:-moz-calc(var(--rpx,1px)*656);height:calc(var(--rpx, 1px)*656)}.zn--wrapper .pc\:h-767\.9rpx{height:-webkit-calc(var(--rpx,1px)*767.9);height:-moz-calc(var(--rpx,1px)*767.9);height:calc(var(--rpx, 1px)*767.9)}.zn--wrapper .pc\:h-720rpx{height:-webkit-calc(var(--rpx,1px)*720);height:-moz-calc(var(--rpx,1px)*720);height:calc(var(--rpx, 1px)*720)}.zn--wrapper .pc\:h-680rpx{height:-webkit-calc(var(--rpx,1px)*680);height:-moz-calc(var(--rpx,1px)*680);height:calc(var(--rpx, 1px)*680)}.zn--wrapper .pc\:h-640rpx{height:-webkit-calc(var(--rpx,1px)*640);height:-moz-calc(var(--rpx,1px)*640);height:calc(var(--rpx, 1px)*640)}.zn--wrapper .pc\:h-520rpx{height:-webkit-calc(var(--rpx,1px)*520);height:-moz-calc(var(--rpx,1px)*520);height:calc(var(--rpx, 1px)*520)}.zn--wrapper .pc\:h-360rpx{height:-webkit-calc(var(--rpx,1px)*360);height:-moz-calc(var(--rpx,1px)*360);height:calc(var(--rpx, 1px)*360)}.zn--wrapper .pc\:h-98rpx{height:-webkit-calc(var(--rpx,1px)*98);height:-moz-calc(var(--rpx,1px)*98);height:calc(var(--rpx, 1px)*98)}.zn--wrapper .pc\:h-176rpx{height:-webkit-calc(var(--rpx,1px)*176);height:-moz-calc(var(--rpx,1px)*176);height:calc(var(--rpx, 1px)*176)}.zn--wrapper .pc\:h-513rpx{height:-webkit-calc(var(--rpx,1px)*513);height:-moz-calc(var(--rpx,1px)*513);height:calc(var(--rpx, 1px)*513)}.zn--wrapper .pc\:h-593rpx{height:-webkit-calc(var(--rpx,1px)*593);height:-moz-calc(var(--rpx,1px)*593);height:calc(var(--rpx, 1px)*593)}.zn--wrapper .pc\:h-136rpx{height:-webkit-calc(var(--rpx,1px)*136);height:-moz-calc(var(--rpx,1px)*136);height:calc(var(--rpx, 1px)*136)}.zn--wrapper .pc\:h-417rpx{height:-webkit-calc(var(--rpx,1px)*417);height:-moz-calc(var(--rpx,1px)*417);height:calc(var(--rpx, 1px)*417)}.zn--wrapper .pc\:h-485rpx{height:-webkit-calc(var(--rpx,1px)*485);height:-moz-calc(var(--rpx,1px)*485);height:calc(var(--rpx, 1px)*485)}.zn--wrapper .pc\:h-588rpx{height:-webkit-calc(var(--rpx,1px)*588);height:-moz-calc(var(--rpx,1px)*588);height:calc(var(--rpx, 1px)*588)}.zn--wrapper .pc\:h-600rpx{height:-webkit-calc(var(--rpx,1px)*600);height:-moz-calc(var(--rpx,1px)*600);height:calc(var(--rpx, 1px)*600)}.zn--wrapper .pc\:h-450rpx{height:-webkit-calc(var(--rpx,1px)*450);height:-moz-calc(var(--rpx,1px)*450);height:calc(var(--rpx, 1px)*450)}.zn--wrapper .pc\:h-37rpx{height:-webkit-calc(var(--rpx,1px)*37);height:-moz-calc(var(--rpx,1px)*37);height:calc(var(--rpx, 1px)*37)}.zn--wrapper .pc\:text-64rpx{font-size:-webkit-calc(var(--rpx,1px)*64);font-size:-moz-calc(var(--rpx,1px)*64);font-size:calc(var(--rpx, 1px)*64);line-height:1}.zn--wrapper .pc\:text-40rpx{font-size:-webkit-calc(var(--rpx,1px)*40);font-size:-moz-calc(var(--rpx,1px)*40);font-size:calc(var(--rpx, 1px)*40);line-height:1}.zn--wrapper .pc\:text-32rpx{font-size:-webkit-calc(var(--rpx,1px)*32);font-size:-moz-calc(var(--rpx,1px)*32);font-size:calc(var(--rpx, 1px)*32);line-height:1}.zn--wrapper .pc\:text-24rpx{font-size:-webkit-calc(var(--rpx,1px)*24);font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24);line-height:1}.zn--wrapper .pc\:text-72rpx{font-size:-webkit-calc(var(--rpx,1px)*72);font-size:-moz-calc(var(--rpx,1px)*72);font-size:calc(var(--rpx, 1px)*72);line-height:1}.zn--wrapper .pc\:text-18rpx{font-size:-webkit-calc(var(--rpx,1px)*18);font-size:-moz-calc(var(--rpx,1px)*18);font-size:calc(var(--rpx, 1px)*18);line-height:1}.zn--wrapper .pc\:text-16rpx{font-size:-webkit-calc(var(--rpx,1px)*16);font-size:-moz-calc(var(--rpx,1px)*16);font-size:calc(var(--rpx, 1px)*16);line-height:1}.zn--wrapper .pc\:text-48rpx{font-size:-webkit-calc(var(--rpx,1px)*48);font-size:-moz-calc(var(--rpx,1px)*48);font-size:calc(var(--rpx, 1px)*48);line-height:1}.zn--wrapper .pc\:text-14rpx{font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14);line-height:1}.zn--wrapper .pc\:text-20rpx{font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20);line-height:1}.zn--wrapper .pc\:text-28rpx{font-size:-webkit-calc(var(--rpx,1px)*28);font-size:-moz-calc(var(--rpx,1px)*28);font-size:calc(var(--rpx, 1px)*28);line-height:1}.zn--wrapper .pc\:text-36rpx{font-size:-webkit-calc(var(--rpx,1px)*36);font-size:-moz-calc(var(--rpx,1px)*36);font-size:calc(var(--rpx, 1px)*36);line-height:1}.zn--wrapper .pc\:text-10rpx{font-size:-webkit-calc(var(--rpx,1px)*10);font-size:-moz-calc(var(--rpx,1px)*10);font-size:calc(var(--rpx, 1px)*10);line-height:1}.zn--wrapper .pc\:leading-\[1\.1875\]{line-height:1.1875}.zn--wrapper .pc\:leading-\[0\.8\]{line-height:.8}.zn--wrapper .pc\:leading-\[1\.25\]{line-height:1.25}.zn--wrapper .pc\:leading-\[1\.33\]{line-height:1.33}.zn--wrapper .pc\:leading-\[1\.11\]{line-height:1.11}.zn--wrapper .pc\:leading-\[1\.44\]{line-height:1.44}.zn--wrapper .pc\:leading-\[1\.5\]{line-height:1.5}.zn--wrapper .pc\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .pc\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .pc\:leading-\[1\.29\]{line-height:1.29}.zn--wrapper .pc\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .pc\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .pc\:mx-5rpx{margin-left:calc(var(--rpx, 1px)*5);margin-right:calc(var(--rpx, 1px)*5)}.zn--wrapper .pc\:mr-8rpx{margin-right:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:mr-20rpx{margin-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:mb-18rpx{margin-bottom:calc(var(--rpx, 1px)*18)}.zn--wrapper .pc\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:mb-50rpx{margin-bottom:calc(var(--rpx, 1px)*50)}.zn--wrapper .pc\:mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .pc\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:mb-40rpx{margin-bottom:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:mr-19rpx{margin-right:calc(var(--rpx, 1px)*19)}.zn--wrapper .pc\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:mb-10rpx{margin-bottom:calc(var(--rpx, 1px)*10)}.zn--wrapper .pc\:mb-64rpx{margin-bottom:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.zn--wrapper .pc\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pc\:mr-9rpx{margin-right:calc(var(--rpx, 1px)*9)}.zn--wrapper .pc\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:mb-80rpx{margin-bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .pc\:ml-40rpx{margin-left:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:mr-72rpx{margin-right:calc(var(--rpx, 1px)*72)}.zn--wrapper .pc\:mb-413rpx{margin-bottom:calc(var(--rpx, 1px)*413)}.zn--wrapper .pc\:mt-31px{margin-top:31px}.zn--wrapper .pc\:p-12rpx{padding:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:p-20rpx{padding:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:py-184rpx{padding-bottom:calc(var(--rpx, 1px)*184);padding-top:calc(var(--rpx, 1px)*184)}.zn--wrapper .pc\:px-28rpx{padding-left:calc(var(--rpx, 1px)*28);padding-right:calc(var(--rpx, 1px)*28)}.zn--wrapper .pc\:py-28rpx{padding-bottom:calc(var(--rpx, 1px)*28);padding-top:calc(var(--rpx, 1px)*28)}.zn--wrapper .pc\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:py-20rpx{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:py-16rpx{padding-bottom:calc(var(--rpx, 1px)*16);padding-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .pc\:px-\[calc\(50vw-656rpx\)\]{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.zn--wrapper .pc\:px-32rpx{padding-left:calc(var(--rpx, 1px)*32);padding-right:calc(var(--rpx, 1px)*32)}.zn--wrapper .pc\:py-40rpx{padding-bottom:calc(var(--rpx, 1px)*40);padding-top:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:px-40rpx{padding-left:calc(var(--rpx, 1px)*40);padding-right:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:px-64rpx{padding-left:calc(var(--rpx, 1px)*64);padding-right:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:py-6rpx{padding-bottom:calc(var(--rpx, 1px)*6);padding-top:calc(var(--rpx, 1px)*6)}.zn--wrapper .pc\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .pc\:py-100rpx{padding-bottom:calc(var(--rpx, 1px)*100);padding-top:calc(var(--rpx, 1px)*100)}.zn--wrapper .pc\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:pl-48rpx{padding-left:calc(var(--rpx, 1px)*48)}.zn--wrapper .pc\:pt-4rpx{padding-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pc\:left-376rpx{left:-webkit-calc(var(--rpx,1px)*376);left:-moz-calc(var(--rpx,1px)*376);left:calc(var(--rpx, 1px)*376)}.zn--wrapper .pc\:-bottom-301rpx{bottom:-webkit-calc(var(--rpx,1px)*-301);bottom:-moz-calc(var(--rpx,1px)*-301);bottom:calc(var(--rpx, 1px)*-301)}.zn--wrapper .pc\:right-\[calc\(50vw-656rpx\)\]{right:-webkit-calc(50vw - var(--rpx,1px)*656);right:-moz-calc(50vw - var(--rpx,1px)*656);right:calc(50vw - var(--rpx, 1px)*656);right:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*656);right:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*656);right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.zn--wrapper .pc\:bottom-\[calc\(40rpx\+50px\)\]{bottom:-webkit-calc(var(--rpx,1px)*40 + 50px);bottom:-moz-calc(var(--rpx,1px)*40 + 50px);bottom:calc(var(--rpx, 1px)*40 + 50px)}.zn--wrapper .pc\:left-163\.59rpx{left:-webkit-calc(var(--rpx,1px)*163.59);left:-moz-calc(var(--rpx,1px)*163.59);left:calc(var(--rpx, 1px)*163.59)}.zn--wrapper .pc\:top-44\.17rpx{top:-webkit-calc(var(--rpx,1px)*44.17);top:-moz-calc(var(--rpx,1px)*44.17);top:calc(var(--rpx, 1px)*44.17)}.zn--wrapper .pc\:-left-0rpx{left:-webkit-calc(var(--rpx,1px)*0);left:-moz-calc(var(--rpx,1px)*0);left:calc(var(--rpx, 1px)*0)}.zn--wrapper .pc\:-top-58rpx{top:-webkit-calc(var(--rpx,1px)*-58);top:-moz-calc(var(--rpx,1px)*-58);top:calc(var(--rpx, 1px)*-58)}.zn--wrapper .pc\:left-0rpx{left:-webkit-calc(var(--rpx,1px)*0);left:-moz-calc(var(--rpx,1px)*0);left:calc(var(--rpx, 1px)*0)}.zn--wrapper .pc\:top-0{top:0}.zn--wrapper .pc\:right-0rpx{right:-webkit-calc(var(--rpx,1px)*0);right:-moz-calc(var(--rpx,1px)*0);right:calc(var(--rpx, 1px)*0)}.zn--wrapper .pc\:bottom-80rpx{bottom:-webkit-calc(var(--rpx,1px)*80);bottom:-moz-calc(var(--rpx,1px)*80);bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:right-0{right:0}.zn--wrapper .pc\:top-162rpx{top:-webkit-calc(var(--rpx,1px)*162);top:-moz-calc(var(--rpx,1px)*162);top:calc(var(--rpx, 1px)*162)}.zn--wrapper .pc\:left-0{left:0}.zn--wrapper .pc\:right-12rpx{right:-webkit-calc(var(--rpx,1px)*12);right:-moz-calc(var(--rpx,1px)*12);right:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:bottom-12rpx{bottom:-webkit-calc(var(--rpx,1px)*12);bottom:-moz-calc(var(--rpx,1px)*12);bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:left-168rpx{left:-webkit-calc(var(--rpx,1px)*168);left:-moz-calc(var(--rpx,1px)*168);left:calc(var(--rpx, 1px)*168)}.zn--wrapper .pc\:bottom-18\.22rpx{bottom:-webkit-calc(var(--rpx,1px)*18.22);bottom:-moz-calc(var(--rpx,1px)*18.22);bottom:calc(var(--rpx, 1px)*18.22)}.zn--wrapper .pc\:right-168rpx{right:-webkit-calc(var(--rpx,1px)*168);right:-moz-calc(var(--rpx,1px)*168);right:calc(var(--rpx, 1px)*168)}.zn--wrapper .pc\:left-184rpx{left:-webkit-calc(var(--rpx,1px)*184);left:-moz-calc(var(--rpx,1px)*184);left:calc(var(--rpx, 1px)*184)}.zn--wrapper .pc\:bottom-18rpx{bottom:-webkit-calc(var(--rpx,1px)*18);bottom:-moz-calc(var(--rpx,1px)*18);bottom:calc(var(--rpx, 1px)*18)}.zn--wrapper .pc\:right-166rpx{right:-webkit-calc(var(--rpx,1px)*166);right:-moz-calc(var(--rpx,1px)*166);right:calc(var(--rpx, 1px)*166)}.zn--wrapper .pc\:top-246rpx{top:-webkit-calc(var(--rpx,1px)*246);top:-moz-calc(var(--rpx,1px)*246);top:calc(var(--rpx, 1px)*246)}.zn--wrapper .pc\:left-169\.5rpx{left:-webkit-calc(var(--rpx,1px)*169.5);left:-moz-calc(var(--rpx,1px)*169.5);left:calc(var(--rpx, 1px)*169.5)}.zn--wrapper .pc\:right-169\.5rpx{right:-webkit-calc(var(--rpx,1px)*169.5);right:-moz-calc(var(--rpx,1px)*169.5);right:calc(var(--rpx, 1px)*169.5)}.zn--wrapper .pc\:bottom-0{bottom:0}.zn--wrapper .pc\:text-center{text-align:center}.zn--wrapper .pc\:whitespace-nowrap{white-space:nowrap}.zn--wrapper .pc\:w-full{width:100%}.zn--wrapper .pc\:w-1312rpx{width:-webkit-calc(var(--rpx,1px)*1312);width:-moz-calc(var(--rpx,1px)*1312);width:calc(var(--rpx, 1px)*1312)}.zn--wrapper .pc\:w-743rpx{width:-webkit-calc(var(--rpx,1px)*743);width:-moz-calc(var(--rpx,1px)*743);width:calc(var(--rpx, 1px)*743)}.zn--wrapper .pc\:w-108rpx{width:-webkit-calc(var(--rpx,1px)*108);width:-moz-calc(var(--rpx,1px)*108);width:calc(var(--rpx, 1px)*108)}.zn--wrapper .pc\:w-432rpx{width:-webkit-calc(var(--rpx,1px)*432);width:-moz-calc(var(--rpx,1px)*432);width:calc(var(--rpx, 1px)*432)}.zn--wrapper .pc\:w-17\.5rpx{width:-webkit-calc(var(--rpx,1px)*17.5);width:-moz-calc(var(--rpx,1px)*17.5);width:calc(var(--rpx, 1px)*17.5)}.zn--wrapper .pc\:w-872rpx{width:-webkit-calc(var(--rpx,1px)*872);width:-moz-calc(var(--rpx,1px)*872);width:calc(var(--rpx, 1px)*872)}.zn--wrapper .pc\:w-492rpx{width:-webkit-calc(var(--rpx,1px)*492);width:-moz-calc(var(--rpx,1px)*492);width:calc(var(--rpx, 1px)*492)}.zn--wrapper .pc\:w-30rpx{width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.zn--wrapper .pc\:w-780rpx{width:-webkit-calc(var(--rpx,1px)*780);width:-moz-calc(var(--rpx,1px)*780);width:calc(var(--rpx, 1px)*780)}.zn--wrapper .pc\:w-652rpx{width:-webkit-calc(var(--rpx,1px)*652);width:-moz-calc(var(--rpx,1px)*652);width:calc(var(--rpx, 1px)*652)}.zn--wrapper .pc\:w-596rpx{width:-webkit-calc(var(--rpx,1px)*596);width:-moz-calc(var(--rpx,1px)*596);width:calc(var(--rpx, 1px)*596)}.zn--wrapper .pc\:w-950rpx{width:-webkit-calc(var(--rpx,1px)*950);width:-moz-calc(var(--rpx,1px)*950);width:calc(var(--rpx, 1px)*950)}.zn--wrapper .pc\:w-1192\.6rpx{width:-webkit-calc(var(--rpx,1px)*1192.6);width:-moz-calc(var(--rpx,1px)*1192.6);width:calc(var(--rpx, 1px)*1192.6)}.zn--wrapper .pc\:w-506rpx{width:-webkit-calc(var(--rpx,1px)*506);width:-moz-calc(var(--rpx,1px)*506);width:calc(var(--rpx, 1px)*506)}.zn--wrapper .pc\:w-255rpx{width:-webkit-calc(var(--rpx,1px)*255);width:-moz-calc(var(--rpx,1px)*255);width:calc(var(--rpx, 1px)*255)}.zn--wrapper .pc\:w-518rpx{width:-webkit-calc(var(--rpx,1px)*518);width:-moz-calc(var(--rpx,1px)*518);width:calc(var(--rpx, 1px)*518)}.zn--wrapper .pc\:w-322rpx{width:-webkit-calc(var(--rpx,1px)*322);width:-moz-calc(var(--rpx,1px)*322);width:calc(var(--rpx, 1px)*322)}.zn--wrapper .pc\:w-625rpx{width:-webkit-calc(var(--rpx,1px)*625);width:-moz-calc(var(--rpx,1px)*625);width:calc(var(--rpx, 1px)*625)}.zn--wrapper .pc\:w-588rpx{width:-webkit-calc(var(--rpx,1px)*588);width:-moz-calc(var(--rpx,1px)*588);width:calc(var(--rpx, 1px)*588)}.zn--wrapper .pc\:w-171rpx{width:-webkit-calc(var(--rpx,1px)*171);width:-moz-calc(var(--rpx,1px)*171);width:calc(var(--rpx, 1px)*171)}.zn--wrapper .pc\:w-190rpx{width:-webkit-calc(var(--rpx,1px)*190);width:-moz-calc(var(--rpx,1px)*190);width:calc(var(--rpx, 1px)*190)}.zn--wrapper .pc\:w-680rpx{width:-webkit-calc(var(--rpx,1px)*680);width:-moz-calc(var(--rpx,1px)*680);width:calc(var(--rpx, 1px)*680)}.zn--wrapper .pc\:w-656rpx{width:-webkit-calc(var(--rpx,1px)*656);width:-moz-calc(var(--rpx,1px)*656);width:calc(var(--rpx, 1px)*656)}.zn--wrapper .pc\:w-608rpx{width:-webkit-calc(var(--rpx,1px)*608);width:-moz-calc(var(--rpx,1px)*608);width:calc(var(--rpx, 1px)*608)}.zn--wrapper .pc\:w-568rpx{width:-webkit-calc(var(--rpx,1px)*568);width:-moz-calc(var(--rpx,1px)*568);width:calc(var(--rpx, 1px)*568)}.zn--wrapper .pc\:w-672rpx{width:-webkit-calc(var(--rpx,1px)*672);width:-moz-calc(var(--rpx,1px)*672);width:calc(var(--rpx, 1px)*672)}.zn--wrapper .pc\:w-412rpx{width:-webkit-calc(var(--rpx,1px)*412);width:-moz-calc(var(--rpx,1px)*412);width:calc(var(--rpx, 1px)*412)}.zn--wrapper .pc\:w-534rpx{width:-webkit-calc(var(--rpx,1px)*534);width:-moz-calc(var(--rpx,1px)*534);width:calc(var(--rpx, 1px)*534)}.zn--wrapper .pc\:w-381rpx{width:-webkit-calc(var(--rpx,1px)*381);width:-moz-calc(var(--rpx,1px)*381);width:calc(var(--rpx, 1px)*381)}.zn--wrapper .pc\:w-838rpx{width:-webkit-calc(var(--rpx,1px)*838);width:-moz-calc(var(--rpx,1px)*838);width:calc(var(--rpx, 1px)*838)}.zn--wrapper .pc\:w-474rpx{width:-webkit-calc(var(--rpx,1px)*474);width:-moz-calc(var(--rpx,1px)*474);width:calc(var(--rpx, 1px)*474)}.zn--wrapper .pc\:w-333rpx{width:-webkit-calc(var(--rpx,1px)*333);width:-moz-calc(var(--rpx,1px)*333);width:calc(var(--rpx, 1px)*333)}.zn--wrapper .pc\:w-58rpx{width:-webkit-calc(var(--rpx,1px)*58);width:-moz-calc(var(--rpx,1px)*58);width:calc(var(--rpx, 1px)*58)}}@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\:bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.zn--wrapper .mo\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .mo\:flex-row{-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;flex-direction:row}.zn--wrapper .mo\:flex-col,.zn--wrapper .mo\:flex-row{-webkit-box-direction:normal;-moz-box-direction:normal}.zn--wrapper .mo\:flex-col{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column}.zn--wrapper .mo\:flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.zn--wrapper .mo\:items-start{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.zn--wrapper .mo\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .mo\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.zn--wrapper .mo\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .mo\:flex-1{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%}.zn--wrapper .mo\:flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.zn--wrapper .mo\:order-2{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:2;order:2}.zn--wrapper .mo\:order-1{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:1;order:1}.zn--wrapper .mo\:order-3{-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-webkit-order:3;order:3}.zn--wrapper .mo\:h-full{height:100%}.zn--wrapper .mo\:h-648rpx{height:-webkit-calc(var(--rpx,1px)*648);height:-moz-calc(var(--rpx,1px)*648);height:calc(var(--rpx, 1px)*648)}.zn--wrapper .mo\:h-536rpx{height:-webkit-calc(var(--rpx,1px)*536);height:-moz-calc(var(--rpx,1px)*536);height:calc(var(--rpx, 1px)*536)}.zn--wrapper .mo\:h-26rpx{height:-webkit-calc(var(--rpx,1px)*26);height:-moz-calc(var(--rpx,1px)*26);height:calc(var(--rpx, 1px)*26)}.zn--wrapper .mo\:h-208rpx{height:-webkit-calc(var(--rpx,1px)*208);height:-moz-calc(var(--rpx,1px)*208);height:calc(var(--rpx, 1px)*208)}.zn--wrapper .mo\:h-13rpx{height:-webkit-calc(var(--rpx,1px)*13);height:-moz-calc(var(--rpx,1px)*13);height:calc(var(--rpx, 1px)*13)}.zn--wrapper .mo\:h-360rpx{height:-webkit-calc(var(--rpx,1px)*360);height:-moz-calc(var(--rpx,1px)*360);height:calc(var(--rpx, 1px)*360)}.zn--wrapper .mo\:h-178rpx{height:-webkit-calc(var(--rpx,1px)*178);height:-moz-calc(var(--rpx,1px)*178);height:calc(var(--rpx, 1px)*178)}.zn--wrapper .mo\:h-195rpx{height:-webkit-calc(var(--rpx,1px)*195);height:-moz-calc(var(--rpx,1px)*195);height:calc(var(--rpx, 1px)*195)}.zn--wrapper .mo\:h-30rpx{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30)}.zn--wrapper .mo\:h-280rpx{height:-webkit-calc(var(--rpx,1px)*280);height:-moz-calc(var(--rpx,1px)*280);height:calc(var(--rpx, 1px)*280)}.zn--wrapper .mo\:h-282rpx{height:-webkit-calc(var(--rpx,1px)*282);height:-moz-calc(var(--rpx,1px)*282);height:calc(var(--rpx, 1px)*282)}.zn--wrapper .mo\:h-685rpx{height:-webkit-calc(var(--rpx,1px)*685);height:-moz-calc(var(--rpx,1px)*685);height:calc(var(--rpx, 1px)*685)}.zn--wrapper .mo\:h-301rpx{height:-webkit-calc(var(--rpx,1px)*301);height:-moz-calc(var(--rpx,1px)*301);height:calc(var(--rpx, 1px)*301)}.zn--wrapper .mo\:h-821rpx{height:-webkit-calc(var(--rpx,1px)*821);height:-moz-calc(var(--rpx,1px)*821);height:calc(var(--rpx, 1px)*821)}.zn--wrapper .mo\:h-381rpx{height:-webkit-calc(var(--rpx,1px)*381);height:-moz-calc(var(--rpx,1px)*381);height:calc(var(--rpx, 1px)*381)}.zn--wrapper .mo\:h-576rpx{height:-webkit-calc(var(--rpx,1px)*576);height:-moz-calc(var(--rpx,1px)*576);height:calc(var(--rpx, 1px)*576)}.zn--wrapper .mo\:h-150rpx{height:-webkit-calc(var(--rpx,1px)*150);height:-moz-calc(var(--rpx,1px)*150);height:calc(var(--rpx, 1px)*150)}.zn--wrapper .mo\:h-328rpx{height:-webkit-calc(var(--rpx,1px)*328);height:-moz-calc(var(--rpx,1px)*328);height:calc(var(--rpx, 1px)*328)}.zn--wrapper .mo\:h-239rpx{height:-webkit-calc(var(--rpx,1px)*239);height:-moz-calc(var(--rpx,1px)*239);height:calc(var(--rpx, 1px)*239)}.zn--wrapper .mo\:h-420rpx{height:-webkit-calc(var(--rpx,1px)*420);height:-moz-calc(var(--rpx,1px)*420);height:calc(var(--rpx, 1px)*420)}.zn--wrapper .mo\:h-64rpx{height:-webkit-calc(var(--rpx,1px)*64);height:-moz-calc(var(--rpx,1px)*64);height:calc(var(--rpx, 1px)*64)}.zn--wrapper .mo\:h-77rpx{height:-webkit-calc(var(--rpx,1px)*77);height:-moz-calc(var(--rpx,1px)*77);height:calc(var(--rpx, 1px)*77)}.zn--wrapper .mo\:h-212rpx{height:-webkit-calc(var(--rpx,1px)*212);height:-moz-calc(var(--rpx,1px)*212);height:calc(var(--rpx, 1px)*212)}.zn--wrapper .mo\:h-130rpx{height:-webkit-calc(var(--rpx,1px)*130);height:-moz-calc(var(--rpx,1px)*130);height:calc(var(--rpx, 1px)*130)}.zn--wrapper .mo\:h-76rpx{height:-webkit-calc(var(--rpx,1px)*76);height:-moz-calc(var(--rpx,1px)*76);height:calc(var(--rpx, 1px)*76)}.zn--wrapper .mo\:h-400rpx{height:-webkit-calc(var(--rpx,1px)*400);height:-moz-calc(var(--rpx,1px)*400);height:calc(var(--rpx, 1px)*400)}.zn--wrapper .mo\:h-345rpx{height:-webkit-calc(var(--rpx,1px)*345);height:-moz-calc(var(--rpx,1px)*345);height:calc(var(--rpx, 1px)*345)}.zn--wrapper .mo\:h-320rpx{height:-webkit-calc(var(--rpx,1px)*320);height:-moz-calc(var(--rpx,1px)*320);height:calc(var(--rpx, 1px)*320)}.zn--wrapper .mo\:h-480rpx{height:-webkit-calc(var(--rpx,1px)*480);height:-moz-calc(var(--rpx,1px)*480);height:calc(var(--rpx, 1px)*480)}.zn--wrapper .mo\:h-240rpx{height:-webkit-calc(var(--rpx,1px)*240);height:-moz-calc(var(--rpx,1px)*240);height:calc(var(--rpx, 1px)*240)}.zn--wrapper .mo\:h-304rpx{height:-webkit-calc(var(--rpx,1px)*304);height:-moz-calc(var(--rpx,1px)*304);height:calc(var(--rpx, 1px)*304)}.zn--wrapper .mo\:h-200rpx{height:-webkit-calc(var(--rpx,1px)*200);height:-moz-calc(var(--rpx,1px)*200);height:calc(var(--rpx, 1px)*200)}.zn--wrapper .mo\:h-2px{height:2px}.zn--wrapper .mo\:h-37px{height:37px}.zn--wrapper .mo\:text-48px{font-size:48px;line-height:1}.zn--wrapper .mo\:text-24px{font-size:24px;line-height:1}.zn--wrapper .mo\:text-16rpx{font-size:-webkit-calc(var(--rpx,1px)*16);font-size:-moz-calc(var(--rpx,1px)*16);font-size:calc(var(--rpx, 1px)*16);line-height:1}.zn--wrapper .mo\:text-14rpx{font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14);line-height:1}.zn--wrapper .mo\:text-16px{font-size:16px;line-height:1}.zn--wrapper .mo\:text-20px{font-size:20px;line-height:1}.zn--wrapper .mo\:text-30px{font-size:30px;line-height:1}.zn--wrapper .mo\:text-14px{font-size:14px;line-height:1}.zn--wrapper .mo\:text-18px{font-size:18px;line-height:1}.zn--wrapper .mo\:text-10px{font-size:10px;line-height:1}.zn--wrapper .mo\:text-12px{font-size:12px;line-height:1}.zn--wrapper .mo\:leading-\[1\.167\]{line-height:1.167}.zn--wrapper .mo\:leading-\[1\.33\]{line-height:1.33}.zn--wrapper .mo\:leading-\[1\.25\]{line-height:1.25}.zn--wrapper .mo\:leading-\[1\.43\]{line-height:1.43}.zn--wrapper .mo\:leading-\[1\.5\]{line-height:1.5}.zn--wrapper .mo\:leading-\[1\.6\]{line-height:1.6}.zn--wrapper .mo\:leading-\[1\.267\]{line-height:1.267}.zn--wrapper .mo\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .mo\:leading-\[1\.44\]{line-height:1.44}.zn--wrapper .mo\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .mo\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .mo\:-mx-4rpx{margin-left:calc(var(--rpx, 1px)*-4);margin-right:calc(var(--rpx, 1px)*-4)}.zn--wrapper .mo\:mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .mo\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:mr-4rpx{margin-right:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .mo\:mb-16rpx{margin-bottom:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:mr-8rpx{margin-right:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:mb-18rpx{margin-bottom:calc(var(--rpx, 1px)*18)}.zn--wrapper .mo\:mb-48rpx{margin-bottom:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.zn--wrapper .mo\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:mt-18rpx{margin-top:calc(var(--rpx, 1px)*18)}.zn--wrapper .mo\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:mb-2rpx{margin-bottom:calc(var(--rpx, 1px)*2)}.zn--wrapper .mo\:mb-34rpx{margin-bottom:calc(var(--rpx, 1px)*34)}.zn--wrapper .mo\:mr-10rpx{margin-right:calc(var(--rpx, 1px)*10)}.zn--wrapper .mo\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.zn--wrapper .mo\:mt-49rpx{margin-top:calc(var(--rpx, 1px)*49)}.zn--wrapper .mo\:mb-43rpx{margin-bottom:calc(var(--rpx, 1px)*43)}.zn--wrapper .mo\:mb-38\.62rpx{margin-bottom:calc(var(--rpx, 1px)*38.62)}.zn--wrapper .mo\:mr-9rpx{margin-right:calc(var(--rpx, 1px)*9)}.zn--wrapper .mo\:mr-16rpx{margin-right:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:mb-32rpx{margin-bottom:calc(var(--rpx, 1px)*32)}.zn--wrapper .mo\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .mo\:mb-40rpx{margin-bottom:calc(var(--rpx, 1px)*40)}.zn--wrapper .mo\:mb-30rpx{margin-bottom:calc(var(--rpx, 1px)*30)}.zn--wrapper .mo\:mb-320rpx{margin-bottom:calc(var(--rpx, 1px)*320)}.zn--wrapper .mo\:mt-15px{margin-top:15px}.zn--wrapper .mo\:mr-10px{margin-right:10px}.zn--wrapper .mo\:overflow-hidden{overflow:hidden}.zn--wrapper .mo\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.zn--wrapper .mo\:px-8rpx{padding-left:calc(var(--rpx, 1px)*8);padding-right:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:px-10rpx{padding-left:calc(var(--rpx, 1px)*10);padding-right:calc(var(--rpx, 1px)*10)}.zn--wrapper .mo\:py-10rpx{padding-bottom:calc(var(--rpx, 1px)*10);padding-top:calc(var(--rpx, 1px)*10)}.zn--wrapper .mo\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .mo\:py-12rpx{padding-bottom:calc(var(--rpx, 1px)*12);padding-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:py-32rpx{padding-bottom:calc(var(--rpx, 1px)*32);padding-top:calc(var(--rpx, 1px)*32)}.zn--wrapper .mo\:py-8rpx{padding-bottom:calc(var(--rpx, 1px)*8);padding-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:py-16rpx{padding-bottom:calc(var(--rpx, 1px)*16);padding-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:py-2rpx{padding-bottom:calc(var(--rpx, 1px)*2);padding-top:calc(var(--rpx, 1px)*2)}.zn--wrapper .mo\:py-24rpx{padding-bottom:calc(var(--rpx, 1px)*24);padding-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .mo\:pt-8rpx{padding-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:pb-4rpx{padding-bottom:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:pt-32rpx{padding-top:calc(var(--rpx, 1px)*32)}.zn--wrapper .mo\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:pt-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:pb-40rpx{padding-bottom:calc(var(--rpx, 1px)*40)}.zn--wrapper .mo\:pb-44rpx{padding-bottom:calc(var(--rpx, 1px)*44)}.zn--wrapper .mo\:pt-23rpx{padding-top:calc(var(--rpx, 1px)*23)}.zn--wrapper .mo\:pb-56\.37rpx{padding-bottom:calc(var(--rpx, 1px)*56.37)}.zn--wrapper .mo\:pt-4rpx{padding-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:pt-15rpx{padding-top:calc(var(--rpx, 1px)*15)}.zn--wrapper .mo\:pb-32rpx{padding-bottom:calc(var(--rpx, 1px)*32)}.zn--wrapper .mo\:pt-20rpx{padding-top:calc(var(--rpx, 1px)*20)}.zn--wrapper .mo\:absolute{position:absolute}.zn--wrapper .mo\:relative{position:relative}.zn--wrapper .mo\:top-48rpx{top:-webkit-calc(var(--rpx,1px)*48);top:-moz-calc(var(--rpx,1px)*48);top:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:top-56rpx{top:-webkit-calc(var(--rpx,1px)*56);top:-moz-calc(var(--rpx,1px)*56);top:calc(var(--rpx, 1px)*56)}.zn--wrapper .mo\:right-16px{right:16px}.zn--wrapper .mo\:bottom-20rpx{bottom:-webkit-calc(var(--rpx,1px)*20);bottom:-moz-calc(var(--rpx,1px)*20);bottom:calc(var(--rpx, 1px)*20)}.zn--wrapper .mo\:-left-6\.58rpx{left:-webkit-calc(var(--rpx,1px)*-6.58);left:-moz-calc(var(--rpx,1px)*-6.58);left:calc(var(--rpx, 1px)*-6.58)}.zn--wrapper .mo\:-top-19rpx{top:-webkit-calc(var(--rpx,1px)*-19);top:-moz-calc(var(--rpx,1px)*-19);top:calc(var(--rpx, 1px)*-19)}.zn--wrapper .mo\:top-0{top:0}.zn--wrapper .mo\:-left-16px{left:-16px}.zn--wrapper .mo\:left-0{left:0}.zn--wrapper .mo\:right-9rpx{right:-webkit-calc(var(--rpx,1px)*9);right:-moz-calc(var(--rpx,1px)*9);right:calc(var(--rpx, 1px)*9)}.zn--wrapper .mo\:bottom-9rpx{bottom:-webkit-calc(var(--rpx,1px)*9);bottom:-moz-calc(var(--rpx,1px)*9);bottom:calc(var(--rpx, 1px)*9)}.zn--wrapper .mo\:left-52rpx{left:-webkit-calc(var(--rpx,1px)*52);left:-moz-calc(var(--rpx,1px)*52);left:calc(var(--rpx, 1px)*52)}.zn--wrapper .mo\:bottom-8rpx{bottom:-webkit-calc(var(--rpx,1px)*8);bottom:-moz-calc(var(--rpx,1px)*8);bottom:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:right-53rpx{right:-webkit-calc(var(--rpx,1px)*53);right:-moz-calc(var(--rpx,1px)*53);right:calc(var(--rpx, 1px)*53)}.zn--wrapper .mo\:left-62\.5rpx{left:-webkit-calc(var(--rpx,1px)*62.5);left:-moz-calc(var(--rpx,1px)*62.5);left:calc(var(--rpx, 1px)*62.5)}.zn--wrapper .mo\:right-54rpx{right:-webkit-calc(var(--rpx,1px)*54);right:-moz-calc(var(--rpx,1px)*54);right:calc(var(--rpx, 1px)*54)}.zn--wrapper .mo\:top-68rpx{top:-webkit-calc(var(--rpx,1px)*68);top:-moz-calc(var(--rpx,1px)*68);top:calc(var(--rpx, 1px)*68)}.zn--wrapper .mo\:left-53rpx{left:-webkit-calc(var(--rpx,1px)*53);left:-moz-calc(var(--rpx,1px)*53);left:calc(var(--rpx, 1px)*53)}.zn--wrapper .mo\:bottom-0{bottom:0}.zn--wrapper .mo\:text-center{text-align:center}.zn--wrapper .mo\:w-full{width:100%}.zn--wrapper .mo\:w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.zn--wrapper .mo\:w-356rpx{width:-webkit-calc(var(--rpx,1px)*356);width:-moz-calc(var(--rpx,1px)*356);width:calc(var(--rpx, 1px)*356)}.zn--wrapper .mo\:w-74rpx{width:-webkit-calc(var(--rpx,1px)*74);width:-moz-calc(var(--rpx,1px)*74);width:calc(var(--rpx, 1px)*74)}.zn--wrapper .mo\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.zn--wrapper .mo\:w-12rpx{width:-webkit-calc(var(--rpx,1px)*12);width:-moz-calc(var(--rpx,1px)*12);width:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:w-162rpx{width:-webkit-calc(var(--rpx,1px)*162);width:-moz-calc(var(--rpx,1px)*162);width:calc(var(--rpx, 1px)*162)}.zn--wrapper .mo\:w-30rpx{width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.zn--wrapper .mo\:w-324rpx{width:-webkit-calc(var(--rpx,1px)*324);width:-moz-calc(var(--rpx,1px)*324);width:calc(var(--rpx, 1px)*324)}.zn--wrapper .mo\:w-322rpx{width:-webkit-calc(var(--rpx,1px)*322);width:-moz-calc(var(--rpx,1px)*322);width:calc(var(--rpx, 1px)*322)}.zn--wrapper .mo\:w-266rpx{width:-webkit-calc(var(--rpx,1px)*266);width:-moz-calc(var(--rpx,1px)*266);width:calc(var(--rpx, 1px)*266)}.zn--wrapper .mo\:w-114rpx{width:-webkit-calc(var(--rpx,1px)*114);width:-moz-calc(var(--rpx,1px)*114);width:calc(var(--rpx, 1px)*114)}.zn--wrapper .mo\:w-96rpx{width:-webkit-calc(var(--rpx,1px)*96);width:-moz-calc(var(--rpx,1px)*96);width:calc(var(--rpx, 1px)*96)}.zn--wrapper .mo\:w-262rpx{width:-webkit-calc(var(--rpx,1px)*262);width:-moz-calc(var(--rpx,1px)*262);width:calc(var(--rpx, 1px)*262)}.zn--wrapper .mo\:w-350rpx{width:-webkit-calc(var(--rpx,1px)*350);width:-moz-calc(var(--rpx,1px)*350);width:calc(var(--rpx, 1px)*350)}.zn--wrapper .mo\:w-288rpx{width:-webkit-calc(var(--rpx,1px)*288);width:-moz-calc(var(--rpx,1px)*288);width:calc(var(--rpx, 1px)*288)}.zn--wrapper .mo\:w-164rpx{width:-webkit-calc(var(--rpx,1px)*164);width:-moz-calc(var(--rpx,1px)*164);width:calc(var(--rpx, 1px)*164)}.zn--wrapper .mo\:w-203\.67rpx{width:-webkit-calc(var(--rpx,1px)*203.67);width:-moz-calc(var(--rpx,1px)*203.67);width:calc(var(--rpx, 1px)*203.67)}.zn--wrapper .mo\:w-260rpx{width:-webkit-calc(var(--rpx,1px)*260);width:-moz-calc(var(--rpx,1px)*260);width:calc(var(--rpx, 1px)*260)}.zn--wrapper .mo\:w-298rpx{width:-webkit-calc(var(--rpx,1px)*298);width:-moz-calc(var(--rpx,1px)*298);width:calc(var(--rpx, 1px)*298)}.zn--wrapper .mo\:w-267rpx{width:-webkit-calc(var(--rpx,1px)*267);width:-moz-calc(var(--rpx,1px)*267);width:calc(var(--rpx, 1px)*267)}.zn--wrapper .mo\:w-320rpx{width:-webkit-calc(var(--rpx,1px)*320);width:-moz-calc(var(--rpx,1px)*320);width:calc(var(--rpx, 1px)*320)}.zn--wrapper .mo\:w-58px{width:58px}}@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 .pad\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .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}.zn--wrapper .pad\:flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.zn--wrapper .pad\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .pad\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.zn--wrapper .pad\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .pad\:flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.zn--wrapper .pad\:h-full{height:100%}.zn--wrapper .pad\:h-371rpx{height:-webkit-calc(var(--rpx,1px)*371);height:-moz-calc(var(--rpx,1px)*371);height:calc(var(--rpx, 1px)*371)}.zn--wrapper .pad\:h-342rpx{height:-webkit-calc(var(--rpx,1px)*342);height:-moz-calc(var(--rpx,1px)*342);height:calc(var(--rpx, 1px)*342)}.zn--wrapper .pad\:h-26rpx{height:-webkit-calc(var(--rpx,1px)*26);height:-moz-calc(var(--rpx,1px)*26);height:calc(var(--rpx, 1px)*26)}.zn--wrapper .pad\:h-340rpx{height:-webkit-calc(var(--rpx,1px)*340);height:-moz-calc(var(--rpx,1px)*340);height:calc(var(--rpx, 1px)*340)}.zn--wrapper .pad\:h-13rpx{height:-webkit-calc(var(--rpx,1px)*13);height:-moz-calc(var(--rpx,1px)*13);height:calc(var(--rpx, 1px)*13)}.zn--wrapper .pad\:h-168rpx{height:-webkit-calc(var(--rpx,1px)*168);height:-moz-calc(var(--rpx,1px)*168);height:calc(var(--rpx, 1px)*168)}.zn--wrapper .pad\:h-408rpx{height:-webkit-calc(var(--rpx,1px)*408);height:-moz-calc(var(--rpx,1px)*408);height:calc(var(--rpx, 1px)*408)}.zn--wrapper .pad\:h-360rpx{height:-webkit-calc(var(--rpx,1px)*360);height:-moz-calc(var(--rpx,1px)*360);height:calc(var(--rpx, 1px)*360)}.zn--wrapper .pad\:h-166rpx{height:-webkit-calc(var(--rpx,1px)*166);height:-moz-calc(var(--rpx,1px)*166);height:calc(var(--rpx, 1px)*166)}.zn--wrapper .pad\:h-30rpx{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30)}.zn--wrapper .pad\:h-308rpx{height:-webkit-calc(var(--rpx,1px)*308);height:-moz-calc(var(--rpx,1px)*308);height:calc(var(--rpx, 1px)*308)}.zn--wrapper .pad\:h-540rpx{height:-webkit-calc(var(--rpx,1px)*540);height:-moz-calc(var(--rpx,1px)*540);height:calc(var(--rpx, 1px)*540)}.zn--wrapper .pad\:h-430rpx{height:-webkit-calc(var(--rpx,1px)*430);height:-moz-calc(var(--rpx,1px)*430);height:calc(var(--rpx, 1px)*430)}.zn--wrapper .pad\:h-580rpx{height:-webkit-calc(var(--rpx,1px)*580);height:-moz-calc(var(--rpx,1px)*580);height:calc(var(--rpx, 1px)*580)}.zn--wrapper .pad\:h-447rpx{height:-webkit-calc(var(--rpx,1px)*447);height:-moz-calc(var(--rpx,1px)*447);height:calc(var(--rpx, 1px)*447)}.zn--wrapper .pad\:h-668rpx{height:-webkit-calc(var(--rpx,1px)*668);height:-moz-calc(var(--rpx,1px)*668);height:calc(var(--rpx, 1px)*668)}.zn--wrapper .pad\:h-460rpx{height:-webkit-calc(var(--rpx,1px)*460);height:-moz-calc(var(--rpx,1px)*460);height:calc(var(--rpx, 1px)*460)}.zn--wrapper .pad\:h-380rpx{height:-webkit-calc(var(--rpx,1px)*380);height:-moz-calc(var(--rpx,1px)*380);height:calc(var(--rpx, 1px)*380)}.zn--wrapper .pad\:h-348rpx{height:-webkit-calc(var(--rpx,1px)*348);height:-moz-calc(var(--rpx,1px)*348);height:calc(var(--rpx, 1px)*348)}.zn--wrapper .pad\:h-239rpx{height:-webkit-calc(var(--rpx,1px)*239);height:-moz-calc(var(--rpx,1px)*239);height:calc(var(--rpx, 1px)*239)}.zn--wrapper .pad\:h-420rpx{height:-webkit-calc(var(--rpx,1px)*420);height:-moz-calc(var(--rpx,1px)*420);height:calc(var(--rpx, 1px)*420)}.zn--wrapper .pad\:h-63rpx{height:-webkit-calc(var(--rpx,1px)*63);height:-moz-calc(var(--rpx,1px)*63);height:calc(var(--rpx, 1px)*63)}.zn--wrapper .pad\:h-77rpx{height:-webkit-calc(var(--rpx,1px)*77);height:-moz-calc(var(--rpx,1px)*77);height:calc(var(--rpx, 1px)*77)}.zn--wrapper .pad\:h-283rpx{height:-webkit-calc(var(--rpx,1px)*283);height:-moz-calc(var(--rpx,1px)*283);height:calc(var(--rpx, 1px)*283)}.zn--wrapper .pad\:h-80rpx{height:-webkit-calc(var(--rpx,1px)*80);height:-moz-calc(var(--rpx,1px)*80);height:calc(var(--rpx, 1px)*80)}.zn--wrapper .pad\:h-234rpx{height:-webkit-calc(var(--rpx,1px)*234);height:-moz-calc(var(--rpx,1px)*234);height:calc(var(--rpx, 1px)*234)}.zn--wrapper .pad\:h-320rpx{height:-webkit-calc(var(--rpx,1px)*320);height:-moz-calc(var(--rpx,1px)*320);height:calc(var(--rpx, 1px)*320)}.zn--wrapper .pad\:h-2px{height:2px}.zn--wrapper .pad\:h-400rpx{height:-webkit-calc(var(--rpx,1px)*400);height:-moz-calc(var(--rpx,1px)*400);height:calc(var(--rpx, 1px)*400)}.zn--wrapper .pad\:h-328rpx{height:-webkit-calc(var(--rpx,1px)*328);height:-moz-calc(var(--rpx,1px)*328);height:calc(var(--rpx, 1px)*328)}.zn--wrapper .pad\:h-398rpx{height:-webkit-calc(var(--rpx,1px)*398);height:-moz-calc(var(--rpx,1px)*398);height:calc(var(--rpx, 1px)*398)}.zn--wrapper .pad\:h-270rpx{height:-webkit-calc(var(--rpx,1px)*270);height:-moz-calc(var(--rpx,1px)*270);height:calc(var(--rpx, 1px)*270)}.zn--wrapper .pad\:h-37px{height:37px}.zn--wrapper .pad\:text-32rpx{font-size:-webkit-calc(var(--rpx,1px)*32);font-size:-moz-calc(var(--rpx,1px)*32);font-size:calc(var(--rpx, 1px)*32);line-height:1}.zn--wrapper .pad\:text-22rpx{font-size:-webkit-calc(var(--rpx,1px)*22);font-size:-moz-calc(var(--rpx,1px)*22);font-size:calc(var(--rpx, 1px)*22);line-height:1}.zn--wrapper .pad\:text-16rpx{font-size:-webkit-calc(var(--rpx,1px)*16);font-size:-moz-calc(var(--rpx,1px)*16);font-size:calc(var(--rpx, 1px)*16);line-height:1}.zn--wrapper .pad\:text-14rpx{font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14);line-height:1}.zn--wrapper .pad\:text-12rpx{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);line-height:1}.zn--wrapper .pad\:text-48rpx{font-size:-webkit-calc(var(--rpx,1px)*48);font-size:-moz-calc(var(--rpx,1px)*48);font-size:calc(var(--rpx, 1px)*48);line-height:1}.zn--wrapper .pad\:text-20rpx{font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20);line-height:1}.zn--wrapper .pad\:text-30rpx{font-size:-webkit-calc(var(--rpx,1px)*30);font-size:-moz-calc(var(--rpx,1px)*30);font-size:calc(var(--rpx, 1px)*30);line-height:1}.zn--wrapper .pad\:text-18rpx{font-size:-webkit-calc(var(--rpx,1px)*18);font-size:-moz-calc(var(--rpx,1px)*18);font-size:calc(var(--rpx, 1px)*18);line-height:1}.zn--wrapper .pad\:text-24rpx{font-size:-webkit-calc(var(--rpx,1px)*24);font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24);line-height:1}.zn--wrapper .pad\:text-10rpx{font-size:-webkit-calc(var(--rpx,1px)*10);font-size:-moz-calc(var(--rpx,1px)*10);font-size:calc(var(--rpx, 1px)*10);line-height:1}.zn--wrapper .pad\:leading-\[1\.5\]{line-height:1.5}.zn--wrapper .pad\:leading-\[1\.0\]{line-height:1}.zn--wrapper .pad\:leading-\[1\.25\]{line-height:1.25}.zn--wrapper .pad\:leading-\[1\.43\]{line-height:1.43}.zn--wrapper .pad\:leading-\[1\.167\]{line-height:1.167}.zn--wrapper .pad\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .pad\:leading-\[1\.6\]{line-height:1.6}.zn--wrapper .pad\:leading-\[1\.267\]{line-height:1.267}.zn--wrapper .pad\:leading-\[1\.44\]{line-height:1.44}.zn--wrapper .pad\:leading-\[1\.33\]{line-height:1.33}.zn--wrapper .pad\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .pad\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .pad\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .pad\:-mx-8rpx{margin-left:calc(var(--rpx, 1px)*-8);margin-right:calc(var(--rpx, 1px)*-8)}.zn--wrapper .pad\:mx-2rpx{margin-left:calc(var(--rpx, 1px)*2);margin-right:calc(var(--rpx, 1px)*2)}.zn--wrapper .pad\:mr-4rpx{margin-right:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.zn--wrapper .pad\:mr-20rpx{margin-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .pad\:mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:mt-18rpx{margin-top:calc(var(--rpx, 1px)*18)}.zn--wrapper .pad\:mb-18rpx{margin-bottom:calc(var(--rpx, 1px)*18)}.zn--wrapper .pad\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:mb-2rpx{margin-bottom:calc(var(--rpx, 1px)*2)}.zn--wrapper .pad\:mb-22\.6rpx{margin-bottom:calc(var(--rpx, 1px)*22.6)}.zn--wrapper .pad\:mr-10rpx{margin-right:calc(var(--rpx, 1px)*10)}.zn--wrapper .pad\:mt-33rpx{margin-top:calc(var(--rpx, 1px)*33)}.zn--wrapper .pad\:-mb-26rpx{margin-bottom:calc(var(--rpx, 1px)*-26)}.zn--wrapper .pad\:mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:mb-40rpx{margin-bottom:calc(var(--rpx, 1px)*40)}.zn--wrapper .pad\:mr-8rpx{margin-right:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:mr-9rpx{margin-right:calc(var(--rpx, 1px)*9)}.zn--wrapper .pad\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:mb-320rpx{margin-bottom:calc(var(--rpx, 1px)*320)}.zn--wrapper .pad\:mt-31px{margin-top:31px}.zn--wrapper .pad\:mr-20px{margin-right:20px}.zn--wrapper .pad\:overflow-hidden{overflow:hidden}.zn--wrapper .pad\:p-8rpx{padding:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.zn--wrapper .pad\:px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:py-12rpx{padding-bottom:calc(var(--rpx, 1px)*12);padding-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .pad\:px-8rpx{padding-left:calc(var(--rpx, 1px)*8);padding-right:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:py-8rpx{padding-bottom:calc(var(--rpx, 1px)*8);padding-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:px-24rpx{padding-left:calc(var(--rpx, 1px)*24);padding-right:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:py-150rpx{padding-bottom:calc(var(--rpx, 1px)*150);padding-top:calc(var(--rpx, 1px)*150)}.zn--wrapper .pad\:py-24rpx{padding-bottom:calc(var(--rpx, 1px)*24);padding-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:py-146rpx{padding-bottom:calc(var(--rpx, 1px)*146);padding-top:calc(var(--rpx, 1px)*146)}.zn--wrapper .pad\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.zn--wrapper .pad\:py-2rpx{padding-bottom:calc(var(--rpx, 1px)*2);padding-top:calc(var(--rpx, 1px)*2)}.zn--wrapper .pad\:px-28rpx{padding-left:calc(var(--rpx, 1px)*28);padding-right:calc(var(--rpx, 1px)*28)}.zn--wrapper .pad\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:pl-20rpx{padding-left:calc(var(--rpx, 1px)*20)}.zn--wrapper .pad\:pt-32rpx{padding-top:calc(var(--rpx, 1px)*32)}.zn--wrapper .pad\:pt-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:pl-24rpx{padding-left:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:pt-4rpx{padding-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:pt-24rpx{padding-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:left-196rpx{left:-webkit-calc(var(--rpx,1px)*196);left:-moz-calc(var(--rpx,1px)*196);left:calc(var(--rpx, 1px)*196)}.zn--wrapper .pad\:-bottom-147rpx{bottom:-webkit-calc(var(--rpx,1px)*-147);bottom:-moz-calc(var(--rpx,1px)*-147);bottom:calc(var(--rpx, 1px)*-147)}.zn--wrapper .pad\:right-24px{right:24px}.zn--wrapper .pad\:bottom-24rpx{bottom:-webkit-calc(var(--rpx,1px)*24);bottom:-moz-calc(var(--rpx,1px)*24);bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:left-95\.96rpx{left:-webkit-calc(var(--rpx,1px)*95.96);left:-moz-calc(var(--rpx,1px)*95.96);left:calc(var(--rpx, 1px)*95.96)}.zn--wrapper .pad\:top-20\.17rpx{top:-webkit-calc(var(--rpx,1px)*20.17);top:-moz-calc(var(--rpx,1px)*20.17);top:calc(var(--rpx, 1px)*20.17)}.zn--wrapper .pad\:left-0rpx{left:-webkit-calc(var(--rpx,1px)*0);left:-moz-calc(var(--rpx,1px)*0);left:calc(var(--rpx, 1px)*0)}.zn--wrapper .pad\:top-0{top:0}.zn--wrapper .pad\:bottom-64rpx{bottom:-webkit-calc(var(--rpx,1px)*64);bottom:-moz-calc(var(--rpx,1px)*64);bottom:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:left-60rpx{left:-webkit-calc(var(--rpx,1px)*60);left:-moz-calc(var(--rpx,1px)*60);left:calc(var(--rpx, 1px)*60)}.zn--wrapper .pad\:-top-16rpx{top:-webkit-calc(var(--rpx,1px)*-16);top:-moz-calc(var(--rpx,1px)*-16);top:calc(var(--rpx, 1px)*-16)}.zn--wrapper .pad\:top-26rpx{top:-webkit-calc(var(--rpx,1px)*26);top:-moz-calc(var(--rpx,1px)*26);top:calc(var(--rpx, 1px)*26)}.zn--wrapper .pad\:bottom-40rpx{bottom:-webkit-calc(var(--rpx,1px)*40);bottom:-moz-calc(var(--rpx,1px)*40);bottom:calc(var(--rpx, 1px)*40)}.zn--wrapper .pad\:right-3rpx{right:-webkit-calc(var(--rpx,1px)*3);right:-moz-calc(var(--rpx,1px)*3);right:calc(var(--rpx, 1px)*3)}.zn--wrapper .pad\:left-0{left:0}.zn--wrapper .pad\:right-9rpx{right:-webkit-calc(var(--rpx,1px)*9);right:-moz-calc(var(--rpx,1px)*9);right:calc(var(--rpx, 1px)*9)}.zn--wrapper .pad\:bottom-9rpx{bottom:-webkit-calc(var(--rpx,1px)*9);bottom:-moz-calc(var(--rpx,1px)*9);bottom:calc(var(--rpx, 1px)*9)}.zn--wrapper .pad\:left-80rpx{left:-webkit-calc(var(--rpx,1px)*80);left:-moz-calc(var(--rpx,1px)*80);left:calc(var(--rpx, 1px)*80)}.zn--wrapper .pad\:bottom-12rpx{bottom:-webkit-calc(var(--rpx,1px)*12);bottom:-moz-calc(var(--rpx,1px)*12);bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:right-81rpx{right:-webkit-calc(var(--rpx,1px)*81);right:-moz-calc(var(--rpx,1px)*81);right:calc(var(--rpx, 1px)*81)}.zn--wrapper .pad\:left-90\.5rpx{left:-webkit-calc(var(--rpx,1px)*90.5);left:-moz-calc(var(--rpx,1px)*90.5);left:calc(var(--rpx, 1px)*90.5)}.zn--wrapper .pad\:right-82rpx{right:-webkit-calc(var(--rpx,1px)*82);right:-moz-calc(var(--rpx,1px)*82);right:calc(var(--rpx, 1px)*82)}.zn--wrapper .pad\:top-99rpx{top:-webkit-calc(var(--rpx,1px)*99);top:-moz-calc(var(--rpx,1px)*99);top:calc(var(--rpx, 1px)*99)}.zn--wrapper .pad\:right-81\.5rpx{right:-webkit-calc(var(--rpx,1px)*81.5);right:-moz-calc(var(--rpx,1px)*81.5);right:calc(var(--rpx, 1px)*81.5)}.zn--wrapper .pad\:left-81rpx{left:-webkit-calc(var(--rpx,1px)*81);left:-moz-calc(var(--rpx,1px)*81);left:calc(var(--rpx, 1px)*81)}.zn--wrapper .pad\:bottom-0{bottom:0}.zn--wrapper .pad\:text-center{text-align:center}.zn--wrapper .pad\:w-full{width:100%}.zn--wrapper .pad\:w-720rpx{width:-webkit-calc(var(--rpx,1px)*720);width:-moz-calc(var(--rpx,1px)*720);width:calc(var(--rpx, 1px)*720)}.zn--wrapper .pad\:w-426rpx{width:-webkit-calc(var(--rpx,1px)*426);width:-moz-calc(var(--rpx,1px)*426);width:calc(var(--rpx, 1px)*426)}.zn--wrapper .pad\:w-74rpx{width:-webkit-calc(var(--rpx,1px)*74);width:-moz-calc(var(--rpx,1px)*74);width:calc(var(--rpx, 1px)*74)}.zn--wrapper .pad\:w-237rpx{width:-webkit-calc(var(--rpx,1px)*237);width:-moz-calc(var(--rpx,1px)*237);width:calc(var(--rpx, 1px)*237)}.zn--wrapper .pad\:w-12rpx{width:-webkit-calc(var(--rpx,1px)*12);width:-moz-calc(var(--rpx,1px)*12);width:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:w-479rpx{width:-webkit-calc(var(--rpx,1px)*479);width:-moz-calc(var(--rpx,1px)*479);width:calc(var(--rpx, 1px)*479)}.zn--wrapper .pad\:w-282rpx{width:-webkit-calc(var(--rpx,1px)*282);width:-moz-calc(var(--rpx,1px)*282);width:calc(var(--rpx, 1px)*282)}.zn--wrapper .pad\:w-30rpx{width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.zn--wrapper .pad\:w-420rpx{width:-webkit-calc(var(--rpx,1px)*420);width:-moz-calc(var(--rpx,1px)*420);width:calc(var(--rpx, 1px)*420)}.zn--wrapper .pad\:w-358rpx{width:-webkit-calc(var(--rpx,1px)*358);width:-moz-calc(var(--rpx,1px)*358);width:calc(var(--rpx, 1px)*358)}.zn--wrapper .pad\:w-586rpx{width:-webkit-calc(var(--rpx,1px)*586);width:-moz-calc(var(--rpx,1px)*586);width:calc(var(--rpx, 1px)*586)}.zn--wrapper .pad\:w-684rpx{width:-webkit-calc(var(--rpx,1px)*684);width:-moz-calc(var(--rpx,1px)*684);width:calc(var(--rpx, 1px)*684)}.zn--wrapper .pad\:w-256rpx{width:-webkit-calc(var(--rpx,1px)*256);width:-moz-calc(var(--rpx,1px)*256);width:calc(var(--rpx, 1px)*256)}.zn--wrapper .pad\:w-200rpx{width:-webkit-calc(var(--rpx,1px)*200);width:-moz-calc(var(--rpx,1px)*200);width:calc(var(--rpx, 1px)*200)}.zn--wrapper .pad\:w-460rpx{width:-webkit-calc(var(--rpx,1px)*460);width:-moz-calc(var(--rpx,1px)*460);width:calc(var(--rpx, 1px)*460)}.zn--wrapper .pad\:w-356rpx{width:-webkit-calc(var(--rpx,1px)*356);width:-moz-calc(var(--rpx,1px)*356);width:calc(var(--rpx, 1px)*356)}.zn--wrapper .pad\:w-440rpx{width:-webkit-calc(var(--rpx,1px)*440);width:-moz-calc(var(--rpx,1px)*440);width:calc(var(--rpx, 1px)*440)}.zn--wrapper .pad\:w-378rpx{width:-webkit-calc(var(--rpx,1px)*378);width:-moz-calc(var(--rpx,1px)*378);width:calc(var(--rpx, 1px)*378)}.zn--wrapper .pad\:w-736rpx{width:-webkit-calc(var(--rpx,1px)*736);width:-moz-calc(var(--rpx,1px)*736);width:calc(var(--rpx, 1px)*736)}.zn--wrapper .pad\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.zn--wrapper .pad\:w-257rpx{width:-webkit-calc(var(--rpx,1px)*257);width:-moz-calc(var(--rpx,1px)*257);width:calc(var(--rpx, 1px)*257)}.zn--wrapper .pad\:w-408rpx{width:-webkit-calc(var(--rpx,1px)*408);width:-moz-calc(var(--rpx,1px)*408);width:calc(var(--rpx, 1px)*408)}.zn--wrapper .pad\:w-114rpx{width:-webkit-calc(var(--rpx,1px)*114);width:-moz-calc(var(--rpx,1px)*114);width:calc(var(--rpx, 1px)*114)}.zn--wrapper .pad\:w-366rpx{width:-webkit-calc(var(--rpx,1px)*366);width:-moz-calc(var(--rpx,1px)*366);width:calc(var(--rpx, 1px)*366)}.zn--wrapper .pad\:w-108\.67rpx{width:-webkit-calc(var(--rpx,1px)*108.67);width:-moz-calc(var(--rpx,1px)*108.67);width:calc(var(--rpx, 1px)*108.67)}.zn--wrapper .pad\:w-575rpx{width:-webkit-calc(var(--rpx,1px)*575);width:-moz-calc(var(--rpx,1px)*575);width:calc(var(--rpx, 1px)*575)}.zn--wrapper .pad\:w-633rpx{width:-webkit-calc(var(--rpx,1px)*633);width:-moz-calc(var(--rpx,1px)*633);width:calc(var(--rpx, 1px)*633)}.zn--wrapper .pad\:w-348rpx{width:-webkit-calc(var(--rpx,1px)*348);width:-moz-calc(var(--rpx,1px)*348);width:calc(var(--rpx, 1px)*348)}.zn--wrapper .pad\:w-308rpx{width:-webkit-calc(var(--rpx,1px)*308);width:-moz-calc(var(--rpx,1px)*308);width:calc(var(--rpx, 1px)*308)}.zn--wrapper .pad\:w-352rpx{width:-webkit-calc(var(--rpx,1px)*352);width:-moz-calc(var(--rpx,1px)*352);width:calc(var(--rpx, 1px)*352)}.zn--wrapper .pad\:w-260rpx{width:-webkit-calc(var(--rpx,1px)*260);width:-moz-calc(var(--rpx,1px)*260);width:calc(var(--rpx, 1px)*260)}.zn--wrapper .pad\:w-368rpx{width:-webkit-calc(var(--rpx,1px)*368);width:-moz-calc(var(--rpx,1px)*368);width:calc(var(--rpx, 1px)*368)}.zn--wrapper .pad\:w-304rpx{width:-webkit-calc(var(--rpx,1px)*304);width:-moz-calc(var(--rpx,1px)*304);width:calc(var(--rpx, 1px)*304)}.zn--wrapper .pad\:w-176rpx{width:-webkit-calc(var(--rpx,1px)*176);width:-moz-calc(var(--rpx,1px)*176);width:calc(var(--rpx, 1px)*176)}.zn--wrapper .pad\:w-660rpx{width:-webkit-calc(var(--rpx,1px)*660);width:-moz-calc(var(--rpx,1px)*660);width:calc(var(--rpx, 1px)*660)}.zn--wrapper .pad\:w-247rpx{width:-webkit-calc(var(--rpx,1px)*247);width:-moz-calc(var(--rpx,1px)*247);width:calc(var(--rpx, 1px)*247)}.zn--wrapper .pad\:w-455rpx{width:-webkit-calc(var(--rpx,1px)*455);width:-moz-calc(var(--rpx,1px)*455);width:calc(var(--rpx, 1px)*455)}.zn--wrapper .pad\:w-296rpx{width:-webkit-calc(var(--rpx,1px)*296);width:-moz-calc(var(--rpx,1px)*296);width:calc(var(--rpx, 1px)*296)}.zn--wrapper .pad\:w-320rpx{width:-webkit-calc(var(--rpx,1px)*320);width:-moz-calc(var(--rpx,1px)*320);width:calc(var(--rpx, 1px)*320)}.zn--wrapper .pad\:w-58px{width:58px}}@media (min-width:1024px){.zn--wrapper .pct\:text-12px{font-size:12px;line-height:1}.zn--wrapper .pct\:leading-\[20px\]{line-height:20px}.zn--wrapper .pct\:tracking-\[0\.5px\]{letter-spacing:.5px}}@media (max-width:1023px){.zn--wrapper .mot\:text-12px{font-size:12px;line-height:1}.zn--wrapper .mot\:leading-\[20px\]{line-height:20px}.zn--wrapper .mot\:tracking-\[0\.5px\]{letter-spacing:.5px}}.zn--wrapper{color:#000;font-size:16px}.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""]{opacity:0}.zn--wrapper img[src^="https://via.placeholder.com/"]{opacity:.5}.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%;position:relative;top:-.8em}.zn--wrapper .bg-img-contain{-o-object-fit:contain;object-fit:contain}.zn--wrapper .bg-img,.zn--wrapper .bg-img-contain{height:100%;left:0;position:absolute;top:0;width:100%}.zn--wrapper .bg-img{-o-object-fit:cover;object-fit:cover}.zn--wrapper .abs-center-x{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper .abs-center-y{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.zn--wrapper .abs-center{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.zn--wrapper .swiper-button-disabled{opacity:.5}.zn--wrapper .sticky-placeholder{height:0;opacity:0;overflow:hidden;position:relative}.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%)}[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)}.fix-round{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.fix-edge{-webkit-clip-path:inset(1px);clip-path:inset(1px)}.fix-edge-x{-webkit-clip-path:inset(0 1px);clip-path:inset(0 1px)}.fix-edge-y{-webkit-clip-path:inset(1px 0);clip-path:inset(1px 0)}.fix-mt{margin-top:-1px}#section-ksp[data-touch="1"] .ksp-card [hover-item]{-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;transition:opacity .3s ease}#section-ksp[data-touch="1"] .ksp-card .ksp-hover{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-moz-transition:transform .3s ease,-moz-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease}#section-design [ani-section-title],#section-design [ani-grid-1]{background:#fff}#section-design [bg-color]{cursor:pointer}#section-battery{background:#000}#section-battery [ani-section-title]{background:#131319}#section-battery [ani-grid-1] [ani-img-scale]{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transform-origin:left}#section-battery [ani-grid-3] [ani-label]{background:#393939;border-radius:8px}#section-battery [ani-grid-34]{background:-webkit-radial-gradient(50% 6.43%,190.54% 50.75%,#343230 0,#1d1c1c 44.69%);background:-moz-radial-gradient(50% 6.43%,190.54% 50.75%,#343230 0,#1d1c1c 44.69%);background:radial-gradient(190.54% 50.75% at 50% 6.43%,#343230 0,#1d1c1c 44.69%)}#section-battery [ani-grid-5]{background:#232323}#section-os [ani-card-1]{background:-webkit-gradient(linear,left bottom,left top,from(#f2f2f2),to(#f2f2f2)),radial-gradient(117.04% 117.04% at 50% 10.23%,#f8f8f8 50.62%,#e8e4e0 100%);background:-webkit-linear-gradient(bottom,#f2f2f2,#f2f2f2),-webkit-radial-gradient(50% 10.23%,117.04% 117.04%,#f8f8f8 50.62%,#e8e4e0 100%);background:-moz-linear-gradient(bottom,#f2f2f2,#f2f2f2),-moz-radial-gradient(50% 10.23%,117.04% 117.04%,#f8f8f8 50.62%,#e8e4e0 100%);background:linear-gradient(0deg,#f2f2f2,#f2f2f2),radial-gradient(117.04% 117.04% at 50% 10.23%,#f8f8f8 50.62%,#e8e4e0 100%);border-radius:8px}#section-os [ani-card-1] [ani-button]{cursor:pointer}#section-os [ani-card-3] [ani-cube]{background:#fff;border-radius:8px}#section-screen [ani-grid-1]{background:-webkit-gradient(linear,left top,left bottom,color-stop(25.51%,#000),to(#373632));background:-webkit-linear-gradient(top,#000 25.51%,#373632);background:-moz-linear-gradient(top,#000 25.51%,#373632 100%);background:linear-gradient(180deg,#000 25.51%,#373632)}#section-screen [ani-grid-2]{background:-webkit-radial-gradient(50% 0,164.77% 100%,#000 63.17%,#343330 100%);background:-moz-radial-gradient(50% 0,164.77% 100%,#000 63.17%,#343330 100%);background:radial-gradient(164.77% 100% at 50% 0,#000 63.17%,#343330 100%)}#section-screen [ani-grid-2] [ani-cube]{background:#434343;border-radius:8px}#section-photo{background:#f9f9f9}#section-photo [bg-blur-live]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(0,0,0,.3);border-radius:-webkit-calc(var(--rpx,1px)*4);border-radius:-moz-calc(var(--rpx,1px)*4);border-radius:calc(var(--rpx, 1px)*4)}#section-photo [bg-blur-replay]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:hsla(0,0%,100%,.3);border-radius:-webkit-calc(var(--rpx,1px)*99);border-radius:-moz-calc(var(--rpx,1px)*99);border-radius:calc(var(--rpx, 1px)*99)}#section-photo [ani-grid-2]{background:#fff}#section-photo [ani-ai-photo]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#section-photo [ani-ai-name]{cursor:pointer}#section-photo [ani-ai-text]{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:hsla(0,0%,100%,.7);border-radius:999px}#section-photo .swiper-slide{background:#f5f4f0}#section-photo .bar{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transform-origin:left}#section-safety [ani-trans]{-webkit-perspective:2000px;-moz-perspective:2000px;perspective:2000px}#section-safety [ani-rotate]{overflow:hidden;-webkit-transform-origin:bottom;-moz-transform-origin:bottom;-ms-transform-origin:bottom;transform-origin:bottom}#section-safety [ani-scale]{background:#f7f7f7;border-radius:8px}#section-safety .swiper-slide{background:#f2f2f2;border-radius:4px}#section-safety .bar{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transform-origin:left}#section-convenient [ani-grid-1] [ani-card-list] [ani-card]{cursor:pointer}#section-study .bar{-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;transform-origin:left}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}@media (min-width:1024px){.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;font-weight:400}.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;font-weight:400}.zn--wrapper .pc-abs-center{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}: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)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}#section-battery [ani-grid-1]{margin-top:calc(var(--rpx, 1px)*350 - var(--content-height)/2)}#section-battery [ani-grid-1] [bg-layer]{background:-webkit-radial-gradient(50% 77.26%,102.05% 77.26%,#5e5856 0,#383433 22.93%,#121219 45.43%);background:-moz-radial-gradient(50% 77.26%,102.05% 77.26%,#5e5856 0,#383433 22.93%,#121219 45.43%);background:radial-gradient(102.05% 77.26% at 50% 77.26%,#5e5856 0,#383433 22.93%,#121219 45.43%)}#section-battery [ani-grid-1] [ani-label]{background:#393939;border-radius:8px}#section-battery [ani-grid-3]{background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#383433));background:-webkit-linear-gradient(top,#000,#383433);background:-moz-linear-gradient(top,#000 0,#383433 100%);background:linear-gradient(180deg,#000,#383433)}#section-battery [ani-grid-4]{background:#232323}#section-photo [ani-grid-3]{background:#fff}#section-safety .sticky-container{margin-bottom:calc(var(--rpx, 1px)*270 - var(--content-height)/2);margin-top:calc(var(--rpx, 1px)*270 - var(--content-height)/2)}#section-convenient [ani-grid-1] [ani-card-list]{border-radius:8px}#section-study [ani-card]{background:#f7f7f7;border-radius:8px}}@media (min-width:650px) and (max-width:1023px){.zn--wrapper .pad-abs-center{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}: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)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}#section-battery [ani-grid-1] [bg-layer]{background:-webkit-radial-gradient(50% 55.52%,51.94% 55.52%,#5e5856 3.62%,#383433 43.09%,#121219 100%);background:-moz-radial-gradient(50% 55.52%,51.94% 55.52%,#5e5856 3.62%,#383433 43.09%,#121219 100%);background:radial-gradient(51.94% 55.52% at 50% 55.52%,#5e5856 3.62%,#383433 43.09%,#121219 100%)}#section-battery [ani-grid-1] [ani-label]{background:#44403e;border-radius:4px}#section-battery [ani-grid-2]{background:-webkit-radial-gradient(50% 55.52%,51.94% 55.52%,#5e5856 3.62%,#383433 43.09%,#121219 100%);background:-moz-radial-gradient(50% 55.52%,51.94% 55.52%,#5e5856 3.62%,#383433 43.09%,#121219 100%);background:radial-gradient(51.94% 55.52% at 50% 55.52%,#5e5856 3.62%,#383433 43.09%,#121219 100%)}#section-battery [ani-grid-2] [ani-label]{background:#44403e;border-radius:4px}#section-battery [ani-grid-3]{background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#383433));background:-webkit-linear-gradient(top,#000,#383433);background:-moz-linear-gradient(top,#000 0,#383433 100%);background:linear-gradient(180deg,#000,#383433)}#section-battery [ani-grid-4]{background:#232323}#section-os [ani-card-1]{background:#f2f2f2;border-radius:4px}#section-os [ani-card-3] [ani-cube]{border-radius:4px}#section-screen [ani-grid-2]{background:-webkit-radial-gradient(50% 0,100% 100%,#21211f 24.85%,#000 85.8%);background:-moz-radial-gradient(50% 0,100% 100%,#21211f 24.85%,#000 85.8%);background:radial-gradient(100% 100% at 50% 0,#21211f 24.85%,#000 85.8%)}#section-screen [ani-grid-2] [ani-cube]{background:#2d2c2a;border-radius:4px}#section-photo [ani-grid-3]{background:#f7f7f7}#section-convenient [ani-grid-1] [ani-card-list]{border-radius:4px}#section-study{background:#f7f7f7}#section-study [ani-card]{background:#eee;border-radius:4px}}@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)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}#section-design [ani-section-title]{background:#fafafa}#section-design [ani-grid-1]{background:#f8f9fa}#section-battery [ani-section-title],#section-battery [ani-grid-1] [bg-layer]{background:#000}#section-battery [ani-grid-1] [ani-label]{background:#2d2c2a;border-radius:4px}#section-battery [ani-grid-2]{background:#000}#section-battery [ani-grid-2] [ani-label]{background:#2d2c2a;border-radius:4px}#section-os [ani-card-1]{background:#f2f2f2;border-radius:4px}#section-screen [ani-grid-2]{background:-webkit-radial-gradient(50% 63.51%,263.13% 65.47%,#282722 9.68%,#000 55.62%);background:-moz-radial-gradient(50% 63.51%,263.13% 65.47%,#282722 9.68%,#000 55.62%);background:radial-gradient(263.13% 65.47% at 50% 63.51%,#282722 9.68%,#000 55.62%)}#section-screen [ani-grid-2] [ani-cube]{background:#2d2c2a;border-radius:4px}#section-photo [ani-grid-2]{background:#f9f9f9}#section-photo [ani-grid-3]{background:#fff}#section-convenient [ani-grid-1] [ani-card-list]{border-radius:4px}#section-study{background:#f9f9f9}#section-study [ani-card]{background:#f2f2f2;border-radius:4px}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (min-width:1900px){#section-kv [ani-scale]{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#section-kv [ani-img]{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}#section-kv [ani-logo]{right:-webkit-calc(50vw - var(--rpx,1px)*852.8);right:-moz-calc(50vw - var(--rpx,1px)*852.8);right:calc(50vw - var(--rpx, 1px)*852.8);right:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*852.8);right:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*852.8);right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*852.8)}}@media (min-width:2560px){#section-kv [ani-scale]{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}#section-kv [ani-img]{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}#section-kv [ani-logo]{right:-webkit-calc(50vw - var(--rpx,1px)*984);right:-moz-calc(50vw - var(--rpx,1px)*984);right:calc(50vw - var(--rpx, 1px)*984);right:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*984);right:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*984);right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*984)}}@media (min-width:1025px){#section-ksp[data-touch="1"] .ksp-card [hover-item]{opacity:0}#section-ksp[data-touch="1"] .ksp-card:hover .ksp-hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}#section-ksp[data-touch="1"] .ksp-card:hover [hover-item]{opacity:1}}@media (min-width:1024px) and (min-aspect-ratio:1.85){#section-safety [ani-scale]{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}}#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){.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;font-weight:400}.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;font-weight:400}: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)}.mo-only,.mo-show,.pad-only,.pad-show,.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;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.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:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,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;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.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:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,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)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{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;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.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:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,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;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.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:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,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)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{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;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.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:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,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;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.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:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}}.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{font-family:OPPOSans-Ver2-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{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.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}body div#oc-wrapper{overflow:visible}#oc-wrapper{-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}[ani-autoplay-video],[ani-video-wrapper]{-webkit-clip-path:inset(0);clip-path:inset(0);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] img.degrade,[ani-video-wrapper] img.degrade{z-index:0}[ani-autoplay-video] .replay,[ani-autoplay-video]+.replay,[ani-video-wrapper] .replay,[ani-video-wrapper]+.replay{opacity:0;pointer-events:none}[ani-autoplay-video] .replay.active,[ani-autoplay-video]+.replay.active,[ani-video-wrapper] .replay.active,[ani-video-wrapper]+.replay.active{cursor:pointer;opacity:1;pointer-events:auto}[id^=anchor]{height:1px;left:0;position:absolute;top:-webkit-calc(2px - var(--nav-height,90px));top:-moz-calc(2px - var(--nav-height,90px));top:calc(2px - var(--nav-height, 90px));width:100%}@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 .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;font-weight:400}.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;font-weight:400}}@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)}}@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)}}@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)}}@media not screen and (min-width:1024px){.zn--wrapper .mot\:font-bold{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .mot\:font-medium{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}}@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 (max-width:1023px){[id^=anchor]{top:-webkit-calc(4px - var(--nav-height,90px));top:-moz-calc(4px - var(--nav-height,90px));top:calc(4px - var(--nav-height, 90px))}}