.zn--wrapper .bg-\[rgba\(255\,255\,255\,0\.24\)\]{--tw-bg-opacity:.24;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.zn--wrapper .bg-\[rgba\(0\,0\,0\,0\.04\)\]{--tw-bg-opacity:.04;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.zn--wrapper .bg-\[rgb\(250\,250\,250\)\]{--tw-bg-opacity:1;background-color:rgba(250,250,250,var(--tw-bg-opacity))}.zn--wrapper .bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.zn--wrapper .bg-\[rgba\(173\,178\,190\,0\.24\)\]{--tw-bg-opacity:.24;background-color:rgba(173,178,190,var(--tw-bg-opacity))}.zn--wrapper .bg-\[\#000\]{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.zn--wrapper .cursor-pointer{cursor:pointer}.zn--wrapper .flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zn--wrapper .items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .justify-start{-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zn--wrapper .justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.zn--wrapper .justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.zn--wrapper .h-full{height:100%}.zn--wrapper .h-2px{height:2px}.zn--wrapper .mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .overflow-hidden{overflow:hidden}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}.zn--wrapper .left-0{left:0}.zn--wrapper .top-0{top:0}.zn--wrapper .shadow-text{--tw-shadow:var(--tw-shadow-colored)}.zn--wrapper .text-center{text-align:center}.zn--wrapper .text-\[\#000\]{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(0\,0\,0\,0\.95\)\]{--tw-text-opacity:.95;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(255\,255\,255\,0\.95\)\]{--tw-text-opacity:.95;color:rgba(255,255,255,var(--tw-text-opacity))}.zn--wrapper .text-\[rgb\(110\,110\,115\)\]{--tw-text-opacity:1;color:rgba(110,110,115,var(--tw-text-opacity))}.zn--wrapper .whitespace-nowrap{white-space:nowrap}.zn--wrapper .w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.zn--wrapper .w-full{width:100%}.zn--wrapper .w-\[20\%\]{width:20%}.zn--wrapper .w-2px{width:2px}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.zn--wrapper .pc\:font-bold,.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 .pc\:font-medium,.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pc\:rounded-36rpx{border-radius:-webkit-calc(var(--rpx,1px)*36);border-radius:-moz-calc(var(--rpx,1px)*36);border-radius:calc(var(--rpx, 1px)*36)}.zn--wrapper .pc\:rounded-8rpx{border-radius:-webkit-calc(var(--rpx,1px)*8);border-radius:-moz-calc(var(--rpx,1px)*8);border-radius:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:rounded-2rpx{border-radius:-webkit-calc(var(--rpx,1px)*2);border-radius:-moz-calc(var(--rpx,1px)*2);border-radius:calc(var(--rpx, 1px)*2)}.zn--wrapper .pc\:rounded-28rpx{border-radius:-webkit-calc(var(--rpx,1px)*28);border-radius:-moz-calc(var(--rpx,1px)*28);border-radius:calc(var(--rpx, 1px)*28)}.zn--wrapper .pc\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .pc\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zn--wrapper .pc\:items-start{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.zn--wrapper .pc\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .pc\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.zn--wrapper .pc\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .pc\:h-full{height:100%}.zn--wrapper .pc\:h-52\.78vw{height:52.78vw;height:-webkit-calc(var(--vw,1vw)*52.78);height:-moz-calc(var(--vw,1vw)*52.78);height:calc(var(--vw, 1vw)*52.78)}.zn--wrapper .pc\:h-23rpx{height:-webkit-calc(var(--rpx,1px)*23);height:-moz-calc(var(--rpx,1px)*23);height:calc(var(--rpx, 1px)*23)}.zn--wrapper .pc\:h-600rpx{height:-webkit-calc(var(--rpx,1px)*600);height:-moz-calc(var(--rpx,1px)*600);height:calc(var(--rpx, 1px)*600)}.zn--wrapper .pc\:h-100rpx{height:-webkit-calc(var(--rpx,1px)*100);height:-moz-calc(var(--rpx,1px)*100);height:calc(var(--rpx, 1px)*100)}.zn--wrapper .pc\:h-18rpx{height:-webkit-calc(var(--rpx,1px)*18);height:-moz-calc(var(--rpx,1px)*18);height:calc(var(--rpx, 1px)*18)}.zn--wrapper .pc\:h-500rpx{height:-webkit-calc(var(--rpx,1px)*500);height:-moz-calc(var(--rpx,1px)*500);height:calc(var(--rpx, 1px)*500)}.zn--wrapper .pc\:h-425rpx{height:-webkit-calc(var(--rpx,1px)*425);height:-moz-calc(var(--rpx,1px)*425);height:calc(var(--rpx, 1px)*425)}.zn--wrapper .pc\:h-560rpx{height:-webkit-calc(var(--rpx,1px)*560);height:-moz-calc(var(--rpx,1px)*560);height:calc(var(--rpx, 1px)*560)}.zn--wrapper .pc\:h-48rpx{height:-webkit-calc(var(--rpx,1px)*48);height:-moz-calc(var(--rpx,1px)*48);height:calc(var(--rpx, 1px)*48)}.zn--wrapper .pc\:h-640rpx{height:-webkit-calc(var(--rpx,1px)*640);height:-moz-calc(var(--rpx,1px)*640);height:calc(var(--rpx, 1px)*640)}.zn--wrapper .pc\:h-20rpx{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:text-56rpx{font-size:-webkit-calc(var(--rpx,1px)*56);font-size:-moz-calc(var(--rpx,1px)*56);font-size:calc(var(--rpx, 1px)*56);line-height:1}.zn--wrapper .pc\:text-36rpx{font-size:-webkit-calc(var(--rpx,1px)*36);font-size:-moz-calc(var(--rpx,1px)*36);font-size:calc(var(--rpx, 1px)*36);line-height:1}.zn--wrapper .pc\:text-22rpx{font-size:-webkit-calc(var(--rpx,1px)*22);font-size:-moz-calc(var(--rpx,1px)*22);font-size:calc(var(--rpx, 1px)*22);line-height:1}.zn--wrapper .pc\:text-48rpx{font-size:-webkit-calc(var(--rpx,1px)*48);font-size:-moz-calc(var(--rpx,1px)*48);font-size:calc(var(--rpx, 1px)*48);line-height:1}.zn--wrapper .pc\:text-15\.5rpx{font-size:-webkit-calc(var(--rpx,1px)*15.5);font-size:-moz-calc(var(--rpx,1px)*15.5);font-size:calc(var(--rpx, 1px)*15.5);line-height:1}.zn--wrapper .pc\:text-40rpx{font-size:-webkit-calc(var(--rpx,1px)*40);font-size:-moz-calc(var(--rpx,1px)*40);font-size:calc(var(--rpx, 1px)*40);line-height:1}.zn--wrapper .pc\:text-16rpx{font-size:-webkit-calc(var(--rpx,1px)*16);font-size:-moz-calc(var(--rpx,1px)*16);font-size:calc(var(--rpx, 1px)*16);line-height:1}.zn--wrapper .pc\:text-14rpx{font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14);line-height:1}.zn--wrapper .pc\:text-24rpx{font-size:-webkit-calc(var(--rpx,1px)*24);font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24);line-height:1}.zn--wrapper .pc\:text-12rpx{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);line-height:1}.zn--wrapper .pc\:leading-\[1\.3\]{line-height:1.3}.zn--wrapper .pc\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .pc\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .pc\:leading-\[1\.5\]{line-height:1.5}.zn--wrapper .pc\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .pc\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .pc\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .pc\:mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .pc\:mx-24rpx{margin-left:calc(var(--rpx, 1px)*24);margin-right:calc(var(--rpx, 1px)*24)}.zn--wrapper .pc\:mt-9rpx{margin-top:calc(var(--rpx, 1px)*9)}.zn--wrapper .pc\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:mb-36rpx{margin-bottom:calc(var(--rpx, 1px)*36)}.zn--wrapper .pc\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pc\:mb-40rpx{margin-bottom:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:ml-18rpx{margin-left:calc(var(--rpx, 1px)*18)}.zn--wrapper .pc\:mt-100rpx{margin-top:calc(var(--rpx, 1px)*100)}.zn--wrapper .pc\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pc\:mb-20rpx{margin-bottom:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:mr-20rpx{margin-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:mt-36rpx{margin-top:calc(var(--rpx, 1px)*36)}.zn--wrapper .pc\:ml-64rpx{margin-left:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:mt-80rpx{margin-top:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:min-w-145rpx{min-width:-webkit-calc(var(--rpx,1px)*145);min-width:-moz-calc(var(--rpx,1px)*145);min-width:calc(var(--rpx, 1px)*145)}.zn--wrapper .pc\:min-w-147rpx{min-width:-webkit-calc(var(--rpx,1px)*147);min-width:-moz-calc(var(--rpx,1px)*147);min-width:calc(var(--rpx, 1px)*147)}.zn--wrapper .pc\:min-w-116rpx{min-width:-webkit-calc(var(--rpx,1px)*116);min-width:-moz-calc(var(--rpx,1px)*116);min-width:calc(var(--rpx, 1px)*116)}.zn--wrapper .pc\:min-w-114rpx{min-width:-webkit-calc(var(--rpx,1px)*114);min-width:-moz-calc(var(--rpx,1px)*114);min-width:calc(var(--rpx, 1px)*114)}.zn--wrapper .pc\:py-9rpx{padding-bottom:calc(var(--rpx, 1px)*9);padding-top:calc(var(--rpx, 1px)*9)}.zn--wrapper .pc\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:py-120rpx{padding-bottom:calc(var(--rpx, 1px)*120);padding-top:calc(var(--rpx, 1px)*120)}.zn--wrapper .pc\:pt-7\.22vw{padding-top:7.22vw;padding-top:calc(var(--vw, 1vw)*7.22)}.zn--wrapper .pc\:pb-5\.56vw{padding-bottom:5.56vw;padding-bottom:calc(var(--vw, 1vw)*5.56)}.zn--wrapper .pc\:pl-128rpx{padding-left:calc(var(--rpx, 1px)*128)}.zn--wrapper .pc\:left-\[50\%\]{left:50%}.zn--wrapper .pc\:top-\[50\%\]{top:50%}.zn--wrapper .pc\:left-0{left:0}.zn--wrapper .pc\:top-0{top:0}.zn--wrapper .pc\:top-2rpx{top:-webkit-calc(var(--rpx,1px)*2);top:-moz-calc(var(--rpx,1px)*2);top:calc(var(--rpx, 1px)*2)}.zn--wrapper .pc\:top-400rpx{top:-webkit-calc(var(--rpx,1px)*400);top:-moz-calc(var(--rpx,1px)*400);top:calc(var(--rpx, 1px)*400)}.zn--wrapper .pc\:text-center{text-align:center}.zn--wrapper .pc\:tracking-\[0\.01em\]{letter-spacing:.01em}.zn--wrapper .pc\:-tracking-\[0\.005em\]{letter-spacing:-.005em}.zn--wrapper .pc\:tracking-\[0\.02em\]{letter-spacing:.02em}.zn--wrapper .pc\:invisible{visibility:hidden}.zn--wrapper .pc\:w-full{width:100%}.zn--wrapper .pc\:w-580rpx{width:-webkit-calc(var(--rpx,1px)*580);width:-moz-calc(var(--rpx,1px)*580);width:calc(var(--rpx, 1px)*580)}.zn--wrapper .pc\:w-577rpx{width:-webkit-calc(var(--rpx,1px)*577);width:-moz-calc(var(--rpx,1px)*577);width:calc(var(--rpx, 1px)*577)}.zn--wrapper .pc\:w-1312rpx{width:-webkit-calc(var(--rpx,1px)*1312);width:-moz-calc(var(--rpx,1px)*1312);width:calc(var(--rpx, 1px)*1312)}.zn--wrapper .pc\:w-100rpx{width:-webkit-calc(var(--rpx,1px)*100);width:-moz-calc(var(--rpx,1px)*100);width:calc(var(--rpx, 1px)*100)}.zn--wrapper .pc\:w-1000rpx{width:-webkit-calc(var(--rpx,1px)*1000);width:-moz-calc(var(--rpx,1px)*1000);width:calc(var(--rpx, 1px)*1000)}.zn--wrapper .pc\:w-229\.74rpx{width:-webkit-calc(var(--rpx,1px)*229.74);width:-moz-calc(var(--rpx,1px)*229.74);width:calc(var(--rpx, 1px)*229.74)}.zn--wrapper .pc\:w-450rpx{width:-webkit-calc(var(--rpx,1px)*450);width:-moz-calc(var(--rpx,1px)*450);width:calc(var(--rpx, 1px)*450)}.zn--wrapper .pc\:w-753rpx{width:-webkit-calc(var(--rpx,1px)*753);width:-moz-calc(var(--rpx,1px)*753);width:calc(var(--rpx, 1px)*753)}.zn--wrapper .pc\:w-415rpx{width:-webkit-calc(var(--rpx,1px)*415);width:-moz-calc(var(--rpx,1px)*415);width:calc(var(--rpx, 1px)*415)}.zn--wrapper .pc\:w-116rpx{width:-webkit-calc(var(--rpx,1px)*116);width:-moz-calc(var(--rpx,1px)*116);width:calc(var(--rpx, 1px)*116)}.zn--wrapper .pc\:w-48rpx{width:-webkit-calc(var(--rpx,1px)*48);width:-moz-calc(var(--rpx,1px)*48);width:calc(var(--rpx, 1px)*48)}.zn--wrapper .pc\:w-234rpx{width:-webkit-calc(var(--rpx,1px)*234);width:-moz-calc(var(--rpx,1px)*234);width:calc(var(--rpx, 1px)*234)}.zn--wrapper .pc\:transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.zn--wrapper .pc\:-translate-x-1\/2{--tw-translate-x:-50%}.zn--wrapper .pc\:-translate-y-1\/2{--tw-translate-y:-50%}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.zn--wrapper .mo\: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 .mo\: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}.zn--wrapper .mo\:rounded-36px{border-radius:36px}.zn--wrapper .mo\:rounded-4rpx{border-radius:-webkit-calc(var(--rpx,1px)*4);border-radius:-moz-calc(var(--rpx,1px)*4);border-radius:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:rounded-1rpx{border-radius:-webkit-calc(var(--rpx,1px)*1);border-radius:-moz-calc(var(--rpx,1px)*1);border-radius:calc(var(--rpx, 1px)*1)}.zn--wrapper .mo\:rounded-20rpx{border-radius:-webkit-calc(var(--rpx,1px)*20);border-radius:-moz-calc(var(--rpx,1px)*20);border-radius:calc(var(--rpx, 1px)*20)}.zn--wrapper .mo\:rounded-36rpx{border-radius:-webkit-calc(var(--rpx,1px)*36);border-radius:-moz-calc(var(--rpx,1px)*36);border-radius:calc(var(--rpx, 1px)*36)}.zn--wrapper .mo\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .mo\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zn--wrapper .mo\:items-start{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.zn--wrapper .mo\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .mo\:justify-start{-webkit-box-pack:start;-moz-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.zn--wrapper .mo\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .mo\:h-full{height:100%}.zn--wrapper .mo\:h-640rpx{height:-webkit-calc(var(--rpx,1px)*640);height:-moz-calc(var(--rpx,1px)*640);height:calc(var(--rpx, 1px)*640)}.zn--wrapper .mo\:h-12px{height:12px}.zn--wrapper .mo\:h-574rpx{height:-webkit-calc(var(--rpx,1px)*574);height:-moz-calc(var(--rpx,1px)*574);height:calc(var(--rpx, 1px)*574)}.zn--wrapper .mo\:h-60rpx{height:-webkit-calc(var(--rpx,1px)*60);height:-moz-calc(var(--rpx,1px)*60);height:calc(var(--rpx, 1px)*60)}.zn--wrapper .mo\:h-14rpx{height:-webkit-calc(var(--rpx,1px)*14);height:-moz-calc(var(--rpx,1px)*14);height:calc(var(--rpx, 1px)*14)}.zn--wrapper .mo\:h-180rpx{height:-webkit-calc(var(--rpx,1px)*180);height:-moz-calc(var(--rpx,1px)*180);height:calc(var(--rpx, 1px)*180)}.zn--wrapper .mo\:h-230rpx{height:-webkit-calc(var(--rpx,1px)*230);height:-moz-calc(var(--rpx,1px)*230);height:calc(var(--rpx, 1px)*230)}.zn--wrapper .mo\:h-30rpx{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30)}.zn--wrapper .mo\:h-1px{height:1px}.zn--wrapper .mo\:h-580rpx{height:-webkit-calc(var(--rpx,1px)*580);height:-moz-calc(var(--rpx,1px)*580);height:calc(var(--rpx, 1px)*580)}.zn--wrapper .mo\:h-12rpx{height:-webkit-calc(var(--rpx,1px)*12);height:-moz-calc(var(--rpx,1px)*12);height:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:text-28px{font-size:28px;line-height:1}.zn--wrapper .mo\:text-18px{font-size:18px;line-height:1}.zn--wrapper .mo\:text-11px{font-size:11px;line-height:1}.zn--wrapper .mo\:text-12px{font-size:12px;line-height:1}.zn--wrapper .mo\:text-22px{font-size:22px;line-height:1}.zn--wrapper .mo\:text-12rpx{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);line-height:1}.zn--wrapper .mo\:text-14px{font-size:14px;line-height:1}.zn--wrapper .mo\:text-10px{font-size:10px;line-height:1}.zn--wrapper .mo\:text-10rpx{font-size:-webkit-calc(var(--rpx,1px)*10);font-size:-moz-calc(var(--rpx,1px)*10);font-size:calc(var(--rpx, 1px)*10);line-height:1}.zn--wrapper .mo\:text-13rpx{font-size:-webkit-calc(var(--rpx,1px)*13);font-size:-moz-calc(var(--rpx,1px)*13);font-size:calc(var(--rpx, 1px)*13);line-height:1}.zn--wrapper .mo\:leading-\[1\.3\]{line-height:1.3}.zn--wrapper .mo\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .mo\:leading-\[20px\]{line-height:20px}.zn--wrapper .mo\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .mo\:leading-\[26px\]{line-height:26px}.zn--wrapper .mo\:leading-\[1\.43\]{line-height:1.43}.zn--wrapper .mo\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .mo\:leading-\[1\.6\]{line-height:1.6}.zn--wrapper .mo\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .mo\:mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .mo\:mx-12rpx{margin-left:calc(var(--rpx, 1px)*12);margin-right:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:mb-40px{margin-bottom:40px}.zn--wrapper .mo\:mt-3px{margin-top:3px}.zn--wrapper .mo\:mb-6px{margin-bottom:6px}.zn--wrapper .mo\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:mb-16px{margin-bottom:16px}.zn--wrapper .mo\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:mb-36rpx{margin-bottom:calc(var(--rpx, 1px)*36)}.zn--wrapper .mo\:ml-14rpx{margin-left:calc(var(--rpx, 1px)*14)}.zn--wrapper .mo\:mb-12px{margin-bottom:12px}.zn--wrapper .mo\:mr-8rpx{margin-right:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:mb-23rpx{margin-bottom:calc(var(--rpx, 1px)*23)}.zn--wrapper .mo\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:mt-64rpx{margin-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .mo\:min-w-126rpx{min-width:-webkit-calc(var(--rpx,1px)*126);min-width:-moz-calc(var(--rpx,1px)*126);min-width:calc(var(--rpx, 1px)*126)}.zn--wrapper .mo\:min-w-128rpx{min-width:-webkit-calc(var(--rpx,1px)*128);min-width:-moz-calc(var(--rpx,1px)*128);min-width:calc(var(--rpx, 1px)*128)}.zn--wrapper .mo\:min-w-86rpx{min-width:-webkit-calc(var(--rpx,1px)*86);min-width:-moz-calc(var(--rpx,1px)*86);min-width:calc(var(--rpx, 1px)*86)}.zn--wrapper .mo\:min-w-85rpx{min-width:-webkit-calc(var(--rpx,1px)*85);min-width:-moz-calc(var(--rpx,1px)*85);min-width:calc(var(--rpx, 1px)*85)}.zn--wrapper .mo\:py-5px{padding-bottom:5px;padding-top:5px}.zn--wrapper .mo\:px-16px{padding-left:16px;padding-right:16px}.zn--wrapper .mo\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .mo\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .mo\:py-5rpx{padding-bottom:calc(var(--rpx, 1px)*5);padding-top:calc(var(--rpx, 1px)*5)}.zn--wrapper .mo\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:pt-132rpx{padding-top:calc(var(--rpx, 1px)*132)}.zn--wrapper .mo\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .mo\:pt-16rpx{padding-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .mo\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:left-0{left:0}.zn--wrapper .mo\:top-0{top:0}.zn--wrapper .mo\:left-\[50\%\]{left:50%}.zn--wrapper .mo\:top-\[50\%\]{top:50%}.zn--wrapper .mo\:top-1rpx{top:-webkit-calc(var(--rpx,1px)*1);top:-moz-calc(var(--rpx,1px)*1);top:calc(var(--rpx, 1px)*1)}.zn--wrapper .mo\:top-331rpx{top:-webkit-calc(var(--rpx,1px)*331);top:-moz-calc(var(--rpx,1px)*331);top:calc(var(--rpx, 1px)*331)}.zn--wrapper .mo\:text-center{text-align:center}.zn--wrapper .mo\:tracking-\[0\.01em\]{letter-spacing:.01em}.zn--wrapper .mo\:-tracking-\[0\.005em\]{letter-spacing:-.005em}.zn--wrapper .mo\:tracking-\[0\.02em\]{letter-spacing:.02em}.zn--wrapper .mo\:invisible{visibility:hidden}.zn--wrapper .mo\:w-full{width:100%}.zn--wrapper .mo\:w-328px{width:328px}.zn--wrapper .mo\:w-286px{width:286px}.zn--wrapper .mo\:w-328rpx{width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.zn--wrapper .mo\:w-60rpx{width:-webkit-calc(var(--rpx,1px)*60);width:-moz-calc(var(--rpx,1px)*60);width:calc(var(--rpx, 1px)*60)}.zn--wrapper .mo\:w-179rpx{width:-webkit-calc(var(--rpx,1px)*179);width:-moz-calc(var(--rpx,1px)*179);width:calc(var(--rpx, 1px)*179)}.zn--wrapper .mo\:w-158rpx{width:-webkit-calc(var(--rpx,1px)*158);width:-moz-calc(var(--rpx,1px)*158);width:calc(var(--rpx, 1px)*158)}.zn--wrapper .mo\:w-66rpx{width:-webkit-calc(var(--rpx,1px)*66);width:-moz-calc(var(--rpx,1px)*66);width:calc(var(--rpx, 1px)*66)}.zn--wrapper .mo\:w-30rpx{width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.zn--wrapper .mo\:w-116rpx{width:-webkit-calc(var(--rpx,1px)*116);width:-moz-calc(var(--rpx,1px)*116);width:calc(var(--rpx, 1px)*116)}.zn--wrapper .mo\:w-1px{width:1px}.zn--wrapper .mo\:transform{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate:0;--tw-rotate-x:0;--tw-rotate-y:0;--tw-rotate-z:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.zn--wrapper .mo\:-translate-x-1\/2{--tw-translate-x:-50%}.zn--wrapper .mo\:-translate-y-1\/2{--tw-translate-y:-50%}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.zn--wrapper .pad\: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 .pad\: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}.zn--wrapper .pad\:rounded-36rpx{border-radius:-webkit-calc(var(--rpx,1px)*36);border-radius:-moz-calc(var(--rpx,1px)*36);border-radius:calc(var(--rpx, 1px)*36)}.zn--wrapper .pad\:rounded-4rpx{border-radius:-webkit-calc(var(--rpx,1px)*4);border-radius:-moz-calc(var(--rpx,1px)*4);border-radius:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:rounded-1rpx{border-radius:-webkit-calc(var(--rpx,1px)*1);border-radius:-moz-calc(var(--rpx,1px)*1);border-radius:calc(var(--rpx, 1px)*1)}.zn--wrapper .pad\:rounded-20rpx{border-radius:-webkit-calc(var(--rpx,1px)*20);border-radius:-moz-calc(var(--rpx,1px)*20);border-radius:calc(var(--rpx, 1px)*20)}.zn--wrapper .pad\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper .pad\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.zn--wrapper .pad\:items-start{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.zn--wrapper .pad\:items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .pad\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.zn--wrapper .pad\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .pad\:h-full{height:100%}.zn--wrapper .pad\:h-450rpx{height:-webkit-calc(var(--rpx,1px)*450);height:-moz-calc(var(--rpx,1px)*450);height:calc(var(--rpx, 1px)*450)}.zn--wrapper .pad\:h-12rpx{height:-webkit-calc(var(--rpx,1px)*12);height:-moz-calc(var(--rpx,1px)*12);height:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:h-400rpx{height:-webkit-calc(var(--rpx,1px)*400);height:-moz-calc(var(--rpx,1px)*400);height:calc(var(--rpx, 1px)*400)}.zn--wrapper .pad\:h-60rpx{height:-webkit-calc(var(--rpx,1px)*60);height:-moz-calc(var(--rpx,1px)*60);height:calc(var(--rpx, 1px)*60)}.zn--wrapper .pad\:h-14rpx{height:-webkit-calc(var(--rpx,1px)*14);height:-moz-calc(var(--rpx,1px)*14);height:calc(var(--rpx, 1px)*14)}.zn--wrapper .pad\:h-322rpx{height:-webkit-calc(var(--rpx,1px)*322);height:-moz-calc(var(--rpx,1px)*322);height:calc(var(--rpx, 1px)*322)}.zn--wrapper .pad\:h-260rpx{height:-webkit-calc(var(--rpx,1px)*260);height:-moz-calc(var(--rpx,1px)*260);height:calc(var(--rpx, 1px)*260)}.zn--wrapper .pad\:h-30rpx{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30)}.zn--wrapper .pad\:h-1px{height:1px}.zn--wrapper .pad\:text-28rpx{font-size:-webkit-calc(var(--rpx,1px)*28);font-size:-moz-calc(var(--rpx,1px)*28);font-size:calc(var(--rpx, 1px)*28);line-height:1}.zn--wrapper .pad\:text-18rpx{font-size:-webkit-calc(var(--rpx,1px)*18);font-size:-moz-calc(var(--rpx,1px)*18);font-size:calc(var(--rpx, 1px)*18);line-height:1}.zn--wrapper .pad\:text-11rpx{font-size:-webkit-calc(var(--rpx,1px)*11);font-size:-moz-calc(var(--rpx,1px)*11);font-size:calc(var(--rpx, 1px)*11);line-height:1}.zn--wrapper .pad\:text-12rpx{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);line-height:1}.zn--wrapper .pad\:text-14rpx{font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14);line-height:1}.zn--wrapper .pad\:text-10rpx{font-size:-webkit-calc(var(--rpx,1px)*10);font-size:-moz-calc(var(--rpx,1px)*10);font-size:calc(var(--rpx, 1px)*10);line-height:1}.zn--wrapper .pad\:text-16rpx{font-size:-webkit-calc(var(--rpx,1px)*16);font-size:-moz-calc(var(--rpx,1px)*16);font-size:calc(var(--rpx, 1px)*16);line-height:1}.zn--wrapper .pad\:leading-\[1\.3\]{line-height:1.3}.zn--wrapper .pad\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .pad\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .pad\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .pad\:leading-\[1\.44\]{line-height:1.44}.zn--wrapper .pad\:leading-\[1\.43\]{line-height:1.43}.zn--wrapper .pad\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .pad\:mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .pad\:mx-24rpx{margin-left:calc(var(--rpx, 1px)*24);margin-right:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:mb-6rpx{margin-bottom:calc(var(--rpx, 1px)*6)}.zn--wrapper .pad\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:mb-36rpx{margin-bottom:calc(var(--rpx, 1px)*36)}.zn--wrapper .pad\:ml-14rpx{margin-left:calc(var(--rpx, 1px)*14)}.zn--wrapper .pad\:mt-48rpx{margin-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:mt-96rpx{margin-top:calc(var(--rpx, 1px)*96)}.zn--wrapper .pad\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:mr-8rpx{margin-right:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:ml-34rpx{margin-left:calc(var(--rpx, 1px)*34)}.zn--wrapper .pad\:mb-22rpx{margin-bottom:calc(var(--rpx, 1px)*22)}.zn--wrapper .pad\:mb-4rpx{margin-bottom:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:mt-64rpx{margin-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:min-w-126rpx{min-width:-webkit-calc(var(--rpx,1px)*126);min-width:-moz-calc(var(--rpx,1px)*126);min-width:calc(var(--rpx, 1px)*126)}.zn--wrapper .pad\:min-w-128rpx{min-width:-webkit-calc(var(--rpx,1px)*128);min-width:-moz-calc(var(--rpx,1px)*128);min-width:calc(var(--rpx, 1px)*128)}.zn--wrapper .pad\:min-w-86rpx{min-width:-webkit-calc(var(--rpx,1px)*86);min-width:-moz-calc(var(--rpx,1px)*86);min-width:calc(var(--rpx, 1px)*86)}.zn--wrapper .pad\:min-w-84rpx{min-width:-webkit-calc(var(--rpx,1px)*84);min-width:-moz-calc(var(--rpx,1px)*84);min-width:calc(var(--rpx, 1px)*84)}.zn--wrapper .pad\:py-5rpx{padding-bottom:calc(var(--rpx, 1px)*5);padding-top:calc(var(--rpx, 1px)*5)}.zn--wrapper .pad\:px-16rpx{padding-left:calc(var(--rpx, 1px)*16);padding-right:calc(var(--rpx, 1px)*16)}.zn--wrapper .pad\:py-48rpx{padding-bottom:calc(var(--rpx, 1px)*48);padding-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:pt-57rpx{padding-top:calc(var(--rpx, 1px)*57)}.zn--wrapper .pad\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:pl-12rpx{padding-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:pb-48rpx{padding-bottom:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:left-\[50\%\]{left:50%}.zn--wrapper .pad\:top-\[50\%\]{top:50%}.zn--wrapper .pad\:left-0{left:0}.zn--wrapper .pad\:top-0{top:0}.zn--wrapper .pad\:top-1rpx{top:-webkit-calc(var(--rpx,1px)*1);top:-moz-calc(var(--rpx,1px)*1);top:calc(var(--rpx, 1px)*1)}.zn--wrapper .pad\:top-271rpx{top:-webkit-calc(var(--rpx,1px)*271);top:-moz-calc(var(--rpx,1px)*271);top:calc(var(--rpx, 1px)*271)}.zn--wrapper .pad\:text-center{text-align:center}.zn--wrapper .pad\:tracking-\[0\.01em\]{letter-spacing:.01em}.zn--wrapper .pad\:-tracking-\[0\.005em\]{letter-spacing:-.005em}.zn--wrapper .pad\:tracking-\[0\.02em\]{letter-spacing:.02em}.zn--wrapper .pad\:invisible{visibility:hidden}.zn--wrapper .pad\:w-full{width:100%}.zn--wrapper .pad\:w-292rpx{width:-webkit-calc(var(--rpx,1px)*292);width:-moz-calc(var(--rpx,1px)*292);width:calc(var(--rpx, 1px)*292)}.zn--wrapper .pad\:w-286rpx{width:-webkit-calc(var(--rpx,1px)*286);width:-moz-calc(var(--rpx,1px)*286);width:calc(var(--rpx, 1px)*286)}.zn--wrapper .pad\:w-720rpx{width:-webkit-calc(var(--rpx,1px)*720);width:-moz-calc(var(--rpx,1px)*720);width:calc(var(--rpx, 1px)*720)}.zn--wrapper .pad\:w-60rpx{width:-webkit-calc(var(--rpx,1px)*60);width:-moz-calc(var(--rpx,1px)*60);width:calc(var(--rpx, 1px)*60)}.zn--wrapper .pad\:w-644rpx{width:-webkit-calc(var(--rpx,1px)*644);width:-moz-calc(var(--rpx,1px)*644);width:calc(var(--rpx, 1px)*644)}.zn--wrapper .pad\:w-179rpx{width:-webkit-calc(var(--rpx,1px)*179);width:-moz-calc(var(--rpx,1px)*179);width:calc(var(--rpx, 1px)*179)}.zn--wrapper .pad\:w-300rpx{width:-webkit-calc(var(--rpx,1px)*300);width:-moz-calc(var(--rpx,1px)*300);width:calc(var(--rpx, 1px)*300)}.zn--wrapper .pad\:w-461rpx{width:-webkit-calc(var(--rpx,1px)*461);width:-moz-calc(var(--rpx,1px)*461);width:calc(var(--rpx, 1px)*461)}.zn--wrapper .pad\:w-315rpx{width:-webkit-calc(var(--rpx,1px)*315);width:-moz-calc(var(--rpx,1px)*315);width:calc(var(--rpx, 1px)*315)}.zn--wrapper .pad\:w-72rpx{width:-webkit-calc(var(--rpx,1px)*72);width:-moz-calc(var(--rpx,1px)*72);width:calc(var(--rpx, 1px)*72)}.zn--wrapper .pad\:w-30rpx{width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.zn--wrapper .pad\:w-117rpx{width:-webkit-calc(var(--rpx,1px)*117);width:-moz-calc(var(--rpx,1px)*117);width:calc(var(--rpx, 1px)*117)}.zn--wrapper .pad\:w-1px{width:1px}.zn--wrapper .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;-webkit-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-ms-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));-moz-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z));transform:translate(var(--tw-translate-x)) translateY(var(--tw-translate-y)) translateZ(var(--tw-translate-z)) rotate(var(--tw-rotate)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotate(var(--tw-rotate-z)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z))}.zn--wrapper .pad\:-translate-x-1\/2{--tw-translate-x:-50%}.zn--wrapper .pad\:-translate-y-1\/2{--tw-translate-y:-50%}}@media (min-width:1024px){.zn--wrapper .pct\:text-14rpx{font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14);line-height:1}.zn--wrapper .pct\:leading-\[22rpx\]{line-height:-webkit-calc(var(--rpx,1px)*22);line-height:-moz-calc(var(--rpx,1px)*22);line-height:calc(var(--rpx, 1px)*22)}.zn--wrapper .pct\:tracking-\[0\.02em\]{letter-spacing:.02em}}.zn--wrapper{color:#000;font-size:16px}.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not(.loaded),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"]):not([src]),.zn--wrapper img:not([data-no-lazy-load]):not([src^="https://via.placeholder.com/"])[src=""]{opacity:0}.zn--wrapper img[src^="https://via.placeholder.com/"]{opacity:.5}.zn--wrapper *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.zn--wrapper a{text-decoration:none}.zn--wrapper img{display:block;max-width:none}.zn--wrapper canvas img{display:none}.zn--wrapper video{display:block;max-width:none}.zn--wrapper div[data-ll-status],.zn--wrapper figure[data-ll-status]{background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}.zn--wrapper br{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Roboto,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,Microsoft Jhenghei,"sans-serif"}.zn--wrapper h1{clip:rect(1px,1px,1px,1px);border:none;-webkit-clip-path:inset(0 0 99.9%);clip-path:inset(0 0 99.9%);height:1px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px}.zn--wrapper sup{display:inline-block;font-size:50%;top:-1em;unicode-bidi:embed}.zn--wrapper .bg-img-contain{-o-object-fit:contain;object-fit:contain}.zn--wrapper .bg-img,.zn--wrapper .bg-img-contain{height:100%;left:0;position:absolute;top:0;width:100%}.zn--wrapper .bg-img{-o-object-fit:cover;object-fit:cover}.zn--wrapper .abs-center-x{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}.zn--wrapper .abs-center-y{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.zn--wrapper .abs-center{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.zn--wrapper .swiper-button-disabled{opacity:.5}.zn--wrapper .sticky-placeholder{height:0;opacity:0;overflow:hidden;position:relative}.zn--wrapper .black-button{background:#000;color:#fff}.zn--wrapper .black-button [hover-bg]{opacity:0}.zn--wrapper .video-layer{clip-path:inset(1px 1px 1px 1px);-webkit-clip-path:inset(1px 1px 1px 1px)}.zn--wrapper .white-button{background:transparent;border:1px solid #000;color:#000}.zn--wrapper .white-button [hover-bg]{opacity:0}.zn--wrapper .shadow-text{text-shadow:5px 7px 8px rgba(0,0,0,.22)}.zn--wrapper #section-os[data-button="0"] .learn-more-button{display:none}.zn--wrapper #section-product .swiper{padding-left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);padding-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656)}.zn--wrapper #section-product .swiper .swiper-slide{height:-webkit-calc(var(--rpx,1px)*560);height:-moz-calc(var(--rpx,1px)*560);height:calc(var(--rpx, 1px)*560);margin-right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656);width:-webkit-calc(var(--rpx,1px)*1312);width:-moz-calc(var(--rpx,1px)*1312);width:calc(var(--rpx, 1px)*1312)}.zn--wrapper #section-product .swiper .swiper-slide:last-child{margin-right:0}.zn--replacement-tool{--p-6:#4c3fb3;--p-5:#6a5ecc;--p-4:#968dda;--k-2:#e5e5e5;--k-3:#a9a9b5;--white:#fff;--border-radius:12ex}.zn--wrapper[mode=EDITING] .zn-text-inner:hover{background:#4c3fb3;color:#fff}.zn--wrapper .zn-text-inner{font-size:inherit;line-height:inherit}.zn--wrapper [contenteditable=true]{caret-color:#4c3fb3;outline:none}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast{margin:0 auto 10px;width:140ex;width:-webkit-calc(var(--rpx,1px)*320);width:-moz-calc(var(--rpx,1px)*320);width:calc(var(--rpx, 1px)*320)}.zn--replacement-tool-wrapper .zn--replacement-tool .Toastify__toast-container{bottom:0;left:-webkit-calc(50vw - 20px)!important;left:-moz-calc(50vw - 20px)!important;left:calc(50vw - 20px)!important;left:-webkit-calc(var(--vw,1vw)*50 - 20px)!important;left:-moz-calc(var(--vw,1vw)*50 - 20px)!important;left:calc(var(--vw, 1vw)*50 - 20px)!important;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%)}[ani-will-change-view] .will-change{will-change:var(--will-change)}[ani-will-change-view] .will-change-opacity{will-change:var(--will-change-opacity)}[ani-will-change-view] .will-change-clip{will-change:var(--will-change-clip)}.fix-round{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.fix-edge{-webkit-clip-path:inset(1px);clip-path:inset(1px)}.fix-edge-x{-webkit-clip-path:inset(0 1px);clip-path:inset(0 1px)}.fix-edge-y{-webkit-clip-path:inset(1px 0);clip-path:inset(1px 0)}.fix-mt{margin-top:-1px}html[lang^=ar] .zn--wrapper{direction:rtl;text-align:right}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.oppo-navbar-v2-light,.zn--wrapper [data-video-key]{display:none}.zn--wrapper[data-video="1"] [data-video-key="1"],.zn--wrapper[data-video="2"] [data-video-key="2"],.zn--wrapper[data-video="3"] [data-video-key="3"],.zn--wrapper[data-video="4"] [data-video-key="4"],.zn--wrapper[data-video="5"] [data-video-key="5"]{display:contents}@media (min-width:1024px){.zn--wrapper .pc\:font-bold,.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 .pc\:font-medium,.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pc-abs-center{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.zn--wrapper .black-button:hover{color:#fffffff2}.zn--wrapper .black-button:hover [hover-bg]{opacity:1}.zn--wrapper .white-button:hover{color:#000000f2}.zn--wrapper .white-button:hover [hover-bg]{opacity:1}:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}}@media (min-width:650px) and (max-width:1023px){.zn--wrapper .pad\: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 .pad\: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}.zn--wrapper .pad-abs-center{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.zn--wrapper #section-product .swiper{padding-left:24px;padding-right:24px}.zn--wrapper #section-product .swiper .swiper-slide{height:-webkit-calc(var(--rpx,1px)*320);height:-moz-calc(var(--rpx,1px)*320);height:calc(var(--rpx, 1px)*320);margin-right:24px;width:-webkit-calc(var(--rpx,1px)*720);width:-moz-calc(var(--rpx,1px)*720);width:calc(var(--rpx, 1px)*720)}.zn--wrapper #section-product .swiper .swiper-slide:last-child{margin-right:0}:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}}@media (max-width:649px){.zn--wrapper .mo\: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 .mo\: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}.zn--wrapper .os-slogan{color:#fff}.zn--wrapper #section-product .swiper{padding-left:16px;padding-right:16px}.zn--wrapper #section-product .swiper .swiper-slide{height:-webkit-calc(var(--rpx,1px)*360);height:-moz-calc(var(--rpx,1px)*360);height:calc(var(--rpx, 1px)*360);margin-right:16px;width:-webkit-calc(var(--rpx,1px)*328);width:-moz-calc(var(--rpx,1px)*328);width:calc(var(--rpx, 1px)*328)}.zn--wrapper #section-product .swiper .swiper-slide:last-child{margin-right:0}:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}.zn--wrapper .pc-only{display:none}}@media (min-width:650px){.zn--wrapper .os-slogan{-webkit-text-fill-color:transparent;background:-webkit-gradient(linear,left top,right top,color-stop(90%,#ebebeb),to(hsla(0,0%,40%,.7)));background:-webkit-linear-gradient(left,#ebebeb 90%,hsla(0,0%,40%,.7));background:-moz-linear-gradient(left,#ebebeb 90%,hsla(0,0%,40%,.7));background:linear-gradient(90deg,#ebebeb 90%,hsla(0,0%,40%,.7));background-clip:text;-webkit-background-clip:text}}#loader-fps{--point-color:transparent;--size:2px;-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:var(--size);-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100);z-index:1000}#loader-fps .loader-element{border:var(--size) solid var(--point-color);border-radius:100%;margin:calc(var(--size)*2)}#loader-fps .loader-element:first-child{-webkit-animation:preloader .6s ease-in-out infinite alternate;-moz-animation:preloader .6s ease-in-out infinite alternate;animation:preloader .6s ease-in-out infinite alternate}#loader-fps .loader-element:nth-child(2){-webkit-animation:preloader .6s ease-in-out .2s infinite alternate;-moz-animation:preloader .6s ease-in-out .2s infinite alternate;animation:preloader .6s ease-in-out .2s infinite alternate}#loader-fps .loader-element:nth-child(3){-webkit-animation:preloader .6s ease-in-out .4s infinite alternate;-moz-animation:preloader .6s ease-in-out .4s infinite alternate;animation:preloader .6s ease-in-out .4s infinite alternate}@-moz-keyframes preloader{to{-moz-transform:scale(2);transform:scale(2)}}@-webkit-keyframes preloader{to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes preloader{to{-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2)}}@media (min-width:1024px){.zn--wrapper .pc\:font-bold,.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 .pc\:font-medium,.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.fade-in-pc{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in-pc[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in-pc[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}.fade-in{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}}@media (min-width:650px) and (max-width:1023px){.zn--wrapper .pad\: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 .pad\: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:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.fade-in-pad{opacity:0;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in-pad,.fade-in-pad[data-slight]{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.fade-in-pad[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pad.show,.fade-in-pad[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}.fade-in{opacity:0;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in,.fade-in[data-slight]{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}}@media (max-width:649px){.zn--wrapper .mo\: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 .mo\: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:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.fade-in-mo{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in-mo[data-slight]{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.fade-in-mo[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}.fade-in{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in[data-slight]{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}}[ani-autoplay-video],[ani-video-wrapper]{-webkit-clip-path:inset(0);clip-path:inset(0);contain:paint;overflow:hidden;position:relative}[ani-autoplay-video] canvas,[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] img,[ani-video-wrapper] video{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}[ani-autoplay-video] img,[ani-video-wrapper] img{-webkit-clip-path:inset(0);clip-path:inset(0)}[ani-autoplay-video] canvas,[ani-video-wrapper] canvas{-o-object-fit:initial;object-fit:fill}[ani-autoplay-video] img,[ani-autoplay-video] video,[ani-video-wrapper] img,[ani-video-wrapper] video{-o-object-fit:cover;object-fit:cover}[ani-autoplay-video] canvas,[ani-autoplay-video] video,[ani-video-wrapper] canvas,[ani-video-wrapper] video{z-index:1}[ani-autoplay-video] img.degrade,[ani-video-wrapper] img.degrade{z-index:0}[ani-autoplay-video] .replay,[ani-autoplay-video]+.replay,[ani-video-wrapper] .replay,[ani-video-wrapper]+.replay{opacity:0;pointer-events:none}[ani-autoplay-video] .replay.active,[ani-autoplay-video]+.replay.active,[ani-video-wrapper] .replay.active,[ani-video-wrapper]+.replay.active{cursor:pointer;opacity:1;pointer-events:auto}[ani-autoplay-video] img.last-frame,[ani-video-wrapper] img.last-frame{opacity:0;z-index:2}[ani-autoplay-video] img.last-frame.active,[ani-video-wrapper] img.last-frame.active{opacity:1}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.zn--wrapper .pc\:font-bold,.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 .pc\:font-medium,.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.zn--wrapper .mo\: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 .mo\: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 (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.zn--wrapper .pad\: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 .pad\: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}}.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}body div#oc-wrapper{overflow:visible;-webkit-transition:none;-moz-transition:none;transition:none}body div#oc-wrapper .header-v2 .header-main-pc .header-right .search{-webkit-backdrop-filter:none;backdrop-filter:none}#oc-header{-webkit-transition:none;-moz-transition:none;transition:none}#contact-pop .contact-pop_icon,#goback-top,#nps .icon{-webkit-backdrop-filter:none;backdrop-filter:none}.g--popup{height:var(--window-height,100vh);height:var(--window-height,-webkit-calc(var(--vh,1vh)*100));height:var(--window-height,-moz-calc(var(--vh,1vh)*100));height:var(--window-height,calc(var(--vh, 1vh)*100));left:0;position:fixed;top:0;-webkit-transform:translateY(120vh);-moz-transform:translateY(120vh);-ms-transform:translateY(120vh);transform:translateY(120vh);-webkit-transform:translateY(-webkit-calc(var(--vh,1vh)*120));-moz-transform:translateY(-moz-calc(var(--vh,1vh)*120));-ms-transform:translateY(calc(var(--vh, 1vh)*120));transform:translateY(calc(var(--vh, 1vh)*120));width:100%;z-index:9999}.g--popup.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.g--popup.disappear,.g--popup.show{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-moz-transition:transform .5s,-moz-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s,-moz-transform .5s}.g--popup .g--popup-container{-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;position:relative;width:100%}.g--popup .g--video-wrapper{margin-top:-12px;position:relative}.video-portrait.g--popup .g--video-wrapper{height:100%;margin-top:0;padding:32px 0;width:100%}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper .video,.g--popup .g--video-wrapper video{height:100%;max-height:75vh;max-height:-webkit-calc(var(--vh,1vh)*75);max-height:-moz-calc(var(--vh,1vh)*75);max-height:calc(var(--vh, 1vh)*75);outline:none;width:100%}.video-portrait.g--popup .g--video-wrapper .iframe-poster,.video-portrait.g--popup .g--video-wrapper .video,.video-portrait.g--popup .g--video-wrapper video{-o-object-fit:contain;object-fit:contain}.g--popup .g--video-wrapper .iframe-poster{-webkit-animation-duration:1.4s;-moz-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:skeletonLoading;-moz-animation-name:skeletonLoading;animation-name:skeletonLoading;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease;animation-timing-function:ease;background:-webkit-gradient(linear,left top,right top,color-stop(25%,rgba(0,0,0,.06)),color-stop(37%,rgba(0,0,0,.15)),color-stop(63%,rgba(0,0,0,.06)));background:-webkit-linear-gradient(left,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);background:-moz-linear-gradient(left,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.15) 37%,rgba(0,0,0,.06) 63%);-webkit-background-size:400% 100%;background-size:400% 100%;left:0;position:absolute;top:0;z-index:0}.g--popup .g--video-wrapper iframe.video{position:relative;z-index:1}.g--popup .g--video-wrapper .video[src=""],.g--popup .g--video-wrapper video[src=""]{display:none}.g--popup .g--popup-close.v1{cursor:pointer;height:24px;margin-left:auto;opacity:1!important;position:absolute;right:0;top:-36px;width:24px;z-index:2}.g--popup .g--popup-close.v1 .inner{height:100%;width:100%}.g--popup .g--popup-close.v2{cursor:pointer;height:32px;margin-left:auto;opacity:1!important;position:absolute;right:32px;top:32px;width:32px;z-index:2}.g--popup-container.v2.v2{background:#201f1c}.g--popup-close.v2 polygon{fill:#fff}.g--popup-container.v1{background:#000}.g--popup-close.v1 polygon{fill:#fff}.light-theme :not(.dark-theme) .g--popup-container.v1{background:#fff}.light-theme :not(.dark-theme) .g--popup-close.v1 polygon{fill:#000}.light-theme :not(.dark-theme) .g--popup-container.v2{background:#fafafa}.light-theme :not(.dark-theme) .g--popup-close.v2 circle{fill:#efede9}.light-theme :not(.dark-theme) .g--popup-close.v2 path{fill:#000}@-moz-keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes skeletonLoading{0%{background-position:100% 50%}to{background-position:0 50%}}@media (min-width:1024px){.zn--wrapper .pc\:font-bold,.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 .pc\:font-medium,.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:34.115vw;height:-webkit-calc(var(--vw,1vw)*34.115);height:-moz-calc(var(--vw,1vw)*34.115);height:calc(var(--vw, 1vw)*34.115)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:60.65vw;width:-webkit-calc(var(--vw,1vw)*60.65);width:-moz-calc(var(--vw,1vw)*60.65);width:calc(var(--vw, 1vw)*60.65)}}@media (min-width:650px) and (max-width:1023px){.zn--wrapper .pad\: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 .pad\: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:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:42.1875vw;height:-webkit-calc(var(--vw,1vw)*42.1875);height:-moz-calc(var(--vw,1vw)*42.1875);height:calc(var(--vw, 1vw)*42.1875);width:75vw;width:-webkit-calc(var(--vw,1vw)*75);width:-moz-calc(var(--vw,1vw)*75);width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:75vw;width:-webkit-calc(var(--vw,1vw)*75);width:-moz-calc(var(--vw,1vw)*75);width:calc(var(--vw, 1vw)*75)}}@media (max-width:649px){.zn--wrapper .mo\: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 .mo\: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:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:50.634vw;height:-webkit-calc(var(--vw,1vw)*50.634);height:-moz-calc(var(--vw,1vw)*50.634);height:calc(var(--vw, 1vw)*50.634);width:90vw;width:-webkit-calc(var(--vw,1vw)*90);width:-moz-calc(var(--vw,1vw)*90);width:calc(var(--vw, 1vw)*90)}.g--popup .g--video-wrapper.v1{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.g--popup .g--video-wrapper.v2{max-width:90vw;max-width:-webkit-calc(var(--vw,1vw)*90);max-width:-moz-calc(var(--vw,1vw)*90);max-width:calc(var(--vw, 1vw)*90)}.g--popup .g--popup-close.v1{height:28px;right:16px;top:-48px;width:28px}.g--popup .g--popup-close.v2{right:-webkit-calc(50% - 16px);right:-moz-calc(50% - 16px);right:calc(50% - 16px);top:-webkit-calc(var(--window-height) - 59px);top:-moz-calc(var(--window-height) - 59px);top:calc(var(--window-height) - 59px)}}@media 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(-webkit-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx:min(-moz-calc((100vw - 128px)*var(--r,1px)/1312),1px);--rpx:min(calc((100vw - 128px)*var(--r, 1px)/1312),1px);--rpx:min(-webkit-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx:min(-moz-calc((var(--vw,1vw)*100 - 128px)*var(--r,1px)/1312),1px);--rpx:min(calc((var(--vw, 1vw)*100 - 128px)*var(--r, 1px)/1312),1px)}}@media (min-width:650px) and (max-width:1023px) and (orientation:landscape){.ls-pad-hidden{display:none!important}}@media (min-width:650px) and (max-width:1023px) and (orientation:portrait){.pt-pad-hidden{display:none!important}}@media (min-height:600px){.touch .g--popup .g--popup-close.v2{top:110px}}