.lil-gui,.lil-gui.hidden{display:none!important}.cmp__side-nav{bottom:48px!important}@media (max-width: 1023px){.cmp__side-nav{bottom:91px!important}}.trigger-wrapper{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;overflow:hidden}.trigger-wrapper.show{opacity:1}.trigger-wrapper:not(.show) .trigger.show{pointer-events:none}.trigger-wrapper .trigger{width:40px;height:40px;position:absolute;top:-20px;left:-20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity .2s ease;opacity:0;pointer-events:none}@media (max-width: 649px){.trigger-wrapper .trigger{width:20px;height:20px;top:-10px;left:-10px}}.trigger-wrapper .trigger.show{opacity:1;pointer-events:auto}.trigger-wrapper .trigger.show:hover{cursor:pointer}.no-webgl2-wrapper,.no-webgl2-wrapper-html{width:100%;height:100%;z-index:10;display:none;position:relative}.no-webgl2-wrapper.show,.no-webgl2-wrapper-html.show{display:block!important}.no-webgl2-wrapper .no-webgl2-bg,.no-webgl2-wrapper-html .no-webgl2-bg{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;background-color:#ccc}.no-webgl2-wrapper .no-webgl2-content,.no-webgl2-wrapper-html .no-webgl2-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:24.3vw;height:16.11vw;background:#fff;border-radius:.83vw;padding:8.05vw 2.36vw 2.36vw;box-sizing:border-box;overflow:hidden}@media (max-width: 649px){.no-webgl2-wrapper .no-webgl2-content,.no-webgl2-wrapper-html .no-webgl2-content{width:343px;height:236px;border-radius:12px;padding:126px 26px 26px}}.no-webgl2-wrapper .no-webgl2-content .no-webgl2-icon,.no-webgl2-wrapper-html .no-webgl2-content .no-webgl2-icon{position:absolute;top:0;left:0;-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.no-webgl2-wrapper .no-webgl2-content .no-webgl2-text,.no-webgl2-wrapper-html .no-webgl2-content .no-webgl2-text{position:relative;font-size:.97vw;line-height:150%;font-weight:500;color:#000000bf;text-align:center}@media (max-width: 649px){.no-webgl2-wrapper .no-webgl2-content .no-webgl2-text,.no-webgl2-wrapper-html .no-webgl2-content .no-webgl2-text{font-size:14px}}.rel{position:relative}.abs{position:absolute}.abs.clip{top:0;left:0}.abs.center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flex{display:flex}.flex.col{flex-direction:column}.flex.center{justify-content:center;align-items:center}.zn--wrapper{padding:0;margin:0;width:100%;position:relative;font-family:PoppinsZN-Medium;overflow:hidden}@media (min-width: 1024px){.zn--wrapper{margin-top:50px;height:calc(var(--zvh, 1vh) * 100 - 50px);height:calc(var(--zvh, (1 * var(--vh, 1vh))) * 100 - 50px)}}@media (max-width: 1023px){.zn--wrapper{margin-top:49px;height:calc(var(--zvh, 1vh) * 100 - 49px);height:calc(var(--zvh, (1 * var(--vh, 1vh))) * 100 - 49px)}}.zn--wrapper canvas{width:100vw}@media (min-width: 1024px){.zn--wrapper canvas{height:calc(var(--zvh, 1vh) * 100 - 50px);height:calc(var(--zvh, (1 * var(--vh, 1vh))) * 100 - 50px)}}@media (max-width: 1023px){.zn--wrapper canvas{height:calc(var(--zvh, 1vh) * 100 - 49px);height:calc(var(--zvh, (1 * var(--vh, 1vh))) * 100 - 49px)}}.zn--wrapper .cursor-img{position:absolute;width:78px;height:35px;top:-35px;left:-78px;z-index:5}.zn--wrapper .vr-ui-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.zn--wrapper .vr-ui-wrapper.trans .title{transition:opacity .6s,-webkit-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s}.zn--wrapper .vr-ui-wrapper.trans .scene-switch-wrapper-ex{transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.zn--wrapper .vr-ui-wrapper.trans .scene-opt-wrapper{transition:opacity .6s,-webkit-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper.trans .scene-opt-wrapper .scene-switch-wrapper{transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper.trans .scene-opt-wrapper .color-switch-wrapper{transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper.trans .scene-opt-wrapper .zoom-wrapper{transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}}.zn--wrapper .vr-ui-wrapper.trans .page-opt-wrapper{transition:opacity .6s,-webkit-transform .6s;transition:transform .6s,opacity .6s;transition:transform .6s,opacity .6s,-webkit-transform .6s}.zn--wrapper .vr-ui-wrapper.show .title{-webkit-transform:translateX(0%);transform:translate(0);opacity:1}.zn--wrapper .vr-ui-wrapper.show .scene-switch-wrapper-ex{opacity:1}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper.show .scene-switch-wrapper-ex{-webkit-transform:translate(0%,-50%);transform:translateY(-50%)}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper.show .scene-switch-wrapper-ex{-webkit-transform:translate(0%,0%);transform:translate(0)}}.zn--wrapper .vr-ui-wrapper.show .scene-opt-wrapper{opacity:1}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper.show .scene-opt-wrapper{-webkit-transform:translateY(0%);transform:translateY(0)}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper.show .scene-opt-wrapper .scene-switch-wrapper{-webkit-transform:translateX(-50%) scale(1);transform:translate(-50%) scale(1)}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper.show .scene-opt-wrapper .color-switch-wrapper{-webkit-transform:translate(-50%,0);transform:translate(-50%)}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper.show .scene-opt-wrapper .zoom-wrapper{-webkit-transform:translateX(0%);transform:translate(0)}}.zn--wrapper .vr-ui-wrapper.show .page-opt-wrapper{opacity:1}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper.show .page-opt-wrapper{-webkit-transform:translateX(0%);transform:translate(0)}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper.show .page-opt-wrapper{-webkit-transform:translate(-50%,0%);transform:translate(-50%)}}.zn--wrapper .vr-ui-wrapper .title{position:absolute;top:45px;left:64px;font-weight:500;font-size:24px;line-height:100%;margin:0;-webkit-transform:translateX(-200%);transform:translate(-200%);opacity:0;color:#000}.zn--wrapper .vr-ui-wrapper .title.color-white{color:#fff}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .title{top:21px;left:16px;font-size:18px}}.zn--wrapper .vr-ui-wrapper .input-wrapper{position:absolute;top:100px;left:64px;pointer-events:auto}.zn--wrapper .vr-ui-wrapper .input-wrapper.hidden{display:none!important}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex{pointer-events:auto;position:absolute;right:64px;padding:4px;background:rgba(250,250,250,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:30px;display:none}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex.show{display:block}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex{-webkit-transform:translate(calc(200% + 64px),-50%);transform:translate(calc(200% + 64px),-50%);top:50%}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex{right:16px;top:73px;-webkit-transform:translate(200%,0);transform:translate(200%)}}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner{display:flex;justify-content:center;align-items:center}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner{flex-direction:column}}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn{position:relative;width:42px;height:42px;border-radius:50%;border:2px solid transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn:not(:first-child){margin-top:4px}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn:not(:first-child){margin-left:4px}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn{width:24px;height:24px;border:1.5px solid #fff}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn:not(:first-child){margin-left:4px}}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:none;z-index:1}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn .scene-icon{width:100%;height:100%}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn .check-icon{width:11px;height:8px;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn .check-icon{width:8px;height:6px}}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn.active{border-color:#fff}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn.active .check-icon{opacity:1}.zn--wrapper .vr-ui-wrapper .scene-switch-wrapper-ex .scene-switch-wrapper-ex-inner .scene-switch-btn.active:after{display:block}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper{position:absolute;width:100%;height:106px;opacity:0;bottom:0;left:0}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper{-webkit-transform:translateY(200%);transform:translateY(200%)}}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper{pointer-events:auto;position:absolute;padding:4px;background:rgba(250,250,250,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:30px}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper{position:fixed;top:118px;left:50%;-webkit-transform:translateX(-50%) scale(.9);transform:translate(-50%) scale(.9)}}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper.ei-switch-wrapper{bottom:56px;left:64px}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper.ei-switch-wrapper.is-exterior{left:16px;-webkit-transform:unset;transform:unset}}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper.fb-switch-wrapper{opacity:0;pointer-events:none}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper.fb-switch-wrapper{bottom:56px;right:288px}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper.fb-switch-wrapper{top:176px}}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper.fb-switch-wrapper.show{opacity:1;pointer-events:auto}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper .scene-switch-wrapper-inner{display:flex;align-items:center;position:relative}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper .scene-switch-wrapper-inner .scene-switch-bar{width:100%;height:100%;background:#fff;border-radius:24px;transition:-webkit-clip-path .5s;transition:clip-path .5s;transition:clip-path .5s,-webkit-clip-path .5s;position:absolute;top:0;left:0}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper .scene-switch-wrapper-inner .scene-switch-btn{padding:10px 17px;font-weight:500;font-size:14px;line-height:169%;letter-spacing:.02em;color:#000;opacity:.4;transition:opacity .5s;cursor:pointer}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper .scene-switch-wrapper-inner .scene-switch-btn{font-size:13px;padding:8px 23px}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper .scene-switch-wrapper-inner .scene-switch-btn.toF,.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper .scene-switch-wrapper-inner .scene-switch-btn.toB{padding:7.5px 9px;font-size:12px}}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .scene-switch-wrapper .scene-switch-wrapper-inner .scene-switch-btn.active{opacity:.95}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper{pointer-events:auto;position:absolute;left:50%;padding:4px;background:rgba(250,250,250,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:30px;display:none}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper{-webkit-transform:translateX(-50%);transform:translate(-50%);bottom:56px}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper{-webkit-transform:translate(-50%,calc(200% + 81px));transform:translate(-50%,calc(200% + 81px));bottom:93px}}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper.show{display:block}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner{display:flex;justify-content:center;align-items:center}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner .color-switch-btn{position:relative;width:42px;height:42px;border-radius:50%;border:2px solid #fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner .color-switch-btn:not(:first-child){margin-left:10px}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner .color-switch-btn{width:24px;height:24px;border:1.5px solid #fff}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner .color-switch-btn:not(:first-child){margin-left:4px}}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner .color-switch-btn .color-icon{width:100%;height:100%}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner .color-switch-btn .check-icon{width:11px;height:8px;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner .color-switch-btn .check-icon{width:8px;height:6px}}.zn--wrapper .vr-ui-wrapper .scene-opt-wrapper .color-switch-wrapper .color-switch-wrapper-inner .color-switch-btn.active .check-icon{opacity:1}.zn--wrapper .vr-ui-wrapper .page-opt-wrapper{opacity:0;pointer-events:auto;position:absolute;padding:4px;background:rgba(250,250,250,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:30px}@media (min-width: 1024px){.zn--wrapper .vr-ui-wrapper .page-opt-wrapper{-webkit-transform:translateX(200%);transform:translate(200%);right:64px;top:32px}}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .page-opt-wrapper{bottom:23px;left:50%;-webkit-transform:translate(-50%,200%);transform:translate(-50%,200%)}}.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner{display:flex;align-items:center;flex-wrap:wrap}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner{width:-webkit-max-content;width:-moz-max-content;width:max-content}}.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner .page-opt-btn{text-decoration:none;border-radius:24px;padding:10px 23px;cursor:pointer;font-weight:500;font-size:13px;line-height:170%}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner .page-opt-btn{padding:13px 16px;font-size:12px;line-height:90%;letter-spacing:-.02em}}.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner .page-opt-btn[btn-theme=white]{color:#000;opacity:.85;background:#fff}.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner .page-opt-btn[btn-theme=black]{color:#fff;opacity:.95;background:#000}.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner .page-opt-btn:not(:first-child){margin-left:4px}@media (max-width: 1023px){.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner .page-opt-btn.switchEnv0,.zn--wrapper .vr-ui-wrapper .page-opt-wrapper .page-opt-wrapper-inner .page-opt-btn.switchEnv1{display:none}}.zn--wrapper .loading-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;background:#000;display:flex;justify-content:center;align-items:center;transition:opacity 3s;pointer-events:auto}.zn--wrapper .loading-wrapper.hide,.zn--wrapper .loading-wrapper.hide .loading-box{opacity:0}.zn--wrapper .loading-wrapper.pointer-evente-none{pointer-events:none}.zn--wrapper .loading-wrapper .loading-box{display:flex;flex-direction:column;align-items:center;transition:opacity .8s}.zn--wrapper .loading-wrapper .loading-box .loading-bar{width:88px;height:6px;background:rgba(255,255,255,.2)}.zn--wrapper .loading-wrapper .loading-box .loading-bar .loading-progress{width:100%;height:100%;background:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.zn--wrapper .loading-wrapper .loading-box .loading-number{font-weight:400;font-size:22px;line-height:150%;text-align:center;margin-top:12px;color:#fff}.zn--wrapper .tips-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);-webkit-backdrop-filter:10px;backdrop-filter:10px;opacity:0;transition:opacity 1s;pointer-events:none}.zn--wrapper .tips-wrapper.show{opacity:1;pointer-events:auto}.zn--wrapper .tips-wrapper.show .tips-content{-webkit-transform:scale(1);transform:scale(1);opacity:1}.zn--wrapper .tips-wrapper .tips-content{position:relative;-webkit-transform:scale(.8);transform:scale(.8);opacity:0;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}.zn--wrapper .tips-wrapper .tips-content i{font-style:normal}.zn--wrapper .tips-wrapper .tips-content .tip_360-text{color:#fff;font-size:27px;font-weight:500;left:50%;line-height:32px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zn--wrapper .tips-wrapper .tips-content .tip_360-des{color:#fff;font-size:14px;font-weight:500;left:50%;line-height:100%;position:absolute;bottom:0;text-align:center;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);white-space:nowrap}.zn--wrapper .tips-wrapper .tips-content .tip_360-fist{-webkit-animation:fist-position 2s linear infinite;animation:fist-position 2s linear infinite;height:14.6px;position:absolute;right:0;top:177px;-webkit-transform:translateX(-50%);transform:translate(-50%);width:13.7px}@-webkit-keyframes fist-position{30%{opacity:1;right:90%}50%{opacity:0;right:90%}to{opacity:0;right:90%}}@keyframes fist-position{30%{opacity:1;right:90%}50%{opacity:0;right:90%}to{opacity:0;right:90%}}.zn--wrapper .tips-wrapper .tips-content .tip_360-ani{-webkit-animation:spinner-rotate 2s linear infinite;animation:spinner-rotate 2s linear infinite;background-clip:padding-box;border:2px dashed rgba(255,255,255,.7);border-radius:50%;box-sizing:border-box;height:200px;margin:auto;-webkit-mask:linear-gradient(rgba(23,23,23,.2),rgba(23,23,23,.9) 90%);mask:linear-gradient(rgba(23,23,23,.2),rgba(23,23,23,.9) 90%);position:relative;-webkit-transform:perspective(200px) rotateX(74deg) rotate(1turn);transform:perspective(200px) rotateX(74deg) rotate(1turn);width:200px}.zn--wrapper .tips-wrapper .tips-content .tip_360-ani .tip_360-son{height:200px;margin:-2px;overflow:hidden;position:relative;width:75px}@-webkit-keyframes spinner-rotate{50%{-webkit-transform:perspective(200px) rotateX(74deg) rotate(380deg);transform:perspective(200px) rotateX(74deg) rotate(380deg)}to{-webkit-transform:perspective(200px) rotateX(74deg) rotate(1turn);transform:perspective(200px) rotateX(74deg) rotate(1turn)}}@keyframes spinner-rotate{50%{-webkit-transform:perspective(200px) rotateX(74deg) rotate(380deg);transform:perspective(200px) rotateX(74deg) rotate(380deg)}to{-webkit-transform:perspective(200px) rotateX(74deg) rotate(1turn);transform:perspective(200px) rotateX(74deg) rotate(1turn)}}.zn--wrapper .zoom-wrapper{pointer-events:auto;position:fixed;display:flex;align-items:center;padding:3.57143px;border-radius:71.4286px;background:rgba(255,255,255,.3)}@media (min-width: 1024px){.zn--wrapper .zoom-wrapper{bottom:56px;right:122px}}@media (max-width: 1023px){.zn--wrapper .zoom-wrapper{right:14px;top:66px;padding:2.5px;border-radius:51.2px;-webkit-transform:translateX(200%);transform:translate(200%)}}.zn--wrapper .zoom-wrapper .zoom-in,.zn--wrapper .zoom-wrapper .zoom-out{width:43px;height:43px}@media (min-width: 1024px){.zn--wrapper .zoom-wrapper .zoom-in,.zn--wrapper .zoom-wrapper .zoom-out{cursor:pointer}}@media (max-width: 1023px){.zn--wrapper .zoom-wrapper .zoom-in,.zn--wrapper .zoom-wrapper .zoom-out{width:26px;height:26px}}.zn--wrapper .zoom-wrapper .zoom-progress{width:52px;font-size:14px;white-space:nowrap;color:#000;opacity:.4;margin:0 6px;text-align:center}@media (max-width: 1023px){.zn--wrapper .zoom-wrapper .zoom-progress{font-size:7.5px;width:26px;margin:0 4px}}.zn--wrapper .transition-mask{width:100%;height:100%;background:#000;opacity:0;position:absolute;top:0;left:0;z-index:3;pointer-events:none}.message{position:fixed;top:20px;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);padding:14px 26px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;z-index:9999;opacity:0;transition:all .3s cubic-bezier(.55,0,.1,1)}.message.show{-webkit-transform:translate(-50%,0);transform:translate(-50%);opacity:1}.message .message-icon{margin-right:10px;width:16px;height:16px}.message .message-icon.icon-success{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 0 1-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z' fill='%2367C23A'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.message .message-icon.icon-error{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359c-1.2-1.5-1.9-3.3-1.9-5.2 0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z' fill='%23F56C6C'/%3E%3C/svg%3E") no-repeat center;background-size:contain}.message .message-text{font-size:14px;font-weight:500;line-height:1.4;white-space:nowrap}