/* Version: 1.2.0 */
#loader-fps{--point-color:transparent;--size:2px;align-content:center;align-items:center;display:flex;height:var(--size);justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw;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{animation:preloader .6s ease-in-out infinite alternate}#loader-fps .loader-element:nth-child(2){animation:preloader .6s ease-in-out .2s infinite alternate}#loader-fps .loader-element:nth-child(3){animation:preloader .6s ease-in-out .4s infinite alternate}@keyframes preloader{to{transform:scale(2)}}[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] .replay,[ani-video-wrapper] .replay{align-items:center;bottom:calc(var(--rpx, 1px)*20);color:#fff;display:flex;font-size:14px;line-height:18px;opacity:0;pointer-events:none;position:absolute;right:calc(var(--rpx, 1px)*20);text-decoration:underline;text-underline-offset:2px;z-index:2}[ani-autoplay-video] .replay:after,[ani-video-wrapper] .replay:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjZmZmIi8+PC9zdmc+);background-size:16px;content:"";display:inline-block;height:16px;width:16px}[ani-autoplay-video] .replay.actived,[ani-video-wrapper] .replay.actived{cursor:pointer;opacity:1!important;pointer-events:auto!important}[ani-autoplay-video] .replay.light,[ani-video-wrapper] .replay.light{color:#000}[ani-autoplay-video] .replay.light:after,[ani-video-wrapper] .replay.light:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy4xODQgNS43VjIuMmgtMS4wNjd2MS43OWE1Ljc4NCA1Ljc4NCAwIDEgMCAxLjY1IDQuMDQzSDEyLjdhNC43MTYgNC43MTYgMCAxIDEtLjk3Mi0yLjg2Nkg5LjE1djEuMDY3aDMuNWEuNTMzLjUzMyAwIDAgMCAuNTM0LS41MzRaIiBmaWxsPSIjMDAwIi8+PC9zdmc+)}[ani-autoplay-video]+.replay,[ani-video-wrapper]+.replay{opacity:0;pointer-events:none}[ani-autoplay-video]+.replay.actived,[ani-video-wrapper]+.replay.actived{opacity:1!important;pointer-events:auto!important}@media (min-width:1024px){:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#FAFAFA\]{--tw-bg-opacity:1;background-color:rgba(250,250,250,var(--tw-bg-opacity))}.bg-\[rgba\(0\,0\,0\,0\.8\)\]{--tw-bg-opacity:.8;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[rgba\(255\,255\,255\,0\.8\)\]{--tw-bg-opacity:.8;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#D9D9D9\]{--tw-bg-opacity:1;background-color:rgba(217,217,217,var(--tw-bg-opacity))}.bg-\[rgba\(255\,255\,255\,0\.6\)\]{--tw-bg-opacity:.6;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#AFAFAF\]{--tw-bg-opacity:1;background-color:rgba(175,175,175,var(--tw-bg-opacity))}.bg-\[\#808080\]{--tw-bg-opacity:1;background-color:rgba(128,128,128,var(--tw-bg-opacity))}.bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#F7F8FA\]{--tw-bg-opacity:1;background-color:rgba(247,248,250,var(--tw-bg-opacity))}.bg-\[\#FFFFFF\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-\[\#17171A\]{--tw-bg-opacity:1;background-color:rgba(23,23,26,var(--tw-bg-opacity))}.bg-\[\#171717\]{--tw-bg-opacity:1;background-color:rgba(23,23,23,var(--tw-bg-opacity))}.bg-\[\#000000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#18181A\]{--tw-bg-opacity:1;background-color:rgba(24,24,26,var(--tw-bg-opacity))}.bg-\[\#262626\]{--tw-bg-opacity:1;background-color:rgba(38,38,38,var(--tw-bg-opacity))}.bg-\[\#2B2B2B\]{--tw-bg-opacity:1;background-color:rgba(43,43,43,var(--tw-bg-opacity))}.bg-\[\#1D1D1D\]{--tw-bg-opacity:1;background-color:rgba(29,29,29,var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-\[\#ccc\]{--tw-bg-opacity:1;background-color:rgba(204,204,204,var(--tw-bg-opacity))}.bg-\[\#EBEBEB\]{--tw-bg-opacity:1;background-color:rgba(235,235,235,var(--tw-bg-opacity))}.bg-opacity-70{--tw-bg-opacity:.7}.bg-opacity-30{--tw-bg-opacity:.3}.bg-opacity-80{--tw-bg-opacity:.8}.bg-opacity-6{--tw-bg-opacity:.06}.rounded-12rpx{border-radius:calc(var(--rpx, 1px)*12)}.rounded-8rpx{border-radius:calc(var(--rpx, 1px)*8)}.rounded-full{border-radius:9999px}.rounded-\[12rpx\]{border-radius:calc(var(--rpx, 1px)*12)}.rounded-84px,.rounded-\[84px\]{border-radius:84px}.rounded-6px{border-radius:6px}.rounded-\[8rpx\]{border-radius:calc(var(--rpx, 1px)*8)}.rounded-\[84rpx\]{border-radius:calc(var(--rpx, 1px)*84)}.rounded-\[30rpx\]{border-radius:calc(var(--rpx, 1px)*30)}.rounded{border-radius:.25rem}.rounded-b-12rpx{border-bottom-left-radius:calc(var(--rpx, 1px)*12);border-bottom-right-radius:calc(var(--rpx, 1px)*12)}.rounded-t-40rpx{border-top-left-radius:calc(var(--rpx, 1px)*40);border-top-right-radius:calc(var(--rpx, 1px)*40)}.rounded-t-8rpx{border-top-left-radius:calc(var(--rpx, 1px)*8);border-top-right-radius:calc(var(--rpx, 1px)*8)}.rounded-b-8rpx{border-bottom-left-radius:calc(var(--rpx, 1px)*8);border-bottom-right-radius:calc(var(--rpx, 1px)*8)}.\!box-border{box-sizing:border-box!important}.cursor-pointer{cursor:pointer}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.font-68{font-weight:68}.font-20{font-weight:20}.font-42{font-weight:42}.font-16{font-weight:16}.font-24{font-weight:24}.font-12{font-weight:12}.font-18{font-weight:18}.font-14{font-weight:14}.font-32{font-weight:32}.font-36{font-weight:36}.font-medium{font-weight:500}.h-full{height:100%}.h-auto{height:auto}.h-100rpx{height:calc(var(--rpx, 1px)*100)}.h-\[50\%\]{height:50%}.h-17\.84vw{height:17.84vw;height:calc(var(--vw, 1vw)*17.84)}.h-26rpx{height:calc(var(--rpx, 1px)*26)}.h-39px{height:39px}.h-63\.68vw{height:63.68vw;height:calc(var(--vw, 1vw)*63.68)}.h-260rpx{height:calc(var(--rpx, 1px)*260)}.h-56px{height:56px}.h-350vh{height:350vh;height:calc(var(--vh, 1vh)*350)}.h-100vh{height:100vh;height:calc(var(--vh, 1vh)*100)}.h-300vh{height:300vh;height:calc(var(--vh, 1vh)*300)}.h-\[var\(--content-height\)\]{height:var(--content-height)}.h-58vw{height:58vw;height:calc(var(--vw, 1vw)*58)}.h-55\.2vw{height:55.2vw;height:calc(var(--vw, 1vw)*55.2)}.h-16px{height:16px}.h-150vh{height:150vh;height:calc(var(--vh, 1vh)*150)}.h-96px{height:96px}.h-30px{height:30px}.h-26px{height:26px}.h-\[calc\(200vh\+600vh\)\]{height:800vh;height:calc(var(--vh, 1vh)*200 + var(--vh, 1vh)*600)}.h-58rpx{height:calc(var(--rpx, 1px)*58)}.h-115vw{height:115vw;height:calc(var(--vw, 1vw)*115)}.h-1080rpx{height:calc(var(--rpx, 1px)*1080)}.h-1px{height:1px}.h-34rpx{height:calc(var(--rpx, 1px)*34)}.h-22rpx{height:calc(var(--rpx, 1px)*22)}.h-\[calc\(100\%\+2px\)\]{height:calc(100% + 2px)}.h-28px{height:28px}.h-18px{height:18px}.h-\[calc\(100vh\+1000px\)\]{height:calc(100vh + 1000px);height:calc(var(--vh, 1vh)*100 + 1000px)}.h-640rpx{height:calc(var(--rpx, 1px)*640)}.h-250vh{height:250vh;height:calc(var(--vh, 1vh)*250)}.h-540rpx{height:calc(var(--rpx, 1px)*540)}.h-\[100\%\]{height:100%}.h-25rpx{height:calc(var(--rpx, 1px)*25)}.h-125vh{height:125vh;height:calc(var(--vh, 1vh)*125)}.h-110vh{height:110vh;height:calc(var(--vh, 1vh)*110)}.h-280rpx{height:calc(var(--rpx, 1px)*280)}.h-24px{height:24px}.h-228rpx{height:calc(var(--rpx, 1px)*228)}.h-2rpx{height:calc(var(--rpx, 1px)*2)}.text-47rpx{font-size:calc(var(--rpx, 1px)*47);line-height:1}.\!text-\[50\%\]{font-size:50%!important;line-height:1!important}.text-20rpx{font-size:calc(var(--rpx, 1px)*20);line-height:1}.text-\[32rpx\]{font-size:calc(var(--rpx, 1px)*32);line-height:1}.text-\[18rpx\]{font-size:calc(var(--rpx, 1px)*18);line-height:1}.text-\[30rpx\]{font-size:calc(var(--rpx, 1px)*30);line-height:1}.text-\[16rpx\]{font-size:calc(var(--rpx, 1px)*16);line-height:1}.text-\[16px\]{font-size:16px;line-height:1}.text-\[11px\]{font-size:11px;line-height:1}.text-12px{font-size:12px;line-height:1}.leading-60rpx{line-height:calc(var(--rpx, 1px)*60)}.leading-28rpx{line-height:calc(var(--rpx, 1px)*28)}.leading-\[1\.5\]{line-height:1.5}.leading-\[130\%\]{line-height:130%}.leading-\[140\%\]{line-height:140%}.leading-\[150\%\]{line-height:150%}.leading-\[110\%\]{line-height:110%}.leading-\[145\%\]{line-height:145%}.leading-\[125\%\]{line-height:125%}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.67\]{line-height:1.67}.mx-8rpx{margin-left:calc(var(--rpx, 1px)*8);margin-right:calc(var(--rpx, 1px)*8)}.mx-auto{margin-left:auto;margin-right:auto}.my-32rpx{margin-bottom:calc(var(--rpx, 1px)*32);margin-top:calc(var(--rpx, 1px)*32)}.mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.ml-7px{margin-left:7px}.ml-8rpx{margin-left:calc(var(--rpx, 1px)*8)}.mt-\[calc\(0px-var\(--content-height\)\)\]{margin-top:calc(0px - var(--content-height))}.-mt-2px{margin-top:-2px}.-mt-1px{margin-top:-1px}.mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.-mt-80rpx{margin-top:calc(var(--rpx, 1px)*-80)}.mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.mb-16rpx{margin-bottom:calc(var(--rpx, 1px)*16)}.mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.-mt-100vh{margin-top:-100vh;margin-top:calc(var(--vh, 1vh)*-100)}.mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.mt-64rpx{margin-top:calc(var(--rpx, 1px)*64)}.mt-101rpx{margin-top:calc(var(--rpx, 1px)*101)}.mr-5px{margin-right:5px}.mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.mb-32rpx{margin-bottom:calc(var(--rpx, 1px)*32)}.mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.ml-10rpx{margin-left:calc(var(--rpx, 1px)*10)}.mt-\[8rpx\]{margin-top:calc(var(--rpx, 1px)*8)}.mt-30rpx{margin-top:calc(var(--rpx, 1px)*30)}.mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mt-2px{margin-top:2px}.max-h-full{max-height:100%}.max-w-full{max-width:100%}.min-h-32vh{min-height:32vh;min-height:calc(var(--vh, 1vh)*32)}.min-w-52\.22vh{min-width:52.22vh;min-width:calc(var(--vh, 1vh)*52.22)}.min-w-114rpx{min-width:calc(var(--rpx, 1px)*114)}.min-w-360px{min-width:360px}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-top{-o-object-position:top;object-position:top}.object-bottom{-o-object-position:bottom;object-position:bottom}.opacity-0{opacity:0}.opacity-65{opacity:.65}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-95{opacity:.95}.opacity-50{opacity:.5}.opacity-80{opacity:.8}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.overflow-hidden{overflow:hidden}.p-2px{padding:2px}.py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.py-8rpx{padding-bottom:calc(var(--rpx, 1px)*8);padding-top:calc(var(--rpx, 1px)*8)}.py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.py-4rpx{padding-bottom:calc(var(--rpx, 1px)*4);padding-top:calc(var(--rpx, 1px)*4)}.px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.py-20rpx{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}.pl-8rpx{padding-left:calc(var(--rpx, 1px)*8)}.pt-96rpx{padding-top:calc(var(--rpx, 1px)*96)}.pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.pt-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.top-0{top:0}.left-0{left:0}.top-\[50\%\]{top:50%}.left-\[65\%\]{left:65%}.left-4\.44vw{left:4.44vw;left:calc(var(--vw, 1vw)*4.44)}.bottom-\[calc\(var\(--nav-height\)\+40rpx\)\]{bottom:calc(var(--nav-height) + var(--rpx, 1px)*40)}.bottom-\[-56rpx\]{bottom:calc(var(--rpx, 1px)*-56)}.bottom-0{bottom:0}.bottom-100vh{bottom:100vh;bottom:calc(var(--vh, 1vh)*100)}.left-\[50\%\]{left:50%}.top-\[-250vh\]{top:-250vh;top:calc(var(--vh, 1vh)*-250)}.\!top-\[calc\(0px-40rpx-var\(--nav-height\)\)\]{top:calc(0px - var(--rpx, 1px)*40 - var(--nav-height))!important}.left-\[-100\%\]{left:-100%}.right-0{right:0}.top-\[-22vw\]{top:-22vw;top:calc(var(--vw, 1vw)*-22)}.left-\[-5vw\]{left:-5vw;left:calc(var(--vw, 1vw)*-5)}.top-\[-10vw\]{top:-10vw;top:calc(var(--vw, 1vw)*-10)}.left-\[17vw\]{left:17vw;left:calc(var(--vw, 1vw)*17)}.top-\[13vw\]{top:13vw;top:calc(var(--vw, 1vw)*13)}.left-\[-7vw\]{left:-7vw;left:calc(var(--vw, 1vw)*-7)}.top-\[-100vh\]{top:-100vh;top:calc(var(--vh, 1vh)*-100)}.top-0px{top:0}.left-0px{left:0}.top-\[var\(--nav-height\)\]{top:var(--nav-height)}.left-\[calc\(50\%-258rpx\)\]{left:calc(50% - var(--rpx, 1px)*258)}.left-1\/2{left:50%}.left-0rpx{left:calc(var(--rpx, 1px)*0)}.right-88rpx{right:calc(var(--rpx, 1px)*88)}.-bottom-30rpx{bottom:calc(var(--rpx, 1px)*-30)}.-top-14\/100{top:-14%}.-left-22\/100{left:-22%}.-bottom-260rpx{bottom:calc(var(--rpx, 1px)*-260)}.-right-280rpx{right:calc(var(--rpx, 1px)*-280)}.top-288rpx{top:calc(var(--rpx, 1px)*288)}.-left-216rpx{left:calc(var(--rpx, 1px)*-216)}.top-25rpx{top:calc(var(--rpx, 1px)*25)}.left-338rpx{left:calc(var(--rpx, 1px)*338)}.left-272rpx{left:calc(var(--rpx, 1px)*272)}.top-20rpx{top:calc(var(--rpx, 1px)*20)}.left-334rpx{left:calc(var(--rpx, 1px)*334)}.top-21rpx{top:calc(var(--rpx, 1px)*21)}.top-1\/2{top:50%}.left-\[calc\(50vw-656rpx\)\]{left:calc(50vw - var(--rpx, 1px)*656);left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.-bottom-2px{bottom:-2px}.top-12rpx{top:calc(var(--rpx, 1px)*12)}.right-12rpx{right:calc(var(--rpx, 1px)*12)}.bottom-20rpx{bottom:calc(var(--rpx, 1px)*20)}.right-20rpx{right:calc(var(--rpx, 1px)*20)}.left-20rpx{left:calc(var(--rpx, 1px)*20)}.\!top-\[calc\(5rpx-var\(--nav-height\)\)\]{top:calc(var(--rpx, 1px)*5 - var(--nav-height))!important}.bottom-12rpx{bottom:calc(var(--rpx, 1px)*12)}.left-12rpx{left:calc(var(--rpx, 1px)*12)}.bottom-\[calc\(100\%-80rpx\)\]{bottom:calc(100% - var(--rpx, 1px)*80)}.top-10rpx{top:calc(var(--rpx, 1px)*10)}.top-112rpx{top:calc(var(--rpx, 1px)*112)}.top-\[calc\(50\%-1rpx\)\]{top:calc(50% - var(--rpx, 1px)*1)}.text-center{text-align:center}.text-\[\#fff\],.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-\[\#000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-\[\#ffffff\]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-\[\#000000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-\[\#6e6e73\]{--tw-text-opacity:1;color:rgba(110,110,115,var(--tw-text-opacity))}.content-wrapper{content:"wrapper"}.content-wrap{content:"wrap"}.tracking-\[0\.5rpx\]{letter-spacing:calc(var(--rpx, 1px)*.5)}.tracking-0\.082em{letter-spacing:.082em}.whitespace-nowrap{white-space:nowrap}.w-screen{width:100vw;width:calc(var(--vw, 1vw)*100)}.w-1{width:.25rem}.w-full{width:100%}.w-auto{width:auto}.w-max{width:-moz-max-content;width:max-content}.w-100rpx{width:calc(var(--rpx, 1px)*100)}.w-29\.39vw{width:29.39vw;width:calc(var(--vw, 1vw)*29.39)}.w-102px{width:102px}.w-652rpx{width:calc(var(--rpx, 1px)*652)}.w-37\.22vw{width:37.22vw;width:calc(var(--vw, 1vw)*37.22)}.w-\[800rpx\]{width:calc(var(--rpx, 1px)*800)}.w-54vw{width:54vw;width:calc(var(--vw, 1vw)*54)}.w-66\.66vw{width:66.66vw;width:calc(var(--vw, 1vw)*66.66)}.w-55vw{width:55vw;width:calc(var(--vw, 1vw)*55)}.w-1px{width:1px}.w-373rpx{width:calc(var(--rpx, 1px)*373)}.w-157\.78vw{width:157.78vw;width:calc(var(--vw, 1vw)*157.78)}.w-1440rpx{width:calc(var(--rpx, 1px)*1440)}.w-320rpx{width:calc(var(--rpx, 1px)*320)}.w-428rpx{width:calc(var(--rpx, 1px)*428)}.w-564rpx{width:calc(var(--rpx, 1px)*564)}.w-316rpx{width:calc(var(--rpx, 1px)*316)}.w-440rpx{width:calc(var(--rpx, 1px)*440)}.w-352rpx{width:calc(var(--rpx, 1px)*352)}.w-68px{width:68px}.w-18px{width:18px}.w-480rpx{width:calc(var(--rpx, 1px)*480)}.w-\[calc\(100\%\+1px\)\]{width:calc(100% + 1px)}.w-684px{width:684px}.w-880rpx{width:calc(var(--rpx, 1px)*880)}.w-\[100\%\]{width:100%}.w-44px{width:44px}.w-420rpx{width:calc(var(--rpx, 1px)*420)}.w-38rpx{width:calc(var(--rpx, 1px)*38)}.w-520px{width:520px}.w-100vw{width:100vw;width:calc(var(--vw, 1vw)*100)}.w-280rpx{width:calc(var(--rpx, 1px)*280)}.w-301rpx{width:calc(var(--rpx, 1px)*301)}.w-24px{width:24px}.w-\[50\%\]{width:50%}.w-296rpx{width:calc(var(--rpx, 1px)*296)}.w-44rpx{width:calc(var(--rpx, 1px)*44)}.z-3{z-index:3}.z-7{z-index:7}.z-1{z-index:1}.z-0{z-index:0}.z-8{z-index:8}.z-2{z-index:2}.z-4{z-index:4}.z-10{z-index:10}.z-12{z-index:12}.z-5{z-index:5}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.origin-top{transform-origin:top}.origin-bottom{transform-origin:bottom}.origin-bottom-left{transform-origin:bottom left}.origin-center{transform-origin:center}.rotate-180{--tw-rotate:180deg}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-z-\[1px\]{--tw-translate-z:1px}.translate-z-0{--tw-translate-z:0px}.-translate-x-\[50\%\]{--tw-translate-x:-50%}.-translate-y-\[50\%\]{--tw-translate-y:-50%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.duration-300{transition-duration:.3s}.duration{transition-duration:.15s}.filter{--tw-blur:var(--tw-empty, );--tw-brightness:var(--tw-empty, );--tw-contrast:var(--tw-empty, );--tw-grayscale:var(--tw-empty, );--tw-hue-rotate:var(--tw-empty, );--tw-invert:var(--tw-empty, );--tw-saturate:var(--tw-empty, );--tw-sepia:var(--tw-empty, );--tw-drop-shadow:var(--tw-empty, );filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.full{height:100%;width:100%}@media (min-width:1024px){:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.pc\:bg-\[\#000000\],.pc\:bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.pc\:rounded-20rpx{border-radius:calc(var(--rpx, 1px)*20)}.pc\:rounded-0rpx{border-radius:calc(var(--rpx, 1px)*0)}.pc\:rounded-16rpx{border-radius:calc(var(--rpx, 1px)*16)}.pc\:rounded-\[20rpx\]{border-radius:calc(var(--rpx, 1px)*20)}.pc\:rounded-\[40rpx\]{border-radius:calc(var(--rpx, 1px)*40)}.pc\:rounded-12rpx{border-radius:calc(var(--rpx, 1px)*12)}.pc\:rounded-8rpx{border-radius:calc(var(--rpx, 1px)*8)}.pc\:rounded-\[26rpx\]{border-radius:calc(var(--rpx, 1px)*26)}.pc\:rounded-tl-80rpx{border-top-left-radius:calc(var(--rpx, 1px)*80)}.pc\:rounded-tr-80rpx{border-top-right-radius:calc(var(--rpx, 1px)*80)}.pc\:cursor-pointer{cursor:pointer}.pc\:flex{display:flex}.pc\:inline-flex{display:inline-flex}.pc\:hidden{display:none}.pc\:flex-col{flex-direction:column}.pc\:items-start{align-items:flex-start}.pc\:items-end{align-items:flex-end}.pc\:items-center{align-items:center}.pc\:self-start{align-self:flex-start}.pc\:self-end{align-self:flex-end}.pc\:self-stretch{align-self:stretch}.pc\:justify-start{justify-content:flex-start}.pc\:justify-end{justify-content:flex-end}.pc\:justify-center{justify-content:center}.pc\:justify-between{justify-content:space-between}.pc\:flex-1{flex:1 1 0%}.pc\:flex-shrink-0{flex-shrink:0}.pc\:h-full{height:100%}.pc\:h-auto{height:auto}.pc\:h-\[calc\(80vh\+1008rpx\)\]{height:calc(80vh + var(--rpx, 1px)*1008);height:calc(var(--vh, 1vh)*80 + var(--rpx, 1px)*1008)}.pc\:h-\[var\(--content-height\)\]{height:var(--content-height)}.pc\:h-400rpx{height:calc(var(--rpx, 1px)*400)}.pc\:h-32rpx{height:calc(var(--rpx, 1px)*32)}.pc\:h-100rpx{height:calc(var(--rpx, 1px)*100)}.pc\:h-300vh{height:300vh;height:calc(var(--vh, 1vh)*300)}.pc\:h-64\.11vw{height:64.11vw;height:calc(var(--vw, 1vw)*64.11)}.pc\:h-\[calc\(100\%\+27\.78vw\)\]{height:calc(100% + 27.78vw);height:calc(100% + var(--vw, 1vw)*27.78)}.pc\:h-\[calc\(100\%-27\.78vw\)\]{height:calc(100% - 27.78vw);height:calc(100% - var(--vw, 1vw)*27.78)}.pc\:h-\[calc\(var\(--content-height\)-80rpx\)\]{height:calc(var(--content-height) - var(--rpx, 1px)*80)}.pc\:h-110vh{height:110vh;height:calc(var(--vh, 1vh)*110)}.pc\:h-57\.8vw{height:57.8vw;height:calc(var(--vw, 1vw)*57.8)}.pc\:h-50vw{height:50vw;height:calc(var(--vw, 1vw)*50)}.pc\:h-44\.44vw{height:44.44vw;height:calc(var(--vw, 1vw)*44.44)}.pc\:h-250vh{height:250vh;height:calc(var(--vh, 1vh)*250)}.pc\:h-66\.67vw{height:66.67vw;height:calc(var(--vw, 1vw)*66.67)}.pc\:h-27\.64vw{height:27.64vw;height:calc(var(--vw, 1vw)*27.64)}.pc\:h-34px{height:34px}.pc\:h-24px{height:24px}.pc\:h-720rpx{height:calc(var(--rpx, 1px)*720)}.pc\:h-420rpx{height:calc(var(--rpx, 1px)*420)}.pc\:h-347\.18rpx{height:calc(var(--rpx, 1px)*347.18)}.pc\:h-100px{height:100px}.pc\:h-542rpx{height:calc(var(--rpx, 1px)*542)}.pc\:h-44px{height:44px}.pc\:h-36px{height:36px}.pc\:h-380rpx{height:calc(var(--rpx, 1px)*380)}.pc\:h-340rpx{height:calc(var(--rpx, 1px)*340)}.pc\:h-280rpx{height:calc(var(--rpx, 1px)*280)}.pc\:h-438rpx{height:calc(var(--rpx, 1px)*438)}.pc\:h-217rpx{height:calc(var(--rpx, 1px)*217)}.pc\:h-32px{height:32px}.pc\:h-20px{height:20px}.pc\:h-360rpx{height:calc(var(--rpx, 1px)*360)}.pc\:h-640rpx{height:calc(var(--rpx, 1px)*640)}.pc\:h-234rpx{height:calc(var(--rpx, 1px)*234)}.pc\:h-\[calc\(var\(--content-height\)\+80rpx\)\]{height:calc(var(--content-height) + var(--rpx, 1px)*80)}.pc\:h-415rpx{height:calc(var(--rpx, 1px)*415)}.pc\:h-385rpx{height:calc(var(--rpx, 1px)*385)}.pc\:h-28rpx{height:calc(var(--rpx, 1px)*28)}.pc\:h-92px{height:92px}.pc\:h-700rpx{height:calc(var(--rpx, 1px)*700)}.pc\:h-1248rpx{height:calc(var(--rpx, 1px)*1248)}.pc\:h-800rpx{height:calc(var(--rpx, 1px)*800)}.pc\:h-960rpx{height:calc(var(--rpx, 1px)*960)}.pc\:h-\[calc\(100\%\+160rpx\)\]{height:calc(100% + var(--rpx, 1px)*160)}.pc\:h-291rpx{height:calc(var(--rpx, 1px)*291)}.pc\:h-580rpx{height:calc(var(--rpx, 1px)*580)}.pc\:h-16px{height:16px}.pc\:h-620rpx{height:calc(var(--rpx, 1px)*620)}.pc\:h-\[calc\(100\%\+80rpx\)\]{height:calc(100% + var(--rpx, 1px)*80)}.pc\:h-500rpx{height:calc(var(--rpx, 1px)*500)}.pc\:h-48rpx{height:calc(var(--rpx, 1px)*48)}.pc\:h-2px{height:2px}.pc\:h-46rpx{height:calc(var(--rpx, 1px)*46)}.pc\:h-470rpx{height:calc(var(--rpx, 1px)*470)}.pc\:h-40rpx{height:calc(var(--rpx, 1px)*40)}.pc\:h-21rpx{height:calc(var(--rpx, 1px)*21)}.pc\:text-20rpx{font-size:calc(var(--rpx, 1px)*20);line-height:1}.pc\:text-14rpx{font-size:calc(var(--rpx, 1px)*14);line-height:1}.pc\:text-32px{font-size:32px;line-height:1}.pc\:text-42px{font-size:42px;line-height:1}.pc\:leading-28rpx{line-height:calc(var(--rpx, 1px)*28)}.pc\:leading-\[130\%\]{line-height:130%}.pc\:leading-\[145\%\]{line-height:145%}.\!pc\:leading-\[125\%\]{line-height:125%!important}.\!pc\:leading-\[32px\]{line-height:32px!important}.\!pc\:leading-\[140\%\]{line-height:140%!important}.\!pc\:leading-28px{line-height:28px!important}.pc\:leading-\[1\.42\]{line-height:1.42}.pc\:mx-auto{margin-left:auto;margin-right:auto}.pc\:mx-16rpx{margin-left:calc(var(--rpx, 1px)*16);margin-right:calc(var(--rpx, 1px)*16)}.pc\:my-10rpx{margin-bottom:calc(var(--rpx, 1px)*10);margin-top:calc(var(--rpx, 1px)*10)}.pc\:mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.pc\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.pc\:mt-\[calc\(-100vh-100rpx\)\]{margin-top:calc(var(--vh, 1vh)*-100 - var(--rpx, 1px)*100)}.pc\:mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.pc\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.pc\:mt-60rpx{margin-top:calc(var(--rpx, 1px)*60)}.pc\:mb-80rpx{margin-bottom:calc(var(--rpx, 1px)*80)}.pc\:mt-7rpx{margin-top:calc(var(--rpx, 1px)*7)}.pc\:mr-8rpx{margin-right:calc(var(--rpx, 1px)*8)}.pc\:mt-\[calc\(0px-var\(--content-height\)\)\]{margin-top:calc(0px - var(--content-height))}.pc\:-ml-1px{margin-left:-1px}.pc\:mt-68rpx{margin-top:calc(var(--rpx, 1px)*68)}.pc\:mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}.pc\:-mt-313rpx{margin-top:calc(var(--rpx, 1px)*-313)}.pc\:mt-50rpx{margin-top:calc(var(--rpx, 1px)*50)}.pc\:-mt-1px{margin-top:-1px}.pc\:mb-0rpx{margin-bottom:calc(var(--rpx, 1px)*0)}.pc\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.pc\:mt-\[-80rpx\]{margin-top:calc(var(--rpx, 1px)*-80)}.pc\:mt-150rpx{margin-top:calc(var(--rpx, 1px)*150)}.pc\:mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.pc\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.pc\:mt-\[-143rpx\]{margin-top:calc(var(--rpx, 1px)*-143)}.pc\:mt-\[-168rpx\]{margin-top:calc(var(--rpx, 1px)*-168)}.pc\:ml-8rpx{margin-left:calc(var(--rpx, 1px)*8)}.pc\:mt-80rpx{margin-top:calc(var(--rpx, 1px)*80)}.pc\:ml-32rpx{margin-left:calc(var(--rpx, 1px)*32)}.pc\:ml-24rpx{margin-left:calc(var(--rpx, 1px)*24)}.pc\:ml-80rpx{margin-left:calc(var(--rpx, 1px)*80)}.pc\:mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.pc\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.pc\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.pc\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.pc\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.pc\:ml-20rpx{margin-left:calc(var(--rpx, 1px)*20)}.pc\:ml-40rpx{margin-left:calc(var(--rpx, 1px)*40)}.pc\:mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.pc\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.pc\:ml-10rpx{margin-left:calc(var(--rpx, 1px)*10)}.pc\:mt-28rpx{margin-top:calc(var(--rpx, 1px)*28)}.pc\:max-h-960px{max-height:960px}.pc\:max-h-880rpx{max-height:calc(var(--rpx, 1px)*880)}.pc\:max-h-\[calc\(100vh-50px-340rpx\)\]{max-height:calc(100vh - 50px - var(--rpx, 1px)*340);max-height:calc(var(--vh, 1vh)*100 - 50px - var(--rpx, 1px)*340)}.\!pc\:max-w-700rpx{max-width:calc(var(--rpx, 1px)*700)!important}.pc\:max-w-505rpx{max-width:calc(var(--rpx, 1px)*505)}.pc\:max-w-1660px{max-width:1660px}.pc\:min-h-full{min-height:100%}.pc\:min-h-120vh{min-height:120vh;min-height:calc(var(--vh, 1vh)*120)}.pc\:min-h-\[var\(--content-height\)\]{min-height:var(--content-height)}.pc\:min-h-620px{min-height:620px}.pc\:min-h-760rpx{min-height:calc(var(--rpx, 1px)*760)}.pc\:min-h-620rpx{min-height:calc(var(--rpx, 1px)*620)}.pc\:min-h-508rpx{min-height:calc(var(--rpx, 1px)*508)}.pc\:min-h-500rpx{min-height:calc(var(--rpx, 1px)*500)}.pc\:min-h-580rpx{min-height:calc(var(--rpx, 1px)*580)}.pc\:min-w-340rpx{min-width:calc(var(--rpx, 1px)*340)}.pc\:object-contain{-o-object-fit:contain;object-fit:contain}.pc\:object-cover{-o-object-fit:cover;object-fit:cover}.pc\:object-left{-o-object-position:left;object-position:left}.pc\:opacity-95{opacity:.95}.pc\:opacity-65{opacity:.65}.pc\:opacity-40{opacity:.4}.pc\:opacity-80{opacity:.8}.pc\:opacity-35{opacity:.35}.pc\:opacity-60{opacity:.6}.pc\:opacity-75{opacity:.75}.pc\:overflow-hidden{overflow:hidden}.pc\:p-20rpx{padding:calc(var(--rpx, 1px)*20)}.pc\:p-24rpx{padding:calc(var(--rpx, 1px)*24)}.pc\:p-16rpx{padding:calc(var(--rpx, 1px)*16)}.pc\:p-12rpx{padding:calc(var(--rpx, 1px)*12)}.pc\:p-20px{padding:20px}.pc\:p-4px{padding:4px}.pc\:p-64rpx{padding:calc(var(--rpx, 1px)*64)}.pc\:p-40rpx{padding:calc(var(--rpx, 1px)*40)}.pc\:p-28rpx{padding:calc(var(--rpx, 1px)*28)}.pc\:py-100rpx{padding-bottom:calc(var(--rpx, 1px)*100);padding-top:calc(var(--rpx, 1px)*100)}.pc\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.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)}.pc\:px-64px{padding-left:64px;padding-right:64px}.pc\:px-64rpx{padding-left:calc(var(--rpx, 1px)*64);padding-right:calc(var(--rpx, 1px)*64)}.pc\:px-32rpx{padding-left:calc(var(--rpx, 1px)*32);padding-right:calc(var(--rpx, 1px)*32)}.pc\:py-32rpx{padding-bottom:calc(var(--rpx, 1px)*32);padding-top:calc(var(--rpx, 1px)*32)}.pc\:px-24rpx{padding-left:calc(var(--rpx, 1px)*24);padding-right:calc(var(--rpx, 1px)*24)}.pc\:py-13rpx{padding-bottom:calc(var(--rpx, 1px)*13);padding-top:calc(var(--rpx, 1px)*13)}.pc\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.pc\:py-9rpx{padding-bottom:calc(var(--rpx, 1px)*9);padding-top:calc(var(--rpx, 1px)*9)}.pc\:py-128rpx{padding-bottom:calc(var(--rpx, 1px)*128);padding-top:calc(var(--rpx, 1px)*128)}.pc\:pt-168rpx{padding-top:calc(var(--rpx, 1px)*168)}.pc\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.pc\:pb-160rpx{padding-bottom:calc(var(--rpx, 1px)*160)}.pc\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.pc\:pt-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.pc\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.pc\:pr-64rpx{padding-right:calc(var(--rpx, 1px)*64)}.pc\:pt-237rpx{padding-top:calc(var(--rpx, 1px)*237)}.pc\:pb-100rpx{padding-bottom:calc(var(--rpx, 1px)*100)}.pc\:pb-3px{padding-bottom:3px}.pc\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.pc\:pb-20rpx{padding-bottom:calc(var(--rpx, 1px)*20)}.pc\:pt-20rpx{padding-top:calc(var(--rpx, 1px)*20)}.pc\:pb-40rpx{padding-bottom:calc(var(--rpx, 1px)*40)}.pc\:pt-28rpx{padding-top:calc(var(--rpx, 1px)*28)}.pc\:pb-24rpx{padding-bottom:calc(var(--rpx, 1px)*24)}.pc\:pb-200rpx{padding-bottom:calc(var(--rpx, 1px)*200)}.pc\:pr-8rpx{padding-right:calc(var(--rpx, 1px)*8)}.pc\:pl-40rpx{padding-left:calc(var(--rpx, 1px)*40)}.pc\:pt-24rpx{padding-top:calc(var(--rpx, 1px)*24)}.pc\:absolute{position:absolute}.pc\:relative{position:relative}.pc\:sticky{position:sticky}.pc\:top-\[var\(--nav-height\)\]{top:var(--nav-height)}.pc\:left-4\.44vw{left:4.44vw;left:calc(var(--vw, 1vw)*4.44)}.pc\:top-5\.56vw{top:5.56vw;top:calc(var(--vw, 1vw)*5.56)}.pc\:left-0{left:0}.pc\:bottom-0{bottom:0}.pc\:top-0{top:0}.pc\:left-\[calc\(50vw-656rpx\)\]{left:calc(50vw - var(--rpx, 1px)*656);left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.pc\:top-\[calc\(50\%-15rpx-111px-13\.89vw\)\]{top:calc(50% - var(--rpx, 1px)*15 - 111px - 13.89vw);top:calc(50% - var(--rpx, 1px)*15 - 111px - var(--vw, 1vw)*13.89)}.pc\:top-40rpx{top:calc(var(--rpx, 1px)*40)}.pc\:left-\[calc\(50vw-656rpx\+430px\+14rpx\)\]{left:calc(50vw - var(--rpx, 1px)*656 + 430px + var(--rpx, 1px)*14);left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656 + 430px + var(--rpx, 1px)*14)}.pc\:top-64rpx{top:calc(var(--rpx, 1px)*64)}.pc\:right-0{right:0}.pc\:bottom-64rpx{bottom:calc(var(--rpx, 1px)*64)}.pc\:top-346rpx{top:calc(var(--rpx, 1px)*346)}.pc\:bottom-20rpx{bottom:calc(var(--rpx, 1px)*20)}.pc\:left-\[calc\(50\%-258rpx\)\]{left:calc(50% - var(--rpx, 1px)*258)}.pc\:top-20rpx{top:calc(var(--rpx, 1px)*20)}.pc\:left-275rpx{left:calc(var(--rpx, 1px)*275)}.pc\:bottom-379rpx{bottom:calc(var(--rpx, 1px)*379)}.pc\:left-88rpx{left:calc(var(--rpx, 1px)*88)}.pc\:bottom-51rpx{bottom:calc(var(--rpx, 1px)*51)}.pc\:left-16px{left:16px}.pc\:-top-130rpx{top:calc(var(--rpx, 1px)*-130)}.pc\:-left-142rpx{left:calc(var(--rpx, 1px)*-142)}.pc\:-bottom-121rpx{bottom:calc(var(--rpx, 1px)*-121)}.pc\:right-68rpx{right:calc(var(--rpx, 1px)*68)}.pc\:right-20rpx{right:calc(var(--rpx, 1px)*20)}.pc\:top-202rpx{top:calc(var(--rpx, 1px)*202)}.pc\:left-10rpx{left:calc(var(--rpx, 1px)*10)}.pc\:top-17rpx{top:calc(var(--rpx, 1px)*17)}.pc\:left-13rpx{left:calc(var(--rpx, 1px)*13)}.pc\:left-\[-138rpx\]{left:calc(var(--rpx, 1px)*-138)}.pc\:left-158rpx{left:calc(var(--rpx, 1px)*158)}.pc\:bottom-\[-136rpx\]{bottom:calc(var(--rpx, 1px)*-136)}.pc\:top-\[-8rpx\]{top:calc(var(--rpx, 1px)*-8)}.pc\:top-150rpx{top:calc(var(--rpx, 1px)*150)}.pc\:left-60rpx{left:calc(var(--rpx, 1px)*60)}.pc\:right-4rpx{right:calc(var(--rpx, 1px)*4)}.pc\:top-\[9\.9\%\]{top:9.9%}.pc\:text-center{text-align:center}.pc\:text-\[\#ffffff\],.pc\:text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.pc\:text-\[\#000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.pc\:w-full{width:100%}.pc\:w-auto{width:auto}.pc\:w-322rpx{width:calc(var(--rpx, 1px)*322)}.pc\:w-32rpx{width:calc(var(--rpx, 1px)*32)}.pc\:w-432rpx{width:calc(var(--rpx, 1px)*432)}.pc\:w-100rpx{width:calc(var(--rpx, 1px)*100)}.pc\:w-30\.56vw{width:30.56vw;width:calc(var(--vw, 1vw)*30.56)}.pc\:w-430px{width:430px}.pc\:w-\[calc\(var\(--content-height\)-80rpx\)\]{width:calc(var(--content-height) - var(--rpx, 1px)*80)}.pc\:w-125vw{width:125vw;width:calc(var(--vw, 1vw)*125)}.pc\:w-635px{width:635px}.pc\:w-1312rpx{width:calc(var(--rpx, 1px)*1312)}.pc\:w-390px{width:390px}.pc\:w-14\.28vw{width:14.28vw;width:calc(var(--vw, 1vw)*14.28)}.pc\:w-\[calc\(50\%-4rpx\)\]{width:calc(50% - var(--rpx, 1px)*4)}.pc\:w-\[calc\(100vw\+1px\)\]{width:calc(100vw + 1px);width:calc(var(--vw, 1vw)*100 + 1px)}.pc\:w-\[calc\(50vw\+2px\)\]{width:calc(50vw + 2px);width:calc(var(--vw, 1vw)*50 + 2px)}.pc\:w-8\.88vw{width:8.88vw;width:calc(var(--vw, 1vw)*8.88)}.pc\:w-34px{width:34px}.pc\:w-24px{width:24px}.pc\:w-413px{width:413px}.pc\:w-591px{width:591px}.pc\:w-1216rpx{width:calc(var(--rpx, 1px)*1216)}.pc\:w-1240rpx{width:calc(var(--rpx, 1px)*1240)}.pc\:w-1080rpx{width:calc(var(--rpx, 1px)*1080)}.pc\:w-880px{width:880px}.pc\:w-288px{width:288px}.pc\:w-436px{width:436px}.pc\:w-560px{width:560px}.pc\:w-808rpx{width:calc(var(--rpx, 1px)*808)}.pc\:w-71px{width:71px}.pc\:w-516rpx{width:calc(var(--rpx, 1px)*516)}.pc\:w-1360rpx{width:calc(var(--rpx, 1px)*1360)}.pc\:w-506rpx{width:calc(var(--rpx, 1px)*506)}.pc\:w-418rpx{width:calc(var(--rpx, 1px)*418)}.pc\:w-373rpx{width:calc(var(--rpx, 1px)*373)}.pc\:w-560rpx{width:calc(var(--rpx, 1px)*560)}.pc\:w-260rpx{width:calc(var(--rpx, 1px)*260)}.pc\:w-316rpx{width:calc(var(--rpx, 1px)*316)}.pc\:w-464rpx{width:calc(var(--rpx, 1px)*464)}.pc\:w-219rpx{width:calc(var(--rpx, 1px)*219)}.pc\:w-350rpx{width:calc(var(--rpx, 1px)*350)}.pc\:w-346rpx{width:calc(var(--rpx, 1px)*346)}.pc\:w-\[101\%\]{width:101%}.pc\:w-72px{width:72px}.pc\:w-20px{width:20px}.pc\:w-440rpx{width:calc(var(--rpx, 1px)*440)}.pc\:w-450rpx{width:calc(var(--rpx, 1px)*450)}.pc\:w-430rpx{width:calc(var(--rpx, 1px)*430)}.pc\:w-383rpx{width:calc(var(--rpx, 1px)*383)}.pc\:w-306rpx{width:calc(var(--rpx, 1px)*306)}.pc\:w-284rpx{width:calc(var(--rpx, 1px)*284)}.pc\:w-510px{width:510px}.pc\:w-870rpx{width:calc(var(--rpx, 1px)*870)}.pc\:w-843rpx{width:calc(var(--rpx, 1px)*843)}.pc\:w-44rpx{width:calc(var(--rpx, 1px)*44)}.pc\:w-1440rpx{width:calc(var(--rpx, 1px)*1440)}.pc\:w-1127rpx{width:calc(var(--rpx, 1px)*1127)}.pc\:w-480rpx{width:calc(var(--rpx, 1px)*480)}.pc\:w-238rpx{width:calc(var(--rpx, 1px)*238)}.pc\:w-800rpx{width:calc(var(--rpx, 1px)*800)}.pc\:w-412px{width:412px}.pc\:w-\[50\%\]{width:50%}.pc\:w-528rpx{width:calc(var(--rpx, 1px)*528)}.pc\:w-646rpx{width:calc(var(--rpx, 1px)*646)}.pc\:w-626rpx{width:calc(var(--rpx, 1px)*626)}.pc\:w-500rpx{width:calc(var(--rpx, 1px)*500)}.pc\:w-900rpx{width:calc(var(--rpx, 1px)*900)}.pc\:w-372rpx{width:calc(var(--rpx, 1px)*372)}.pc\:w-16px{width:16px}.pc\:w-656rpx{width:calc(var(--rpx, 1px)*656)}.pc\:w-444rpx{width:calc(var(--rpx, 1px)*444)}.pc\:w-492rpx{width:calc(var(--rpx, 1px)*492)}.pc\:w-470rpx{width:calc(var(--rpx, 1px)*470)}.pc\:w-652rpx{width:calc(var(--rpx, 1px)*652)}.pc\:w-292rpx{width:calc(var(--rpx, 1px)*292)}.pc\:w-320rpx{width:calc(var(--rpx, 1px)*320)}.pc\:w-48rpx{width:calc(var(--rpx, 1px)*48)}.pc\:w-220rpx{width:calc(var(--rpx, 1px)*220)}.pc\:w-460rpx{width:calc(var(--rpx, 1px)*460)}.pc\:w-392rpx{width:calc(var(--rpx, 1px)*392)}.pc\:w-576rpx{width:calc(var(--rpx, 1px)*576)}.pc\:w-616rpx{width:calc(var(--rpx, 1px)*616)}.pc\:w-214rpx{width:calc(var(--rpx, 1px)*214)}.pc\:w-40rpx{width:calc(var(--rpx, 1px)*40)}.pc\:w-21rpx{width:calc(var(--rpx, 1px)*21)}.pc\:z-6{z-index:6}.pc\:z-2{z-index:2}.pc\:z-3{z-index:3}.pc\:z-1{z-index:1}.pc\:transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.pc\:origin-top-left{transform-origin:top left}.pc\:origin-top{transform-origin:top}.pc\:origin-left{transform-origin:left}.pc\:translate-z-0{--tw-translate-z:0px}.pc\:ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.pc\:full{height:100%;width:100%}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo\:bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.mo\:bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.mo\:bg-\[\#18181A\]{--tw-bg-opacity:1;background-color:rgba(24,24,26,var(--tw-bg-opacity))}.mo\:bg-\[\#000000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.mo\:bg-\[\#262626\]{--tw-bg-opacity:1;background-color:rgba(38,38,38,var(--tw-bg-opacity))}.mo\:bg-\[\#1D1D1D\]{--tw-bg-opacity:1;background-color:rgba(29,29,29,var(--tw-bg-opacity))}.mo\:bg-\[\#F6F6F6\]{--tw-bg-opacity:1;background-color:rgba(246,246,246,var(--tw-bg-opacity))}.mo\:rounded-\[15rpx\]{border-radius:calc(var(--rpx, 1px)*15)}.mo\:rounded-12rpx{border-radius:calc(var(--rpx, 1px)*12)}.mo\:rounded-8rpx{border-radius:calc(var(--rpx, 1px)*8)}.mo\:rounded-\[14rpx\]{border-radius:calc(var(--rpx, 1px)*14)}.mo\:rounded-t-40rpx{border-top-left-radius:calc(var(--rpx, 1px)*40);border-top-right-radius:calc(var(--rpx, 1px)*40)}.mo\:rounded-t-8rpx{border-top-left-radius:calc(var(--rpx, 1px)*8);border-top-right-radius:calc(var(--rpx, 1px)*8)}.mo\:rounded-b-8rpx{border-bottom-left-radius:calc(var(--rpx, 1px)*8);border-bottom-right-radius:calc(var(--rpx, 1px)*8)}.mo\:rounded-tl-12rpx{border-top-left-radius:calc(var(--rpx, 1px)*12)}.mo\:rounded-tr-12rpx{border-top-right-radius:calc(var(--rpx, 1px)*12)}.mo\:cursor-pointer{cursor:pointer}.mo\:flex{display:flex}.mo\:inline-flex{display:inline-flex}.mo\:flex-col{flex-direction:column}.mo\:flex-col-reverse{flex-direction:column-reverse}.mo\:flex-wrap{flex-wrap:wrap}.mo\:items-start{align-items:flex-start}.mo\:items-center{align-items:center}.mo\:self-stretch{align-self:stretch}.mo\:justify-start{justify-content:flex-start}.mo\:justify-center{justify-content:center}.mo\:justify-between{justify-content:space-between}.mo\:flex-shrink-0{flex-shrink:0}.mo\:h-full{height:100%}.mo\:h-auto{height:auto}.mo\:h-438rpx{height:calc(var(--rpx, 1px)*438)}.mo\:h-22rpx{height:calc(var(--rpx, 1px)*22)}.mo\:h-220rpx{height:calc(var(--rpx, 1px)*220)}.mo\:h-60rpx{height:calc(var(--rpx, 1px)*60)}.mo\:h-640rpx{height:calc(var(--rpx, 1px)*640)}.mo\:h-410rpx{height:calc(var(--rpx, 1px)*410)}.mo\:h-298rpx{height:calc(var(--rpx, 1px)*298)}.mo\:h-257rpx{height:calc(var(--rpx, 1px)*257)}.mo\:h-350rpx{height:calc(var(--rpx, 1px)*350)}.mo\:h-440rpx{height:calc(var(--rpx, 1px)*440)}.mo\:h-87vw{height:87vw;height:calc(var(--vw, 1vw)*87)}.mo\:h-110vw{height:110vw;height:calc(var(--vw, 1vw)*110)}.mo\:h-105\.44rpx{height:calc(var(--rpx, 1px)*105.44)}.mo\:h-210rpx{height:calc(var(--rpx, 1px)*210)}.mo\:h-254rpx{height:calc(var(--rpx, 1px)*254)}.mo\:h-1308rpx{height:calc(var(--rpx, 1px)*1308)}.mo\:h-160rpx{height:calc(var(--rpx, 1px)*160)}.mo\:h-140rpx{height:calc(var(--rpx, 1px)*140)}.mo\:h-130rpx{height:calc(var(--rpx, 1px)*130)}.mo\:h-201rpx{height:calc(var(--rpx, 1px)*201)}.mo\:h-352rpx{height:calc(var(--rpx, 1px)*352)}.mo\:h-170rpx{height:calc(var(--rpx, 1px)*170)}.mo\:h-606rpx{height:calc(var(--rpx, 1px)*606)}.mo\:h-320rpx{height:calc(var(--rpx, 1px)*320)}.mo\:h-360rpx{height:calc(var(--rpx, 1px)*360)}.mo\:h-89\.7rpx{height:calc(var(--rpx, 1px)*89.7)}.mo\:h-599rpx{height:calc(var(--rpx, 1px)*599)}.mo\:h-219rpx{height:calc(var(--rpx, 1px)*219)}.mo\:h-200rpx{height:calc(var(--rpx, 1px)*200)}.mo\:h-157rpx{height:calc(var(--rpx, 1px)*157)}.mo\:h-146rpx{height:calc(var(--rpx, 1px)*146)}.mo\:h-400rpx{height:calc(var(--rpx, 1px)*400)}.mo\:h-769rpx{height:calc(var(--rpx, 1px)*769)}.mo\:h-380rpx{height:calc(var(--rpx, 1px)*380)}.mo\:h-460rpx{height:calc(var(--rpx, 1px)*460)}.mo\:h-310rpx{height:calc(var(--rpx, 1px)*310)}.mo\:h-20px{height:20px}.mo\:h-334rpx{height:calc(var(--rpx, 1px)*334)}.mo\:h-351rpx{height:calc(var(--rpx, 1px)*351)}.mo\:h-367rpx{height:calc(var(--rpx, 1px)*367)}.mo\:h-212rpx{height:calc(var(--rpx, 1px)*212)}.mo\:text-31px{font-size:31px;line-height:1}.mo\:text-16px{font-size:16px;line-height:1}.mo\:text-14px{font-size:14px;line-height:1}.mo\:text-30px{font-size:30px;line-height:1}.mo\:text-18px{font-size:18px;line-height:1}.mo\:text-12px{font-size:12px;line-height:1}.mo\:leading-39px{line-height:39px}.mo\:leading-24px{line-height:24px}.mo\:leading-22px{line-height:22px}.mo\:mx-auto{margin-left:auto;margin-right:auto}.mo\:my-32rpx{margin-bottom:calc(var(--rpx, 1px)*32);margin-top:calc(var(--rpx, 1px)*32)}.mo\:ml-36px{margin-left:36px}.mo\:mt-2rpx{margin-top:calc(var(--rpx, 1px)*2)}.mo\:mt-53rpx{margin-top:calc(var(--rpx, 1px)*53)}.mo\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.mo\:mr-4rpx{margin-right:calc(var(--rpx, 1px)*4)}.mo\:-mt-64rpx{margin-top:calc(var(--rpx, 1px)*-64)}.mo\:ml-16rpx{margin-left:calc(var(--rpx, 1px)*16)}.mo\:mt-28rpx{margin-top:calc(var(--rpx, 1px)*28)}.mo\:mb-60rpx{margin-bottom:calc(var(--rpx, 1px)*60)}.mo\:mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.mo\:mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}.mo\:mt-60rpx{margin-top:calc(var(--rpx, 1px)*60)}.mo\:ml-\[-16rpx\]{margin-left:calc(var(--rpx, 1px)*-16)}.mo\:mb-124rpx{margin-bottom:calc(var(--rpx, 1px)*124)}.mo\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.mo\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mo\:mb-16rpx{margin-bottom:calc(var(--rpx, 1px)*16)}.mo\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.mo\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.mo\:ml-13rpx{margin-left:calc(var(--rpx, 1px)*13)}.mo\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.mo\:mt-16px{margin-top:16px}.mo\:mt-4px{margin-top:4px}.mo\:ml-10rpx{margin-left:calc(var(--rpx, 1px)*10)}.mo\:mt-14rpx{margin-top:calc(var(--rpx, 1px)*14)}.mo\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.mo\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.mo\:min-h-539rpx{min-height:calc(var(--rpx, 1px)*539)}.mo\:object-contain{-o-object-fit:contain;object-fit:contain}.mo\:object-cover{-o-object-fit:cover;object-fit:cover}.mo\:opacity-65{opacity:.65}.mo\:opacity-0{opacity:0}.mo\:opacity-45{opacity:.45}.mo\:opacity-95{opacity:.95}.mo\:opacity-60{opacity:.6}.mo\:overflow-hidden{overflow:hidden}.mo\:p-12rpx{padding:calc(var(--rpx, 1px)*12)}.mo\:p-8rpx{padding:calc(var(--rpx, 1px)*8)}.mo\:p-16rpx{padding:calc(var(--rpx, 1px)*16)}.mo\:py-96rpx{padding-bottom:calc(var(--rpx, 1px)*96);padding-top:calc(var(--rpx, 1px)*96)}.mo\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.mo\:py-9\.4rpx{padding-bottom:calc(var(--rpx, 1px)*9.4);padding-top:calc(var(--rpx, 1px)*9.4)}.mo\:py-20rpx{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}.mo\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.mo\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.mo\:py-40rpx{padding-bottom:calc(var(--rpx, 1px)*40);padding-top:calc(var(--rpx, 1px)*40)}.mo\:py-32rpx{padding-bottom:calc(var(--rpx, 1px)*32);padding-top:calc(var(--rpx, 1px)*32)}.mo\:pt-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.mo\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.mo\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.mo\:pb-40rpx{padding-bottom:calc(var(--rpx, 1px)*40)}.mo\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.mo\:pr-16rpx{padding-right:calc(var(--rpx, 1px)*16)}.mo\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.mo\:pb-28rpx{padding-bottom:calc(var(--rpx, 1px)*28)}.mo\:pt-96rpx{padding-top:calc(var(--rpx, 1px)*96)}.mo\:pb-128rpx{padding-bottom:calc(var(--rpx, 1px)*128)}.mo\:pt-4rpx{padding-top:calc(var(--rpx, 1px)*4)}.mo\:pr-4rpx{padding-right:calc(var(--rpx, 1px)*4)}.mo\:pt-32rpx{padding-top:calc(var(--rpx, 1px)*32)}.mo\:pb-50rpx{padding-bottom:calc(var(--rpx, 1px)*50)}.mo\:pointer-events-none{pointer-events:none}.mo\:absolute{position:absolute}.mo\:relative{position:relative}.mo\:bottom-\[-7rpx\]{bottom:calc(var(--rpx, 1px)*-7)}.mo\:left-20rpx{left:calc(var(--rpx, 1px)*20)}.mo\:top-\[50\%\]{top:50%}.mo\:left-0{left:0}.mo\:top-\[-22\.5vw\]{top:-22.5vw;top:calc(var(--vw, 1vw)*-22.5)}.mo\:left-\[-11\.4vw\]{left:-11.4vw;left:calc(var(--vw, 1vw)*-11.4)}.mo\:left-\[38vw\]{left:38vw;left:calc(var(--vw, 1vw)*38)}.mo\:top-\[31vw\]{top:31vw;top:calc(var(--vw, 1vw)*31)}.mo\:left-\[-18\.225vw\]{left:-18.225vw;left:calc(var(--vw, 1vw)*-18.225)}.mo\:-bottom-248rpx{bottom:calc(var(--rpx, 1px)*-248)}.mo\:right-0{right:0}.mo\:left-32rpx{left:calc(var(--rpx, 1px)*32)}.mo\:bottom-325rpx{bottom:calc(var(--rpx, 1px)*325)}.mo\:bottom-64rpx{bottom:calc(var(--rpx, 1px)*64)}.mo\:left-0rpx{left:calc(var(--rpx, 1px)*0)}.mo\:top-6\/100{top:6%}.mo\:-top-130rpx{top:calc(var(--rpx, 1px)*-130)}.mo\:-left-121rpx{left:calc(var(--rpx, 1px)*-121)}.mo\:-bottom-85rpx{bottom:calc(var(--rpx, 1px)*-85)}.mo\:-right-55rpx{right:calc(var(--rpx, 1px)*-55)}.mo\:top-189rpx{top:calc(var(--rpx, 1px)*189)}.mo\:left-9rpx{left:calc(var(--rpx, 1px)*9)}.mo\:left-5rpx{left:calc(var(--rpx, 1px)*5)}.mo\:top-6rpx{top:calc(var(--rpx, 1px)*6)}.mo\:top-0{top:0}.mo\:left-\[-32rpx\]{left:calc(var(--rpx, 1px)*-32)}.mo\:bottom-\[-64rpx\]{bottom:calc(var(--rpx, 1px)*-64)}.mo\:left-39rpx{left:calc(var(--rpx, 1px)*39)}.mo\:left-30rpx{left:calc(var(--rpx, 1px)*30)}.mo\:top-0px{top:0}.mo\:top-\[10\.7\%\]{top:10.7%}.mo\:left-\[21\.5\%\]{left:21.5%}.mo\:text-center{text-align:center}.mo\:text-\[\#fff\],.mo\:text-\[\#ffffff\],.mo\:text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.mo\:w-full{width:100%}.mo\:w-max{width:-moz-max-content;width:max-content}.mo\:w-297rpx{width:calc(var(--rpx, 1px)*297)}.mo\:w-57\.14rpx{width:calc(var(--rpx, 1px)*57.14)}.mo\:w-328rpx{width:calc(var(--rpx, 1px)*328)}.mo\:w-162rpx{width:calc(var(--rpx, 1px)*162)}.mo\:w-60rpx{width:calc(var(--rpx, 1px)*60)}.mo\:w-276px{width:276px}.mo\:w-250rpx{width:calc(var(--rpx, 1px)*250)}.mo\:w-312rpx{width:calc(var(--rpx, 1px)*312)}.mo\:w-112\.51rpx{width:calc(var(--rpx, 1px)*112.51)}.mo\:w-81vw{width:81vw;width:calc(var(--vw, 1vw)*81)}.mo\:w-99\.99vw{width:99.99vw;width:calc(var(--vw, 1vw)*99.99)}.mo\:w-133\.5vw{width:133.5vw;width:calc(var(--vw, 1vw)*133.5)}.mo\:w-344rpx{width:calc(var(--rpx, 1px)*344)}.mo\:w-360rpx{width:calc(var(--rpx, 1px)*360)}.mo\:w-213rpx{width:calc(var(--rpx, 1px)*213)}.mo\:w-186rpx{width:calc(var(--rpx, 1px)*186)}.mo\:w-173rpx{width:calc(var(--rpx, 1px)*173)}.mo\:w-268rpx{width:calc(var(--rpx, 1px)*268)}.mo\:w-520rpx{width:calc(var(--rpx, 1px)*520)}.mo\:w-170rpx{width:calc(var(--rpx, 1px)*170)}.mo\:w-240rpx{width:calc(var(--rpx, 1px)*240)}.mo\:w-119\.6rpx{width:calc(var(--rpx, 1px)*119.6)}.mo\:w-\[calc\(100\%\+2px\)\]{width:calc(100% + 2px)}.mo\:w-286rpx{width:calc(var(--rpx, 1px)*286)}.mo\:w-265rpx{width:calc(var(--rpx, 1px)*265)}.mo\:w-314rpx{width:calc(var(--rpx, 1px)*314)}.mo\:w-318rpx{width:calc(var(--rpx, 1px)*318)}.mo\:w-622rpx{width:calc(var(--rpx, 1px)*622)}.mo\:w-330rpx{width:calc(var(--rpx, 1px)*330)}.mo\:w-721rpx{width:calc(var(--rpx, 1px)*721)}.mo\:w-100vw{width:100vw;width:calc(var(--vw, 1vw)*100)}.mo\:w-45rpx{width:calc(var(--rpx, 1px)*45)}.mo\:w-52rpx{width:calc(var(--rpx, 1px)*52)}.mo\:w-326rpx{width:calc(var(--rpx, 1px)*326)}.mo\:w-146rpx{width:calc(var(--rpx, 1px)*146)}.mo\:w-20px{width:20px}.mo\:w-296rpx{width:calc(var(--rpx, 1px)*296)}.mo\:w-168rpx{width:calc(var(--rpx, 1px)*168)}.mo\:w-293rpx{width:calc(var(--rpx, 1px)*293)}.mo\:z-1{z-index:1}.mo\:z-2{z-index:2}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.pad\:bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.pad\:bg-\[\#F6F6F6\]{--tw-bg-opacity:1;background-color:rgba(246,246,246,var(--tw-bg-opacity))}.pad\:rounded-\[18rpx\]{border-radius:calc(var(--rpx, 1px)*18)}.pad\:rounded-12rpx{border-radius:calc(var(--rpx, 1px)*12)}.pad\:rounded-16rpx{border-radius:calc(var(--rpx, 1px)*16)}.pad\:rounded-8rpx{border-radius:calc(var(--rpx, 1px)*8)}.pad\:rounded-\[14rpx\]{border-radius:calc(var(--rpx, 1px)*14)}.pad\:rounded-t-40rpx{border-top-left-radius:calc(var(--rpx, 1px)*40);border-top-right-radius:calc(var(--rpx, 1px)*40)}.pad\:flex{display:flex}.pad\:hidden{display:none}.pad\:flex-row{flex-direction:row}.pad\:flex-col{flex-direction:column}.pad\:flex-wrap{flex-wrap:wrap}.pad\:items-start{align-items:flex-start}.pad\:items-center{align-items:center}.pad\:self-end{align-self:flex-end}.pad\:self-stretch{align-self:stretch}.pad\:justify-end{justify-content:flex-end}.pad\:justify-center{justify-content:center}.pad\:justify-between{justify-content:space-between}.pad\:flex-1{flex:1 1 0%}.pad\:flex-shrink-0{flex-shrink:0}.pad\:font-medium{font-weight:500}.pad\:h-full{height:100%}.pad\:h-auto{height:auto}.pad\:h-450rpx{height:calc(var(--rpx, 1px)*450)}.pad\:h-422rpx{height:calc(var(--rpx, 1px)*422)}.pad\:h-26px{height:26px}.pad\:h-220rpx{height:calc(var(--rpx, 1px)*220)}.pad\:h-60rpx{height:calc(var(--rpx, 1px)*60)}.pad\:h-480rpx{height:calc(var(--rpx, 1px)*480)}.pad\:h-537rpx{height:calc(var(--rpx, 1px)*537)}.pad\:h-520rpx{height:calc(var(--rpx, 1px)*520)}.pad\:h-385rpx{height:calc(var(--rpx, 1px)*385)}.pad\:h-305rpx{height:calc(var(--rpx, 1px)*305)}.pad\:h-718px{height:718px}.pad\:h-440rpx{height:calc(var(--rpx, 1px)*440)}.pad\:h-560rpx{height:calc(var(--rpx, 1px)*560)}.pad\:h-53vw{height:53vw;height:calc(var(--vw, 1vw)*53)}.pad\:h-87vw{height:87vw;height:calc(var(--vw, 1vw)*87)}.pad\:h-110vw{height:110vw;height:calc(var(--vw, 1vw)*110)}.pad\:h-244rpx{height:calc(var(--rpx, 1px)*244)}.pad\:h-193rpx{height:calc(var(--rpx, 1px)*193)}.pad\:h-266\.5rpx{height:calc(var(--rpx, 1px)*266.5)}.pad\:h-48px{height:48px}.pad\:h-348rpx{height:calc(var(--rpx, 1px)*348)}.pad\:h-1192rpx{height:calc(var(--rpx, 1px)*1192)}.pad\:h-240rpx{height:calc(var(--rpx, 1px)*240)}.pad\:h-200rpx{height:calc(var(--rpx, 1px)*200)}.pad\:h-170rpx{height:calc(var(--rpx, 1px)*170)}.pad\:h-250rpx{height:calc(var(--rpx, 1px)*250)}.pad\:h-369rpx{height:calc(var(--rpx, 1px)*369)}.pad\:h-268rpx{height:calc(var(--rpx, 1px)*268)}.pad\:h-420rpx{height:calc(var(--rpx, 1px)*420)}.pad\:h-192rpx{height:calc(var(--rpx, 1px)*192)}.pad\:h-500rpx{height:calc(var(--rpx, 1px)*500)}.pad\:h-183rpx{height:calc(var(--rpx, 1px)*183)}.pad\:h-342rpx{height:calc(var(--rpx, 1px)*342)}.pad\:h-330rpx{height:calc(var(--rpx, 1px)*330)}.pad\:h-267rpx{height:calc(var(--rpx, 1px)*267)}.pad\:h-249rpx{height:calc(var(--rpx, 1px)*249)}.pad\:h-768rpx{height:calc(var(--rpx, 1px)*768)}.pad\:h-852rpx{height:calc(var(--rpx, 1px)*852)}.pad\:h-\[calc\(100\%\+80rpx\)\]{height:calc(100% + var(--rpx, 1px)*80)}.pad\:h-20px{height:20px}.pad\:h-490rpx{height:calc(var(--rpx, 1px)*490)}.pad\:h-320rpx{height:calc(var(--rpx, 1px)*320)}.pad\:h-412rpx{height:calc(var(--rpx, 1px)*412)}.pad\:h-317rpx{height:calc(var(--rpx, 1px)*317)}.pad\:h-232rpx{height:calc(var(--rpx, 1px)*232)}.pad\:text-28rpx{font-size:calc(var(--rpx, 1px)*28);line-height:1}.pad\:text-16rpx{font-size:calc(var(--rpx, 1px)*16);line-height:1}.pad\:text-16px{font-size:16px;line-height:1}.pad\:text-30px{font-size:30px;line-height:1}.pad\:text-14px{font-size:14px;line-height:1}.pad\:text-18px{font-size:18px;line-height:1}.pad\:text-12px{font-size:12px;line-height:1}.pad\:leading-39rpx{line-height:calc(var(--rpx, 1px)*39)}.pad\:leading-24rpx{line-height:calc(var(--rpx, 1px)*24)}.pad\:leading-\[1\.3\]{line-height:1.3}.pad\:mx-4rpx{margin-left:calc(var(--rpx, 1px)*4);margin-right:calc(var(--rpx, 1px)*4)}.pad\:mx-auto{margin-left:auto;margin-right:auto}.pad\:my-50rpx{margin-bottom:calc(var(--rpx, 1px)*50);margin-top:calc(var(--rpx, 1px)*50)}.pad\:my-40rpx{margin-bottom:calc(var(--rpx, 1px)*40);margin-top:calc(var(--rpx, 1px)*40)}.pad\:mt-4px{margin-top:4px}.pad\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.pad\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.pad\:-mt-40rpx{margin-top:calc(var(--rpx, 1px)*-40)}.pad\:ml-24rpx{margin-left:calc(var(--rpx, 1px)*24)}.pad\:-mt-1px{margin-top:-1px}.pad\:ml-42rpx{margin-left:calc(var(--rpx, 1px)*42)}.pad\:mt-58rpx{margin-top:calc(var(--rpx, 1px)*58)}.pad\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.pad\:mb-16rpx{margin-bottom:calc(var(--rpx, 1px)*16)}.pad\:mb-124rpx{margin-bottom:calc(var(--rpx, 1px)*124)}.pad\:mb-64rpx{margin-bottom:calc(var(--rpx, 1px)*64)}.pad\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.pad\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.pad\:mt-42rpx{margin-top:calc(var(--rpx, 1px)*42)}.pad\:mr-24rpx{margin-right:calc(var(--rpx, 1px)*24)}.pad\:mt-\[-40rpx\]{margin-top:calc(var(--rpx, 1px)*-40)}.pad\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.pad\:ml-16rpx{margin-left:calc(var(--rpx, 1px)*16)}.pad\:min-h-440rpx{min-height:calc(var(--rpx, 1px)*440)}.pad\:min-h-400rpx{min-height:calc(var(--rpx, 1px)*400)}.pad\:min-h-490rpx{min-height:calc(var(--rpx, 1px)*490)}.pad\:min-h-320rpx{min-height:calc(var(--rpx, 1px)*320)}.pad\:min-h-412rpx{min-height:calc(var(--rpx, 1px)*412)}.pad\:object-cover{-o-object-fit:cover;object-fit:cover}.pad\:overflow-hidden{overflow:hidden}.pad\:p-12rpx{padding:calc(var(--rpx, 1px)*12)}.pad\:p-8rpx{padding:calc(var(--rpx, 1px)*8)}.pad\:p-16rpx{padding:calc(var(--rpx, 1px)*16)}.pad\:p-24rpx{padding:calc(var(--rpx, 1px)*24)}.pad\:py-96rpx{padding-bottom:calc(var(--rpx, 1px)*96);padding-top:calc(var(--rpx, 1px)*96)}.pad\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.pad\:px-32rpx{padding-left:calc(var(--rpx, 1px)*32);padding-right:calc(var(--rpx, 1px)*32)}.pad\:py-40rpx{padding-bottom:calc(var(--rpx, 1px)*40);padding-top:calc(var(--rpx, 1px)*40)}.pad\:px-24rpx{padding-left:calc(var(--rpx, 1px)*24);padding-right:calc(var(--rpx, 1px)*24)}.pad\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.pad\:py-32rpx{padding-bottom:calc(var(--rpx, 1px)*32);padding-top:calc(var(--rpx, 1px)*32)}.pad\:pt-49rpx{padding-top:calc(var(--rpx, 1px)*49)}.pad\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.pad\:pt-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.pad\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.pad\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.pad\:pt-20rpx{padding-top:calc(var(--rpx, 1px)*20)}.pad\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.pad\:pb-40rpx{padding-bottom:calc(var(--rpx, 1px)*40)}.pad\:pt-96rpx{padding-top:calc(var(--rpx, 1px)*96)}.pad\:pl-24rpx{padding-left:calc(var(--rpx, 1px)*24)}.pad\:pb-128rpx{padding-bottom:calc(var(--rpx, 1px)*128)}.pad\:pr-8rpx{padding-right:calc(var(--rpx, 1px)*8)}.pad\:pb-50rpx{padding-bottom:calc(var(--rpx, 1px)*50)}.pad\:absolute{position:absolute}.pad\:relative{position:relative}.pad\:top-48px{top:48px}.pad\:left-24px{left:24px}.pad\:left-227rpx{left:calc(var(--rpx, 1px)*227)}.pad\:bottom-0{bottom:0}.pad\:bottom-24rpx{bottom:calc(var(--rpx, 1px)*24)}.pad\:left-24rpx{left:calc(var(--rpx, 1px)*24)}.pad\:top-\[calc\(50\%-40rpx\)\]{top:calc(50% - var(--rpx, 1px)*40)}.pad\:left-\[calc\(50\%-70rpx\)\]{left:calc(50% - var(--rpx, 1px)*70)}.pad\:bottom-47rpx{bottom:calc(var(--rpx, 1px)*47)}.pad\:right-24rpx{right:calc(var(--rpx, 1px)*24)}.pad\:top-\[-18\.5vw\]{top:-18.5vw;top:calc(var(--vw, 1vw)*-18.5)}.pad\:left-\[-11\.4vw\]{left:-11.4vw;left:calc(var(--vw, 1vw)*-11.4)}.pad\:top-\[-22\.5vw\]{top:-22.5vw;top:calc(var(--vw, 1vw)*-22.5)}.pad\:left-\[18vw\]{left:18vw;left:calc(var(--vw, 1vw)*18)}.pad\:top-\[12vw\]{top:12vw;top:calc(var(--vw, 1vw)*12)}.pad\:left-\[-18vw\]{left:-18vw;left:calc(var(--vw, 1vw)*-18)}.pad\:-bottom-260rpx{bottom:calc(var(--rpx, 1px)*-260)}.pad\:left-\[calc\(50\%-153px\)\]{left:calc(50% - 153px)}.pad\:left-0{left:0}.pad\:right-0{right:0}.pad\:left-133rpx{left:calc(var(--rpx, 1px)*133)}.pad\:bottom-332rpx{bottom:calc(var(--rpx, 1px)*332)}.pad\:right-40rpx{right:calc(var(--rpx, 1px)*40)}.pad\:bottom-64rpx{bottom:calc(var(--rpx, 1px)*64)}.pad\:left-40rpx{left:calc(var(--rpx, 1px)*40)}.pad\:-top-130rpx{top:calc(var(--rpx, 1px)*-130)}.pad\:-left-121rpx{left:calc(var(--rpx, 1px)*-121)}.pad\:-bottom-121rpx{bottom:calc(var(--rpx, 1px)*-121)}.pad\:-right-68rpx{right:calc(var(--rpx, 1px)*-68)}.pad\:top-1\/2{top:50%}.pad\:left-\[calc\(50vw-360rpx\)\]{left:calc(50vw - var(--rpx, 1px)*360);left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*360)}.pad\:top-32rpx{top:calc(var(--rpx, 1px)*32)}.pad\:bottom-32rpx{bottom:calc(var(--rpx, 1px)*32)}.pad\:left-7rpx{left:calc(var(--rpx, 1px)*7)}.pad\:top-158rpx{top:calc(var(--rpx, 1px)*158)}.pad\:left-8rpx{left:calc(var(--rpx, 1px)*8)}.pad\:top-10rpx{top:calc(var(--rpx, 1px)*10)}.pad\:left-\[-164rpx\]{left:calc(var(--rpx, 1px)*-164)}.pad\:left-162rpx{left:calc(var(--rpx, 1px)*162)}.pad\:bottom-\[-70rpx\]{bottom:calc(var(--rpx, 1px)*-70)}.pad\:top-\[-98rpx\]{top:calc(var(--rpx, 1px)*-98)}.pad\:left-30rpx{left:calc(var(--rpx, 1px)*30)}.pad\:left-21rpx{left:calc(var(--rpx, 1px)*21)}.pad\:top-\[11\.9\%\]{top:11.9%}.pad\:left-\[30\.7\%\]{left:30.7%}.pad\:text-center{text-align:center}.pad\:text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.pad\:whitespace-nowrap{white-space:nowrap}.pad\:w-full{width:100%}.pad\:w-auto{width:auto}.pad\:w-362rpx{width:calc(var(--rpx, 1px)*362)}.pad\:w-68\.57px{width:68.57px}.pad\:w-720rpx{width:calc(var(--rpx, 1px)*720)}.pad\:w-196rpx{width:calc(var(--rpx, 1px)*196)}.pad\:w-320rpx{width:calc(var(--rpx, 1px)*320)}.pad\:w-237\.33rpx{width:calc(var(--rpx, 1px)*237.33)}.pad\:w-60rpx{width:calc(var(--rpx, 1px)*60)}.pad\:w-328rpx{width:calc(var(--rpx, 1px)*328)}.pad\:w-300rpx{width:calc(var(--rpx, 1px)*300)}.pad\:w-365rpx{width:calc(var(--rpx, 1px)*365)}.pad\:w-726rpx{width:calc(var(--rpx, 1px)*726)}.pad\:w-520px{width:520px}.pad\:w-260px{width:260px}.pad\:w-141\.44rpx{width:calc(var(--rpx, 1px)*141.44)}.pad\:w-50vw{width:50vw;width:calc(var(--vw, 1vw)*50)}.pad\:w-69vw{width:69vw;width:calc(var(--vw, 1vw)*69)}.pad\:w-86vw{width:86vw;width:calc(var(--vw, 1vw)*86)}.pad\:w-100vw{width:100vw;width:calc(var(--vw, 1vw)*100)}.pad\:w-78\.44rpx{width:calc(var(--rpx, 1px)*78.44)}.pad\:w-600rpx{width:calc(var(--rpx, 1px)*600)}.pad\:w-768rpx{width:calc(var(--rpx, 1px)*768)}.pad\:w-608rpx{width:calc(var(--rpx, 1px)*608)}.pad\:w-200rpx{width:calc(var(--rpx, 1px)*200)}.pad\:w-302rpx{width:calc(var(--rpx, 1px)*302)}.pad\:w-\[560rpx\]{width:calc(var(--rpx, 1px)*560)}.pad\:w-520rpx{width:calc(var(--rpx, 1px)*520)}.pad\:w-306px{width:306px}.pad\:w-266rpx{width:calc(var(--rpx, 1px)*266)}.pad\:w-226rpx{width:calc(var(--rpx, 1px)*226)}.pad\:w-333rpx{width:calc(var(--rpx, 1px)*333)}.pad\:w-378rpx{width:calc(var(--rpx, 1px)*378)}.pad\:w-348rpx{width:calc(var(--rpx, 1px)*348)}.pad\:w-400rpx{width:calc(var(--rpx, 1px)*400)}.pad\:w-288rpx{width:calc(var(--rpx, 1px)*288)}.pad\:w-325rpx{width:calc(var(--rpx, 1px)*325)}.pad\:w-256rpx{width:calc(var(--rpx, 1px)*256)}.pad\:w-312rpx{width:calc(var(--rpx, 1px)*312)}.pad\:w-221rpx{width:calc(var(--rpx, 1px)*221)}.pad\:w-239rpx{width:calc(var(--rpx, 1px)*239)}.pad\:w-240rpx{width:calc(var(--rpx, 1px)*240)}.pad\:w-223rpx{width:calc(var(--rpx, 1px)*223)}.pad\:w-219rpx{width:calc(var(--rpx, 1px)*219)}.pad\:w-480rpx{width:calc(var(--rpx, 1px)*480)}.pad\:w-736rpx{width:calc(var(--rpx, 1px)*736)}.pad\:w-540rpx{width:calc(var(--rpx, 1px)*540)}.pad\:w-254rpx{width:calc(var(--rpx, 1px)*254)}.pad\:w-259rpx{width:calc(var(--rpx, 1px)*259)}.pad\:w-480px{width:480px}.pad\:w-560rpx{width:calc(var(--rpx, 1px)*560)}.pad\:w-543rpx{width:calc(var(--rpx, 1px)*543)}.pad\:w-824rpx{width:calc(var(--rpx, 1px)*824)}.pad\:w-622rpx{width:calc(var(--rpx, 1px)*622)}.pad\:w-330rpx{width:calc(var(--rpx, 1px)*330)}.pad\:w-880rpx{width:calc(var(--rpx, 1px)*880)}.pad\:w-364rpx{width:calc(var(--rpx, 1px)*364)}.pad\:w-\[50\%\]{width:50%}.pad\:w-356rpx{width:calc(var(--rpx, 1px)*356)}.pad\:w-354rpx{width:calc(var(--rpx, 1px)*354)}.pad\:w-344rpx{width:calc(var(--rpx, 1px)*344)}.pad\:w-340rpx{width:calc(var(--rpx, 1px)*340)}.pad\:w-360rpx{width:calc(var(--rpx, 1px)*360)}.pad\:w-154rpx{width:calc(var(--rpx, 1px)*154)}.pad\:w-20px{width:20px}.pad\:w-366rpx{width:calc(var(--rpx, 1px)*366)}.pad\:w-316rpx{width:calc(var(--rpx, 1px)*316)}.pad\:w-336rpx{width:calc(var(--rpx, 1px)*336)}.pad\:w-145rpx{width:calc(var(--rpx, 1px)*145)}.pad\:w-358rpx{width:calc(var(--rpx, 1px)*358)}.pad\:z-4{z-index:4}.pad\:z-2{z-index:2}.pad\:transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.pad\:-translate-y-1\/2{--tw-translate-y:-50%}}@media (min-width:1024px){.pct\:font-medium{font-weight:500}.pct\:text-\[16px\]{font-size:16px;line-height:1}.pct\:text-\[48rpx\]{font-size:calc(var(--rpx, 1px)*48);line-height:1}.pct\:text-\[12px\]{font-size:12px;line-height:1}.pct\:text-\[20rpx\]{font-size:calc(var(--rpx, 1px)*20);line-height:1}.pct\:text-\[36rpx\]{font-size:calc(var(--rpx, 1px)*36);line-height:1}.pct\:text-\[16rpx\]{font-size:calc(var(--rpx, 1px)*16);line-height:1}.pct\:text-68px{font-size:68px;line-height:1}.pct\:text-20px{font-size:20px;line-height:1}.pct\:text-42px{font-size:42px;line-height:1}.pct\:text-16px{font-size:16px;line-height:1}.pct\:text-24px{font-size:24px;line-height:1}.pct\:text-12px{font-size:12px;line-height:1}.pct\:text-18px{font-size:18px;line-height:1}.pct\:text-28px{font-size:28px;line-height:1}.pct\:text-14px{font-size:14px;line-height:1}.pct\:text-30px{font-size:30px;line-height:1}.\!pct\:leading-\[100px\]{line-height:100px!important}.pct\:leading-\[20px\]{line-height:20px}.pct\:leading-\[118\%\]{line-height:118%}.pct\:leading-\[145\%\]{line-height:145%}.pct\:leading-\[24px\]{line-height:24px}.pct\:leading-\[150\%\]{line-height:150%}.pct\:leading-\[110\%\]{line-height:110%}.pct\:leading-\[1\.29\]{line-height:1.29}.pct\:leading-\[1\.5\]{line-height:1.5}.pct\:leading-\[1\.18\]{line-height:1.18}.pct\:leading-\[1\.45\]{line-height:1.45}.pct\:leading-\[1\.33\]{line-height:1.33}.pct\:leading-\[1\.4\]{line-height:1.4}.pct\:leading-\[1\.2\]{line-height:1.2}.pct\:leading-\[1\.3\]{line-height:1.3}.pct\:leading-\[1\.6\]{line-height:1.6}.pct\:leading-\[1\.57\]{line-height:1.57}.pct\:leading-\[1\.1\]{line-height:1.1}.pct\:leading-\[1\.34\]{line-height:1.34}.pct\:mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.pct\:mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.pct\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.pct\:mt-8px{margin-top:8px}.pct\:mb-10rpx{margin-bottom:calc(var(--rpx, 1px)*10)}.pct\:mt-5rpx{margin-top:calc(var(--rpx, 1px)*5)}.pct\:mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.pct\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.pct\:tracking-0\.02em{letter-spacing:.02em}.pct\:tracking-0\.035em{letter-spacing:.035em}.pct\:w-full{width:100%}}@media (min-width:2200px){.m2560\:text-16px{font-size:16px;line-height:1}.m2560\:mb-160px{margin-bottom:160px}}@media (min-aspect-ratio:2/1) and (max-width:1400px) and (min-width:1024px){.ultrawide\:bottom-16rpx{bottom:calc(var(--rpx, 1px)*16)}}@media (max-width:1023px){.mot\:rounded-12rpx{border-radius:calc(var(--rpx, 1px)*12)}.mot\:rounded-8rpx{border-radius:calc(var(--rpx, 1px)*8)}.mot\:rounded-\[14rpx\]{border-radius:calc(var(--rpx, 1px)*14)}.mot\:rounded-tl-40rpx{border-top-left-radius:calc(var(--rpx, 1px)*40)}.mot\:rounded-tr-40rpx{border-top-right-radius:calc(var(--rpx, 1px)*40)}.mot\:flex{display:flex}.mot\:flex-row-reverse{flex-direction:row-reverse}.mot\:flex-col{flex-direction:column}.mot\:flex-col-reverse{flex-direction:column-reverse}.mot\:items-end{align-items:flex-end}.mot\:items-center{align-items:center}.mot\:self-stretch{align-self:stretch}.mot\:justify-end{justify-content:flex-end}.mot\:justify-center{justify-content:center}.mot\:justify-between{justify-content:space-between}.mot\:flex-1{flex:1 1 0%}.mot\:font-medium{font-weight:500}.mot\:h-full{height:100%}.mot\:h-17rpx{height:calc(var(--rpx, 1px)*17)}.mot\:h-20rpx{height:calc(var(--rpx, 1px)*20)}.mot\:h-60rpx{height:calc(var(--rpx, 1px)*60)}.mot\:h-28px{height:28px}.mot\:h-20px{height:20px}.mot\:h-16\.8rpx{height:calc(var(--rpx, 1px)*16.8)}.mot\:h-33\.6px{height:33.6px}.mot\:h-\[calc\(var\(--content-height\)\+64rpx\)\]{height:calc(var(--content-height) + var(--rpx, 1px)*64)}.mot\:h-25rpx{height:calc(var(--rpx, 1px)*25)}.mot\:h-48px{height:48px}.mot\:h-40rpx{height:calc(var(--rpx, 1px)*40)}.mot\:h-2px{height:2px}.mot\:h-32rpx{height:calc(var(--rpx, 1px)*32)}.mot\:text-12rpx{font-size:calc(var(--rpx, 1px)*12);line-height:1}.mot\:text-10rpx{font-size:calc(var(--rpx, 1px)*10);line-height:1}.mot\:text-18rpx{font-size:calc(var(--rpx, 1px)*18);line-height:1}.mot\:text-\[11px\]{font-size:11px;line-height:1}.mot\:text-\[28px\]{font-size:28px;line-height:1}.mot\:text-\[10rpx\]{font-size:calc(var(--rpx, 1px)*10);line-height:1}.mot\:text-\[20px\]{font-size:20px;line-height:1}.mot\:text-\[14px\]{font-size:14px;line-height:1}.mot\:text-\[16rpx\]{font-size:calc(var(--rpx, 1px)*16);line-height:1}.mot\:text-\[30rpx\]{font-size:calc(var(--rpx, 1px)*30);line-height:1}.mot\:text-\[14rpx\]{font-size:calc(var(--rpx, 1px)*14);line-height:1}.mot\:text-40px{font-size:40px;line-height:1}.mot\:text-16px{font-size:16px;line-height:1}.mot\:text-30px{font-size:30px;line-height:1}.mot\:text-14px{font-size:14px;line-height:1}.mot\:text-18px{font-size:18px;line-height:1}.mot\:text-12px{font-size:12px;line-height:1}.mot\:text-20px{font-size:20px;line-height:1}.mot\:text-24px{font-size:24px;line-height:1}.mot\:text-36px{font-size:36px;line-height:1}.mot\:leading-\[130\%\]{line-height:130%}.mot\:leading-\[140\%\]{line-height:140%}.\!mot\:leading-\[125\%\]{line-height:125%!important}.mot\:leading-\[118\%\]{line-height:118%}.mot\:leading-\[145\%\]{line-height:145%}.mot\:leading-\[24px\]{line-height:24px}.mot\:leading-\[150\%\]{line-height:150%}.mot\:leading-\[125\%\]{line-height:125%}.mot\:leading-\[22rpx\]{line-height:calc(var(--rpx, 1px)*22)}.mot\:leading-\[1\.2\]{line-height:1.2}.mot\:leading-\[1\.5\]{line-height:1.5}.mot\:leading-\[1\.25\]{line-height:1.25}.mot\:leading-\[1\.57\]{line-height:1.57}.mot\:leading-\[1\.3\]{line-height:1.3}.mot\:leading-\[1\.4\]{line-height:1.4}.mot\:leading-\[1\.6\]{line-height:1.6}.mot\:leading-\[1\.28\]{line-height:1.28}.mot\:leading-\[1\.67\]{line-height:1.67}.mot\:leading-\[1\.42\]{line-height:1.42}.mot\:leading-\[1\.34\]{line-height:1.34}.mot\:mx-12rpx{margin-left:calc(var(--rpx, 1px)*12);margin-right:calc(var(--rpx, 1px)*12)}.mot\:my-8rpx{margin-bottom:calc(var(--rpx, 1px)*8);margin-top:calc(var(--rpx, 1px)*8)}.mot\:mt-4px{margin-top:4px}.mot\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.mot\:mb-16rpx{margin-bottom:calc(var(--rpx, 1px)*16)}.mot\:mb-6rpx{margin-bottom:calc(var(--rpx, 1px)*6)}.mot\:mr-4rpx{margin-right:calc(var(--rpx, 1px)*4)}.mot\:mt-6rpx{margin-top:calc(var(--rpx, 1px)*6)}.mot\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.mot\:mt-\[-64rpx\]{margin-top:calc(var(--rpx, 1px)*-64)}.mot\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.mot\:ml-4rpx{margin-left:calc(var(--rpx, 1px)*4)}.mot\:mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.mot\:mt-40rpx{margin-top:calc(var(--rpx, 1px)*40)}.mot\:mt-14rpx{margin-top:calc(var(--rpx, 1px)*14)}.mot\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.mot\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.mot\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.mot\:ml-10rpx{margin-left:calc(var(--rpx, 1px)*10)}.mot\:min-h-55rpx{min-height:calc(var(--rpx, 1px)*55)}.mot\:object-right{-o-object-position:right;object-position:right}.mot\:opacity-85{opacity:.85}.mot\:opacity-95{opacity:.95}.mot\:opacity-65{opacity:.65}.mot\:opacity-45{opacity:.45}.mot\:overflow-hidden{overflow:hidden}.mot\:p-12rpx{padding:calc(var(--rpx, 1px)*12)}.mot\:p-16rpx{padding:calc(var(--rpx, 1px)*16)}.mot\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.mot\:px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.mot\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.mot\:py-96rpx{padding-bottom:calc(var(--rpx, 1px)*96);padding-top:calc(var(--rpx, 1px)*96)}.mot\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.mot\:py-9rpx{padding-bottom:calc(var(--rpx, 1px)*9);padding-top:calc(var(--rpx, 1px)*9)}.mot\:px-18rpx{padding-left:calc(var(--rpx, 1px)*18);padding-right:calc(var(--rpx, 1px)*18)}.mot\:py-6px{padding-bottom:6px;padding-top:6px}.mot\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.mot\:pt-16rpx{padding-top:calc(var(--rpx, 1px)*16)}.mot\:pb-12rpx{padding-bottom:calc(var(--rpx, 1px)*12)}.mot\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.mot\:pt-96rpx{padding-top:calc(var(--rpx, 1px)*96)}.mot\:pt-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.mot\:pt-32rpx{padding-top:calc(var(--rpx, 1px)*32)}.mot\:pb-16rpx{padding-bottom:calc(var(--rpx, 1px)*16)}.mot\:pb-32rpx{padding-bottom:calc(var(--rpx, 1px)*32)}.mot\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.mot\:top-0{top:0}.mot\:right-0{right:0}.mot\:top-15px{top:15px}.mot\:top-12px{top:12px}.mot\:bottom-12rpx{bottom:calc(var(--rpx, 1px)*12)}.mot\:right-12rpx{right:calc(var(--rpx, 1px)*12)}.mot\:text-\[\#ffffff\]{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.mot\:text-\[\#000000\],.mot\:text-\[\#000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.mot\:tracking-\[0\.5px\]{letter-spacing:.5px}.mot\:tracking-0\.02em{letter-spacing:.02em}.mot\:tracking-0\.041em{letter-spacing:.041em}.mot\:tracking-0\.07em{letter-spacing:.07em}.mot\:w-full{width:100%}.mot\:w-20rpx{width:calc(var(--rpx, 1px)*20)}.mot\:w-60rpx{width:calc(var(--rpx, 1px)*60)}.mot\:w-\[calc\(50\%-2rpx\)\]{width:calc(50% - var(--rpx, 1px)*2)}.mot\:w-28px{width:28px}.mot\:w-20px{width:20px}.mot\:w-38rpx{width:calc(var(--rpx, 1px)*38)}.mot\:w-162rpx{width:calc(var(--rpx, 1px)*162)}.mot\:w-264rpx{width:calc(var(--rpx, 1px)*264)}.mot\:w-40rpx{width:calc(var(--rpx, 1px)*40)}.mot\:w-150rpx{width:calc(var(--rpx, 1px)*150)}.mot\:w-32rpx{width:calc(var(--rpx, 1px)*32)}.mot\:w-17rpx{width:calc(var(--rpx, 1px)*17)}.mot\:full{height:100%;width:100%}}.zn--wrapper{align-items:center;color:#000;display:flex;flex-direction:column;font-size:16px}.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]):not(.loaded){opacity:0}.zn--wrapper *{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;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.zn--wrapper sup{font-size:60%;top:-.8em}.oppo-navbar-v2{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:calc(var(--rpx, 1px)*320)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container{bottom:0;left:calc(50vw - 20px)!important;left:calc(var(--vw, 1vw)*50 - 20px)!important;transform:translate(-50%)}[data-comp-gallery] .images-container{padding-left:0;padding-right:0;touch-action:pan-y}[data-comp-gallery] .images-container img{-o-object-fit:cover;object-fit:cover}[data-comp-gallery] .swiper-slide>*{max-width:100%}[data-comp-gallery] .double-button .button{transition:opacity .4s;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-comp-gallery] .double-button .button:first-child{opacity:.5}[data-comp-gallery] .color-switch>div>div{overflow:visible}[data-comp-gallery] .circle-button{align-items:center;display:inline-flex;overflow:visible;position:relative}[data-comp-gallery] .circle-button:before{border-color:var(--border-color,transparent);border-radius:50%;border-style:solid;border-width:1px;content:"";height:var(--btn-w,"150%");left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:border-color .3s;width:var(--btn-w,"150%")}[data-comp-gallery] .circle-button:after{content:var(--s-text," ");font-size:var(--t-size);left:100%;line-height:var(--t-line-height);margin-left:var(--t-left);opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:.5s;white-space:nowrap}[data-comp-gallery] .circle-button.active:after{opacity:1}[data-comp-gallery].comp-light-theme .double-button .button{transition:background .4s}[data-comp-gallery].comp-light-theme .double-button .button:hover{background:#333}[data-comp-gallery].comp-dark-theme .double-button .button{transition:background .4s}[data-comp-gallery].comp-dark-theme .double-button .button:hover{background:#eaeaea}#section-tablist .left-img>div:first-child>div{opacity:0;transition:all .5s}#section-tablist .options{scrollbar-width:none}#section-tablist .options::-webkit-scrollbar{display:none}#section-tablist .options a{border-bottom:1px solid #efede9;transition:all .5s}#section-tablist .options a:first-child{border-radius:8px 8px 0 0}#section-tablist .options a:last-child{border-bottom:0;border-radius:0 0 8px 8px}#section-tablist .options a.active{background-color:#f5f4f0}#section-tablist .options a.active .content{opacity:1}#section-tablist .options a.active .title img{opacity:0;transform:rotateX(180deg)}#section-tablist .options .title div:first-child{transform-origin:left center;transition:all .5s}#section-tablist .options .title img{opacity:1;transition:all .5s}#section-tablist .options .content{opacity:0;transition:all .5s}#section-tablist .activeImg{opacity:1!important}.ksp-wrapper .image,.ksp-wrapper .image-container{flex-grow:1;flex-shrink:1}.ksp-wrapper .image img,.ksp-wrapper .image-container img{height:100%}.ksp-wrapper img{-o-object-fit:cover;object-fit:cover;width:100%}.ksp-wrapper .mid-vertical div:first-child,.ksp-wrapper>:first-child>:first-child,.ksp-wrapper>:nth-child(2)>:nth-child(2),.ksp-wrapper>:nth-child(2)>:nth-child(2)>:first-child>:first-child{flex:1}.ksp-wrapper .text-wrapper{flex:0 0 auto;height:auto}[data-hover-scale]{cursor:pointer;overflow:hidden}[data-hover-scale] img:not(.svg-container):not(.svg-like){transition:.5s}[data-hover-scale]:hover img:not(.svg-container):not(.svg-like){transform:scale(1.15)}img[data-hover-scale]{transition:.5s}img[data-hover-scale]:hover{transform:scale(1.15)}[data-comp-multi-feature-card].comp-dark-theme .container{background:#753333}[data-comp-multi-feature-card].comp-dark-theme .line{border-color:#fff}[data-comp-multi-feature-card].comp-light-theme .container{background:#f8f8f8}[data-comp-multi-feature-card].comp-light-theme .line{border-color:#000}[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .on-btn{color:#fff}[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .on-btn.active{color:#000}[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .off-btn{color:#fff}[data-comp-multi-feature-card] .switch-btns.dark .btn-wrapper .off-btn.active{color:#000}[data-comp-multi-feature-card] .media:not(.active){opacity:0;pointer-events:none}[data-comp-multi-feature-card] .collapse-card{cursor:pointer;height:var(--min-h);position:relative;transition:height .4s}[data-comp-multi-feature-card] .collapse-card .text-wrapper{max-width:96%}[data-comp-multi-feature-card] .collapse-card>div:first-child{height:100%}[data-comp-multi-feature-card] .collapse-card p:first-child{display:flex;padding-bottom:10px;transform-origin:left 30%;transition:transform .4s,opacity .4s}html[dir=rtl] .collapse-card p:first-child{transform-origin:right 30%}[data-comp-multi-feature-card] .collapse-card .links,[data-comp-multi-feature-card] .collapse-card p:nth-child(2){transition:opacity .4s}[data-comp-multi-feature-card] .collapse-card img.button{position:absolute;right:0;top:0;transition:transform .4s}html[dir=rtl] .collapse-card img.button{left:0;right:auto;top:0}[data-comp-multi-feature-card] .collapse-card img.button .v{transition:transform .4s}[data-comp-multi-feature-card] .collapse-card:not(.active) p:first-child{transform:scale(var(--scale-0,1))}[data-comp-multi-feature-card] .collapse-card:not(.active) .links,[data-comp-multi-feature-card] .collapse-card:not(.active) p:nth-child(2){opacity:0}[data-comp-multi-feature-card] .collapse-card.active{height:var(--max-h)}[data-comp-multi-feature-card] .collapse-card.active img.button .v{transform:scaleY(0)}[data-comp-multi-feature-card] .collapse-card.active>img.button{-webkit-clip-path:inset(47% 0);clip-path:inset(47% 0)}[data-comp-multi-feature-card] .image-group>.image-group>.image-group:not(:first-child){display:none}[data-comp-multi-feature-card] .image-group .switch-button>:not(.slide){background:transparent;position:relative;z-index:1}[data-comp-multi-feature-card] .image-group .switch-button .slide{left:calc(var(--rpx, 1px)*2);position:absolute;transition:transform .4s}[data-comp-multi-feature-card] .image-group .switch-button .slide>*{color:transparent}[data-comp-multi-feature-card] .image-group .switch-button[status="1"] .slide{transform:translate(100%)}[data-comp-multi-feature-card] .image-group .switch-button[status="1"] :first-child>*{color:#fff}[data-comp-multi-feature-card] .image-group .switch-button[status="1"] :nth-child(2)>*{color:#000}[data-comp-multi-feature-card].ar .collapse-card img.button{left:0;margin-left:0;margin-right:calc(var(--rpx, 1px)*44);right:auto}[data-comp-multi-feature-card].ar .collapse-card>div:first-child p:first-child{transform-origin:top right}[ani-will-change-view] .will-change{will-change:var(--will-change)}[ani-will-change-view] .will-change-opacity{will-change:var(--will-change-opacity)}[ani-will-change-view] .will-change-clip{will-change:var(--will-change-clip)}[ani-will-change-view] .will-change-wh{will-change:var(--will-change-wh)}.fix-round{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}.inset-shadow-black{box-shadow:0 0 0 1px #000,inset 0 0 0 1px #000}.inset-shadow-black,.inset-shadow-white{height:100%;pointer-events:none;position:absolute;width:100%;z-index:49}.inset-shadow-white{box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #fff}#color-os .bg-1{background:linear-gradient(134.41deg,#dae9ff,#f3fbff)}#color-os .bg-2{background:linear-gradient(134.41deg,#e5ecf6,#f5f7f7 57.6%,#f6f3e7)}#color-os .bg-3{background:linear-gradient(143.79deg,#dae9ff 9.52%,#f3fbff 105.44%,#fffae5 138.71%)}#color-os .bg-4{background:radial-gradient(192.72% 164.85% at 5.3% 0,#a9cbff 6.58%,#dfefff 34.76%,#f3fbff 53.49%,#f0f5ff 66.09%,#e1dbff 100%)}#color-os #ai .hidden{display:none}#gemini-advanced .text-bg{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(90deg,#1374ff,#b295fe);-webkit-background-clip:text;background-clip:text}#gaming-part .bg-Highlight:before{background:linear-gradient(133.38deg,rgba(139,172,227,.3),rgba(17,78,123,.6) 40%,rgba(17,78,123,.6) 60%,rgba(139,172,227,.3));height:100%;left:0;top:0;width:100%}#gaming-part .bg-Highlight:after,#gaming-part .bg-Highlight:before{border-radius:calc(var(--rpx, 1px)*12);content:"";overflow:hidden;position:absolute}#gaming-part .bg-Highlight:after{background:linear-gradient(0deg,rgba(233,241,255,.02),rgba(233,241,255,.02)),radial-gradient(190.03% 133.95% at 54.02% 50.06%,#0c0b0e 26.5%,#0c151f 36.93%,#0d1a27 50.03%,#053760 60.2%,#4e9ab5 76.5%,#d1f9ed 93.9%);height:calc(100% - 2px);left:1px;top:1px;width:calc(100% - 2px);z-index:1}#gaming-part .theme-bg{background:radial-gradient(96.8% 96.8% at 21.11% -3.67%,#28292d 0,#0d0e11 100%)}#gaming-part .play-smoothly-bg{background:linear-gradient(0deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.03)),radial-gradient(265.49% 434.55% at 100% 100.05%,#08080a 24.51%,#071828 39.74%,#053760 59.68%,#4e9ab5 76.5%,#d1f9ed 93.9%)}[ani-bottom-tit]{color:#fff}[ani-bottom-tit] .text-bg1{background:linear-gradient(90deg,hsla(0,0%,100%,.5),#fff)}[ani-bottom-tit] .text-bg2{background:linear-gradient(90deg,#0064ff,#5e85ff 50.27%,#5bfeff)}[ani-bottom-tit] .text-bg3{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.5))}[ani-bottom-tit] .text-bg4{background:radial-gradient(45.96% 192.28% at 51.49% 100%,#fff 31.64%,hsla(0,0%,100%,.5) 100%)}[ani-bottom-tit] .text-bg1,[ani-bottom-tit] .text-bg2,[ani-bottom-tit] .text-bg3,[ani-bottom-tit] .text-bg4{-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}[ani-engine] .circle1,[ani-engine] .circle2{animation:flashing 1.5s ease-in-out infinite;opacity:0}[ani-engine] .circle2{animation-delay:.2s!important}@keyframes flashing{0%,to{opacity:0}50%{opacity:.5}}@keyframes flashing-mo{0%,to{opacity:0}50%{opacity:1}}[ani-heat-dissipation] .img-group img{backface-visibility:hidden}[ani-heat-dissipation] .mask-l{background:linear-gradient(90deg,#000,transparent)}[ani-heat-dissipation] .mask-r{background:linear-gradient(90deg,transparent,#000)}[ani-antenna] .option-wrapper .text-wrapper .button{transition:opacity .3s}[ani-antenna] .option-wrapper .text-wrapper .button:before{background-color:#fff;content:"";height:2px;left:0;position:absolute;top:calc(50% - 1px);width:100%}[ani-antenna] .option-wrapper .text-wrapper .button:after{background-color:#fff;content:"";height:100%;left:calc(50% - 1px);position:absolute;top:0;transition:transform .2s;width:2px}[ani-antenna] .option-wrapper .text-wrapper .rotate-after{opacity:0}#battery-section sub{bottom:1px;font-size:40%}#battery-section.show-text2 .text-box1{opacity:0;transform:translateY(calc(var(--rpx, 1px)*-30))}#battery-section.show-text2 .text-box2{opacity:1;transform:translateY(0)}#frame-booster .bg1{background:radial-gradient(226.21% 112.98% at 50% 27.26%,#090c11 36.89%,#2d3e4f 49.84%,#6e9cca 70.37%)}#frame-booster .bg2{background:radial-gradient(100% 100% at 0 0,#6793bd 10.08%,#425e79 27.8%,#243442 48.54%,#1b2630 60.42%,#131a22 74.32%,#0a0d11 100%)}#other-products .tit-bg{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(267.26deg,#b3b3b3 -10.3%,#262525 47.39%,#b3b3b3 105.08%);-webkit-background-clip:text;background-clip:text}#other-products.one-type .card{flex-direction:row;margin:0 auto}#other-products.one-type .card .image-box,#other-products.one-type .card .text-container{align-self:stretch;height:auto;width:50%}#other-products.two-type .card{margin-top:0}.text-bg-in{-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}#section-ai{--light:"#2DE3F100"}#section-ai .clip-mask{-webkit-clip-path:inset(0 0 2px 0);clip-path:inset(0 0 2px 0)}#section-ai .end-mask{background:linear-gradient(0deg,#000,transparent 50%)}#section-ai .btn-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:60px;transform:translateZ(0)}#section-ai .swiper-button-disabled{cursor:not-allowed;opacity:.3;pointer-events:none}#section-ai .swiper-box{overflow:hidden;position:relative}#section-ai .swiper-box .swiper-content{display:flex;position:relative;transition:transform .3s ease-out}#section-ai .gradient-text{background:linear-gradient(90deg,#5bfeff,#5e9eff);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.windows #section-ai .gradient-text{line-height:135%}#section-ai .mask{background:linear-gradient(180deg,#000,transparent)}#section-ai .progress-bar .line{transition:transform .3s ease-out}#section-ai .set-opacity{opacity:.4}#section-ai .ai-title-blue{color:#fff;text-shadow:0 0 2px var(--light,#f0f),0 0 5px var(--light,#f0f),0 0 7px var(--light,#f0f),0 0 10px var(--light,#f0f)}#section-ai .scene-2 .radio-1 img{transform:translate3d(-50%,-50%,0);transition:all .5s ease-out}#section-ai .scene-2 .radio-2 img{transform:translate3d(50%,50%,0);transition:all .5s ease-out}#section-ai .level-wrap .get-img:not(:last-child){opacity:0}#section-ai .level-wrap .get-img:first-child{transform:translateY(calc(var(--rpx, 1px)*30)) translate(calc(var(--rpx, 1px)*0));transform:translateY(calc(var(--rpx, 1px)*50)) translate(calc(var(--rpx, 1px)*0));transition:all .4s ease-out}#section-ai .level-wrap .get-img:nth-child(2){transform:none;transition:opacity .1s ease-out}#section-ai .end-mask{pointer-events:none}#section-ai .scene-2.active .radio-1 img{transform:translateZ(0);transition-delay:.2s}#section-ai .scene-2.active .radio-2 img{transform:translateZ(0);transition-delay:.4s}#section-ai .scene-2.active .level-wrap .get-img{opacity:1}#section-ai .scene-2.active .level-wrap .get-img:first-child,#section-ai .scene-2.active .level-wrap .get-img:nth-child(2){transform:translateY(0) translate(calc(var(--rpx, 1px)*0))}#section-ai .scene-2.active .level-wrap .get-img:nth-child(2){transition:opacity .1s ease-out .3s}#section-ai .trigger-img .get-img{opacity:0}#section-ai .trigger-img .get-img:not(:last-child){transform:translateY(calc(var(--rpx, 1px)*30)) translate(calc(var(--rpx, 1px)*40));transition:all .5s ease-out}#section-ai .trigger-img .get-img:last-child{transition:opacity .2s ease-out .3s}#section-ai .mot-ani .radio-1 img{transform:translate3d(-50%,-50%,0);transition:all .5s ease-out}#section-ai .mot-ani .radio-2 img{transform:translate3d(50%,50%,0);transition:all .5s ease-out}#section-ai .mot-ani.active .radio-1 img{transform:translateZ(0);transition-delay:.2s}#section-ai .mot-ani.active .radio-2 img{transform:translateZ(0);transition-delay:.4s}#section-ai .mot-ani.active .trigger-img .get-img{opacity:1}#section-ai .mot-ani.active .trigger-img .get-img:not(:last-child){transform:translateY(0) translate(0)}#section-ai .black-gradient{background:linear-gradient(180deg,transparent,#000);height:calc(var(--rpx, 1px)*400)}#section-ai .control-opacity{animation:lightSparkle 3s ease-in-out infinite;opacity:0}#section-ai .control-opacity:first-child{animation-delay:0s;animation-name:lightSparkleBase}#section-ai .control-opacity:nth-child(2){animation-delay:.2s;animation-name:lightSparkleMove2}#section-ai .control-opacity:nth-child(3){animation-delay:.35s;animation-name:lightSparkleMove3}#section-ai .control-opacity:nth-child(4){animation-delay:.45s;animation-name:lightSparkleMove4}#section-ai .control-opacity:nth-child(5){animation-delay:.65s;animation-name:lightSparkleMove5}#section-ai .text-1 p{opacity:1;transform:translateY(0);transition:.5s}#section-ai .text-1.leave p{opacity:0;transform:translateY(-50px)}#section-ai .text-2 p{opacity:0;transform:translateY(50px);transition:.5s}#section-ai .text-2.enter p{opacity:1;transform:translateY(0)}#section-ai .center-text .p1{-webkit-clip-path:inset(-19%);clip-path:inset(-19%)}#section-ai .center-text .p1 p{line-height:1.2}#section-ai .center-text .p2{opacity:1;transition:transform .5s}#section-ai .center-text .text-after,#section-ai .center-text .text-before{transition:transform .5s}#section-ai .center-text .text-before{transform:translateY(0);transition-delay:.4s}#section-ai .center-text .text-after{transform:translateY(160%);transition-delay:0s}#section-ai .center-text.change .text-before{transform:translateY(-160%);transition-delay:0s}#section-ai .center-text.change .text-after{transform:translateY(0);transition-delay:.4s}#section-ai .center-text.change .p2{opacity:0}#section-ai .bg-wrapper{transform-origin:10% 10%}.windows .fix-windows-leading{line-height:135%}@keyframes lightSparkle{0%{opacity:0}16.7%{opacity:1}50%{opacity:1}66.7%{opacity:0}to{opacity:0}}@keyframes lightSparkleBase{0%{opacity:.3}25%{opacity:.6}40%{opacity:1}60%{opacity:1}75%{opacity:.6}85%{opacity:.3}to{opacity:.3}}@keyframes lightSparkleMove2{0%{opacity:0;transform:translate(-15px,-20px)}16.7%{opacity:1;transform:translate(-8px,-10px)}33.3%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translate(8px,10px)}66.7%{opacity:0;transform:translate(15px,20px)}to{opacity:0;transform:translate(20px,25px)}}@keyframes lightSparkleMove3{0%{opacity:0;transform:translate(20px,-25px)}16.7%{opacity:1;transform:translate(12px,-15px)}33.3%{opacity:1;transform:translate(4px,-5px)}50%{opacity:1;transform:translate(-4px,5px)}66.7%{opacity:0;transform:translate(-12px,15px)}to{opacity:0;transform:translate(-20px,25px)}}@keyframes lightSparkleMove4{0%{opacity:0;transform:translate(0)}16.7%{opacity:1;transform:translate(6px,12px)}33.3%{opacity:1;transform:translate(-10px,-4px)}50%{opacity:1;transform:translate(14px,-8px)}66.7%{opacity:0;transform:translate(-7px,6px)}to{opacity:0;transform:translate(0)}}@keyframes lightSparkleMove5{0%{opacity:0;transform:translate(0)}16.7%{opacity:1;transform:translate(-12px,-6px)}33.3%{opacity:1;transform:translate(8px,14px)}50%{opacity:1;transform:translate(-4px,-10px)}66.7%{opacity:0;transform:translate(9px,3px)}to{opacity:0;transform:translate(0)}}.scale-img{will-change:transform}.section-title-mask{will-change:opacity}#section-kv .ksp-text-wrp{width:calc(100% - var(--rpx, 1px)*44)}#section-kv .pad-card-1{background:linear-gradient(180deg,rgba(194,226,248,0),rgba(125,181,233,.9))}#section-detail .mask{background:linear-gradient(180deg,#fff,hsla(0,0%,100%,.99) 6.67%,hsla(0,0%,100%,.96) 13.33%,hsla(0,0%,100%,.92) 20%,hsla(0,0%,100%,.85) 26.67%,hsla(0,0%,100%,.77) 33.33%,hsla(0,0%,100%,.67) 40%,hsla(0,0%,100%,.56) 46.67%,hsla(0,0%,100%,.44) 53.33%,hsla(0,0%,100%,.33) 60%,hsla(0,0%,100%,.23) 66.67%,hsla(0,0%,100%,.15) 73.33%,hsla(0,0%,100%,.08) 80%,hsla(0,0%,100%,.04) 86.67%,hsla(0,0%,100%,.01) 93.33%,hsla(0,0%,100%,0));transform-origin:50% 0}#section-light .bg{background-color:#fff6;border:1px solid hsla(0,0%,100%,.3)}#section-glass [data-index="0"] .card-0 .phone,#section-glass [data-index="1"] .card-1 .phone,#section-glass [data-index="2"] .card-2 .phone{transform:translateZ(0)!important}#section-glass .card{overflow:hidden;position:relative}#section-glass .card-0 .phone{bottom:0;position:absolute}#section-glass .card-1{-o-object-position:top;object-position:top}#section-glass .card-2 .phone{position:absolute}#section-screen{background:linear-gradient(180deg,#fff 28.9%,#e3ecf2 51.48%,#94c7e1 69.67%,#90cbd8 90.37%)}#section-color .light-0{animation:bgRound0 11s linear infinite reverse;transform-origin:20% 50%}#section-color .light-1{animation:bgRound1 11s linear infinite reverse;transform-origin:50% 60%}#section-color .light-2{animation:bgRound2 13s linear infinite reverse;transform-origin:44% 60%}#section-color .btn{border-color:transparent;border-radius:52px;border-style:solid}#section-color .btn-inner-0{background:radial-gradient(132.95% 97.68% at 25% 12.5%,#ddfdff 0,#c3e4ff 58.85%,#ddd3f9 100%)}#section-color .btn-inner-1{background:linear-gradient(327.45deg,#2e5f4c 14.41%,#69bb9a 86.52%)}#section-color .btn-inner-2{background:linear-gradient(327.45deg,#c5817b 14.41%,#f2d6d3 86.52%)}#section-color .btn-0{background-image:radial-gradient(circle,#fff 99%,transparent 100%),linear-gradient(136.89deg,#c2e7ff 15.63%,#c6d1ff 86.8%)}#section-color .btn-1{background-image:radial-gradient(circle,#fff 99%,transparent 100%),linear-gradient(136.89deg,#66b595 15.63%,#3d765f 86.8%)}#section-color .btn-2{background-image:radial-gradient(circle,#fff 99%,transparent 100%),linear-gradient(136.89deg,#ecccc8 15.63%,#ca8a84 86.8%)}#section-color .circle-0{animation-delay:0s;animation:blink0 2.7s infinite}#section-color .circle-1{animation-delay:.25s;animation:blink1 3s infinite}#section-color .circle-2{animation-delay:.35s;animation:blink2 2.5s infinite}#section-color .circle-3{animation-delay:.1s;animation:blink3 2s infinite}#section-color .color-btn{width:-moz-fit-content;width:fit-content}#section-color .right-bg-pink{background:radial-gradient(43.99% 43.99% at 50% 0,#432221 0,#1e0101 100%)}#section-color .right-bg-gray{background:radial-gradient(43.99% 43.99% at 50% 0,#131416 0,#070606 100%)}#section-color .right-bg-blue{background:radial-gradient(43.99% 43.99% at 50% 0,#7ed4ff 0,#60bbf7 100%)}#section-color .right-bg-white{background:radial-gradient(43.99% 43.99% at 50% 0,#d2b7a9 0,#92655a 100%)}#section-color .right-bg-green{background:radial-gradient(43.99% 43.99% at 50% 0,#151916 0,#000 100%)}#section-color .right-bg-in-green{background:radial-gradient(55.85% 55.85% at 50% 0,#040d04 0,#020706 100%)}#section-color .right-bg-in-white{background:radial-gradient(55.85% 55.85% at 50% 0,#cfc9d0 0,#e7e2da 100%)}#section-color .right-bg-in-mint{background:radial-gradient(55.85% 55.85% at 50% 0,#91e0d3 0,#005f5e 100%)}@keyframes bgRound0{0%{transform:rotate(0) skew(0) translate(-10%)}50%{transform:rotate(180deg) skew(30deg) translate(2%)}to{transform:rotate(1turn) skew(0) translate(-10%)}}@keyframes bgRound1{0%{transform:rotate(1turn) scale(.8) translateY(2%) translate(-1.5%)}50%{transform:rotate(180deg) scale(.8) translateY(5%) translate(-3%)}to{transform:rotate(0) scale(.8) translateY(2%) translate(-1.5%)}}@keyframes bgRound2{0%{transform:rotate(0) skew(0) scale(1) translateY(5%) translate(0)}50%{transform:rotate(180deg) skew(30deg) scale(.8) translateY(1%) translate(-1%)}to{transform:rotate(1turn) skew(0) scale(1) translateY(5%) translate(0)}}@keyframes blink0{0%,to{opacity:.1}50%{opacity:.42}}@keyframes blink1{0%,to{opacity:0}50%{opacity:.38}}@keyframes blink2{0%,to{opacity:0}50%{opacity:.05}}@keyframes blink3{0%,to{opacity:0}50%{opacity:.12}}#section-os-card .bg-img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}#section-hdr .animated-gradient{-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;background-position:200% 0;background-size:500% auto}#section-water{-webkit-clip-path:inset(1px 0);clip-path:inset(1px 0)}.section-title .section-title-wrp .section-title-black0{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#000 18.51%,rgba(0,0,0,.5) 97.15%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-black0-mo{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#000 80.94%,rgba(0,0,0,.5) 136.18%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-black0-pad{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#000 18.51%,rgba(0,0,0,.5) 97.15%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-black1{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,rgba(0,0,0,.5) 3.35%,#000);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-black1-mo{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#000 41.59%,rgba(0,0,0,.5));background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-black1-pad{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#000 33.96%,rgba(0,0,0,.5) 99.55%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-blue{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#1b74ff,#a880ff 96.79%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-white0{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,hsla(0,0%,100%,.5),#fff);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-white0-mo{-webkit-text-fill-color:transparent;background:radial-gradient(50% 180.94% at 50% 99.83%,hsla(0,0%,100%,.95) 42.23%,hsla(0,0%,100%,.475) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-white0-pad{-webkit-text-fill-color:transparent;background:radial-gradient(210.85% 763.02% at -110.38% 59.38%,hsla(0,0%,100%,.25) 42.23%,hsla(0,0%,100%,.95) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-white1{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.5));background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-white1-mo{-webkit-text-fill-color:transparent;background:radial-gradient(100.25% 362.8% at -.47% -.17%,hsla(0,0%,100%,.95) 42.23%,hsla(0,0%,100%,.475) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .section-title-wrp .section-title-white1-pad{-webkit-text-fill-color:transparent;background:radial-gradient(95% 343.79% at 95.24% 50%,hsla(0,0%,100%,.45) 33.23%,hsla(0,0%,100%,.95) 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.section-title .gradient-cover{background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 25%,#fff 75%,hsla(0,0%,100%,0))}.section-title .gradient-cover-black{background:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent)!important}.title-all-wrp{display:flex;justify-content:center;margin:0 auto;text-align:center}#section-master .v-clip-path-1{-webkit-clip-path:inset(1px round calc(var(--rpx, 1px)*12));clip-path:inset(1px round calc(var(--rpx, 1px)*12))}#section-master .set-opacity{opacity:.4}#section-master .replay{pointer-events:none}#section-master .replay.actived{cursor:pointer;pointer-events:auto}#section-master .gradient-text div{-webkit-text-fill-color:transparent;background:linear-gradient(267deg,#b3b3b3 -10.3%,#262525 47.39%,#b3b3b3 105.08%);background-clip:text;-webkit-background-clip:text}#section-master .set-rotate{transform:rotate(10deg);transform-origin:50% 50%}#section-master .set-rotate .swiper-box .img-item{align-items:center;display:flex;justify-content:center;transform:rotate(-10deg)}#section-master .set-rotate .swiper-box .img-item img{border-radius:20px;overflow:hidden;transform-origin:50% 50%}#section-master .video-master canvas,#section-master .video-master img,#section-master .video-master video{height:104%;left:-1%;top:-1%;width:102%}#section-live-photo .set-opacity{opacity:.4}#section-live-photo .set-mo-btn{transform-origin:right top}.cus-bg-orange-wrapper{height:calc(var(--rpx, 1px)*1019);-webkit-mask-image:linear-gradient(180deg,#000 90%,transparent);mask-image:linear-gradient(180deg,#000 90%,transparent);width:100%}.cus-gradient-left-bottom,.cus-gradient-left-top,.cus-gradient-right-bottom,.cus-gradient-right-top{animation:blink-half 5s linear infinite;height:calc(var(--rpx, 1px)*1019);left:0;position:absolute;top:0;width:calc(var(--rpx, 1px)*1440);z-index:1}.cus-gradient-left-bottom img,.cus-gradient-left-top img,.cus-gradient-right-bottom img,.cus-gradient-right-top img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cus-gradient-right-bottom,.cus-gradient-right-top{animation-delay:2s;animation-duration:5.1s;left:auto;right:0}.cus-gradient-right-bottom img,.cus-gradient-right-top img{transform:scaleX(-1)}.cus-gradient-right-bottom{animation-duration:6.2s;top:20vh;top:calc(var(--vh, 1vh)*20)}.cus-gradient-right-bottom img{transform:scaleY(-1) scaleX(-1)}.cus-gradient-left-bottom{animation-duration:7.4s;top:20vh;top:calc(var(--vh, 1vh)*20)}.cus-gradient-left-bottom img{transform:scaleY(-1)}.cus-gradient-circle{animation:blink 1s linear infinite;position:absolute;z-index:2}.cus-gradient-circle .circle-text{color:#fff;display:none;font-size:calc(var(--rpx, 1px)*24);font-weight:500;left:50%;letter-spacing:.02em;line-height:calc(var(--rpx, 1px)*32);position:absolute;top:50%;transform:translate(-50%,-50%)}.cus-gradient-circle.circle-0{animation-delay:0s;animation-duration:1.5s;height:calc(var(--rpx, 1px)*266);left:0;top:calc(var(--rpx, 1px)*400);width:calc(var(--rpx, 1px)*170)}.cus-gradient-circle.circle-1{animation-delay:0s;animation-duration:1.25s;height:calc(var(--rpx, 1px)*218);right:0;top:calc(var(--rpx, 1px)*100);width:calc(var(--rpx, 1px)*98)}.cus-gradient-circle.circle-2{animation-delay:0s;animation-duration:2s;height:calc(var(--rpx, 1px)*100);right:calc(var(--rpx, 1px)*28);top:calc(var(--rpx, 1px)*215);width:calc(var(--rpx, 1px)*100)}.cus-gradient-circle.circle-3{animation-delay:0s;animation-duration:1.78s;height:calc(var(--rpx, 1px)*200);right:calc(var(--rpx, 1px)*226);top:calc(var(--rpx, 1px)*227);width:calc(var(--rpx, 1px)*200)}.cus-gradient-circle.circle-4{animation-delay:0s;animation-duration:2.5s;bottom:calc(var(--rpx, 1px)*26);height:calc(var(--rpx, 1px)*148);left:calc(var(--rpx, 1px)*219);width:calc(var(--rpx, 1px)*148)}.cus-gradient-circle.circle-5{animation-delay:.5s;animation-duration:1.5s;bottom:calc(var(--rpx, 1px)*251);height:calc(var(--rpx, 1px)*116);right:calc(var(--rpx, 1px)*33);width:calc(var(--rpx, 1px)*116)}.cus-gradient-circle.circle-6{animation-delay:1.5s;animation-duration:1.2s;bottom:calc(var(--rpx, 1px)*230);height:calc(var(--rpx, 1px)*74);right:calc(var(--rpx, 1px)*91);width:calc(var(--rpx, 1px)*74)}.cus-gradient-circle.circle-7{animation-delay:.75s;animation-duration:1s;bottom:calc(var(--rpx, 1px)*66);height:calc(var(--rpx, 1px)*132);right:calc(var(--rpx, 1px)*226);width:calc(var(--rpx, 1px)*132)}.cus-gradient-circle.circle-8{animation-delay:1.8s;animation-duration:1.5s;height:calc(var(--rpx, 1px)*164);left:calc(var(--rpx, 1px)*424);top:calc(var(--rpx, 1px)*27);width:calc(var(--rpx, 1px)*164)}.cus-gradient-circle.circle-9{animation-delay:2s;animation-duration:1.2s;height:calc(var(--rpx, 1px)*221);left:calc(var(--rpx, 1px)*49);top:calc(var(--rpx, 1px)*257);width:calc(var(--rpx, 1px)*221)}.cus-gradient-circle.circle-10{animation-delay:2s;animation-duration:1.5s;height:calc(var(--rpx, 1px)*118);left:calc(var(--rpx, 1px)*175);top:calc(var(--rpx, 1px)*385);width:calc(var(--rpx, 1px)*118)}.blue-bg svg{height:100%;width:100%}.cus-gradient-circle-blue{opacity:0;position:absolute;transition:opacity .3s linear;z-index:2}.cus-gradient-circle-blue.active{opacity:1}.cus-gradient-circle-blue.circle-0{height:calc(var(--rpx, 1px)*148);right:calc(var(--rpx, 1px)*345);top:calc(var(--rpx, 1px)*420);transition-delay:0;width:calc(var(--rpx, 1px)*148)}.cus-gradient-circle-blue.circle-1{height:calc(var(--rpx, 1px)*266);right:calc(var(--rpx, 1px)*416);top:calc(var(--rpx, 1px)*545);transition-delay:.2s;width:calc(var(--rpx, 1px)*266)}.cus-gradient-circle-blue.circle-2{height:calc(var(--rpx, 1px)*148);left:calc(var(--rpx, 1px)*318);top:calc(var(--rpx, 1px)*691);transition-delay:.4s;width:calc(var(--rpx, 1px)*148)}.free-blue-circle{animation:blink 1s linear infinite}.free-blue-circle.fb-circle-0{animation-delay:0s;height:calc(var(--rpx, 1px)*260);right:calc(var(--rpx, 1px)*-137 - 50vw + var(--rpx, 1px)*656);right:calc(var(--rpx, 1px)*-137 - var(--vw, 1vw)*50 + var(--rpx, 1px)*656);top:calc(var(--rpx, 1px)*35);width:calc(var(--rpx, 1px)*260)}.free-blue-circle.fb-circle-1{animation-delay:.7s;animation-duration:1s;height:calc(var(--rpx, 1px)*138);right:calc(var(--rpx, 1px)*55 - 50vw + var(--rpx, 1px)*656);right:calc(var(--rpx, 1px)*55 - var(--vw, 1vw)*50 + var(--rpx, 1px)*656);top:calc(var(--rpx, 1px)*158);width:calc(var(--rpx, 1px)*138)}.free-blue-circle.fb-circle-2{animation-delay:0s;animation-duration:2s;height:calc(var(--rpx, 1px)*177);right:calc(var(--rpx, 1px)*436);top:calc(var(--rpx, 1px)*360);width:calc(var(--rpx, 1px)*177)}.free-blue-circle.fb-circle-3{animation-delay:1.2s;animation-duration:1.5s;bottom:calc(var(--rpx, 1px)*-60);height:calc(var(--rpx, 1px)*280);left:calc(var(--rpx, 1px)*-140);width:calc(var(--rpx, 1px)*280);z-index:10}@keyframes blink{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes blink-half{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:0}}#section-capture .section-title .line-bottom,#section-capture .section-title .line-top{background:rgba(0,0,0,.1)}#section-capture .bg-blur,#section-capture .fg,#section-capture .fg .image-group{transition:.6s;transition-delay:0s}#section-capture .bg-blur,#section-capture .fg{opacity:0}#section-capture .fg .text-wrapper{opacity:1}#section-capture.active .bg-blur,#section-capture.active .fg,#section-capture.active .fg .image-group{transition:.6s}#section-capture.active .bg-blur,#section-capture.active .fg,#section-capture.active .fg .text-wrapper{opacity:1}#section-capture .replay{cursor:none}#section-capture .replay.actived{cursor:pointer}#portrait-camera-part{background:linear-gradient(180deg,#000 0,#000 calc(100% - 100vh),#fff calc(100% - 100vh),#fff);background:linear-gradient(to bottom,#000 0,#000 calc(100% - var(--vh, 1vh)*100),#fff calc(100% - var(--vh, 1vh)*100),#fff 100%)}#portrait-camera-part .part1{--bg:radial-gradient(90.79% 156.87% at 50% 139.37%,#4e9ab5 0%,#053760 31.54%,#040b04 64.25%,#000 100%);--text-bg-l:linear-gradient(90deg,#1ba4ff 32.61%,#90d4ff);--text-bg-r:linear-gradient(90deg,#90d4ff 32.61%,#1ba4ff);--line-bgcolor:#90d4ff;--line-bg-l:linear-gradient(to left,var(--line-bgcolor) 0%,var(--line-bgcolor) 30%,transparent 100%);--line-bg-r:linear-gradient(to right,var(--line-bgcolor) 0%,var(--line-bgcolor) 30%,transparent 100%)}#portrait-camera-part .part1.sticky-container{margin-top:calc((var(--content-height) - min(var(--inner-h),var(--content-height)))/-2)}#portrait-camera-part .part1 .sticky{background:var(--bg)}#portrait-camera-part .part1 .p0-bg-l{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:var(--text-bg-l);-webkit-background-clip:text;background-clip:text}#portrait-camera-part .part1 .p0-bg-r{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:var(--text-bg-r);-webkit-background-clip:text;background-clip:text}#portrait-camera-part .part1 .line{height:100%;opacity:.4;position:absolute;width:100%}#portrait-camera-part .part1 .left .line{background:var(--line-bg-l)}#portrait-camera-part .part1 .right .line{background:var(--line-bg-r)}#portrait-camera-part .part1 .right .two{background:none;height:calc(var(--rpx, 1px)*54)}#portrait-camera-part .part1 .right .two:after,#portrait-camera-part .part1 .right .two:before{content:"";left:0;position:absolute;top:0}#portrait-camera-part .part1 .right .two:after{background:var(--line-bg-r);height:1px;width:100%}#portrait-camera-part .part1 .right .two:before{background:var(--line-bgcolor);height:100%;width:1px}#portrait-camera-part .part3.sticky-container{margin-bottom:calc((var(--content-height) - min(var(--inner-h),var(--content-height)))/-2 + var(--rpx, 1px)*48);margin-top:calc((var(--content-height) - min(var(--inner-h),var(--content-height)))/-2 + var(--rpx, 1px)*80)}#portrait-camera-part .part3 .img-box img{transition:opacity .3s}#portrait-camera-part .part4 .btn1{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,100%,.1)}#portrait-camera-part .part4 .btn2 p{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(101.04deg,#7fceff 10.73%,#1ea5ff 83.74%);-webkit-background-clip:text;background-clip:text}#portrait-camera-part .part5 .swiper .swiper-slide{opacity:.2;transition:width .4s,height .4s,opacity .4s}#portrait-camera-part .part5 .swiper .swiper-slide img{transition:transform .4s}#portrait-camera-part .part5 .swiper .bullet{transition:color .4s}#portrait-camera-part .part5 .swiper .bullet-active{color:#24a7ff}#portrait-camera-part .part5 .swiper .bullet-active span{display:inline;visibility:visible!important}#portrait-camera-part .part5 .swiper .swiper-slide-active{opacity:1}#portrait-camera-part .part6{--active-color:#519e44}#portrait-camera-part .part6.sticky-container{margin-bottom:calc((var(--content-height) - min(var(--inner-h),var(--content-height)))/-2 + var(--rpx, 1px)*28);margin-top:calc((var(--content-height) - min(var(--inner-h),var(--content-height)))/-2)}#portrait-camera-part .part6 .img-wrapper,#portrait-camera-part .part6 .scale-wrapper{transition:transform .4s}#portrait-camera-part .part6 .slide{opacity:.2;transition:opacity .4s}#portrait-camera-part .part6[data-status="-1"] .img-wrapper{transform:translate(0)}#portrait-camera-part .part6[data-status="-1"] .img-wrapper .slide:first-of-type{opacity:1}#portrait-camera-part .part6[data-status="-1"] .scale-wrapper{transform:translate(0)}#portrait-camera-part .part6[data-status="-1"] .scale-wrapper .line1 .l{background-color:var(--active-color);opacity:1;transform:scaleX(2)}#portrait-camera-part .part6[data-status="-1"] .scale-wrapper .line1 span{color:var(--active-color);font-weight:600;opacity:1}#portrait-camera-part .part6[data-status="0"] .img-wrapper .slide:nth-of-type(2){opacity:1}#portrait-camera-part .part6[data-status="0"] .scale-wrapper .line2 .l{background-color:var(--active-color);opacity:1;transform:scaleX(2)}#portrait-camera-part .part6[data-status="0"] .scale-wrapper .line2 span{color:var(--active-color);font-weight:600;opacity:1}#portrait-camera-part .part6[data-status="1"] .img-wrapper .slide:nth-of-type(3){opacity:1}#portrait-camera-part .part6[data-status="1"] .scale-wrapper .line3 .l{background-color:var(--active-color);opacity:1;transform:scaleX(2)}#portrait-camera-part .part6[data-status="1"] .scale-wrapper .line3 span{color:var(--active-color);font-weight:600;opacity:1}#portrait-camera-part .part6 .replay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:hsla(0,0%,100%,.2)}#portrait-camera-part .part6 .focal-length .mask{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0) 50%,#fff);pointer-events:none}#portrait-camera-part .part6 .focal-length .line{background-color:#000;flex-shrink:0;height:100%;opacity:.8;width:1px}#portrait-camera-part .part6 .focal-length .line-img{flex-shrink:0}body.no-scroll{overflow-y:hidden}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}[id^=anchor]{height:1px;left:0;position:absolute;top:calc(0px - var(--nav-height, 90px));width:100%}[id^=anchor].mt{top:calc(-60px - var(--nav-height, 90px))}.title-theme-bg{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(116.26deg,#88abff 26.23%,#3988ff 45.95%,#3995ff 57.89%,#6fe2ff 74.9%,#ffe5b8 86.21%,#ffd184 98.12%);-webkit-background-clip:text;background-clip:text}.text-black{color:#000}.abs-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.set-opacity{opacity:.4}.set-ele-transZ{transform:translateZ(0)}[data-chip-type]:not([data-chip-type="2"]) .chip-ksp,[data-chip-type][data-chip-type="2"] .ksp-s2-4,[data-gcc]:not([data-gcc="1"]) .gcc-icon{display:none}.zn--wrapper [ani-chip] .type-1{opacity:1}.zn--wrapper [ani-chip] .type-2,.zn--wrapper [ani-chip] .type-3,.zn--wrapper[data-chip-type="2"] [ani-chip] .type-1,.zn--wrapper[data-chip-type="2"] [ani-chip] .type-3{opacity:0}.zn--wrapper[data-chip-type="2"] [ani-chip] .type-2{opacity:1}.zn--wrapper[data-chip-type="3"] [ani-chip] .type-1,.zn--wrapper[data-chip-type="3"] [ani-chip] .type-2{opacity:0}.zn--wrapper[data-chip-type="3"] [ani-chip] .type-3{opacity:1}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .mo-show,.zn--wrapper .pad-only,.zn--wrapper .pad-show,.zn--wrapper .pc-hidden{display:none}.zn--wrapper .font-68{font-size:68px;line-height:88px}.zn--wrapper .font-48{font-size:48px;line-height:120%}.zn--wrapper .font-44{font-size:44px;line-height:48}.zn--wrapper .font-42{font-size:42px;line-height:118%}.zn--wrapper .font-36{font-size:36px;line-height:110%}.zn--wrapper .font-32{font-size:32px;line-height:120%}.zn--wrapper .font-30{font-size:30px;line-height:100%}.zn--wrapper .font-28{font-size:28px;line-height:110%}.zn--wrapper .font-24{font-size:24px;line-height:120%}.zn--wrapper .font-20{font-size:20px;line-height:150%}.zn--wrapper .font-18{font-size:18px;line-height:140%}.zn--wrapper .font-16{font-size:16px;line-height:145%}.zn--wrapper .font-14{font-size:14px;line-height:140%}.zn--wrapper .font-12{font-size:12px;line-height:20px}#section-tablist .options a.active .title div:first-child{transform:scale(1.4)}[data-comp-ksp] a{overflow:hidden}[data-comp-ksp] a img{transition:.4s}[data-comp-ksp] a:hover img{transform:scale(1.1)}[data-comp-ksp] a:hover .no-scale img,[data-comp-ksp] a:hover img.no-scale{transform:none}[data-comp-ksp] .svg-container{opacity:0;transition:.4s}[data-comp-ksp] a:hover .svg-container{opacity:1}[data-comp-multi-feature-card] .collapse-card p:first-child{padding-bottom:calc(var(--rpx, 1px)*12)}#gemini-advanced .bg{background:radial-gradient(177.12% 288.06% at 92.64% -88.99%,#a9a9ff 6.5%,#b5dbff 19.76%,#ecf8ff 43.73%,#f3fbff 53.49%,#edf6ff 63.42%,#e4edff 72.29%)}#gaming-part .bg-Highlight:after,#gaming-part .bg-Highlight:before{border-radius:calc(var(--rpx, 1px)*20)}#other-products.one-type .card{min-height:calc(var(--rpx, 1px)*460);width:calc(var(--rpx, 1px)*1312)}#other-products.one-type .card .text-container{padding:calc(var(--rpx, 1px)*40) calc(var(--rpx, 1px)*120) calc(var(--rpx, 1px)*40) calc(var(--rpx, 1px)*40)}#other-products.two-type .card{width:calc(var(--rpx, 1px)*652)}#other-products.two-type .card .image-box{height:calc(var(--rpx, 1px)*360)}[data-comp-tabbed] .item:not(.actived):hover p:first-child{opacity:1!important}#antenna .bg-Highlight:before{background:linear-gradient(133.38deg,rgba(139,172,227,.3),rgba(17,78,123,.2) 40%,rgba(17,78,123,.2) 60%,rgba(139,172,227,.3))}#antenna .bg-Highlight:hover:before{background:linear-gradient(133.38deg,#8bace3,rgba(17,78,123,.4) 40%,rgba(17,78,123,.4) 60%,#8bace3)}#ai [data-comp-gallery] .button:hover{filter:brightness(.8)}.a-btn:hover{opacity:.88}#section-ai .ai-title-blue{text-shadow:0 0 5px var(--light,#f0f),0 0 10px var(--light,#f0f),0 0 15px var(--light,#f0f),0 0 20px var(--light,#f0f)}.safari #section-ai .ai-title-blue{text-shadow:0 0 8px var(--light,#f0f),0 0 12px var(--light,#f0f)}#section-ai .scene-2 .set-bg-color{background:radial-gradient(200% 200% at 100% 76%,#000 23%,#053760 43%,#4e9ab5 78%,#d1f9ed 94%);opacity:0;transition:opacity .5s ease-out}#section-ai .level-wrap{transform-origin:-30% 10%}#section-ai .scene-2.active .set-bg-color{opacity:1;transition-delay:.2s}#section-ai .black-gradient{height:30%}.touch #section-kv{opacity:0}.touch #section-kv a{pointer-events:none}.touch #section-kv .phone{transform-origin:50% 100%}.touch #section-kv .ksp-text div p:first-child{transform:translateY(var(--text-offset))}.touch #section-kv .ksp-text div p:last-child{opacity:0;transform:translateY(var(--text-offset))}.touch #section-kv .ksp-text img{opacity:0;transform:translateY(10px)}.touch #section-kv .ksp-card .cover{transform:scale(1);transition:all .3s}.touch #section-kv .kv-wrp .card-1-wrp{height:calc(var(--content-height));transform:translateY(calc(var(--rpx, 1px)*-100))}.touch #section-kv .kv-wrp .card-1{height:calc(var(--rpx, 1px)*400);width:calc(var(--rpx, 1px)*652)}.touch #section-kv .kv-wrp .ksp-bg{border-radius:0}.touch #section-kv .kv-wrp .ksp-text{opacity:0;transform:translateY(var(--text-offset))}.touch #section-kv .card-0,.touch #section-kv .card-1,.touch #section-kv .card-2{transform-origin:bottom}.touch #section-kv[data-status=ksp] a{pointer-events:auto}.touch #section-kv[data-status=ksp] .ksp-text div p:first-child{transform:translateY(0)}.touch #section-kv[data-status=ksp] .ksp-text div p:last-child,.touch #section-kv[data-status=ksp] .ksp-text img{opacity:1;transform:translateY(0)}.touch #section-kv[data-status=ksp] .ksp-text{opacity:1!important;transform:translateY(0);transition:all .3s}.touch #section-kv[data-status=ksp] .ksp-text img,.touch #section-kv[data-status=ksp] .ksp-text p{transition:all}.no-touch #section-kv{opacity:0}.no-touch #section-kv a{pointer-events:none}.no-touch #section-kv .phone{transform-origin:50% 100%}.no-touch #section-kv .ksp-text div p:first-child{transform:translateY(var(--text-offset))}.no-touch #section-kv .ksp-text div p:last-child{opacity:0;transform:translateY(var(--text-offset))}.no-touch #section-kv .ksp-text img{opacity:0;transform:translateY(10px)}.no-touch #section-kv .ksp-card .cover{transform:scale(1);transition:all .3s}.no-touch #section-kv .kv-wrp .card-1-wrp{height:calc(var(--content-height));transform:translateY(calc(var(--rpx, 1px)*-100))}.no-touch #section-kv .kv-wrp .card-1{height:calc(var(--rpx, 1px)*400);width:calc(var(--rpx, 1px)*652)}.no-touch #section-kv .kv-wrp .ksp-bg{border-radius:0}.no-touch #section-kv .kv-wrp .ksp-text{opacity:0;transform:translateY(var(--text-offset))}.no-touch #section-kv .card-0,.no-touch #section-kv .card-1,.no-touch #section-kv .card-2{transform-origin:bottom}.no-touch #section-kv[data-status=ksp] a{pointer-events:auto}.no-touch #section-kv[data-status=ksp] .ksp-card:hover .cover{transform:scale(1.06)}.no-touch #section-kv[data-status=ksp] .ksp-card:hover .ksp-text div p:first-child{transform:translateY(0)}.no-touch #section-kv[data-status=ksp] .ksp-card:hover .ksp-text div p:last-child,.no-touch #section-kv[data-status=ksp] .ksp-card:hover .ksp-text img{opacity:1;transform:translateY(0)}.no-touch #section-kv[data-status=ksp] .ksp-text{opacity:1!important;transform:translateY(0);transition:all .3s}.no-touch #section-kv[data-status=ksp] .ksp-text img,.no-touch #section-kv[data-status=ksp] .ksp-text p{transition:all .3s}#section-detail .s3-eu-bg{background:radial-gradient(65.17% 85.77% at 50% 14.23%,#69b091 40%,#1a5139 69.52%,#113928 77.54%,#0c2b1e 84.33%,#09251a 89.27%,#071f15 100%)}#section-detail .detail-in-s2-bg{background:linear-gradient(270deg,#060d04,#0b1608 8.35%,#0f1c0b 12.47%,#13220e 15.85%,#162811 18.57%,#1b3016 22.01%,#223a1b 26.03%,#2b4723 30.62%,#3f6532 39.68%,#4b7a3e 44.61%,#669d54 54.46%,#73aa5f 58.98%,#7eb569 62.61%,#88be73 66.49%,#9ed087 75.72%,#aada94 83.44%,#afde9a 89.83%,#afdf9b 94.87%,#aedd98)}#section-detail .scale-img{bottom:calc(149px + var(--rpx, 1px)*170);left:calc(50% - var(--rpx, 1px)*807)}#section-party .party-0-bg{background:linear-gradient(3deg,hsla(0,0%,100%,0) 41.73%,hsla(0,0%,100%,.64) 67.67%,#fff 88.9%),linear-gradient(44deg,rgba(185,206,255,0) 54.99%,rgba(185,206,255,.85) 80.89%,#b9ceff 91.59%),radial-gradient(124.99% 143.67% at 40.66% 0,#ffe5bc 1.64%,#e9f5f6 32.81%,#e6f7fe 49.6%,#c4e4fe 70.57%,#79baff 100%)}#section-light{background:radial-gradient(19.16% 40.59% at 30.24% 21.04%,hsla(0,0%,97%,.6) 24.02%,hsla(0,0%,96%,0) 100%),radial-gradient(52.44% 66.2% at 13.02% 100%,#b1dafe 20.24%,rgba(206,232,254,.632) 59.36%,hsla(0,0%,100%,0) 100%),linear-gradient(32.01deg,hsla(0,0%,100%,0) 61.81%,hsla(0,0%,100%,.64) 77.49%,#fff 90.33%),linear-gradient(332.01deg,rgba(185,206,255,0) 42.75%,rgba(185,206,255,.847) 72.76%,#b9ceff 85.16%),linear-gradient(143.95deg,#ffe5bc 31.57%,#e9f5f6 40.19%,#e6f7fe 48.44%,#c4e4fe 62.07%,#7abbf8 85.42%)}#section-light .phone{left:calc(50% - 7.14vw);left:calc(50% - var(--vw, 1vw)*7.14);position:absolute}#section-glass .card{border-radius:calc(var(--rpx, 1px)*20);height:calc(var(--rpx, 1px)*600);max-height:calc(var(--content-height) - var(--rpx, 1px)*80);max-width:calc(var(--rpx, 1px)*1180);width:920px}#section-glass .card-0{margin-right:calc(var(--rpx, 1px)*8)}#section-glass .card-0 .phone{height:calc(var(--rpx, 1px)*536);left:calc(var(--rpx, 1px)*130 + 360px);width:calc(var(--rpx, 1px)*280)}#section-glass .card-1{margin-right:calc(var(--rpx, 1px)*8)}#section-glass .card-1 .phone{height:calc(var(--rpx, 1px)*428);width:calc(var(--rpx, 1px)*460)}#section-glass .card-2 .phone{height:calc(var(--rpx, 1px)*100);left:calc(var(--rpx, 1px)*80);top:calc(var(--rpx, 1px)*227);width:calc(var(--rpx, 1px)*1737)}.no-touch #section-color .btn-wrp-0:hover .btn-border-0{background-clip:content-box,border-box!important;border-width:1px!important}.no-touch #section-color .btn-wrp-0:hover .btn-border-0 .inner{transform:scale(.85)}.no-touch #section-color .btn-wrp-1:hover .btn-border-1{background-clip:content-box,border-box!important;border-width:1px!important}.no-touch #section-color .btn-wrp-1:hover .btn-border-1 .inner{transform:scale(.85)}.no-touch #section-color .inner{transform-origin:center;transition-duration:.3s}.no-touch #section-color .btn{-webkit-background-clip:text;background-clip:text}.no-touch #section-color .btn-wrp-2:hover .btn-border-2{background-clip:content-box,border-box!important;border-width:1px!important}.no-touch #section-color .btn-wrp-2:hover .btn-border-2 .inner{transform:scale(.85)}#section-water{background:linear-gradient(180deg,#eefafb,#eef9fa 24.21%,#eef8fa 34.85%,#f0f5f7 45.3%,#edf3f7 52.97%,#ecf1f6 58.16%,#ecf1f6 61.05%,#ecf1f6 66.1%,#ecf1f6 70.82%,#ecf1f6 74.66%,#eaf0f6 77.7%,#e5ecf6 83.78%,#dce5f5 88.84%,#d2ddf3 93.01%,#c6d5f2 96.61%,#b8caef)}[data-language]:not([data-language="1"]) .title-all-wrp{max-width:calc(var(--rpx, 1px)*1312)}#section-master .set-img{border-radius:calc(var(--rpx, 1px)*20);overflow:hidden;transform:translateZ(0)}#section-capture .bg-blur,#section-capture .fg,#section-capture .fg .image-group{transition:.8s}#section-capture.active .bg-blur,#section-capture.active .fg,#section-capture.active .fg .image-group{transition:1s}#section-capture.active .fg .image-group{transition-delay:.3s}#portrait-camera-part .part1.sticky-container{--inner-h:calc(var(--rpx, 1px)*1390)}#portrait-camera-part .part3.sticky-container{--inner-h:calc(var(--rpx, 1px)*640)}#portrait-camera-part .part5 .swiper .swiper-slide-active{height:calc(var(--rpx, 1px)*640);width:calc(var(--rpx, 1px)*1040)}#portrait-camera-part .part6.sticky-container{--inner-h:calc(var(--rpx, 1px)*788)}#portrait-camera-part .part6[data-status="-1"] .scale-wrapper .line1 .l{transform:scaleX(2.5)}#portrait-camera-part .part6[data-status="0"] .img-wrapper{transform:translate(calc(var(--rpx, 1px)*-1088))}#portrait-camera-part .part6[data-status="0"] .scale-wrapper{transform:translate(calc(var(--rpx, 1px)*-73))}#portrait-camera-part .part6[data-status="0"] .scale-wrapper .line2 .l{transform:scaleX(2.5)}#portrait-camera-part .part6[data-status="1"] .img-wrapper{transform:translate(calc(var(--rpx, 1px)*-2176))}#portrait-camera-part .part6[data-status="1"] .scale-wrapper{transform:translate(calc(var(--rpx, 1px)*-146))}#portrait-camera-part .part6[data-status="1"] .scale-wrapper .line3 .l{transform:scaleX(2.5)}#portrait-camera-part .part6 .focal-length .line{margin:0 calc(var(--rpx, 1px)*18)}#portrait-camera-part .part6 .focal-length .line-img{height:calc(var(--rpx, 1px)*12);width:calc(var(--rpx, 1px)*36)}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pad-show,.zn--wrapper .pc-only,.zn--wrapper .pc-show{display:none}[data-comp-gallery] .images-container{width:100%}#section-tablist .left-img img{opacity:0}#section-tablist .options a.active{padding-bottom:calc(var(--rpx, 1px)*20);padding-top:calc(var(--rpx, 1px)*20)}#section-tablist .options a.active .title div:first-child{transform:scale(1.3)}[data-comp-multi-feature-card] .collapse-card img.button{height:24px;width:24px}#color-os #ai .image-with-text{background:#f6f6f6}#gemini-advanced .bg{background:radial-gradient(552.28% 194.78% at 159.6% -54.1%,#a9a9ff 6.5%,#b5dbff 24.38%,#ecf8ff 39.44%,#f3fbff 53.49%,#edf6ff 63.42%,#e4edff 72.29%)}[ani-engine] .circle1,[ani-engine] .circle2{animation:flashing-mo 1.5s ease-in-out infinite}#other-products .card+.card{margin-top:calc(var(--rpx, 1px)*4)}#section-ai .sticky-wrap{height:500vh;height:calc(var(--vh, 1vh)*500)}#section-ai .clip-ai-video{-webkit-clip-path:inset(1px round calc(var(--rpx, 1px)*20));clip-path:inset(1px round calc(var(--rpx, 1px)*20))}#section-ai .set-bg-color{background:radial-gradient(300% 200% at 100% 76%,#000 30%,#053760 43%,#4e9ab5 78%,#d1f9ed 94%)}#section-kv .ksp-text{opacity:1!important}#section-detail .s3-eu-bg{background:radial-gradient(82.43% 79.96% at 50% 14.23%,#69b091 27.01%,#1a5139 64.34%,#113928 77.54%,#0c2b1e 84.33%,#09251a 89.27%,#071f15 100%)}#section-detail .detail-in-s2-bg{background:linear-gradient(270deg,#253f1e,#2d4b25 8.35%,#315228 12.47%,#35572b 15.85%,#385c2e 18.57%,#3b6231 22.01%,#416a35 26.03%,#46733a 30.62%,#528444 39.68%,#588c49 44.61%,#67a056 54.46%,#6da55a 58.98%,#72a95e 62.61%,#78af63 66.49%,#83b96d 75.72%,#8ec378 83.44%,#95c97f 89.83%,#9cce85 94.87%,#9fd189)}#section-party .party-0-bg{background:linear-gradient(2.72deg,hsla(0,0%,100%,0) 41.73%,hsla(0,0%,100%,.64) 67.67%,#fff 88.9%),linear-gradient(43.51deg,rgba(185,206,255,0) 54.99%,rgba(185,206,255,.847) 80.89%,#b9ceff 91.59%),radial-gradient(61.23% 134.92% at 40.66% 0,#ffe5bc 1.64%,#e9f5f6 32.81%,#e6f7fe 49.6%,#c4e4fe 70.57%,#79baff 100%)}#section-light{background:radial-gradient(60.56% 16.61% at -4.72% 45.02%,hsla(0,0%,97%,.6) 24.02%,hsla(0,0%,96%,0) 100%),radial-gradient(82.08% 33.32% at 41.67% 46.35%,#b1dafe 20.24%,rgba(206,232,254,.632) 59.36%,hsla(0,0%,100%,0) 100%),linear-gradient(32.01deg,hsla(0,0%,100%,0) 61.81%,hsla(0,0%,100%,.64) 79.25%,#fff 93.52%),linear-gradient(5.48deg,rgba(185,206,255,0) 46.43%,rgba(185,206,255,.847) 80.79%,#b9ceff 94.99%),linear-gradient(177.07deg,#ffe5bc 29.01%,#e9f5f6 39.44%,#e6f7fe 49.42%,#c4e4fe 65.91%,#7abbf8 94.15%)}#section-glass .card-0 .phone,#section-glass .card-1 .phone,#section-glass .card-2 .phone{transform:translate3d(0,20%,0);transition:transform .3s linear}#section-color .light-0{transform-origin:40% 50%}#section-color .light-1{transform-origin:50% 50%}#section-color .light-2{transform-origin:45% 75%}#section-color 50%{transform:rotate(180deg) skew(30deg) scale(1) translateY(0) translate(0)}#section-design .bg{background:linear-gradient(91.05deg,#bbe5f4 .33%,#72c8fe 98.53%)}#section-water{background:linear-gradient(90deg,#eefafa,#ecfafc 44.34%,#d6eff6 78.17%,#bbe0f1)}[data-language]:not([data-language="1"]) .title-all-wrp{max-width:100vw;max-width:calc(var(--vw, 1vw)*100)}#section-live-photo .set-mo-btn{transform-origin:118% -45%}.cus-bg-orange-wrapper{height:calc(var(--rpx, 1px)*636)}.cus-gradient-left-bottom,.cus-gradient-left-top,.cus-gradient-right-bottom,.cus-gradient-right-top{height:100%;width:100%}.cus-bg-orange-wrapper{--rpx:.15vw;--rpx:calc(var(--vw, 1vw)*.15)}.cus-gradient-circle.circle-1{top:calc(var(--rpx, 1px)*30)}.cus-gradient-circle.circle-3{top:calc(var(--rpx, 1px)*20)}.cus-gradient-circle.circle-6{bottom:calc(var(--rpx, 1px)*30)}.cus-gradient-circle.circle-8{height:calc(var(--rpx, 1px)*94);width:calc(var(--rpx, 1px)*94)}.cus-gradient-circle.circle-10{top:calc(var(--rpx, 1px)*532)}.cus-gradient-circle-blue.circle-0{height:calc(var(--rpx, 1px)*90);right:calc(var(--rpx, 1px)*55);top:calc(var(--rpx, 1px)*295);width:calc(var(--rpx, 1px)*90)}.cus-gradient-circle-blue.circle-1{height:calc(var(--rpx, 1px)*123);right:calc(var(--rpx, 1px)*100);top:calc(var(--rpx, 1px)*380);width:calc(var(--rpx, 1px)*123)}.cus-gradient-circle-blue.circle-2{height:calc(var(--rpx, 1px)*60);left:calc(var(--rpx, 1px)*20);top:calc(var(--rpx, 1px)*360);width:calc(var(--rpx, 1px)*60)}.free-blue-circle.fb-circle-0{height:calc(var(--rpx, 1px)*150);right:calc(var(--rpx, 1px)*-85 - 50vw + var(--rpx, 1px)*164);right:calc(var(--rpx, 1px)*-85 - var(--vw, 1vw)*50 + var(--rpx, 1px)*164);top:calc(var(--rpx, 1px)*48);width:calc(var(--rpx, 1px)*150)}.free-blue-circle.fb-circle-1{height:calc(var(--rpx, 1px)*80);right:calc(var(--rpx, 1px)*35 - 50vw + var(--rpx, 1px)*164);right:calc(var(--rpx, 1px)*35 - var(--vw, 1vw)*50 + var(--rpx, 1px)*164);top:calc(var(--rpx, 1px)*118);width:calc(var(--rpx, 1px)*80)}.free-blue-circle.fb-circle-2{display:none}.free-blue-circle.fb-circle-3{bottom:calc(var(--rpx, 1px)*-40);height:calc(var(--rpx, 1px)*178);left:calc(var(--rpx, 1px)*-80);width:calc(var(--rpx, 1px)*178)}#portrait-camera-part .part1 .phone-wrapper{background:radial-gradient(129.17% 117.57% at 50% 100.07%,#4e9ab5 0,#053760 31.54%,#040b04 64.25%,#000 100%)}#portrait-camera-part .part1 .img1,#portrait-camera-part .part1 .img2{transition:transform .4s}#portrait-camera-part .part1 .img1{transform:translate(calc(var(--rpx, 1px)*-30),calc(var(--rpx, 1px)*-30))}#portrait-camera-part .part1 .img2{transform:translate(calc(var(--rpx, 1px)*28),calc(var(--rpx, 1px)*31))}#portrait-camera-part .part1 .expand .img1,#portrait-camera-part .part1 .expand .img2{transform:translate(0)}#portrait-camera-part .part5 .swiper .swiper-slide-active{height:calc(var(--rpx, 1px)*201);width:calc(var(--rpx, 1px)*328)}#portrait-camera-part .part6.sticky-container{--inner-h:calc(var(--rpx, 1px)*497);margin-bottom:calc((var(--content-height) - min(var(--inner-h),var(--content-height)))/-2 + var(--rpx, 1px)*48);margin-top:calc((var(--content-height) - min(var(--inner-h),var(--content-height)))/-2)}#portrait-camera-part .part6[data-status="0"] .img-wrapper{transform:translate(calc(var(--rpx, 1px)*-336))}#portrait-camera-part .part6[data-status="0"] .scale-wrapper{transform:translate(-53px)}#portrait-camera-part .part6[data-status="1"] .img-wrapper{transform:translate(calc(var(--rpx, 1px)*-672))}#portrait-camera-part .part6[data-status="1"] .scale-wrapper{transform:translate(-106px)}#portrait-camera-part .part6 .focal-length .line{margin:0 13px}#portrait-camera-part .part6 .focal-length .line-img{height:10px;width:26px}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .mo-show,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only,.zn--wrapper .pc-show{display:none}[data-comp-gallery] .images-container{width:100%}#section-tablist .options a.active .title div:first-child{transform:scale(1.4)}[data-comp-multi-feature-card] .collapse-card img.button{height:24px;width:24px}#color-os #ai .image-with-text{background:#f6f6f6}#gemini-advanced .bg{background:radial-gradient(177.12% 288.06% at 92.64% -88.99%,#a9a9ff 6.5%,#b5dbff 19.76%,#ecf8ff 43.73%,#f3fbff 53.49%,#edf6ff 63.42%,#e4edff 72.29%)}[ani-antenna] .text-choices{box-sizing:content-box}#other-products.one-type .card{min-height:calc(var(--rpx, 1px)*320);width:100%}#other-products.two-type .card{flex-direction:column;width:calc(var(--rpx, 1px)*358)}#other-products.two-type .card .image-box{height:calc(var(--rpx, 1px)*232);min-height:unset;width:100%}#section-ai .set-bg-color{background:radial-gradient(200% 200% at 100% 76%,#000 30%,#053760 43%,#4e9ab5 78%,#d1f9ed 94%)}#section-kv .ksp-text{opacity:1!important}#section-detail .s3-eu-bg{background:radial-gradient(65.17% 85.77% at 50% 14.23%,#69b091 40%,#1a5139 69.52%,#113928 77.54%,#0c2b1e 84.33%,#09251a 89.27%,#071f15 100%)}#section-detail .detail-in-s2-bg{background:linear-gradient(270deg,#060d04,#0c1709 8.35%,#0f1c0b 12.47%,#13230e 15.85%,#162811 18.57%,#1c3016 22.01%,#223a1b 26.03%,#2b4722 30.62%,#3e6734 39.68%,#4b793e 44.61%,#669d54 54.46%,#73ab5f 58.98%,#7fb569 62.61%,#87bd72 66.49%,#9ed087 75.72%,#aada94 83.44%,#afde9a 89.83%,#afde9a 94.87%,#afdf9a)}#section-party .party-0-bg{background:linear-gradient(2.72deg,hsla(0,0%,100%,0) 41.73%,hsla(0,0%,100%,.64) 67.67%,#fff 88.9%),linear-gradient(43.51deg,rgba(185,206,255,0) 54.99%,rgba(185,206,255,.847) 80.89%,#b9ceff 91.59%),radial-gradient(61.23% 134.92% at 40.66% 0,#ffe5bc 1.64%,#e9f5f6 32.81%,#e6f7fe 49.6%,#c4e4fe 70.57%,#79baff 100%)}#section-light{background:radial-gradient(19.16% 40.59% at 30.24% 21.04%,hsla(0,0%,97%,.6) 24.02%,hsla(0,0%,96%,0) 100%),radial-gradient(52.44% 66.2% at 13.02% 100%,#b1dafe 20.24%,rgba(206,232,254,.632) 59.36%,hsla(0,0%,100%,0) 100%),linear-gradient(32.01deg,hsla(0,0%,100%,0) 61.81%,hsla(0,0%,100%,.64) 77.49%,#fff 90.33%),linear-gradient(332.01deg,rgba(185,206,255,0) 42.75%,rgba(185,206,255,.847) 72.76%,#b9ceff 85.16%),linear-gradient(143.95deg,#ffe5bc 31.57%,#e9f5f6 40.19%,#e6f7fe 48.44%,#c4e4fe 62.07%,#7abbf8 85.42%)}#section-glass .card-0 .phone,#section-glass .card-1 .phone{transform:translate3d(0,20%,0);transition:transform .3s linear}#section-glass .card-2 .phone{transform:translate3d(0,20%,0);transform:translate3d(20%,0,0);transition:transform .3s linear}#section-glass .card{border-radius:calc(var(--rpx, 1px)*12);height:calc(var(--rpx, 1px)*420);width:calc(var(--rpx, 1px)*565)}#section-glass .card-0 .phone{height:calc(var(--rpx, 1px)*360);left:calc(var(--rpx, 1px)*66 + 250px);width:calc(var(--rpx, 1px)*167)}#section-glass .card-1 .phone{height:calc(var(--rpx, 1px)*257);max-height:calc(100% - 130px);width:calc(var(--rpx, 1px)*240)}#section-glass .card-2 .phone{height:calc(var(--rpx, 1px)*44);right:0;top:calc(var(--rpx, 1px)*130);width:calc(var(--rpx, 1px)*485)}#section-color .light-0{transform-origin:35% 60%}#section-color .light-1,#section-color .light-2{transform-origin:45% 60%}#section-color 50%{transform:rotate(180deg) skew(30deg) scale(.8) translateY(1%) translate(0)}#section-water{background:linear-gradient(180deg,#eefafb,#edf6f6 24.21%,#eef9fa 34.85%,#f0f5f7 45.3%,#edf3f7 52.97%,#ecf1f6 58.16%,#ecf1f6 61.05%,#ecf1f6 66.1%,#ecf1f6 70.82%,#ebf1f6 74.66%,#eaeff6 77.7%,#e3eaf6 83.78%,#d9e3f4 88.84%,#cdd9f3 93.01%,#bfd0f0 96.61%,#b1c2ea)}[data-language]:not([data-language="1"]) .title-all-wrp{max-width:calc(var(--rpx, 1px)*720)}.cus-bg-orange-wrapper{height:calc(var(--rpx, 1px)*696)}.cus-gradient-left-bottom,.cus-gradient-left-top,.cus-gradient-right-bottom,.cus-gradient-right-top{height:calc(var(--rpx, 1px)*696);width:calc(var(--rpx, 1px)*768)}.cus-gradient-circle.circle-0{height:calc(var(--rpx, 1px)*133);left:0;top:calc(var(--rpx, 1px)*200);width:calc(var(--rpx, 1px)*85)}.cus-gradient-circle.circle-4{left:calc(var(--rpx, 1px)*19)}.cus-gradient-circle.circle-5{bottom:calc(var(--rpx, 1px)*70)}.cus-gradient-circle.circle-6{bottom:calc(var(--rpx, 1px)*30)}.cus-gradient-circle-blue.circle-0{height:calc(var(--rpx, 1px)*74);right:calc(var(--rpx, 1px)*120);top:calc(var(--rpx, 1px)*220);width:calc(var(--rpx, 1px)*74)}.cus-gradient-circle-blue.circle-1{height:calc(var(--rpx, 1px)*150);right:calc(var(--rpx, 1px)*140);top:calc(var(--rpx, 1px)*225);width:calc(var(--rpx, 1px)*150)}.cus-gradient-circle-blue.circle-2{height:calc(var(--rpx, 1px)*74);top:calc(var(--rpx, 1px)*390);width:calc(var(--rpx, 1px)*74)}.free-blue-circle.fb-circle-0{height:calc(var(--rpx, 1px)*150);right:calc(var(--rpx, 1px)*-85 - 50vw + var(--rpx, 1px)*360);right:calc(var(--rpx, 1px)*-85 - var(--vw, 1vw)*50 + var(--rpx, 1px)*360);top:calc(var(--rpx, 1px)*0);width:calc(var(--rpx, 1px)*150)}.free-blue-circle.fb-circle-1{height:calc(var(--rpx, 1px)*80);right:calc(var(--rpx, 1px)*25 - 50vw + var(--rpx, 1px)*360);right:calc(var(--rpx, 1px)*25 - var(--vw, 1vw)*50 + var(--rpx, 1px)*360);top:calc(var(--rpx, 1px)*70);width:calc(var(--rpx, 1px)*80)}.free-blue-circle.fb-circle-2{height:calc(var(--rpx, 1px)*100);right:calc(var(--rpx, 1px)*270);top:calc(var(--rpx, 1px)*200);width:calc(var(--rpx, 1px)*100)}.free-blue-circle.fb-circle-3{bottom:calc(var(--rpx, 1px)*-20);height:calc(var(--rpx, 1px)*178);left:calc(var(--rpx, 1px)*-70);width:calc(var(--rpx, 1px)*178)}#portrait-camera-part .part1.sticky-container{--inner-h:calc(var(--rpx, 1px)*746)}#portrait-camera-part .part1 .right .three{background:none;bottom:0;height:calc(var(--rpx, 1px)*32);top:unset}#portrait-camera-part .part1 .right .three:after,#portrait-camera-part .part1 .right .three:before{bottom:0;content:"";left:0;position:absolute}#portrait-camera-part .part1 .right .three:after{background:var(--line-bg-r);height:1px;width:100%}#portrait-camera-part .part1 .right .three:before{background:var(--line-bgcolor);height:calc(var(--rpx, 1px)*50);width:1px}#portrait-camera-part .part3.sticky-container{--inner-h:calc(var(--rpx, 1px)*344)}#portrait-camera-part .part5 .swiper .swiper-slide-active{height:calc(var(--rpx, 1px)*369);width:calc(var(--rpx, 1px)*600)}#portrait-camera-part .part6.sticky-container{--inner-h:calc(var(--rpx, 1px)*406)}#portrait-camera-part .part6[data-status="0"] .img-wrapper{transform:translate(calc(var(--rpx, 1px)*-496))}#portrait-camera-part .part6[data-status="0"] .scale-wrapper{transform:translate(-61px)}#portrait-camera-part .part6[data-status="1"] .img-wrapper{transform:translate(calc(var(--rpx, 1px)*-992))}#portrait-camera-part .part6[data-status="1"] .scale-wrapper{transform:translate(-122px)}#portrait-camera-part .part6 .focal-length .line{margin:0 15px}#portrait-camera-part .part6 .focal-length .line-img{height:10px;width:30px}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (min-width:1440px){:root{--rpx:1px;--rpx:min(calc((100vw - 128px)*var(--r, 1px)/1312),1px);--rpx:min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312),1px)}#antenna .option-wrapper{margin-top:calc(var(--rpx, 1px)*-100)}}@media (max-width:1023px){.zn--wrapper .font-40m{font-size:40px;letter-spacing:0;line-height:120%}.zn--wrapper .font-42m{font-size:42px;letter-spacing:.5px;line-height:50px}.zn--wrapper .font-36m{font-size:36px;letter-spacing:0;line-height:120%}.zn--wrapper .font-32m{font-size:32px;letter-spacing:0;line-height:39px}.zn--wrapper .font-30m{font-size:30px;letter-spacing:0;line-height:125%}.zn--wrapper .font-24m{font-size:24px;letter-spacing:0;line-height:125%}.zn--wrapper .font-20m{font-size:20px;letter-spacing:.5px;line-height:130%}.zn--wrapper .font-18m{font-size:18px;letter-spacing:0;line-height:130%}.zn--wrapper .font-16m{font-size:16px;letter-spacing:0;line-height:150%}.zn--wrapper .font-14m{font-size:14px;letter-spacing:0;line-height:22px}.zn--wrapper .font-12m{font-size:12px;letter-spacing:0;line-height:140%}#section-ai .set-line{position:relative}#section-ai .set-line:after{background-color:#fff3;content:"";height:1px;left:0;position:absolute;top:0;width:100%}}@media (min-width:650px){#battery-section .text-box1,#battery-section .text-box2{transition:opacity .3s,transform .3s}#battery-section .text-box2{transform:translateY(calc(var(--rpx, 1px)*30))}}@media (max-width:1023px) and (min-width:650px) and (orientation:portrait){#section-ai .sticky-wrap{height:350vh;height:calc(var(--vh, 1vh)*350);margin-top:calc(var(--rpx, 1px)*-100)}}@media (max-width:649px) and (min-aspect-ratio:9/17){#section-ai .card-4{height:calc(var(--rpx, 1px)*170)}#section-ai .card-4 .note{bottom:calc(var(--rpx, 1px)*-23)}}@media (min-width:1920px){#section-ai .black-gradient{height:40%}#section-detail .scale-img{max-height:calc(var(--rpx, 1px)*1110);max-width:calc(var(--rpx, 1px)*2400)}#section-capture .section-title .text-wrapper{width:1792px}}@media (min-width:650px) and (max-width:1023px) and (orientation:portrait){#section-ai .bg-wrapper{top:-3%}}@media (min-width:1024px) and (min-width:1024px){.touch #section-kv a,.no-touch #section-kv a{will-change:transform}}@media (max-height:650px) and (min-width:1024px){#section-detail .scale-img{left:calc(50% - 57vh);left:calc(50% - var(--vh, 1vh)*57);max-height:80vh;max-height:calc(var(--vh, 1vh)*80);max-width:173vh;max-width:calc(var(--vh, 1vh)*173);-o-object-position:bottom left;object-position:bottom left}}@media (min-width:2200px){#section-detail .scale-img{bottom:calc(149px + var(--rpx, 1px)*300)}#section-capture .phone-wrapper{transform:scale(1.2);transform-origin:50% 10%}}@media (min-aspect-ratio:2/1) and (max-width:1400px) and (min-width:1024px){#section-glass .card-0 .phone{bottom:-10%}}@media (min-width:1660px){#section-master .clip-video{height:790px;width:1660px}}@media (max-width:1023px) and (min-width:650px) and (orientation:landscape){#section-live-photo .part0 .sticky{align-items:flex-start;height:90vw;height:calc(var(--vw, 1vw)*90)}#section-live-photo .part0 .content-wrap{height:var(--content-height);overflow:visible}#section-live-photo .part0 .text-desc{bottom:auto;top:65vw;top:calc(var(--vw, 1vw)*65)}#section-live-photo .part0 .box-wrap{margin-top:0}}@media (max-width:1023px) and (min-width:650px) and (orientation:portrait) and (min-aspect-ratio:4/5){#section-live-photo .part0 .text-desc{bottom:calc(var(--rpx, 1px)*45)}#section-live-photo .part0 .box-wrap,#section-live-photo .part0 .control-scale{margin-top:0}}@media (width:1024px){#section-capture .section-title .text-wrapper p{height:calc(var(--rpx, 1px)*230)}}@media (min-width:1024px) and (max-width:1439px){#antenna .option-wrapper{margin-top:calc(var(--rpx, 1px)*-20)}}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .mo-show,.zn--wrapper .pad-only,.zn--wrapper .pad-show,.zn--wrapper .pc-hidden{display:none}.fade-in-pc{opacity:0;transform:translateY(calc(var(--rpx, 1px)*80));transition:transform .6s,opacity .6s;transition-delay:0}.fade-in-pc[data-slight]{transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in-pc[data-slow]{transition:transform 1s,opacity 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}.fade-in{opacity:0;transform:translateY(calc(var(--rpx, 1px)*80));transition:transform .6s,opacity .6s;transition-delay:0}.fade-in[data-slight]{transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pad-show,.zn--wrapper .pc-only,.zn--wrapper .pc-show{display:none}.fade-in-mo{opacity:0;transform:translateY(50px);transition:transform .6s,opacity .6s;transition-delay:0}.fade-in-mo[data-slight]{transform:translateY(30px)}.fade-in-mo[data-slow]{transition:transform 1s,opacity 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}.fade-in{opacity:0;transform:translateY(50px);transition:transform .6s,opacity .6s;transition-delay:0}.fade-in[data-slight]{transform:translateY(30px)}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .mo-show,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only,.zn--wrapper .pc-show{display:none}.fade-in-pad{opacity:0;transition:transform .6s,opacity .6s;transition-delay:0}.fade-in-pad,.fade-in-pad[data-slight]{transform:translateY(50px)}.fade-in-pad[data-slow]{transition:transform 1s,opacity 1s}.fade-in-pad.show,.fade-in-pad[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}.fade-in{opacity:0;transition:transform .6s,opacity .6s;transition-delay:0}.fade-in,.fade-in[data-slight]{transform:translateY(50px)}.fade-in[data-slow]{transition:transform 1s,opacity 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);transform:translateY(0);transition-delay:var(--delay,0)}}.comp-section-title{-webkit-background-clip:text;background-image:radial-gradient(50% 50% at 50% 50%,#fff 33%,transparent 66%);background-repeat:no-repeat;background-size:300% 400%;color:transparent;text-align:center}.comp-black-title{background-color:#fff}.comp-black-title .section-title{background-image:radial-gradient(50% 50% at 50% 50%,#000 33%,transparent 66%)}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .mo-show,.zn--wrapper .pad-only,.zn--wrapper .pad-show,.zn--wrapper .pc-hidden{display:none}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pad-show,.zn--wrapper .pc-only,.zn--wrapper .pc-show{display:none}.comp-section-title{text-align:left;width:calc(var(--rpx, 1px)*328)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .mo-show,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only,.zn--wrapper .pc-show{display:none}}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-b{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .font-m{font-family:OPPOSans-Ver2-Medium,OPPOSans-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,OPPOSans-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}html{overflow:unset!important}#oc-wrapper{overflow:visible;transition:none}#oc-wrapper .header-v2 .header-main-pc .header-right .search{-webkit-backdrop-filter:none;backdrop-filter:none}#oc-header{transition:none}#contact-pop .contact-pop_icon,#goback-top,#nps .icon{-webkit-backdrop-filter:none;backdrop-filter:none}.g--popup{height:var(--window-height,100vh);height:var(--window-height,calc(var(--vh, 1vh)*100));left:0;position:fixed;top:0;transform:translateY(120vh);transform:translateY(calc(var(--vh, 1vh)*120));width:100%;z-index:9999}.g--popup.show{transform:translateY(0)}.g--popup.disappear,.g--popup.show{transition:transform .5s}.g--popup .g--popup-container{align-items:center;display:flex;height:100%;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: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{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:skeletonLoading;animation-timing-function:ease;background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);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}@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,OPPOSans-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,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:calc(.07622vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .mo-only,.zn--wrapper .mo-show,.zn--wrapper .pad-only,.zn--wrapper .pad-show,.zn--wrapper .pc-hidden{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:34.115vw;height:calc(var(--vw, 1vw)*34.115)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:60.65vw;width:calc(var(--vw, 1vw)*60.65)}}@media (max-width:649px){:root{--rpx:calc(.30488vw - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo-hidden,.zn--wrapper .pad-only,.zn--wrapper .pad-show,.zn--wrapper .pc-only,.zn--wrapper .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:calc(var(--vw, 1vw)*50.634);width:90vw;width:calc(var(--vw, 1vw)*90)}.g--popup .g--video-wrapper.v1{width:100vw;width:calc(var(--vw, 1vw)*100)}.g--popup .g--video-wrapper.v2{max-width:90vw;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:calc(50% - 16px);top:calc(var(--window-height) - 59px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:calc(.13889vw - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .mo-only,.zn--wrapper .mo-show,.zn--wrapper .pad-hidden,.zn--wrapper .pc-only,.zn--wrapper .pc-show{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:42.1875vw;height:calc(var(--vw, 1vw)*42.1875);width:75vw;width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:75vw;width:calc(var(--vw, 1vw)*75)}}@media not screen and (min-width:1024px){.zn--wrapper .mot\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .mot\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;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 (min-width:1440px){:root{--rpx:1px;--rpx:min(calc((100vw - 128px)*var(--r, 1px)/1312),1px);--rpx:min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312),1px)}}@media (min-height:600px){.touch .g--popup .g--popup-close.v2{top:110px}}