.zn--wrapper .bg-\[rgb\(32\,31\,28\)\]{--tw-bg-opacity:1;background-color:rgba(32,31,28,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-\[rgba\(255\,255\,255\,0\.24\)\]{--tw-bg-opacity:.24;background-color:rgba(255,255,255,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-\[rgb\(250\,250\,250\)\]{--tw-bg-opacity:1;background-color:rgba(250,250,250,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-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-1{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%}.zn--wrapper .flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.zn--wrapper .h-full{height:100%}.zn--wrapper .mx-auto{margin-left:auto;margin-right:auto}.zn--wrapper .mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .overflow-hidden{overflow:hidden}.zn--wrapper .pointer-events-none{pointer-events:none}.zn--wrapper .absolute{position:absolute}.zn--wrapper .relative{position:relative}.zn--wrapper .left-\[100\%\]{left:100%}.zn--wrapper .top-0{top:0}.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\(32\,31\,28\,1\)\]{--tw-text-opacity:1;color:rgba(32,31,28,var(--tw-text-opacity))}.zn--wrapper .text-\[rgba\(26\,26\,26\,0\.95\)\]{--tw-text-opacity:.95;color:rgba(26,26,26,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 .text-\[rgb\(38\,96\,245\)\]{--tw-text-opacity:1;color:rgba(38,96,245,var(--tw-text-opacity))}.zn--wrapper .visible{visibility:visible}.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-1px{width:1px}.zn--wrapper .z-3{z-index:3}@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,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.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-16rpx{border-radius:-webkit-calc(var(--rpx,1px)*16);border-radius:-moz-calc(var(--rpx,1px)*16);border-radius:calc(var(--rpx, 1px)*16)}.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\:flex-1{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%}.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-29rpx{height:-webkit-calc(var(--rpx,1px)*29);height:-moz-calc(var(--rpx,1px)*29);height:calc(var(--rpx, 1px)*29)}.zn--wrapper .pc\:h-10rpx{height:-webkit-calc(var(--rpx,1px)*10);height:-moz-calc(var(--rpx,1px)*10);height:calc(var(--rpx, 1px)*10)}.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\: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-40rpx{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40)}.zn--wrapper .pc\:h-36rpx{height:-webkit-calc(var(--rpx,1px)*36);height:-moz-calc(var(--rpx,1px)*36);height:calc(var(--rpx, 1px)*36)}.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\:mx-6rpx{margin-left:calc(var(--rpx, 1px)*6);margin-right:calc(var(--rpx, 1px)*6)}.zn--wrapper .pc\:ml-8rpx{margin-left:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pc\:mb-16rpx{margin-bottom:calc(var(--rpx, 1px)*16)}.zn--wrapper .pc\:mt-32rpx{margin-top:calc(var(--rpx, 1px)*32)}.zn--wrapper .pc\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .pc\:mt-38rpx{margin-top:calc(var(--rpx, 1px)*38)}.zn--wrapper .pc\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.zn--wrapper .pc\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pc\:mr-16rpx{margin-right:calc(var(--rpx, 1px)*16)}.zn--wrapper .pc\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:p-20rpx{padding:calc(var(--rpx, 1px)*20)}.zn--wrapper .pc\:px-36rpx{padding-left:calc(var(--rpx, 1px)*36);padding-right:calc(var(--rpx, 1px)*36)}.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)}.zn--wrapper .pc\:pt-80rpx,.zn--wrapper .pc\:py-80rpx{padding-top:calc(var(--rpx, 1px)*80)}.zn--wrapper .pc\:pb-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:pl-64rpx{padding-left:calc(var(--rpx, 1px)*64)}.zn--wrapper .pc\:pr-106rpx{padding-right:calc(var(--rpx, 1px)*106)}.zn--wrapper .pc\:top-0{top:0}.zn--wrapper .pc\:-top-38rpx{top:-webkit-calc(var(--rpx,1px)*-38);top:-moz-calc(var(--rpx,1px)*-38);top:calc(var(--rpx, 1px)*-38)}.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\:-left-68rpx{left:-webkit-calc(var(--rpx,1px)*-68);left:-moz-calc(var(--rpx,1px)*-68);left:calc(var(--rpx, 1px)*-68)}.zn--wrapper .pc\:text-center{text-align:center}.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-340rpx{width:-webkit-calc(var(--rpx,1px)*340);width:-moz-calc(var(--rpx,1px)*340);width:calc(var(--rpx, 1px)*340)}.zn--wrapper .pc\:w-150rpx{width:-webkit-calc(var(--rpx,1px)*150);width:-moz-calc(var(--rpx,1px)*150);width:calc(var(--rpx, 1px)*150)}.zn--wrapper .pc\:w-131rpx{width:-webkit-calc(var(--rpx,1px)*131);width:-moz-calc(var(--rpx,1px)*131);width:calc(var(--rpx, 1px)*131)}.zn--wrapper .pc\:w-290rpx{width:-webkit-calc(var(--rpx,1px)*290);width:-moz-calc(var(--rpx,1px)*290);width:calc(var(--rpx, 1px)*290)}.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)}.zn--wrapper .pc\:w-656rpx{width:-webkit-calc(var(--rpx,1px)*656);width:-moz-calc(var(--rpx,1px)*656);width:calc(var(--rpx, 1px)*656)}.zn--wrapper .pc\:w-1183rpx{width:-webkit-calc(var(--rpx,1px)*1183);width:-moz-calc(var(--rpx,1px)*1183);width:calc(var(--rpx, 1px)*1183)}.zn--wrapper .pc\:w-295rpx{width:-webkit-calc(var(--rpx,1px)*295);width:-moz-calc(var(--rpx,1px)*295);width:calc(var(--rpx, 1px)*295)}.zn--wrapper .pc\:w-652rpx{width:-webkit-calc(var(--rpx,1px)*652);width:-moz-calc(var(--rpx,1px)*652);width:calc(var(--rpx, 1px)*652)}.zn--wrapper .pc\:w-36rpx{width:-webkit-calc(var(--rpx,1px)*36);width:-moz-calc(var(--rpx,1px)*36);width:calc(var(--rpx, 1px)*36)}.zn--wrapper .pc\:w-12rpx{width:-webkit-calc(var(--rpx,1px)*12);width:-moz-calc(var(--rpx,1px)*12);width:calc(var(--rpx, 1px)*12)}.zn--wrapper .pc\:gap-8rpx{grid-gap:-webkit-calc(var(--rpx,1px)*8);grid-gap:-moz-calc(var(--rpx,1px)*8);grid-gap:calc(var(--rpx, 1px)*8);gap:-webkit-calc(var(--rpx,1px)*8);gap:-moz-calc(var(--rpx,1px)*8);gap:calc(var(--rpx, 1px)*8)}}@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\: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\: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-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .mo\:order-2{-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-webkit-order:2;order:2}.zn--wrapper .mo\:order-1{-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-webkit-order:1;order:1}.zn--wrapper .mo\:h-auto{height:auto}.zn--wrapper .mo\:h-446rpx{height:-webkit-calc(var(--rpx,1px)*446);height:-moz-calc(var(--rpx,1px)*446);height:calc(var(--rpx, 1px)*446)}.zn--wrapper .mo\:h-23rpx{height:-webkit-calc(var(--rpx,1px)*23);height:-moz-calc(var(--rpx,1px)*23);height:calc(var(--rpx, 1px)*23)}.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-12px{height:12px}.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\:h-328rpx{height:-webkit-calc(var(--rpx,1px)*328);height:-moz-calc(var(--rpx,1px)*328);height:calc(var(--rpx, 1px)*328)}.zn--wrapper .mo\:h-434rpx{height:-webkit-calc(var(--rpx,1px)*434);height:-moz-calc(var(--rpx,1px)*434);height:calc(var(--rpx, 1px)*434)}.zn--wrapper .mo\:h-26px{height:26px}.zn--wrapper .mo\:h-20px{height:20px}.zn--wrapper .mo\:text-43rpx{font-size:-webkit-calc(var(--rpx,1px)*43);font-size:-moz-calc(var(--rpx,1px)*43);font-size:calc(var(--rpx, 1px)*43);line-height:1}.zn--wrapper .mo\: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 .mo\:text-24px{font-size:24px;line-height:1}.zn--wrapper .mo\:text-12px{font-size:12px;line-height:1}.zn--wrapper .mo\:text-10px{font-size:10px;line-height:1}.zn--wrapper .mo\:text-14px{font-size:14px;line-height:1}.zn--wrapper .mo\:leading-\[50rpx\]{line-height:-webkit-calc(var(--rpx,1px)*50);line-height:-moz-calc(var(--rpx,1px)*50);line-height:calc(var(--rpx, 1px)*50)}.zn--wrapper .mo\:leading-\[1\.125\]{line-height:1.125}.zn--wrapper .mo\:leading-\[27px\]{line-height:27px}.zn--wrapper .mo\:leading-\[1\.33\]{line-height:1.33}.zn--wrapper .mo\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .mo\:leading-\[28px\]{line-height:28px}.zn--wrapper .mo\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .mo\:leading-\[20px\]{line-height:20px}.zn--wrapper .mo\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .mo\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .mo\:leading-\[1\.29\]{line-height:1.29}.zn--wrapper .mo\:mx-6px{margin-left:6px;margin-right:6px}.zn--wrapper .mo\:mt-2rpx{margin-top:calc(var(--rpx, 1px)*2)}.zn--wrapper .mo\:mb-8rpx{margin-bottom:calc(var(--rpx, 1px)*8)}.zn--wrapper .mo\:ml-10rpx{margin-left:calc(var(--rpx, 1px)*10)}.zn--wrapper .mo\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .mo\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:mt-16rpx{margin-top:calc(var(--rpx, 1px)*16)}.zn--wrapper .mo\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .mo\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:mt-8rpx{margin-top: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\:py-64rpx{padding-bottom:calc(var(--rpx, 1px)*64);padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .mo\:py-24rpx{padding-bottom:calc(var(--rpx, 1px)*24);padding-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .mo\:px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.zn--wrapper .mo\:pt-69rpx{padding-top:calc(var(--rpx, 1px)*69)}.zn--wrapper .mo\:pt-40rpx{padding-top:calc(var(--rpx, 1px)*40)}.zn--wrapper .mo\:pb-67rpx{padding-bottom:calc(var(--rpx, 1px)*67)}.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\: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\:-left-16px{left:-16px}.zn--wrapper .mo\:bottom-0{bottom:0}.zn--wrapper .mo\:text-center{text-align:center}.zn--wrapper .mo\:-tracking-\[0\.01em\]{letter-spacing:-.01em}.zn--wrapper .mo\:-tracking-\[0\.03em\]{letter-spacing:-.03em}.zn--wrapper .mo\:tracking-\[0\.02em\]{letter-spacing:.02em}.zn--wrapper .mo\:tracking-\[0\.5px\]{letter-spacing:.5px}.zn--wrapper .mo\:invisible{visibility:hidden}.zn--wrapper .mo\:w-full{width:100%}.zn--wrapper .mo\:w-screen{width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.zn--wrapper .mo\:w-118rpx{width:-webkit-calc(var(--rpx,1px)*118);width:-moz-calc(var(--rpx,1px)*118);width:calc(var(--rpx, 1px)*118)}.zn--wrapper .mo\:w-102\.12rpx{width:-webkit-calc(var(--rpx,1px)*102.12);width:-moz-calc(var(--rpx,1px)*102.12);width:calc(var(--rpx, 1px)*102.12)}.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)}.zn--wrapper .mo\:w-191\.75px{width:191.75px}.zn--wrapper .mo\:w-12px{width:12px}.zn--wrapper .mo\:gap-4rpx{grid-gap:-webkit-calc(var(--rpx,1px)*4);grid-gap:-moz-calc(var(--rpx,1px)*4);grid-gap:calc(var(--rpx, 1px)*4);gap:-webkit-calc(var(--rpx,1px)*4);gap:-moz-calc(var(--rpx,1px)*4);gap:calc(var(--rpx, 1px)*4)}}@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\: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\: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-center{-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;align-items:center}.zn--wrapper .pad\:justify-center{-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;justify-content:center}.zn--wrapper .pad\:justify-between{-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.zn--wrapper .pad\:flex-1{-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1 1 0%;flex:1 1 0%}.zn--wrapper .pad\:h-full{height:100%}.zn--wrapper .pad\:h-512rpx{height:-webkit-calc(var(--rpx,1px)*512);height:-moz-calc(var(--rpx,1px)*512);height:calc(var(--rpx, 1px)*512)}.zn--wrapper .pad\:h-18rpx{height:-webkit-calc(var(--rpx,1px)*18);height:-moz-calc(var(--rpx,1px)*18);height:calc(var(--rpx, 1px)*18)}.zn--wrapper .pad\:h-6\.27rpx{height:-webkit-calc(var(--rpx,1px)*6.27);height:-moz-calc(var(--rpx,1px)*6.27);height:calc(var(--rpx, 1px)*6.27)}.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-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\:h-374rpx{height:-webkit-calc(var(--rpx,1px)*374);height:-moz-calc(var(--rpx,1px)*374);height:calc(var(--rpx, 1px)*374)}.zn--wrapper .pad\:h-26rpx{height:-webkit-calc(var(--rpx,1px)*26);height:-moz-calc(var(--rpx,1px)*26);height:calc(var(--rpx, 1px)*26)}.zn--wrapper .pad\:h-20rpx{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20)}.zn--wrapper .pad\:text-31rpx{font-size:-webkit-calc(var(--rpx,1px)*31);font-size:-moz-calc(var(--rpx,1px)*31);font-size:calc(var(--rpx, 1px)*31);line-height:1}.zn--wrapper .pad\:text-6rpx{font-size:-webkit-calc(var(--rpx,1px)*6);font-size:-moz-calc(var(--rpx,1px)*6);font-size:calc(var(--rpx, 1px)*6);line-height:1}.zn--wrapper .pad\:text-19rpx{font-size:-webkit-calc(var(--rpx,1px)*19);font-size:-moz-calc(var(--rpx,1px)*19);font-size:calc(var(--rpx, 1px)*19);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-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-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-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-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\:leading-\[40rpx\]{line-height:-webkit-calc(var(--rpx,1px)*40);line-height:-moz-calc(var(--rpx,1px)*40);line-height:calc(var(--rpx, 1px)*40)}.zn--wrapper .pad\:leading-\[1\.33\]{line-height:1.33}.zn--wrapper .pad\:leading-\[23rpx\]{line-height:-webkit-calc(var(--rpx,1px)*23);line-height:-moz-calc(var(--rpx,1px)*23);line-height:calc(var(--rpx, 1px)*23)}.zn--wrapper .pad\:leading-\[1\.8\]{line-height:1.8}.zn--wrapper .pad\:leading-\[28rpx\]{line-height:-webkit-calc(var(--rpx,1px)*28);line-height:-moz-calc(var(--rpx,1px)*28);line-height:calc(var(--rpx, 1px)*28)}.zn--wrapper .pad\:leading-\[1\.2\]{line-height:1.2}.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\.67\]{line-height:1.67}.zn--wrapper .pad\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .pad\:leading-\[1\.29\]{line-height:1.29}.zn--wrapper .pad\:mx-6rpx{margin-left:calc(var(--rpx, 1px)*6);margin-right:calc(var(--rpx, 1px)*6)}.zn--wrapper .pad\:ml-7rpx{margin-left:calc(var(--rpx, 1px)*7)}.zn--wrapper .pad\:mt-4rpx{margin-top:calc(var(--rpx, 1px)*4)}.zn--wrapper .pad\:mb-12rpx{margin-bottom:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:mt-24rpx{margin-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:mt-12rpx{margin-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:mt-8rpx{margin-top:calc(var(--rpx, 1px)*8)}.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\:px-24rpx{padding-left:calc(var(--rpx, 1px)*24);padding-right:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:py-24rpx{padding-bottom:calc(var(--rpx, 1px)*24);padding-top:calc(var(--rpx, 1px)*24)}.zn--wrapper .pad\:px-12rpx{padding-left:calc(var(--rpx, 1px)*12);padding-right:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:pl-20rpx{padding-left:calc(var(--rpx, 1px)*20)}.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-64rpx{padding-bottom:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:pt-64rpx{padding-top:calc(var(--rpx, 1px)*64)}.zn--wrapper .pad\:pb-80rpx{padding-bottom:calc(var(--rpx, 1px)*80)}.zn--wrapper .pad\:top-0{top:0}.zn--wrapper .pad\:-top-5rpx{top:-webkit-calc(var(--rpx,1px)*-5);top:-moz-calc(var(--rpx,1px)*-5);top:calc(var(--rpx, 1px)*-5)}.zn--wrapper .pad\:-top-30rpx{top:-webkit-calc(var(--rpx,1px)*-30);top:-moz-calc(var(--rpx,1px)*-30);top:calc(var(--rpx, 1px)*-30)}.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\:-left-24rpx{left:-webkit-calc(var(--rpx,1px)*-24);left:-moz-calc(var(--rpx,1px)*-24);left:calc(var(--rpx, 1px)*-24)}.zn--wrapper .pad\:text-center{text-align:center}.zn--wrapper .pad\:-tracking-\[0\.01em\]{letter-spacing:-.01em}.zn--wrapper .pad\:tracking-\[0\.02em\]{letter-spacing:.02em}.zn--wrapper .pad\:tracking-\[0\.5px\]{letter-spacing:.5px}.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-211rpx{width:-webkit-calc(var(--rpx,1px)*211);width:-moz-calc(var(--rpx,1px)*211);width:calc(var(--rpx, 1px)*211)}.zn--wrapper .pad\:w-91rpx{width:-webkit-calc(var(--rpx,1px)*91);width:-moz-calc(var(--rpx,1px)*91);width:calc(var(--rpx, 1px)*91)}.zn--wrapper .pad\:w-80rpx{width:-webkit-calc(var(--rpx,1px)*80);width:-moz-calc(var(--rpx,1px)*80);width:calc(var(--rpx, 1px)*80)}.zn--wrapper .pad\:w-270rpx{width:-webkit-calc(var(--rpx,1px)*270);width:-moz-calc(var(--rpx,1px)*270);width:calc(var(--rpx, 1px)*270)}.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)}.zn--wrapper .pad\:w-360rpx{width:-webkit-calc(var(--rpx,1px)*360);width:-moz-calc(var(--rpx,1px)*360);width:calc(var(--rpx, 1px)*360)}.zn--wrapper .pad\:w-768rpx{width:-webkit-calc(var(--rpx,1px)*768);width:-moz-calc(var(--rpx,1px)*768);width:calc(var(--rpx, 1px)*768)}.zn--wrapper .pad\:w-191\.75rpx{width:-webkit-calc(var(--rpx,1px)*191.75);width:-moz-calc(var(--rpx,1px)*191.75);width:calc(var(--rpx, 1px)*191.75)}.zn--wrapper .pad\:w-12rpx{width:-webkit-calc(var(--rpx,1px)*12);width:-moz-calc(var(--rpx,1px)*12);width:calc(var(--rpx, 1px)*12)}.zn--wrapper .pad\:gap-4rpx{grid-gap:-webkit-calc(var(--rpx,1px)*4);grid-gap:-moz-calc(var(--rpx,1px)*4);grid-gap:calc(var(--rpx, 1px)*4);gap:-webkit-calc(var(--rpx,1px)*4);gap:-moz-calc(var(--rpx,1px)*4);gap:calc(var(--rpx, 1px)*4)}}@media (min-width:1024px){.zn--wrapper .pct\:text-51rpx{font-size:-webkit-calc(var(--rpx,1px)*51);font-size:-moz-calc(var(--rpx,1px)*51);font-size:calc(var(--rpx, 1px)*51);line-height:1}.zn--wrapper .pct\: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 .pct\:text-32rpx{font-size:-webkit-calc(var(--rpx,1px)*32);font-size:-moz-calc(var(--rpx,1px)*32);font-size:calc(var(--rpx, 1px)*32);line-height:1}.zn--wrapper .pct\: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 .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-42rpx{font-size:-webkit-calc(var(--rpx,1px)*42);font-size:-moz-calc(var(--rpx,1px)*42);font-size:calc(var(--rpx, 1px)*42);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-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\.3\]{line-height:1.3}.zn--wrapper .pct\:leading-\[1\.125\]{line-height:1.125}.zn--wrapper .pct\:leading-\[1\.33\]{line-height:1.33}.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-\[46rpx\]{line-height:-webkit-calc(var(--rpx,1px)*46);line-height:-moz-calc(var(--rpx,1px)*46);line-height:calc(var(--rpx, 1px)*46)}.zn--wrapper .pct\:leading-\[1\.2\]{line-height:1.2}.zn--wrapper .pct\: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 .pct\:leading-\[1\.25\]{line-height:1.25}.zn--wrapper .pct\:leading-\[1\.5\]{line-height:1.5}.zn--wrapper .pct\:leading-\[1\.57\]{line-height:1.57}.zn--wrapper .pct\:leading-\[1\.67\]{line-height:1.67}.zn--wrapper .pct\:leading-\[20px\]{line-height:20px}.zn--wrapper .pct\:-tracking-\[0\.01em\]{letter-spacing:-.01em}.zn--wrapper .pct\:tracking-\[0\.02em\]{letter-spacing:.02em}.zn--wrapper .pct\:tracking-\[0\.5px\]{letter-spacing:.5px}}.zn--wrapper{color:#000;font-size:16px}.zn--wrapper[data-order="0"] [order-button]{pointer-events:none;visibility:hidden}.zn--wrapper[data-complete="0"] .extra-card-3,.zn--wrapper[data-extra-learn-more="0"] [extra-learn-more],.zn--wrapper[data-extra="0"] #section-extra,.zn--wrapper[data-pen-learn-more="0"] [pen-learn-more]{display:none}.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:.5}.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-pen{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fafafa));background:-webkit-linear-gradient(top,#fff,#fafafa);background:-moz-linear-gradient(top,#fff 0,#fafafa 100%);background:linear-gradient(180deg,#fff,#fafafa)}.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,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.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 .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%)}: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%)}: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,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:-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,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}}@media (max-width:649px){:root{--rpx:-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,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 .pct\:font-bold{font-family:OPPOSans-Ver2-Bold,OPPOSans-Bold,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.zn--wrapper .pct\:font-medium{font-family:OPPOSans-Ver2-Medium,OPPOSans-Medium,PingFang SC,Hiragino Sans GB,STHeiti,Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}:root{--rpx:-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,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}}