#loader-fps{--point-color:transparent;--size:2px;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-ms-flex-line-pack:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-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:-ms-flexbox;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);-webkit-border-radius:100%;-moz-border-radius:100%;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);-o-transform:scale(2);transform:scale(2)}}[ani-autoplay-video],[ani-video-wrapper]{contain:paint;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%}[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}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}.hidden{display:none}.font-medium{font-weight:500}.sticky{position:-webkit-sticky;position:sticky}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -webkit-calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 -moz-calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);-moz-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.visible{visibility:visible}.full{height:100%;width:100%}@media (orientation:portrait) and (max-width:1023px){#oc-header.fixed{visibility:hidden}}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Bold;font-style:normal;font-variation-settings:"wght" 700;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSansWOPPOSans3.0En-Boldeb2.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Bold.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Medium;font-style:normal;font-variation-settings:"wght" 500;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Medium.eot) format("embedded-opentype")}@font-face{font-display:swap;font-family:OPPOSans-Ver2-Regular;font-style:normal;font-variation-settings:"wght" 400;src:url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff2) format("woff2"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.woff) format("woff"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.ttf) format("truetype"),url(https://www.oppo.com/content/dam/statics/fonts/en/OPPOSans3.0En-Regular.eot) format("embedded-opentype")}.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}.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}*,:after,:before{-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}#oc-wrapper{overflow:visible}#footer{overflow-x:hidden}#oc-wrapper{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}#oc-wrapper .header-v2 .header-main-pc .header-right .search{-webkit-backdrop-filter:none;backdrop-filter:none}#oc-header{-webkit-transition:none;-o-transition:none;-moz-transition:none;transition:none}#contact-pop .contact-pop_icon,#goback-top,#nps .icon{-webkit-backdrop-filter:none;backdrop-filter:none}.zn--wrapper{font-size:16px}.zn--wrapper img:not(.loaded):not([src^="https://via.placeholder.com/"]),.zn--wrapper img:not([src]):not([src^="https://via.placeholder.com/"]),.zn--wrapper img[src=""]:not([src^="https://via.placeholder.com/"]){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;-moz-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--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%);-o-transform:translateX(-50%);transform:translate(-50%)}@font-face{font-display:swap;font-family:handjet;font-style:normal;font-weight:400;src:url(/content/dam/oppo/event-page-asset/find-n3-flip-launch/game-en/v1/da3975c76123096698f2.ttf) format("truetype")}body{height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);left:0;overflow:hidden;overscroll-behavior-y:none;position:fixed;top:0;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}body .zn--replacement-tool-outer-wrapper{display:none!important}body.relative{position:relative}body #oc-wrapper{padding:0!important}body .zn--wrapper{height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);overflow:hidden;position:relative;width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}body .zn--wrapper.scroll{overflow:scroll}body .f-hj{font-family:handjet}.zn--wrapper{background:#eaebef;color:#2c2c2c}.zn--wrapper sub{-webkit-transform:translateY(-webkit-calc(var(--rpx,1px)*2));-moz-transform:translateY(-moz-calc(var(--rpx,1px)*2));-ms-transform:translateY(calc(var(--rpx, 1px)*2));-o-transform:translateY(calc(var(--rpx, 1px)*2));transform:translateY(calc(var(--rpx, 1px)*2))}.zn--wrapper .f-0{font-size:-webkit-calc(var(--rpx,1px)*28);font-size:-moz-calc(var(--rpx,1px)*28);font-size:calc(var(--rpx, 1px)*28);line-height:1.15}.zn--wrapper .f-1{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.25}.zn--wrapper .f-2{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.2}.zn--wrapper .f-3{font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20);line-height:1.2}.zn--wrapper .f-4{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.2}.zn--wrapper .f-5{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.2}.zn--wrapper .f-6{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.2}.zn--wrapper .f-7{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.2}.zn--wrapper .f-8{font-size:-webkit-calc(var(--rpx,1px)*22);font-size:-moz-calc(var(--rpx,1px)*22);font-size:calc(var(--rpx, 1px)*22);line-height:1.2}.zn--wrapper .flex-c{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.zn--wrapper [data-type=opacity]{opacity:0}.zn--wrapper [data-type=opacity].show{opacity:1;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.zn--wrapper .__text{display:inline-block}.zn--wrapper .char{opacity:0}.zn--wrapper .char.show{opacity:1}.zn--wrapper .bo-f{margin-bottom:calc(var(--rpx, 1px)*8)}.zn--wrapper .bt-f{margin-top:calc(var(--rpx, 1px)*60)}.zn--wrapper .bo-sf{margin-bottom:calc(var(--rpx, 1px)*20)}.zn--wrapper .opt-top{margin-top:calc(var(--rpx, 1px)*30)!important}.zn--scan-page{background:#eaebef;display:none;height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);left:0;position:fixed;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:99999}.zn--scan-page.show{display:block}.zn--scan-page .scan-content{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}.zn--scan-page .scan-content .right{margin-left:8.333333333333334vw;margin-left:calc(var(--vw, 1vw)*8.33333);position:relative;z-index:1}.zn--scan-page .scan-content .right .title{font-size:4.722222222222222vw;font-size:-webkit-calc(var(--vw,1vw)*4.72222);font-size:-moz-calc(var(--vw,1vw)*4.72222);font-size:calc(var(--vw, 1vw)*4.72222);line-height:1.15}.zn--scan-page .scan-content .right .desc{font-size:1.25vw;font-size:-webkit-calc(var(--vw,1vw)*1.25);font-size:-moz-calc(var(--vw,1vw)*1.25);font-size:calc(var(--vw, 1vw)*1.25);line-height:1.4;margin:1.666666666666667vw auto 1.944444444444444vw;margin:calc(var(--vw, 1vw)*1.66667) auto calc(var(--vw, 1vw)*1.94444)}.zn--scan-page .scan-content .right .scan{background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;-webkit-border-radius:.833333333333333vw;-moz-border-radius:.833333333333333vw;border-radius:.833333333333333vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*.83333);-moz-border-radius:-moz-calc(var(--vw,1vw)*.83333);border-radius:calc(var(--vw, 1vw)*.83333);margin-bottom:.416666666666667vw;margin-bottom:calc(var(--vw, 1vw)*.41667);padding:.555555555555556vw;padding:calc(var(--vw, 1vw)*.55556);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.zn--scan-page .scan-content .right .scan .qr{background:#fff;-webkit-border-radius:.486111111111111vw;-moz-border-radius:.486111111111111vw;border-radius:.486111111111111vw;-webkit-border-radius:-webkit-calc(var(--vw,1vw)*.48611);-moz-border-radius:-moz-calc(var(--vw,1vw)*.48611);border-radius:calc(var(--vw, 1vw)*.48611);padding:.555555555555556vw;padding:calc(var(--vw, 1vw)*.55556)}.zn--scan-page .scan-content .right .scan .qr img{height:7.638888888888888vw;height:-webkit-calc(var(--vw,1vw)*7.63889);height:-moz-calc(var(--vw,1vw)*7.63889);height:calc(var(--vw, 1vw)*7.63889);width:7.638888888888888vw;width:-webkit-calc(var(--vw,1vw)*7.63889);width:-moz-calc(var(--vw,1vw)*7.63889);width:calc(var(--vw, 1vw)*7.63889)}.zn--scan-page .scan-content .right .qr-t,.zn--scan-page .scan-content .right .tips{font-size:.833333333333333vw;font-size:-webkit-calc(var(--vw,1vw)*.83333);font-size:-moz-calc(var(--vw,1vw)*.83333);font-size:calc(var(--vw, 1vw)*.83333)}.zn--scan-page .scan-content .right .tips{color:#000000b3;margin-top:1.666666666666667vw;margin-top:calc(var(--vw, 1vw)*1.66667);-webkit-transform:scale(.833333333333333);-moz-transform:scale(.833333333333333);-ms-transform:scale(.833333333333333);-o-transform:scale(.833333333333333);transform:scale(.833333333333333);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;width:27.77777777777778vw;width:-webkit-calc(var(--vw,1vw)*27.77778);width:-moz-calc(var(--vw,1vw)*27.77778);width:calc(var(--vw, 1vw)*27.77778)}.zn--scan-page .scan-content .left{height:36.11111111111111vw;height:-webkit-calc(var(--vw,1vw)*36.11111);height:-moz-calc(var(--vw,1vw)*36.11111);height:calc(var(--vw, 1vw)*36.11111);left:-13.88888888888889vw;left:-webkit-calc(var(--vw,1vw)*-13.88889);left:-moz-calc(var(--vw,1vw)*-13.88889);left:calc(var(--vw, 1vw)*-13.88889);position:relative;top:-10.416666666666666vw;top:-webkit-calc(var(--vw,1vw)*-10.41667);top:-moz-calc(var(--vw,1vw)*-10.41667);top:calc(var(--vw, 1vw)*-10.41667);width:36.11111111111111vw;width:-webkit-calc(var(--vw,1vw)*36.11111);width:-moz-calc(var(--vw,1vw)*36.11111);width:calc(var(--vw, 1vw)*36.11111);z-index:0}.zn--scan-page .scan-content .left .camera,.zn--scan-page .scan-content .left .light,.zn--scan-page .scan-content .left .phone,.zn--scan-page .scan-content .left .slogan{-webkit-animation-direction:alternate;-moz-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:float;-moz-animation-name:float;animation-name:float;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;height:26.38888888888889vw;height:-webkit-calc(var(--vw,1vw)*26.38889);height:-moz-calc(var(--vw,1vw)*26.38889);height:calc(var(--vw, 1vw)*26.38889);position:absolute;width:26.38888888888889vw;width:-webkit-calc(var(--vw,1vw)*26.38889);width:-moz-calc(var(--vw,1vw)*26.38889);width:calc(var(--vw, 1vw)*26.38889);z-index:1}.zn--scan-page .scan-content .left .light{-webkit-animation-duration:3s;-moz-animation-duration:3s;animation-duration:3s;left:28.333333333333332vw;left:-webkit-calc(var(--vw,1vw)*28.33333);left:-moz-calc(var(--vw,1vw)*28.33333);left:calc(var(--vw, 1vw)*28.33333);top:20.13888888888889vw;top:-webkit-calc(var(--vw,1vw)*20.13889);top:-moz-calc(var(--vw,1vw)*20.13889);top:calc(var(--vw, 1vw)*20.13889);z-index:0}.zn--scan-page .scan-content .left .camera{-webkit-animation-duration:4s;-moz-animation-duration:4s;animation-duration:4s;left:12.5vw;left:-webkit-calc(var(--vw,1vw)*12.5);left:-moz-calc(var(--vw,1vw)*12.5);left:calc(var(--vw, 1vw)*12.5);top:9.722222222222221vw;top:-webkit-calc(var(--vw,1vw)*9.72222);top:-moz-calc(var(--vw,1vw)*9.72222);top:calc(var(--vw, 1vw)*9.72222);z-index:3}.zn--scan-page .scan-content .left .phone{-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;left:27.083333333333332vw;left:-webkit-calc(var(--vw,1vw)*27.08333);left:-moz-calc(var(--vw,1vw)*27.08333);left:calc(var(--vw, 1vw)*27.08333);top:7.986111111111111vw;top:-webkit-calc(var(--vw,1vw)*7.98611);top:-moz-calc(var(--vw,1vw)*7.98611);top:calc(var(--vw, 1vw)*7.98611);z-index:1}.zn--scan-page .scan-content .left .slogan{-webkit-animation-duration:5s;-moz-animation-duration:5s;animation-duration:5s;left:17.708333333333332vw;left:-webkit-calc(var(--vw,1vw)*17.70833);left:-moz-calc(var(--vw,1vw)*17.70833);left:calc(var(--vw, 1vw)*17.70833);top:22.22222222222222vw;top:-webkit-calc(var(--vw,1vw)*22.22222);top:-moz-calc(var(--vw,1vw)*22.22222);top:calc(var(--vw, 1vw)*22.22222);z-index:2}@-moz-keyframes float{0%{-moz-transform:translateY(0);transform:translateY(0)}to{-moz-transform:translateY(10%);transform:translateY(10%)}}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10%);transform:translateY(10%)}}@keyframes float{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-o-transform:translateY(10%);transform:translateY(10%)}}.__library{display:none;left:-99999px;position:absolute;top:-99999px;z-index:999}.__library .qa-video-container{height:-webkit-calc(var(--rpx,1px)*160);height:-moz-calc(var(--rpx,1px)*160);height:calc(var(--rpx, 1px)*160);position:relative;width:-webkit-calc(var(--rpx,1px)*280);width:-moz-calc(var(--rpx,1px)*280);width:calc(var(--rpx, 1px)*280)}.zn--wrapper .f{min-height:5px}.zn--wrapper .f.hide{display:none}.zn--wrapper .bonus,.zn--wrapper .q,.zn--wrapper .qa{overflow:hidden}.zn--wrapper .bonus .order,.zn--wrapper .q .order,.zn--wrapper .qa .order{margin:auto;padding-top:calc(var(--rpx, 1px)*80);position:relative;width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335);z-index:2}.zn--wrapper .bonus .order .num,.zn--wrapper .q .order .num,.zn--wrapper .qa .order .num{border:1px solid #000;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*20);-moz-border-radius:-moz-calc(var(--rpx,1px)*20);border-radius:calc(var(--rpx, 1px)*20);margin-bottom:calc(var(--rpx, 1px)*10);padding:calc(var(--rpx, 1px)*1) calc(var(--rpx, 1px)*8);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.zn--wrapper .bonus .question,.zn--wrapper .q .question,.zn--wrapper .qa .question{margin:auto;position:relative;width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335);z-index:2}.zn--wrapper .bonus .placeholder,.zn--wrapper .q .placeholder,.zn--wrapper .qa .placeholder{height:-webkit-calc(var(--rpx,1px)*228);height:-moz-calc(var(--rpx,1px)*228);height:calc(var(--rpx, 1px)*228);margin:calc(var(--rpx, 1px)*10) auto 0;position:relative;width:100%;z-index:1}.zn--wrapper .bonus .placeholder .media,.zn--wrapper .bonus .placeholder .qa-video,.zn--wrapper .q .placeholder .media,.zn--wrapper .q .placeholder .qa-video,.zn--wrapper .qa .placeholder .media,.zn--wrapper .qa .placeholder .qa-video{height:100vw;height:-webkit-calc(var(--vw,1vw)*100);height:-moz-calc(var(--vw,1vw)*100);height:calc(var(--vw, 1vw)*100);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100)}.zn--wrapper .bonus .options,.zn--wrapper .q .options,.zn--wrapper .qa .options{margin:0 calc(var(--rpx, 1px)*20) 0 auto;max-width:-webkit-calc(var(--rpx,1px)*280);max-width:-moz-calc(var(--rpx,1px)*280);max-width:calc(var(--rpx, 1px)*280);padding-bottom:calc(var(--rpx, 1px)*68);padding-top:calc(var(--rpx, 1px)*30);position:relative;z-index:2}.zn--wrapper .bonus .options .content,.zn--wrapper .q .options .content,.zn--wrapper .qa .options .content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*12);-moz-border-radius:-moz-calc(var(--rpx,1px)*12);border-radius:calc(var(--rpx, 1px)*12);padding:calc(var(--rpx, 1px)*6)}.zn--wrapper .bonus .options .content .option,.zn--wrapper .q .options .content .option,.zn--wrapper .qa .options .content .option{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*8) -webkit-calc(var(--rpx,1px)*6);-moz-border-radius:-moz-calc(var(--rpx,1px)*8) -moz-calc(var(--rpx,1px)*6);border-radius:calc(var(--rpx, 1px)*8) calc(var(--rpx, 1px)*6);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:calc(var(--rpx, 1px)*12) calc(var(--rpx, 1px)*10)}.zn--wrapper .bonus .options .content .option.disabled,.zn--wrapper .q .options .content .option.disabled,.zn--wrapper .qa .options .content .option.disabled{color:#00000080;pointer-events:none}.zn--wrapper .bonus .options .content .option.select,.zn--wrapper .q .options .content .option.select,.zn--wrapper .qa .options .content .option.select{background:rgba(225,227,235,.6);color:#000}.zn--wrapper .bonus .countdown,.zn--wrapper .q .countdown,.zn--wrapper .qa .countdown{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:end;-moz-box-pack:end;-ms-flex-pack:end;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin:calc(var(--rpx, 1px)*22) auto 0;position:relative;z-index:2}.zn--wrapper .bonus .countdown .progress,.zn--wrapper .q .countdown .progress,.zn--wrapper .qa .countdown .progress{background:#fff;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*8);-moz-border-radius:-moz-calc(var(--rpx,1px)*8);border-radius:calc(var(--rpx, 1px)*8);height:-webkit-calc(var(--rpx,1px)*4);height:-moz-calc(var(--rpx,1px)*4);height:calc(var(--rpx, 1px)*4);margin-right:calc(var(--rpx, 1px)*12);overflow:hidden;width:-webkit-calc(var(--rpx,1px)*160);width:-moz-calc(var(--rpx,1px)*160);width:calc(var(--rpx, 1px)*160)}.zn--wrapper .bonus .countdown .progress .inner,.zn--wrapper .q .countdown .progress .inner,.zn--wrapper .qa .countdown .progress .inner{background:#2cff73;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*8);-moz-border-radius:-moz-calc(var(--rpx,1px)*8);border-radius:calc(var(--rpx, 1px)*8);height:100%;-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center;-webkit-transition:-webkit-transform 1s linear;transition:-webkit-transform 1s linear;-o-transition:-o-transform 1s linear;-moz-transition:transform 1s linear,-moz-transform 1s linear;transition:transform 1s linear;transition:transform 1s linear,-webkit-transform 1s linear,-moz-transform 1s linear,-o-transform 1s linear;width:100%}.zn--wrapper .bonus .answers,.zn--wrapper .q .answers,.zn--wrapper .qa .answers{margin:auto;position:relative;width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335);z-index:2}.zn--wrapper .bonus .answers .ans,.zn--wrapper .q .answers .ans,.zn--wrapper .qa .answers .ans{opacity:0;position:absolute}.zn--wrapper .bonus .answers .ans.select,.zn--wrapper .q .answers .ans.select,.zn--wrapper .qa .answers .ans.select{opacity:1;position:relative}.zn--wrapper .q .start{margin:0 auto calc(var(--rpx, 1px)*20);position:relative;width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335);z-index:2}.zn--wrapper .q .placeholder .media{height:120vw;height:-webkit-calc(var(--vw,1vw)*120);height:-moz-calc(var(--vw,1vw)*120);height:calc(var(--vw, 1vw)*120);width:120vw;width:-webkit-calc(var(--vw,1vw)*120);width:-moz-calc(var(--vw,1vw)*120);width:calc(var(--vw, 1vw)*120)}.zn--wrapper .qa.camera .qa-video{-webkit-transform:translate(-50%,-58%);-moz-transform:translate(-50%,-58%);-ms-transform:translate(-50%,-58%);-o-transform:translate(-50%,-58%);transform:translate(-50%,-58%)}.zn--wrapper .qa.campaigns .qa-video{-webkit-transform:translate(-50%,-45%);-moz-transform:translate(-50%,-45%);-ms-transform:translate(-50%,-45%);-o-transform:translate(-50%,-45%);transform:translate(-50%,-45%)}.zn--wrapper .qa.design .qa-video{height:120vw;height:-webkit-calc(var(--vw,1vw)*120);height:-moz-calc(var(--vw,1vw)*120);height:calc(var(--vw, 1vw)*120);width:120vw;width:-webkit-calc(var(--vw,1vw)*120);width:-moz-calc(var(--vw,1vw)*120);width:calc(var(--vw, 1vw)*120)}.zn--wrapper .qa.design .qa-video canvas,.zn--wrapper .qa.design .qa-video img{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.zn--wrapper .qa.audio .qa-video,.zn--wrapper .qa.power .qa-video{height:140vw;height:-webkit-calc(var(--vw,1vw)*140);height:-moz-calc(var(--vw,1vw)*140);height:calc(var(--vw, 1vw)*140);width:140vw;width:-webkit-calc(var(--vw,1vw)*140);width:-moz-calc(var(--vw,1vw)*140);width:calc(var(--vw, 1vw)*140)}.zn--wrapper .qa.slogans .options{max-width:-webkit-calc(var(--rpx,1px)*300);max-width:-moz-calc(var(--rpx,1px)*300);max-width:calc(var(--rpx, 1px)*300)}.zn--wrapper .bonus .question{padding-bottom:calc(var(--rpx, 1px)*30);position:relative}.zn--wrapper .bonus img{display:inline!important;vertical-align:middle}.zn--wrapper .bonus .tea{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30);width:-webkit-calc(var(--rpx,1px)*45);width:-moz-calc(var(--rpx,1px)*45);width:calc(var(--rpx, 1px)*45)}.zn--wrapper .bonus .coffee{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40);width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40)}.zn--wrapper .bonus .cat{width:-webkit-calc(var(--rpx,1px)*48);width:-moz-calc(var(--rpx,1px)*48);width:calc(var(--rpx, 1px)*48)}.zn--wrapper .bonus .cat,.zn--wrapper .bonus .dog{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20)}.zn--wrapper .bonus .dog{width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40)}.zn--wrapper .bonus .charge{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30);margin-left:calc(var(--rpx, 1px)*5);width:-webkit-calc(var(--rpx,1px)*25);width:-moz-calc(var(--rpx,1px)*25);width:calc(var(--rpx, 1px)*25)}.zn--wrapper .bonus .pizza{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40);width:-webkit-calc(var(--rpx,1px)*57);width:-moz-calc(var(--rpx,1px)*57);width:calc(var(--rpx, 1px)*57)}.zn--wrapper .bonus .light{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20);width:-webkit-calc(var(--rpx,1px)*22);width:-moz-calc(var(--rpx,1px)*22);width:calc(var(--rpx, 1px)*22)}.zn--wrapper .bonus .mens{width:-webkit-calc(var(--rpx,1px)*53);width:-moz-calc(var(--rpx,1px)*53);width:calc(var(--rpx, 1px)*53)}.zn--wrapper .bonus .hi,.zn--wrapper .bonus .mens{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30)}.zn--wrapper .bonus .hi{margin-left:calc(var(--rpx, 1px)*10);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.zn--wrapper .bonus .game{height:-webkit-calc(var(--rpx,1px)*45);height:-moz-calc(var(--rpx,1px)*45);height:calc(var(--rpx, 1px)*45);width:-webkit-calc(var(--rpx,1px)*45);width:-moz-calc(var(--rpx,1px)*45);width:calc(var(--rpx, 1px)*45)}.zn--wrapper .bonus .good{height:-webkit-calc(var(--rpx,1px)*30);height:-moz-calc(var(--rpx,1px)*30);height:calc(var(--rpx, 1px)*30);margin-left:calc(var(--rpx, 1px)*10);width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.zn--wrapper .bonus .mima{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40);margin-top:calc(var(--rpx, 1px)*-10);width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40)}.zn--wrapper .bonus .bubble{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20);margin-left:calc(var(--rpx, 1px)*5);width:-webkit-calc(var(--rpx,1px)*20);width:-moz-calc(var(--rpx,1px)*20);width:calc(var(--rpx, 1px)*20)}.zn--wrapper .bonus .elevator{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40);width:-webkit-calc(var(--rpx,1px)*40);width:-moz-calc(var(--rpx,1px)*40);width:calc(var(--rpx, 1px)*40)}.zn--wrapper .tag{height:2px;left:0;position:absolute;top:0;width:100%}#section-survey{position:relative;width:100%;z-index:0}#section-survey.hide{opacity:0}#section-survey .mask-up{height:-webkit-calc(var(--rpx,1px)*150);height:-moz-calc(var(--rpx,1px)*150);height:calc(var(--rpx, 1px)*150);left:0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2}#section-survey .mask-up .m-up{background:#eaebef;height:40%;width:100%}#section-survey .mask-up .m-down{background:-webkit-gradient(linear,left top,left bottom,from(#eaebef),to(rgba(234,235,239,0)));background:-webkit-linear-gradient(top,#eaebef,rgba(234,235,239,0));background:-moz-linear-gradient(top,#eaebef,rgba(234,235,239,0));background:-o-linear-gradient(top,#eaebef,rgba(234,235,239,0));background:linear-gradient(180deg,#eaebef,rgba(234,235,239,0));height:60%;width:100%}#section-survey .survey-content{margin:auto;position:relative;z-index:1}#section-survey .survey-content .greet{margin:0 auto calc(var(--rpx, 1px)*20);width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335)}#section-survey .survey-content .greet .names{height:-webkit-calc(var(--rpx,1px)*32);height:-moz-calc(var(--rpx,1px)*32);height:calc(var(--rpx, 1px)*32)}#section-survey .survey-content .intro{margin:0 auto calc(var(--rpx, 1px)*80);width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335)}#section-opening.hide{display:none}#section-opening .logo{height:-webkit-calc(var(--rpx,1px)*18);height:-moz-calc(var(--rpx,1px)*18);height:calc(var(--rpx, 1px)*18);left:50%;position:absolute;top:-webkit-calc(var(--rpx,1px)*30);top:-moz-calc(var(--rpx,1px)*30);top:calc(var(--rpx, 1px)*30);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%);width:-webkit-calc(var(--rpx,1px)*75);width:-moz-calc(var(--rpx,1px)*75);width:calc(var(--rpx, 1px)*75);z-index:2}#section-opening .sound{background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:-webkit-calc(var(--rpx,1px)*44);height:-moz-calc(var(--rpx,1px)*44);height:calc(var(--rpx, 1px)*44);position:absolute;right:-webkit-calc(var(--rpx,1px)*20);right:-moz-calc(var(--rpx,1px)*20);right:calc(var(--rpx, 1px)*20);top:-webkit-calc(var(--rpx,1px)*40);top:-moz-calc(var(--rpx,1px)*40);top:calc(var(--rpx, 1px)*40);width:-webkit-calc(var(--rpx,1px)*44);width:-moz-calc(var(--rpx,1px)*44);width:calc(var(--rpx, 1px)*44);z-index:2}#section-opening .sound>*{height:-webkit-calc(var(--rpx,1px)*16);height:-moz-calc(var(--rpx,1px)*16);height:calc(var(--rpx, 1px)*16);left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-calc(var(--rpx,1px)*16);width:-moz-calc(var(--rpx,1px)*16);width:calc(var(--rpx, 1px)*16)}#section-opening .sound>.show{opacity:1}#section-opening .guide,#section-opening .kv{background:#eaebef;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:1}#section-opening .guide.hide,#section-opening .kv.hide{display:none;opacity:0;z-index:0}#section-opening .kv>* img{opacity:1!important}#section-opening .kv .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;text-align:center}#section-opening .kv .content>*{position:relative;z-index:2}#section-opening .kv .content .title-0{margin:0 auto calc(var(--rpx, 1px)*16)}#section-opening .kv .content .title-1{margin-bottom:calc(var(--rpx, 1px)*52)}#section-opening .kv .content .tap .pic{height:-webkit-calc(var(--rpx,1px)*40);height:-moz-calc(var(--rpx,1px)*40);height:calc(var(--rpx, 1px)*40);margin:0 auto calc(var(--rpx, 1px)*6);width:-webkit-calc(var(--rpx,1px)*22);width:-moz-calc(var(--rpx,1px)*22);width:calc(var(--rpx, 1px)*22)}#section-opening .kv .content .phone{height:100vw;height:-webkit-calc(var(--vw,1vw)*100);height:-moz-calc(var(--vw,1vw)*100);height:calc(var(--vw, 1vw)*100);margin-top:calc(var(--rpx, 1px)*-138);width:100vw;width:-webkit-calc(var(--vw,1vw)*100);width:-moz-calc(var(--vw,1vw)*100);width:calc(var(--vw, 1vw)*100);z-index:1}#section-opening .kv .content .phone.leave{opacity:0;-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);-o-transform:translateY(-10%);transform:translateY(-10%);-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;-o-transition:opacity 1s,-o-transform 1s;-moz-transition:opacity 1s,transform 1s,-moz-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s,-moz-transform 1s,-o-transform 1s}#section-opening .kv .content .tips{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);margin-top:calc(var(--rpx, 1px)*10);-webkit-transform:scale(.833333333333333);-moz-transform:scale(.833333333333333);-ms-transform:scale(.833333333333333);-o-transform:scale(.833333333333333);transform:scale(.833333333333333)}#section-opening .guide .content{margin:calc(var(--rpx, 1px)*-50) auto 0;width:-webkit-calc(var(--rpx,1px)*315);width:-moz-calc(var(--rpx,1px)*315);width:calc(var(--rpx, 1px)*315)}#section-opening .guide .content .tac{border-bottom:1px solid #000;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);margin:calc(var(--rpx, 1px)*42) auto 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#section-opening .guide .content .step-0.hide{display:none}#section-opening .guide .content .avatar{height:-webkit-calc(var(--rpx,1px)*130);height:-moz-calc(var(--rpx,1px)*130);height:calc(var(--rpx, 1px)*130);margin-bottom:calc(var(--rpx, 1px)*25);margin-top:calc(var(--rpx, 1px)*100);width:-webkit-calc(var(--rpx,1px)*130);width:-moz-calc(var(--rpx,1px)*130);width:calc(var(--rpx, 1px)*130)}#section-opening .guide .content .title{margin-bottom:calc(var(--rpx, 1px)*12)}#section-opening .guide .content .intro{margin-bottom:calc(var(--rpx, 1px)*40)}#section-opening .guide .content .ask .enter,#section-opening .guide .content .ask .input-name{-webkit-border-radius:-webkit-calc(var(--rpx,1px)*10);-moz-border-radius:-moz-calc(var(--rpx,1px)*10);border-radius:calc(var(--rpx, 1px)*10);height:-webkit-calc(var(--rpx,1px)*58);height:-moz-calc(var(--rpx,1px)*58);height:calc(var(--rpx, 1px)*58);text-align:center;width:-webkit-calc(var(--rpx,1px)*315);width:-moz-calc(var(--rpx,1px)*315);width:calc(var(--rpx, 1px)*315)}#section-opening .guide .content .ask .input-name{background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;color:#2c2c2c;font-size:-webkit-calc(var(--rpx,1px)*24);font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24);margin-top:calc(var(--rpx, 1px)*12)}#section-opening .guide .content .ask .input-name::-webkit-input-placeholder{color:#4a50614d;font-size:-webkit-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24)}#section-opening .guide .content .ask .input-name::-moz-placeholder{color:#4a50614d;font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24)}#section-opening .guide .content .ask .input-name:-ms-input-placeholder{color:#4a50614d;font-size:calc(var(--rpx, 1px)*24)}#section-opening .guide .content .ask .input-name::-ms-input-placeholder{color:#4a50614d;font-size:calc(var(--rpx, 1px)*24)}#section-opening .guide .content .ask .input-name::placeholder{color:#4a50614d;font-size:-webkit-calc(var(--rpx,1px)*24);font-size:-moz-calc(var(--rpx,1px)*24);font-size:calc(var(--rpx, 1px)*24)}#section-opening .guide .content .ask .input-name.focus{caret-color:#2c2c2c}#section-opening .guide .content .ask .enter{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(74,80,97,.2);color:#4a506180;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:calc(var(--rpx, 1px)*8);pointer-events:none}#section-opening .guide .content .ask .enter .arrow{opacity:.5}#section-opening .guide .content .ask .enter.active{background:#2c2c2c;color:#fff;pointer-events:auto}#section-opening .guide .content .ask .enter.active .arrow{opacity:1}#section-opening .guide .content .ask .enter.active .arrow path{fill:#fff}#section-opening .guide .content .ask .enter .arrow{height:-webkit-calc(var(--rpx,1px)*14);height:-moz-calc(var(--rpx,1px)*14);height:calc(var(--rpx, 1px)*14);margin-left:calc(var(--rpx, 1px)*8);width:-webkit-calc(var(--rpx,1px)*16);width:-moz-calc(var(--rpx,1px)*16);width:calc(var(--rpx, 1px)*16)}#section-opening .guide .content .ask .enter .arrow path{fill:#4a5061}.zn--wrapper .warn-border{height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);left:0;opacity:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:97}.zn--wrapper .warn-border .red-border{opacity:0}.zn--wrapper .warn-border.show{opacity:1;pointer-events:auto}.zn--wrapper .warn-border.red-border .red-border{-webkit-animation:opacity .3s linear 5 alternate forwards;-moz-animation:opacity .3s linear 5 alternate forwards;animation:opacity .3s linear 5 alternate forwards}@-moz-keyframes opacity{0%{opacity:0}to{opacity:1}}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}.zn--wrapper .zn--status-bar>*{position:fixed}.zn--wrapper .zn--status-bar.all-absolute>*{position:absolute}.zn--wrapper .zn--status-bar.hide{opacity:0}.zn--wrapper .zn--status-bar .avatar{background:transparent;border:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:-webkit-calc(50vw - var(--rpx,1px)*167.5);left:-moz-calc(50vw - var(--rpx,1px)*167.5);left:calc(50vw - var(--rpx, 1px)*167.5);left:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*167.5);left:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*167.5);left:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*167.5);opacity:0;overflow:hidden;top:-webkit-calc(var(--rpx,1px)*70);top:-moz-calc(var(--rpx,1px)*70);top:calc(var(--rpx, 1px)*70);z-index:99}.zn--wrapper .zn--status-bar .avatar,.zn--wrapper .zn--status-bar .avatar .emote-video-wrapper{height:-webkit-calc(var(--rpx,1px)*130);height:-moz-calc(var(--rpx,1px)*130);height:calc(var(--rpx, 1px)*130);width:-webkit-calc(var(--rpx,1px)*130);width:-moz-calc(var(--rpx,1px)*130);width:calc(var(--rpx, 1px)*130)}.zn--wrapper .zn--status-bar .avatar .emote-video-wrapper{margin-left:calc(var(--rpx, 1px)*-18);position:relative}.zn--wrapper .zn--status-bar .avatar .content{display:none;margin:auto;width:-webkit-calc(var(--rpx,1px)*295);width:-moz-calc(var(--rpx,1px)*295);width:calc(var(--rpx, 1px)*295)}.zn--wrapper .zn--status-bar .avatar .content .opacity-wrapper{opacity:0}.zn--wrapper .zn--status-bar .avatar .content .desc{margin-top:calc(var(--rpx, 1px)*12)}.zn--wrapper .zn--status-bar .avatar .content .go-content{display:none;position:absolute}.zn--wrapper .zn--status-bar .avatar .content .go-content.show{display:block;position:relative}.zn--wrapper .zn--status-bar .avatar .content .go-btn{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#000;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*30);-moz-border-radius:-moz-calc(var(--rpx,1px)*30);border-radius:calc(var(--rpx, 1px)*30);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin:calc(var(--rpx, 1px)*20) 0 calc(var(--rpx, 1px)*20) auto;padding:calc(var(--rpx, 1px)*10) calc(var(--rpx, 1px)*24);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.zn--wrapper .zn--status-bar .avatar .content .go-btn .finish,.zn--wrapper .zn--status-bar .avatar .content .go-btn .over{display:none}.zn--wrapper .zn--status-bar .avatar .content .go-btn .finish.show,.zn--wrapper .zn--status-bar .avatar .content .go-btn .over.show{display:block}.zn--wrapper .zn--status-bar .avatar .content .go-btn .arrow{margin-left:calc(var(--rpx, 1px)*8)}.zn--wrapper .zn--status-bar .avatar.show{opacity:1;-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;-moz-transition:opacity .5s linear;transition:opacity .5s linear}.zn--wrapper .zn--status-bar .avatar.bar{background:#f7f7f7;border:1px solid #fff;opacity:1;top:-webkit-calc(var(--rpx,1px)*30);top:-moz-calc(var(--rpx,1px)*30);top:calc(var(--rpx, 1px)*30);-webkit-transition:width .3s linear,height .3s linear,top .3s linear,background .3s linear,-webkit-border-radius .3s linear;transition:width .3s linear,height .3s linear,top .3s linear,background .3s linear,-webkit-border-radius .3s linear;-o-transition:width .3s linear,height .3s linear,top .3s linear,border-radius .3s linear,background .3s linear;-moz-transition:width .3s linear,height .3s linear,top .3s linear,border-radius .3s linear,background .3s linear,-moz-border-radius .3s linear;transition:width .3s linear,height .3s linear,top .3s linear,border-radius .3s linear,background .3s linear;transition:width .3s linear,height .3s linear,top .3s linear,border-radius .3s linear,background .3s linear,-webkit-border-radius .3s linear,-moz-border-radius .3s linear}.zn--wrapper .zn--status-bar .avatar.bar,.zn--wrapper .zn--status-bar .avatar.bar .emote-video-wrapper{height:-webkit-calc(var(--rpx,1px)*60);height:-moz-calc(var(--rpx,1px)*60);height:calc(var(--rpx, 1px)*60);width:-webkit-calc(var(--rpx,1px)*60);width:-moz-calc(var(--rpx,1px)*60);width:calc(var(--rpx, 1px)*60)}.zn--wrapper .zn--status-bar .avatar.bar .emote-video-wrapper{margin-left:calc(var(--rpx, 1px)*-3);-webkit-transition:width .3s linear,height .3s linear,margin .3s linear;-o-transition:width .3s linear,height .3s linear,margin .3s linear;-moz-transition:width .3s linear,height .3s linear,margin .3s linear;transition:width .3s linear,height .3s linear,margin .3s linear}.zn--wrapper .zn--status-bar .avatar.expand{-webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);-moz-border-radius:-moz-calc(var(--rpx,1px)*16);border-radius:calc(var(--rpx, 1px)*16);width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335)}.zn--wrapper .zn--status-bar .avatar.expand .emote-video-wrapper{height:-webkit-calc(var(--rpx,1px)*80);height:-moz-calc(var(--rpx,1px)*80);height:calc(var(--rpx, 1px)*80);margin-top:calc(var(--rpx, 1px)*10);width:-webkit-calc(var(--rpx,1px)*80);width:-moz-calc(var(--rpx,1px)*80);width:calc(var(--rpx, 1px)*80)}.zn--wrapper .zn--status-bar .avatar.expand .content{display:block}.zn--wrapper .zn--status-bar .avatar.expand .content .opacity-wrapper{-webkit-transition:opacity .3s linear .3s;-o-transition:opacity .3s linear .3s;-moz-transition:opacity .3s linear .3s;transition:opacity .3s linear .3s}.zn--wrapper .zn--status-bar .score{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f7f7f7;border:1px solid #fff;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*69);-moz-border-radius:-moz-calc(var(--rpx,1px)*69);border-radius:calc(var(--rpx, 1px)*69);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-weight:700;opacity:0;padding:calc(var(--rpx, 1px)*8) calc(var(--rpx, 1px)*12);right:-webkit-calc(50vw - var(--rpx,1px)*167.5);right:-moz-calc(50vw - var(--rpx,1px)*167.5);right:calc(50vw - var(--rpx, 1px)*167.5);right:-webkit-calc(var(--vw,1vw)*50 - var(--rpx,1px)*167.5);right:-moz-calc(var(--vw,1vw)*50 - var(--rpx,1px)*167.5);right:calc(var(--vw, 1vw)*50 - var(--rpx, 1px)*167.5);top:-webkit-calc(var(--rpx,1px)*40);top:-moz-calc(var(--rpx,1px)*40);top:calc(var(--rpx, 1px)*40);z-index:98}.zn--wrapper .zn--status-bar .score .s-wrapper p{font-weight:700}.zn--wrapper .zn--status-bar .score.show{opacity:1;-webkit-transition:opacity .5s linear;-o-transition:opacity .5s linear;-moz-transition:opacity .5s linear;transition:opacity .5s linear}.zn--wrapper .zn--status-bar .score>:not(:first-child){margin-left:calc(var(--rpx, 1px)*5)}.zn--wrapper .zn--status-bar .score .value{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:-webkit-calc(var(--rpx,1px)*30);width:-moz-calc(var(--rpx,1px)*30);width:calc(var(--rpx, 1px)*30)}.zn--wrapper .zn--status-bar .score .value>*{height:-webkit-calc(var(--rpx,1px)*24);height:-moz-calc(var(--rpx,1px)*24);height:calc(var(--rpx, 1px)*24);overflow:hidden}.zn--wrapper .zn--status-bar .score .value .move-wrapper{-webkit-transition:-webkit-transform 1.5s;transition:-webkit-transform 1.5s;-o-transition:-o-transform 1.5s;-moz-transition:transform 1.5s,-moz-transform 1.5s;transition:transform 1.5s;transition:transform 1.5s,-webkit-transform 1.5s,-moz-transform 1.5s,-o-transform 1.5s}.zn--wrapper .zn--status-bar .score .split{color:#fff}.zn--wrapper .zn--status-bar .score .sound{height:-webkit-calc(var(--rpx,1px)*16);height:-moz-calc(var(--rpx,1px)*16);height:calc(var(--rpx, 1px)*16);position:relative;width:-webkit-calc(var(--rpx,1px)*18);width:-moz-calc(var(--rpx,1px)*18);width:calc(var(--rpx, 1px)*18)}.zn--wrapper .zn--status-bar .score .sound>*{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.zn--wrapper .zn--status-bar .score .sound>.show{opacity:1}.share-change{display:none}.share-change.show{display:block}.zn--share{height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100}.zn--share.scroll{overflow:scroll}.zn--share.absolute{position:absolute}.zn--share .popup{background:#fff;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*10);-moz-border-radius:-moz-calc(var(--rpx,1px)*10);border-radius:calc(var(--rpx, 1px)*10);color:#000;font-size:-webkit-calc(var(--rpx,1px)*14);font-size:-moz-calc(var(--rpx,1px)*14);font-size:calc(var(--rpx, 1px)*14);left:50%;opacity:0;padding:calc(var(--rpx, 1px)*8) calc(var(--rpx, 1px)*16);position:fixed;top:10px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%);-webkit-transition:opacity .3s;-o-transition:opacity .3s;-moz-transition:opacity .3s;transition:opacity .3s;z-index:4}.zn--share .popup.show{opacity:1}.zn--share .calculating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:-webkit-gradient(linear,left bottom,left top,from(rgba(252,253,255,.6)),to(rgba(252,253,255,.6)));background:-webkit-linear-gradient(bottom,rgba(252,253,255,.6),rgba(252,253,255,.6));background:-moz-linear-gradient(bottom,rgba(252,253,255,.6),rgba(252,253,255,.6));background:-o-linear-gradient(bottom,rgba(252,253,255,.6),rgba(252,253,255,.6));background:linear-gradient(0deg,rgba(252,253,255,.6),rgba(252,253,255,.6));color:#4a5061;height:100vh;height:-webkit-calc(var(--vh,1vh)*100);height:-moz-calc(var(--vh,1vh)*100);height:calc(var(--vh, 1vh)*100);left:0;position:absolute;top:0;width:100%;z-index:2}.zn--share .calculating .content{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.zn--share .calculating .content .pic{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:-webkit-calc(var(--rpx,1px)*80);height:-moz-calc(var(--rpx,1px)*80);height:calc(var(--rpx, 1px)*80);margin-bottom:calc(var(--rpx, 1px)*20);overflow:hidden;position:relative;width:-webkit-calc(var(--rpx,1px)*80);width:-moz-calc(var(--rpx,1px)*80);width:calc(var(--rpx, 1px)*80)}.zn--share .result{background:#eaebef;padding:calc(var(--rpx, 1px)*10) 0 calc(var(--rpx, 1px)*32);position:relative;z-index:1}.zn--share .result .res-content{margin:auto;width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335)}.zn--share .result .res-content .res-pic{height:-webkit-calc(var(--rpx,1px)*340);height:-moz-calc(var(--rpx,1px)*340);height:calc(var(--rpx, 1px)*340);margin:0 auto calc(var(--rpx, 1px)*12);position:relative;width:100%}.zn--share .result .res-content .res-pic .draw-image{left:0;position:absolute;top:0;z-index:3}.zn--share .result .res-content .res-pic.normal .save-image{opacity:0}.zn--share .result .res-content .res-pic.normal .r-pic{opacity:1}.zn--share .result .res-content .res-pic.pic-show .save-image{opacity:1;z-index:10}.zn--share .result .res-content .res-pic.pic-show .r-pic{opacity:0}.zn--share .result .res-content .res-pic .save-image{left:0;position:absolute;top:0}.zn--share .result .res-content .res-pic .r-pic{display:none;left:0;position:absolute;top:0;width:-webkit-calc(var(--rpx,1px)*335);width:-moz-calc(var(--rpx,1px)*335);width:calc(var(--rpx, 1px)*335)}.zn--share .result .res-content .res-pic .r-pic img{opacity:1!important}.zn--share .result .res-content .res-pic .r-pic.show{display:block}.zn--share .result .res-content .res-pic .r-pic .img{z-index:2}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper{background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);-moz-border-radius:-moz-calc(var(--rpx,1px)*16);border-radius:calc(var(--rpx, 1px)*16);height:-webkit-calc(var(--rpx,1px)*280);height:-moz-calc(var(--rpx,1px)*280);height:calc(var(--rpx, 1px)*280);margin-top:calc(var(--rpx, 1px)*60);position:relative;width:100%;z-index:1}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .logo{height:-webkit-calc(var(--rpx,1px)*11);height:-moz-calc(var(--rpx,1px)*11);height:calc(var(--rpx, 1px)*11);left:-webkit-calc(var(--rpx,1px)*16);left:-moz-calc(var(--rpx,1px)*16);left:calc(var(--rpx, 1px)*16);position:absolute;top:-webkit-calc(var(--rpx,1px)*20);top:-moz-calc(var(--rpx,1px)*20);top:calc(var(--rpx, 1px)*20);width:-webkit-calc(var(--rpx,1px)*46);width:-moz-calc(var(--rpx,1px)*46);width:calc(var(--rpx, 1px)*46)}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .rank,.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .score{font-size:-webkit-calc(var(--rpx,1px)*48);font-size:-moz-calc(var(--rpx,1px)*48);font-size:calc(var(--rpx, 1px)*48);font-weight:600;left:-webkit-calc(var(--rpx,1px)*24);left:-moz-calc(var(--rpx,1px)*24);left:calc(var(--rpx, 1px)*24);line-height:.9;position:absolute;top:-webkit-calc(var(--rpx,1px)*88);top:-moz-calc(var(--rpx,1px)*88);top:calc(var(--rpx, 1px)*88)}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .rank .under,.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .score .under{font-size:-webkit-calc(var(--rpx,1px)*18);font-size:-moz-calc(var(--rpx,1px)*18);font-size:calc(var(--rpx, 1px)*18)}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .score{left:auto;right:-webkit-calc(var(--rpx,1px)*24);right:-moz-calc(var(--rpx,1px)*24);right:calc(var(--rpx, 1px)*24)}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .info{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#e3e6ea;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*12);-moz-border-radius:-moz-calc(var(--rpx,1px)*12);border-radius:calc(var(--rpx, 1px)*12);bottom:-webkit-calc(var(--rpx,1px)*16);bottom:-moz-calc(var(--rpx,1px)*16);bottom:calc(var(--rpx, 1px)*16);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:-webkit-calc(var(--rpx,1px)*96);height:-moz-calc(var(--rpx,1px)*96);height:calc(var(--rpx, 1px)*96);-webkit-justify-content:space-between;justify-content:space-between;left:-webkit-calc(var(--rpx,1px)*12);left:-moz-calc(var(--rpx,1px)*12);left:calc(var(--rpx, 1px)*12);padding:0 calc(var(--rpx, 1px)*12);position:absolute;width:-webkit-calc(var(--rpx,1px)*311);width:-moz-calc(var(--rpx,1px)*311);width:calc(var(--rpx, 1px)*311)}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .info .pic-0{height:-webkit-calc(var(--rpx,1px)*50);height:-moz-calc(var(--rpx,1px)*50);height:calc(var(--rpx, 1px)*50);width:-webkit-calc(var(--rpx,1px)*50);width:-moz-calc(var(--rpx,1px)*50);width:calc(var(--rpx, 1px)*50)}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .info .pic-1{height:-webkit-calc(var(--rpx,1px)*58);height:-moz-calc(var(--rpx,1px)*58);height:calc(var(--rpx, 1px)*58);width:-webkit-calc(var(--rpx,1px)*58);width:-moz-calc(var(--rpx,1px)*58);width:calc(var(--rpx, 1px)*58)}.zn--share .result .res-content .res-pic .r-pic .inner-wrapper .info .t{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12)}.zn--share .result .res-content .res-pic .a .img{height:-webkit-calc(var(--rpx,1px)*206);height:-moz-calc(var(--rpx,1px)*206);height:calc(var(--rpx, 1px)*206);left:-webkit-calc(var(--rpx,1px)*40);left:-moz-calc(var(--rpx,1px)*40);left:calc(var(--rpx, 1px)*40);position:absolute;top:0;width:-webkit-calc(var(--rpx,1px)*237);width:-moz-calc(var(--rpx,1px)*237);width:calc(var(--rpx, 1px)*237)}.zn--share .result .res-content .res-pic .b .img{height:-webkit-calc(var(--rpx,1px)*188);height:-moz-calc(var(--rpx,1px)*188);height:calc(var(--rpx, 1px)*188);left:-webkit-calc(var(--rpx,1px)*60);left:-moz-calc(var(--rpx,1px)*60);left:calc(var(--rpx, 1px)*60);position:absolute;top:0;width:-webkit-calc(var(--rpx,1px)*188);width:-moz-calc(var(--rpx,1px)*188);width:calc(var(--rpx, 1px)*188)}.zn--share .result .res-content .res-pic .c .img{height:-webkit-calc(var(--rpx,1px)*236);height:-moz-calc(var(--rpx,1px)*236);height:calc(var(--rpx, 1px)*236);left:-webkit-calc(var(--rpx,1px)*37);left:-moz-calc(var(--rpx,1px)*37);left:calc(var(--rpx, 1px)*37);position:absolute;top:0;width:-webkit-calc(var(--rpx,1px)*277);width:-moz-calc(var(--rpx,1px)*277);width:calc(var(--rpx, 1px)*277)}.zn--share .result .res-content .res-pic .d .img{height:-webkit-calc(var(--rpx,1px)*200);height:-moz-calc(var(--rpx,1px)*200);height:calc(var(--rpx, 1px)*200);left:-webkit-calc(var(--rpx,1px)*62);left:-moz-calc(var(--rpx,1px)*62);left:calc(var(--rpx, 1px)*62);position:absolute;top:0;width:-webkit-calc(var(--rpx,1px)*200);width:-moz-calc(var(--rpx,1px)*200);width:calc(var(--rpx, 1px)*200)}.zn--share .result .res-content .res-pic .none{height:auto}.zn--share .result .res-content .res-pic .none .pic-avatar{height:-webkit-calc(var(--rpx,1px)*90);height:-moz-calc(var(--rpx,1px)*90);height:calc(var(--rpx, 1px)*90);left:-webkit-calc(var(--rpx,1px)*20);left:-moz-calc(var(--rpx,1px)*20);left:calc(var(--rpx, 1px)*20);position:absolute;top:0;width:-webkit-calc(var(--rpx,1px)*90);width:-moz-calc(var(--rpx,1px)*90);width:calc(var(--rpx, 1px)*90);z-index:2}.zn--share .result .res-content .res-pic .none .inner-wrapper{margin-top:calc(var(--rpx, 1px)*48);padding:calc(var(--rpx, 1px)*16) calc(var(--rpx, 1px)*20)}.zn--share .result .res-content .res-pic .none .inner-wrapper .logo{left:auto;right:-webkit-calc(var(--rpx,1px)*16);right:-moz-calc(var(--rpx,1px)*16);right:calc(var(--rpx, 1px)*16)}.zn--share .result .res-content .res-pic .none .inner-wrapper .qrcode{bottom:-webkit-calc(var(--rpx,1px)*16);bottom:-moz-calc(var(--rpx,1px)*16);bottom:calc(var(--rpx, 1px)*16);height:-webkit-calc(var(--rpx,1px)*72);height:-moz-calc(var(--rpx,1px)*72);height:calc(var(--rpx, 1px)*72);position:absolute;right:-webkit-calc(var(--rpx,1px)*16);right:-moz-calc(var(--rpx,1px)*16);right:calc(var(--rpx, 1px)*16);width:-webkit-calc(var(--rpx,1px)*72);width:-moz-calc(var(--rpx,1px)*72);width:calc(var(--rpx, 1px)*72)}.zn--share .result .res-content .res-pic .none .inner-wrapper .none-t-0{margin-top:calc(var(--rpx, 1px)*58)}.zn--share .result .res-content .res-pic .none .inner-wrapper .none-t-1{margin-top:calc(var(--rpx, 1px)*12)}.zn--share .result .res-content .share-group{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.zn--share .result .res-content .share-group .download,.zn--share .result .res-content .share-group .ins,.zn--share .result .res-content .share-group .zn-twitter{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:-webkit-calc(var(--rpx,1px)*48);height:-moz-calc(var(--rpx,1px)*48);height:calc(var(--rpx, 1px)*48);-webkit-justify-content:center;justify-content:center;width:-webkit-calc(var(--rpx,1px)*48);width:-moz-calc(var(--rpx,1px)*48);width:calc(var(--rpx, 1px)*48)}.zn--share .result .res-content .share-group .download img,.zn--share .result .res-content .share-group .ins img,.zn--share .result .res-content .share-group .zn-twitter img{height:-webkit-calc(var(--rpx,1px)*24);height:-moz-calc(var(--rpx,1px)*24);height:calc(var(--rpx, 1px)*24);width:-webkit-calc(var(--rpx,1px)*24);width:-moz-calc(var(--rpx,1px)*24);width:calc(var(--rpx, 1px)*24)}.zn--share .result .res-content .share-group .play-again{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:#000;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*30);-moz-border-radius:-moz-calc(var(--rpx,1px)*30);border-radius:calc(var(--rpx, 1px)*30);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:-webkit-calc(var(--rpx,1px)*48);height:-moz-calc(var(--rpx,1px)*48);height:calc(var(--rpx, 1px)*48);-webkit-justify-content:center;justify-content:center;width:-webkit-calc(var(--rpx,1px)*167);width:-moz-calc(var(--rpx,1px)*167);width:calc(var(--rpx, 1px)*167)}.zn--share .result .res-content .share-group .play-again img{height:-webkit-calc(var(--rpx,1px)*14);height:-moz-calc(var(--rpx,1px)*14);height:calc(var(--rpx, 1px)*14);margin-left:calc(var(--rpx, 1px)*8);width:-webkit-calc(var(--rpx,1px)*16);width:-moz-calc(var(--rpx,1px)*16);width:calc(var(--rpx, 1px)*16)}.zn--share .result .res-content .foreshow{color:#2c2c2c;font-size:-webkit-calc(var(--rpx,1px)*15);font-size:-moz-calc(var(--rpx,1px)*15);font-size:calc(var(--rpx, 1px)*15);margin-top:calc(var(--rpx, 1px)*40);text-align:center}.zn--share .result .res-content .calendar{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*69);-moz-border-radius:-moz-calc(var(--rpx,1px)*69);border-radius:calc(var(--rpx, 1px)*69);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:-webkit-calc(var(--rpx,1px)*44);height:-moz-calc(var(--rpx,1px)*44);height:calc(var(--rpx, 1px)*44);-webkit-justify-content:center;justify-content:center;margin-top:calc(var(--rpx, 1px)*20);width:100%}.zn--share .result .res-content .calendar img{height:-webkit-calc(var(--rpx,1px)*14);height:-moz-calc(var(--rpx,1px)*14);height:calc(var(--rpx, 1px)*14);margin-left:calc(var(--rpx, 1px)*8);width:-webkit-calc(var(--rpx,1px)*16);width:-moz-calc(var(--rpx,1px)*16);width:calc(var(--rpx, 1px)*16)}.zn--share .result .res-content .promo-code{margin-top:calc(var(--rpx, 1px)*16)}.zn--share .result .res-content .promo-code .tips-group{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);-webkit-justify-content:space-between;justify-content:space-between}.zn--share .result .res-content .promo-code .tips-group .left{color:#4a506199}.zn--share .result .res-content .promo-code .tips-group .right{border-bottom:1px solid #000;color:#000;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.zn--share .result .res-content .promo-code .code-wrapper{-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*69);-moz-border-radius:-moz-calc(var(--rpx,1px)*69);border-radius:calc(var(--rpx, 1px)*69);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20);height:-webkit-calc(var(--rpx,1px)*44);height:-moz-calc(var(--rpx,1px)*44);height:calc(var(--rpx, 1px)*44);-webkit-justify-content:center;justify-content:center;margin-top:calc(var(--rpx, 1px)*8);width:100%}.zn--share .result .res-content .promo-code .code-wrapper .code{text-align:center;width:-webkit-calc(var(--rpx,1px)*233);width:-moz-calc(var(--rpx,1px)*233);width:calc(var(--rpx, 1px)*233)}.zn--share .result .res-content .promo-code .code-wrapper .line{background:#fff;height:100%;margin-right:calc(var(--rpx, 1px)*24);width:-webkit-calc(var(--rpx,1px)*1);width:-moz-calc(var(--rpx,1px)*1);width:calc(var(--rpx, 1px)*1)}.zn--share .result .res-content .send-email{margin-top:calc(var(--rpx, 1px)*14)}.zn--share .result .res-content .send-email>*{-webkit-border-radius:-webkit-calc(var(--rpx,1px)*10);-moz-border-radius:-moz-calc(var(--rpx,1px)*10);border-radius:calc(var(--rpx, 1px)*10);font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20);height:-webkit-calc(var(--rpx,1px)*48);height:-moz-calc(var(--rpx,1px)*48);height:calc(var(--rpx, 1px)*48);width:100%}.zn--share .result .res-content .send-email .email{background:-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.6)),to(hsla(0,0%,100%,.6)));background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-moz-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:-o-linear-gradient(bottom,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));border:1px solid #fff;color:#2c2c2c;text-align:center}.zn--share .result .res-content .send-email .email::-webkit-input-placeholder{color:#4a50614d;font-size:-webkit-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20)}.zn--share .result .res-content .send-email .email::-moz-placeholder{color:#4a50614d;font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20)}.zn--share .result .res-content .send-email .email:-ms-input-placeholder{color:#4a50614d;font-size:calc(var(--rpx, 1px)*20)}.zn--share .result .res-content .send-email .email::-ms-input-placeholder{color:#4a50614d;font-size:calc(var(--rpx, 1px)*20)}.zn--share .result .res-content .send-email .email::placeholder{color:#4a50614d;font-size:-webkit-calc(var(--rpx,1px)*20);font-size:-moz-calc(var(--rpx,1px)*20);font-size:calc(var(--rpx, 1px)*20)}.zn--share .result .res-content .send-email .send{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:rgba(74,80,97,.2);color:#4a506180;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:calc(var(--rpx, 1px)*6);pointer-events:none}.zn--share .result .res-content .send-email .send.active{background:#2c2c2c;color:#fff;pointer-events:auto}.zn--share .result .res-content .check{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:calc(var(--rpx, 1px)*14);width:100%}.zn--share .result .res-content .check>*{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0}.zn--share .result .res-content .check .icon{height:-webkit-calc(var(--rpx,1px)*20);height:-moz-calc(var(--rpx,1px)*20);height:calc(var(--rpx, 1px)*20);margin-right:calc(var(--rpx, 1px)*4);position:relative;width:-webkit-calc(var(--rpx,1px)*20);width:-moz-calc(var(--rpx,1px)*20);width:calc(var(--rpx, 1px)*20)}.zn--share .result .res-content .check .icon img{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.zn--share .result .res-content .check .icon img.show{opacity:1}.zn--share .result .res-content .check .check-t{font-size:-webkit-calc(var(--rpx,1px)*12);font-size:-moz-calc(var(--rpx,1px)*12);font-size:calc(var(--rpx, 1px)*12);width:-webkit-calc(var(--rpx,1px)*311);width:-moz-calc(var(--rpx,1px)*311);width:calc(var(--rpx, 1px)*311)}.zn--share .result .res-content .check .check-t .privacy{border-bottom:1px solid #000}.zn--share .bg-mask{background:rgba(0,0,0,.2);display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.zn--share .bg-mask.show{display:block}.zn--share .pop-privacy,.zn--share .pop-terms{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*16);-moz-border-radius:-moz-calc(var(--rpx,1px)*16);border-radius:calc(var(--rpx, 1px)*16);left:50%;padding:calc(var(--rpx, 1px)*30) calc(var(--rpx, 1px)*20);position:fixed;top:-webkit-calc(var(--rpx,1px)*12);top:-moz-calc(var(--rpx,1px)*12);top:calc(var(--rpx, 1px)*12);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%);width:-webkit-calc(var(--rpx,1px)*355);width:-moz-calc(var(--rpx,1px)*355);width:calc(var(--rpx, 1px)*355);z-index:3}.zn--share .pop-privacy .desc,.zn--share .pop-terms .desc{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.5;margin:calc(var(--rpx, 1px)*10) auto}.zn--share .pop-privacy .ok-btn,.zn--share .pop-terms .ok-btn{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:#000;-webkit-border-radius:-webkit-calc(var(--rpx,1px)*30);-moz-border-radius:-moz-calc(var(--rpx,1px)*30);border-radius:calc(var(--rpx, 1px)*30);color:#fff;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:-webkit-calc(var(--rpx,1px)*44);height:-moz-calc(var(--rpx,1px)*44);height:calc(var(--rpx, 1px)*44);-webkit-justify-content:center;justify-content:center;margin:0 0 0 auto;width:-webkit-calc(var(--rpx,1px)*117);width:-moz-calc(var(--rpx,1px)*117);width:calc(var(--rpx, 1px)*117)}@media (min-width:1024px){.mo-only,.pad-only,.pc-hidden{display:none}: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)}}@media (max-width:649px){.mo-hidden,.pad-only,.pc-only{display:none}:root{--rpx:-webkit-calc(.29155vw - .09329px);--rpx:-moz-calc(.29155vw - .09329px);--rpx:calc(.29155vw - .09329px);--rpx:-webkit-calc(var(--vw,1vw)*100/343 - .09329px);--rpx:-moz-calc(var(--vw,1vw)*100/343 - .09329px);--rpx:calc(var(--vw, 1vw)*100/343 - .09329px)}}@media (min-width:650px) and (max-width:1023px){.mo-only,.pad-hidden,.pc-only{display:none}:root{--rpx:-webkit-calc(.13889vw - .06667px);--rpx:-moz-calc(.13889vw - .06667px);--rpx:calc(.13889vw - .06667px);--rpx:-webkit-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:-moz-calc(var(--vw,1vw)*100/720 - .06667px);--rpx:calc(var(--vw, 1vw)*100/720 - .06667px)}}@media (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}.zn--wrapper .pc-only{display:none}}@media (min-width:1440px){:root{--rpx:1px}}@media screen and (pointer:coarse){@supports (-webkit-backdrop-filter:blur(1px)) and (overscroll-behavior-y:none){html{min-height:100.3%;overscroll-behavior-y:none}}@supports (-webkit-backdrop-filter:blur(1px)) and (not (overscroll-behavior-y:none)){html{height:100%;overflow:hidden}body{-webkit-overflow-scrolling:touch;margin:0;max-height:100%;overflow:auto}}}