.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\(254\,254\,254\)\]{--tw-bg-opacity:1;background-color:rgba(254,254,254,var(--tw-bg-opacity))}.zn--wrapper .bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.zn--wrapper .rounded-1\/2{border-radius:50%}.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-start{-webkit-box-align:start;-moz-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.zn--wrapper .items-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.zn--wrapper .h-full{height:100%}.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 .text-center{text-align:center}.zn--wrapper .text-\[rgba\(0\,0\,0\,0\.95\)\]{--tw-text-opacity:.95;color:rgba(0,0,0,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(26\,26\,26\,0\.55\)\]{--tw-text-opacity:.55;color:rgba(26,26,26,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 .z-3{z-index:3}.zn--wrapper .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 .translate-z-0{--tw-translate-z:0px}@media (min-width:1024px){:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pc\:rounded-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\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.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-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-12rpx{height:-webkit-calc(var(--rpx,1px)*12);height:-moz-calc(var(--rpx,1px)*12);height:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:h-38rpx{height:-webkit-calc(var(--rpx,1px)*38);height:-moz-calc(var(--rpx,1px)*38);height:calc(var(--rpx, 1px)*38)}.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-64rpx{height:-webkit-calc(var(--rpx,1px)*64);height:-moz-calc(var(--rpx,1px)*64);height:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:h-32rpx{height:-webkit-calc(var(--rpx,1px)*32);height:-moz-calc(var(--rpx,1px)*32);height:calc(var(--rpx, 1px)*32)}.zn--wrapper .pc\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:ml-26rpx{margin-left:calc(var(--rpx, 1px)*26)}.zn--wrapper .pc\:mt-10rpx{margin-top:calc(var(--rpx, 1px)*10)}.zn--wrapper .pc\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:mb-36rpx{margin-bottom:calc(var(--rpx, 1px)*36)}.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\: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\:px-40rpx{padding-left:calc(var(--rpx, 1px)*40);padding-right:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:py-80rpx{padding-bottom:calc(var(--rpx, 1px)*80);padding-top:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:pl-66rpx{padding-left:calc(var(--rpx, 1px)*66)}.zn--wrapper .pc\:pr-32rpx{padding-right:calc(var(--rpx, 1px)*32)}.zn--wrapper .pc\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:pt-36rpx{padding-top:calc(var(--rpx, 1px)*36)}.zn--wrapper .pc\:absolute{position:absolute}.zn--wrapper .pc\:top-0{top:0}.zn--wrapper .pc\:-top-52\.5rpx{top:-webkit-calc(var(--rpx,1px)*-52.5);top:-moz-calc(var(--rpx,1px)*-52.5);top:calc(var(--rpx, 1px)*-52.5)}.zn--wrapper .pc\:-top-22rpx{top:-webkit-calc(var(--rpx,1px)*-22);top:-moz-calc(var(--rpx,1px)*-22);top:calc(var(--rpx, 1px)*-22)}.zn--wrapper .pc\:bottom-32rpx{bottom:-webkit-calc(var(--rpx,1px)*32);bottom:-moz-calc(var(--rpx,1px)*32);bottom:calc(var(--rpx, 1px)*32)}.zn--wrapper .pc\:right-\[calc\(50vw-656rpx-32rpx\)\]{right:-webkit-calc(50vw - var(--rpx,1px)*656 - var(--rpx,1px)*32);right:-moz-calc(50vw - var(--rpx,1px)*656 - var(--rpx,1px)*32);right:calc(50vw - var(--rpx, 1px)*656 - var(--rpx, 1px)*32);right:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*656 - var(--rpx,1px)*32);right:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*656 - var(--rpx,1px)*32);right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*656 - var(--rpx, 1px)*32)}.zn--wrapper .pc\:invisible{visibility:hidden}.zn--wrapper .pc\:w-full{width:100%}.zn--wrapper .pc\:w-1440rpx{width:-webkit-calc(var(--rpx,1px)*1440);width:-moz-calc(var(--rpx,1px)*1440);width:calc(var(--rpx, 1px)*1440)}.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-380rpx{width:-webkit-calc(var(--rpx,1px)*380);width:-moz-calc(var(--rpx,1px)*380);width:calc(var(--rpx, 1px)*380)}.zn--wrapper .pc\:w-148rpx{width:-webkit-calc(var(--rpx,1px)*148);width:-moz-calc(var(--rpx,1px)*148);width:calc(var(--rpx, 1px)*148)}.zn--wrapper .pc\:w-400rpx{width:-webkit-calc(var(--rpx,1px)*400);width:-moz-calc(var(--rpx,1px)*400);width:calc(var(--rpx, 1px)*400)}.zn--wrapper .pc\:w-104rpx{width:-webkit-calc(var(--rpx,1px)*104);width:-moz-calc(var(--rpx,1px)*104);width:calc(var(--rpx, 1px)*104)}.zn--wrapper .pc\:w-64rpx{width:-webkit-calc(var(--rpx,1px)*64);width:-moz-calc(var(--rpx,1px)*64);width:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:w-32rpx{width:-webkit-calc(var(--rpx,1px)*32);width:-moz-calc(var(--rpx,1px)*32);width:calc(var(--rpx, 1px)*32)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.zn--wrapper .mo\:bg-\[\#fff\]{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.zn--wrapper .mo\:rounded-36px{border-radius:36px}.zn--wrapper .mo\: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 .mo\:h-auto{height:auto}.zn--wrapper .mo\:h-433rpx{height:-webkit-calc(var(--rpx,1px)*433);height:-moz-calc(var(--rpx,1px)*433);height:calc(var(--rpx, 1px)*433)}.zn--wrapper .mo\:h-8rpx{height:-webkit-calc(var(--rpx,1px)*8);height:-moz-calc(var(--rpx,1px)*8);height:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:h-25rpx{height:-webkit-calc(var(--rpx,1px)*25);height:-moz-calc(var(--rpx,1px)*25);height:calc(var(--rpx, 1px)*25)}.zn--wrapper .mo\:h-538rpx{height:-webkit-calc(var(--rpx,1px)*538);height:-moz-calc(var(--rpx,1px)*538);height:calc(var(--rpx, 1px)*538)}.zn--wrapper .mo\:h-48rpx{height:-webkit-calc(var(--rpx,1px)*48);height:-moz-calc(var(--rpx,1px)*48);height:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:h-24rpx{height:-webkit-calc(var(--rpx,1px)*24);height:-moz-calc(var(--rpx,1px)*24);height:calc(var(--rpx, 1px)*24)}.zn--wrapper .mo\: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 .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-23px{font-size:23px;line-height:1}.zn--wrapper .mo\:text-16px{font-size:16px;line-height:1}.zn--wrapper .mo\:text-12px{font-size:12px;line-height:1}.zn--wrapper .mo\:text-24px{font-size:24px;line-height:1}.zn--wrapper .mo\:text-20px{font-size:20px;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\:leading-\[44rpx\]{line-height:-webkit-calc(var(--rpx,1px)*44);line-height:-moz-calc(var(--rpx,1px)*44);line-height:calc(var(--rpx, 1px)*44)}.zn--wrapper .mo\:leading-\[1\]{line-height:1}.zn--wrapper .mo\:leading-\[1\.13\]{line-height:1.13}.zn--wrapper .mo\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .mo\:leading-\[20px\]{line-height:20px}.zn--wrapper .mo\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .mo\:leading-\[1\.3\]{line-height:1.3}.zn--wrapper .mo\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .mo\:mb-2rpx{margin-bottom:calc(var(--rpx, 1px)*2)}.zn--wrapper .mo\:ml-10rpx{margin-left:calc(var(--rpx, 1px)*10)}.zn--wrapper .mo\:mt-20rpx{margin-top:calc(var(--rpx, 1px)*20)}.zn--wrapper .mo\:ml-12px{margin-left:12px}.zn--wrapper .mo\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:mb-16rpx{margin-bottom:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.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\:px-20rpx{padding-left:calc(var(--rpx, 1px)*20);padding-right:calc(var(--rpx, 1px)*20)}.zn--wrapper .mo\:pt-41rpx{padding-top:calc(var(--rpx, 1px)*41)}.zn--wrapper .mo\:pb-59rpx{padding-bottom:calc(var(--rpx, 1px)*59)}.zn--wrapper .mo\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .mo\:pt-16rpx{padding-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .mo\:relative{position:relative}.zn--wrapper .mo\:top-0{top:0}.zn--wrapper .mo\:right-18rpx{right:-webkit-calc(var(--rpx,1px)*18);right:-moz-calc(var(--rpx,1px)*18);right:calc(var(--rpx, 1px)*18)}.zn--wrapper .mo\:bottom-18rpx{bottom:-webkit-calc(var(--rpx,1px)*18);bottom:-moz-calc(var(--rpx,1px)*18);bottom:calc(var(--rpx, 1px)*18)}.zn--wrapper .mo\:-tracking-\[0\.01em\]{letter-spacing:-.01em}.zn--wrapper .mo\:tracking-\[0\.01em\]{letter-spacing:.01em}.zn--wrapper .mo\:tracking-\[0\.5px\]{letter-spacing:.5px}.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-101\.9rpx{width:-webkit-calc(var(--rpx,1px)*101.9);width:-moz-calc(var(--rpx,1px)*101.9);width:calc(var(--rpx, 1px)*101.9)}.zn--wrapper .mo\:w-71rpx{width:-webkit-calc(var(--rpx,1px)*71);width:-moz-calc(var(--rpx,1px)*71);width:calc(var(--rpx, 1px)*71)}.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-48rpx{width:-webkit-calc(var(--rpx,1px)*48);width:-moz-calc(var(--rpx,1px)*48);width:calc(var(--rpx, 1px)*48)}.zn--wrapper .mo\:w-24rpx{width:-webkit-calc(var(--rpx,1px)*24);width:-moz-calc(var(--rpx,1px)*24);width:calc(var(--rpx, 1px)*24)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.zn--wrapper .pad\: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-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 .pad\:flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.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-396rpx{height:-webkit-calc(var(--rpx,1px)*396);height:-moz-calc(var(--rpx,1px)*396);height:calc(var(--rpx, 1px)*396)}.zn--wrapper .pad\:h-6rpx{height:-webkit-calc(var(--rpx,1px)*6);height:-moz-calc(var(--rpx,1px)*6);height:calc(var(--rpx, 1px)*6)}.zn--wrapper .pad\:h-29rpx{height:-webkit-calc(var(--rpx,1px)*29);height:-moz-calc(var(--rpx,1px)*29);height:calc(var(--rpx, 1px)*29)}.zn--wrapper .pad\:h-405rpx{height:-webkit-calc(var(--rpx,1px)*405);height:-moz-calc(var(--rpx,1px)*405);height:calc(var(--rpx, 1px)*405)}.zn--wrapper .pad\:h-48rpx{height:-webkit-calc(var(--rpx,1px)*48);height:-moz-calc(var(--rpx,1px)*48);height:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:h-24rpx{height:-webkit-calc(var(--rpx,1px)*24);height:-moz-calc(var(--rpx,1px)*24);height:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:text-30rpx{font-size:-webkit-calc(var(--rpx,1px)*30);font-size:-moz-calc(var(--rpx,1px)*30);font-size:calc(var(--rpx, 1px)*30);line-height:1}.zn--wrapper .pad\:text-8rpx{font-size:-webkit-calc(var(--rpx,1px)*8);font-size:-moz-calc(var(--rpx,1px)*8);font-size:calc(var(--rpx, 1px)*8);line-height:1}.zn--wrapper .pad\:text-26rpx{font-size:-webkit-calc(var(--rpx,1px)*26);font-size:-moz-calc(var(--rpx,1px)*26);font-size:calc(var(--rpx, 1px)*26);line-height:1}.zn--wrapper .pad\:text-16rpx{font-size:-webkit-calc(var(--rpx,1px)*16);font-size:-moz-calc(var(--rpx,1px)*16);font-size:calc(var(--rpx, 1px)*16);line-height:1}.zn--wrapper .pad\:text-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-24rpx{font-size:-webkit-calc(var(--rpx,1px)*24);font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24);line-height:1}.zn--wrapper .pad\:text-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-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\:leading-\[44rpx\]{line-height:-webkit-calc(var(--rpx,1px)*44);line-height:-moz-calc(var(--rpx,1px)*44);line-height:calc(var(--rpx, 1px)*44)}.zn--wrapper .pad\:leading-\[1\.25\]{line-height:1.25}.zn--wrapper .pad\:leading-\[31rpx\]{line-height:-webkit-calc(var(--rpx,1px)*31);line-height:-moz-calc(var(--rpx,1px)*31);line-height:calc(var(--rpx, 1px)*31)}.zn--wrapper .pad\:leading-\[1\.4\]{line-height:1.4}.zn--wrapper .pad\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .pad\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .pad\:leading-\[26rpx\]{line-height:-webkit-calc(var(--rpx,1px)*26);line-height:-moz-calc(var(--rpx,1px)*26);line-height:calc(var(--rpx, 1px)*26)}.zn--wrapper .pad\:leading-\[20rpx\]{line-height:-webkit-calc(var(--rpx,1px)*20);line-height:-moz-calc(var(--rpx,1px)*20);line-height:calc(var(--rpx, 1px)*20)}.zn--wrapper .pad\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .pad\:ml-6rpx{margin-left:calc(var(--rpx, 1px)*6)}.zn--wrapper .pad\:ml-12rpx{margin-left:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:mb-9rpx{margin-bottom:calc(var(--rpx, 1px)*9)}.zn--wrapper .pad\:mb-24rpx{margin-bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.zn--wrapper .pad\:p-12rpx{padding:calc(var(--rpx, 1px)*12)}.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\:pl-25rpx{padding-left:calc(var(--rpx, 1px)*25)}.zn--wrapper .pad\:pr-26rpx{padding-right:calc(var(--rpx, 1px)*26)}.zn--wrapper .pad\:pt-48rpx{padding-top:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:pb-24rpx{padding-bottom:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.zn--wrapper .pad\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .pad\:absolute{position:absolute}.zn--wrapper .pad\:top-0{top:0}.zn--wrapper .pad\:-top-12rpx{top:-webkit-calc(var(--rpx,1px)*-12);top:-moz-calc(var(--rpx,1px)*-12);top:calc(var(--rpx, 1px)*-12)}.zn--wrapper .pad\:-top-27rpx{top:-webkit-calc(var(--rpx,1px)*-27);top:-moz-calc(var(--rpx,1px)*-27);top:calc(var(--rpx, 1px)*-27)}.zn--wrapper .pad\:right-26rpx{right:-webkit-calc(var(--rpx,1px)*26);right:-moz-calc(var(--rpx,1px)*26);right:calc(var(--rpx, 1px)*26)}.zn--wrapper .pad\:bottom-26rpx{bottom:-webkit-calc(var(--rpx,1px)*26);bottom:-moz-calc(var(--rpx,1px)*26);bottom:calc(var(--rpx, 1px)*26)}.zn--wrapper .pad\:tracking-\[0\.03em\]{letter-spacing:.03em}.zn--wrapper .pad\:tracking-\[0\.5px\]{letter-spacing:.5px}.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-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-206rpx{width:-webkit-calc(var(--rpx,1px)*206);width:-moz-calc(var(--rpx,1px)*206);width:calc(var(--rpx, 1px)*206)}.zn--wrapper .pad\:w-77rpx{width:-webkit-calc(var(--rpx,1px)*77);width:-moz-calc(var(--rpx,1px)*77);width:calc(var(--rpx, 1px)*77)}.zn--wrapper .pad\:w-220rpx{width:-webkit-calc(var(--rpx,1px)*220);width:-moz-calc(var(--rpx,1px)*220);width:calc(var(--rpx, 1px)*220)}.zn--wrapper .pad\:w-82rpx{width:-webkit-calc(var(--rpx,1px)*82);width:-moz-calc(var(--rpx,1px)*82);width:calc(var(--rpx, 1px)*82)}.zn--wrapper .pad\:w-48rpx{width:-webkit-calc(var(--rpx,1px)*48);width:-moz-calc(var(--rpx,1px)*48);width:calc(var(--rpx, 1px)*48)}.zn--wrapper .pad\:w-24rpx{width:-webkit-calc(var(--rpx,1px)*24);width:-moz-calc(var(--rpx,1px)*24);width:calc(var(--rpx, 1px)*24)}}@media (min-width:1024px){.zn--wrapper .pct\: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 .pct\: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 .pct\: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 .pct\: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 .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\: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 .pct\:text-34rpx{font-size:-webkit-calc(var(--rpx,1px)*34);font-size:-moz-calc(var(--rpx,1px)*34);font-size:calc(var(--rpx, 1px)*34);line-height:1}.zn--wrapper .pct\: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 .pct\:text-12px{font-size:12px;line-height:1}.zn--wrapper .pct\:leading-\[1\.27\]{line-height:1.27}.zn--wrapper .pct\:leading-\[1\.23\]{line-height:1.23}.zn--wrapper .pct\:leading-\[1\.4\]{line-height:1.4}.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\:leading-\[1\.5\]{line-height:1.5}.zn--wrapper .pct\:leading-\[1\.41\]{line-height:1.41}.zn--wrapper .pct\:leading-\[20px\]{line-height:20px}.zn--wrapper .pct\:tracking-\[0\.15em\]{letter-spacing:.15em}.zn--wrapper .pct\:tracking-\[0\.5px\]{letter-spacing:.5px}.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{font-size:60%;top:-1em}.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:.3}.zn--wrapper .sticky-placeholder{height:0;opacity:0;overflow:hidden;position:relative}.zn--wrapper #section-video{background:-webkit-gradient(linear,left top,left bottom,from(#fafafa),to(#fff));background:-webkit-linear-gradient(top,#fafafa,#fff);background:-moz-linear-gradient(top,#fafafa 0,#fff 100%);background:linear-gradient(180deg,#fafafa,#fff)}.zn--wrapper [video-trigger-mo],.zn--wrapper [video-trigger]{background:-webkit-radial-gradient(50% 50%,50% 50%,hsla(210,5%,83%,.165) 0,hsla(210,5%,83%,.55) 100%);background:-moz-radial-gradient(50% 50%,50% 50%,hsla(210,5%,83%,.165) 0,hsla(210,5%,83%,.55) 100%);background:radial-gradient(50% 50% at 50% 50%,hsla(210,5%,83%,.165) 0,hsla(210,5%,83%,.55) 100%);border:1px solid hsla(0,0%,100%,.5);-webkit-box-shadow:inset 0 1.07px 1.07px 0 hsla(0,0%,100%,.2);box-shadow:inset 0 1.07px 1.07px #fff3}.zn--wrapper #section-product .swiper .swiper-wrapper{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.zn--wrapper #section-product .swiper .swiper-slide{-webkit-flex-shrink:0;flex-shrink:0}.zn--wrapper #section-product .swiper .swiper-slide:last-child{margin-bottom:0;margin-right:0}.zn--wrapper .black-button{background:#000;color:#fff}.zn--wrapper .black-button [hover-bg]{opacity:0}.zn--wrapper .white-button{background:transparent;border:1px solid #000;color:#000}.zn--wrapper .white-button [hover-bg]{opacity: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}body.zn--body-fixed{position:fixed}#webpack-dev-server-client-overlay{display:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pc-abs-center{left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.zn--wrapper [video-trigger-mo]:hover,.zn--wrapper [video-trigger]:hover{background:-webkit-radial-gradient(50% 50%,50% 50%,hsla(210,5%,83%,.255) 0,hsla(210,5%,83%,.85) 100%);background:-moz-radial-gradient(50% 50%,50% 50%,hsla(210,5%,83%,.255) 0,hsla(210,5%,83%,.85) 100%);background:radial-gradient(50% 50% at 50% 50%,hsla(210,5%,83%,.255) 0,hsla(210,5%,83%,.85) 100%)}.zn--wrapper #section-product .next-button:not(.swiper-button-disabled):hover,.zn--wrapper #section-product .prev-button:not(.swiper-button-disabled):hover{opacity:.8}.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(--rpx, 1px)*8);width:-webkit-calc(var(--rpx,1px)*648);width:-moz-calc(var(--rpx,1px)*648);width:calc(var(--rpx, 1px)*648)}.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-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)*280);height:-moz-calc(var(--rpx,1px)*280);height:calc(var(--rpx, 1px)*280);margin-right:calc(var(--rpx, 1px)*4);width:-webkit-calc(var(--rpx,1px)*358);width:-moz-calc(var(--rpx,1px)*358);width:calc(var(--rpx, 1px)*358)}: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 #section-kv{background:-webkit-gradient(linear,left top,left bottom,color-stop(35.66%,hsla(15,16%,90%,0)),color-stop(76.83%,#e7e8ea));background:-webkit-linear-gradient(top,hsla(15,16%,90%,0) 35.66%,#e7e8ea 76.83%);background:-moz-linear-gradient(top,hsla(15,16%,90%,0) 35.66%,#e7e8ea 76.83%);background:linear-gradient(180deg,hsla(15,16%,90%,0) 35.66%,#e7e8ea 76.83%)}.zn--wrapper #section-product .swiper{padding-left:16px;padding-right:16px}.zn--wrapper #section-product .swiper .swiper-slide{height:-webkit-calc(var(--rpx,1px)*380);height:-moz-calc(var(--rpx,1px)*380);height:calc(var(--rpx, 1px)*380);margin-bottom:calc(var(--rpx, 1px)*4);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:first-child{height:-webkit-calc(var(--rpx,1px)*360);height:-moz-calc(var(--rpx,1px)*360);height:calc(var(--rpx, 1px)*360)}.zn--wrapper #section-product .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}: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}}#loader-fps{--point-color:transparent;--size:2px;-webkit-box-align:center;-moz-box-align:center;-webkit-box-pack:center;-moz-box-pack:center;-webkit-align-content:center;align-content:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;height:var(--size);-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;top:0;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100);z-index:1000}#loader-fps .loader-element{border:var(--size) solid var(--point-color);border-radius:100%;margin:calc(var(--size)*2)}#loader-fps .loader-element:first-child{-webkit-animation:preloader .6s ease-in-out infinite alternate;-moz-animation:preloader .6s ease-in-out infinite alternate;animation:preloader .6s ease-in-out infinite alternate}#loader-fps .loader-element:nth-child(2){-webkit-animation:preloader .6s ease-in-out .2s infinite alternate;-moz-animation:preloader .6s ease-in-out .2s infinite alternate;animation:preloader .6s ease-in-out .2s infinite alternate}#loader-fps .loader-element:nth-child(3){-webkit-animation:preloader .6s ease-in-out .4s infinite alternate;-moz-animation:preloader .6s ease-in-out .4s infinite alternate;animation:preloader .6s ease-in-out .4s infinite alternate}@-moz-keyframes preloader{to{-moz-transform:scale(2);transform:scale(2)}}@-webkit-keyframes preloader{to{-webkit-transform:scale(2);transform:scale(2)}}@keyframes preloader{to{-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2)}}@media (min-width:1024px){.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.fade-in-pc{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in-pc[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in-pc[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pc.show,.fade-in-pc[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}.fade-in{opacity:0;-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*80));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*80));-ms-transform:translateY(calc(var(--rpx, 1px)*80));transform:translateY(calc(var(--rpx, 1px)*80));-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in[data-slight]{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*50));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*50));-ms-transform:translateY(calc(var(--rpx, 1px)*50));transform:translateY(calc(var(--rpx, 1px)*50))}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.fade-in-mo{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in-mo[data-slight]{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.fade-in-mo[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-mo.show,.fade-in-mo[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}.fade-in{opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in[data-slight]{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.fade-in-pad{opacity:0;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in-pad,.fade-in-pad[data-slight]{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.fade-in-pad[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in-pad.show,.fade-in-pad[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}.fade-in{opacity:0;-webkit-transition:opacity .6s,-webkit-transform .6s;transition:opacity .6s,-webkit-transform .6s;-moz-transition:transform .6s,opacity .6s,-moz-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s,-moz-transform .6s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0}.fade-in,.fade-in[data-slight]{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.fade-in[data-slow]{-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-moz-transition:transform 1s,opacity 1s,-moz-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s,-moz-transform 1s}.fade-in.show,.fade-in[data-slight].show{opacity:var(--target-opacity,1);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:var(--delay,0);-moz-transition-delay:var(--delay,0);transition-delay:var(--delay,0)}}[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)}.zn--wrapper .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}}.zn--wrapper{font-family:OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}.zn--wrapper .font-b{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .font-m{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .font-l,.zn--wrapper .font-r{font-family:OPPOSans-Ver2-Regular,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif}html{overflow:unset!important}body div#oc-wrapper{overflow:visible;-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 .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:-webkit-calc(.07622vw - .09756px);--rpx:-moz-calc(.07622vw - .09756px);--rpx:calc(.07622vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/1312 - .09756px);--rpx:calc(var(--vw, 1vw)*100/1312 - .09756px)}.mo-only,.mo-show,.pad-only,.pad-show,.pc-hidden{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:34.115vw;height:-webkit-calc(var(--vw,1vw)*34.115);height:-moz-calc(var(--vw,1vw)*34.115);height:calc(var(--vw, 1vw)*34.115)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:60.65vw;width:-webkit-calc(var(--vw,1vw)*60.65);width:-moz-calc(var(--vw,1vw)*60.65);width:calc(var(--vw, 1vw)*60.65)}}@media (max-width:649px){:root{--rpx:-webkit-calc(.30488vw - .09756px);--rpx:-moz-calc(.30488vw - .09756px);--rpx:calc(.30488vw - .09756px);--rpx:-webkit-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:-moz-calc(var(--vw,1vw)*100/328 - .09756px);--rpx:calc(var(--vw, 1vw)*100/328 - .09756px)}.mo-hidden,.pad-only,.pad-show,.pc-only,.pc-show{display:none}.g--popup .g--popup-container{padding:0}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:50.634vw;height:-webkit-calc(var(--vw,1vw)*50.634);height:-moz-calc(var(--vw,1vw)*50.634);height:calc(var(--vw, 1vw)*50.634);width:90vw;width:-webkit-calc(var(--vw,1vw)*90);width:-moz-calc(var(--vw,1vw)*90);width:calc(var(--vw, 1vw)*90)}.g--popup .g--video-wrapper.v1{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.g--popup .g--video-wrapper.v2{max-width:90vw;max-width:-webkit-calc(var(--vw,1vw)*90);max-width:-moz-calc(var(--vw,1vw)*90);max-width:calc(var(--vw, 1vw)*90)}.g--popup .g--popup-close.v1{height:28px;right:16px;top:-48px;width:28px}.g--popup .g--popup-close.v2{right:-webkit-calc(50% - 16px);right:-moz-calc(50% - 16px);right:calc(50% - 16px);top:-webkit-calc(var(--window-height) - 59px);top:-moz-calc(var(--window-height) - 59px);top:calc(var(--window-height) - 59px)}}@media (min-width:650px) and (max-width:1023px){:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}.mo-only,.mo-show,.pad-hidden,.pc-only,.pc-show{display:none}.g--popup .g--video-wrapper .iframe-poster,.g--popup .g--video-wrapper iframe.video{height:42.1875vw;height:-webkit-calc(var(--vw,1vw)*42.1875);height:-moz-calc(var(--vw,1vw)*42.1875);height:calc(var(--vw, 1vw)*42.1875);width:75vw;width:-webkit-calc(var(--vw,1vw)*75);width:-moz-calc(var(--vw,1vw)*75);width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v1{max-width:75vw;max-width:-webkit-calc(var(--vw,1vw)*75);max-width:-moz-calc(var(--vw,1vw)*75);max-width:calc(var(--vw, 1vw)*75)}.g--popup .g--video-wrapper.v2{width:75vw;width:-webkit-calc(var(--vw,1vw)*75);width:-moz-calc(var(--vw,1vw)*75);width:calc(var(--vw, 1vw)*75)}}@media not screen and (min-width:1024px){.zn--wrapper .mot\:font-bold{font-family:OPPOSans-Ver2-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .mot\:font-medium{font-family:OPPOSans-Ver2-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}}@media (orientation:portrait) and (max-width:1023px) and (min-width:721px){#oc-header{overflow:hidden}}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}@media (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}}