.viewer360{aspect-ratio:375/720;background:#fff;overflow:hidden;position:relative;margin:0 auto;user-select:none;-webkit-user-select:none;touch-action:none;cursor:grab;outline:0}.viewer360:active{cursor:grabbing}.viewer360:fullscreen{height:100vh;max-width:100vw;width:auto;margin:0;transform:none}.viewer360 .view360-frame{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;transition:none;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}.viewer360 .view360-loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#fff;font:400 16px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#3f4550}.viewer360 .view360-hint{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:10px;background:rgba(31,32,35,.9);box-shadow:0 4px 16px rgba(0,0,0,.3);color:#fff;font:600 15px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.94);transition:opacity .35s ease,transform .35s ease}.viewer360 .view360-hint.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.viewer360 .view360-hint-icn{width:28.6px;height:24.7px;flex:none;background:url(https://www.91-cdn.com/images/gallary_sprite_icon.svg?v=22) no-repeat -31.2px -5.2px;background-size:109.2px 146.9px}.viewer360 .view360-hint.show .view360-hint-icn{animation:view360HintNudge 1.6s ease-in-out infinite}@keyframes view360HintNudge{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.viewer360 .view360-hint.show .view360-hint-icn{animation:none}}.viewer360 .view360-btn{position:absolute;bottom:20px;z-index:4;width:42px;height:42px;padding:0;border:none;background:#fff;color:#3f4550;cursor:pointer;border-radius:50%;box-shadow:0 0 8px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}.viewer360 .view360-btn svg{width:18px;height:18px;fill:currentColor}.viewer360 .view360-btn:hover{opacity:.9}.viewer360 .view360-play{left:12px;bottom:12px;width:38px;height:38px;background:url(https://www.91-cdn.com/images/gallary_sprite_icon.svg?v=22) no-repeat -4px -27px;background-size:84px 113px;box-shadow:none}.viewer360 .view360-play.playing{background-position:-4px -70px}#comparedetails .viewer360 .view360-play{display:none!important}.viewer360 .view360-fullscreen{top:0;right:0;bottom:auto;width:34px;height:35px;margin:10px 3px 0 0;background:0 0;box-shadow:none;border-radius:0;z-index:99}.viewer360 .view360-fullscreen svg{width:24px;height:24px;fill:none}.viewer360 .view360-fullscreen:hover{opacity:1}.view360-compare-wrap .view360-fullscreen{display:none}.viewer360:fullscreen .view360-fullscreen{display:none}.viewer360:-webkit-full-screen .view360-fullscreen{display:none}.viewer360:-webkit-full-screen .view360-play,.viewer360:fullscreen .view360-play{left:20px;bottom:20px}body.view360-page{margin:0;padding:0;overflow:hidden;background:#f3f3f3}.view360-page .view360-stage{display:flex;justify-content:center;align-items:center;height:100vh}.view360-page .viewer360,.viewer360.view360-page{height:min(96vh,760px);max-width:95vw}.viewer360.view360-inline{height:min(70vh,520px);max-width:100%}.viewer360.view360-compare,.viewer360.view360-inline{touch-action:pan-y}.viewer360.view360-gallery{width:100%;height:100%;max-width:100%;max-height:100%;touch-action:pan-y}.viewer360.view360-popup{height:min(88vh,760px);max-width:95vw}.view360-compare-wrap{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;background:#ebebeb;isolation:isolate}.view360-compare-wrap .view360-loader,.view360-compare-wrap .viewer360{background:0 0}.view360-compare-wrap .view360-frame{mix-blend-mode:darken}.view360-compare-wrap .viewer360.view360-compare,.view360-page .view360-compare-wrap .viewer360.view360-compare{flex:1 1 0;min-width:0;width:auto;height:100%;max-height:100%;max-width:none;aspect-ratio:auto}.view360-compare-wrap .viewer360{overflow:visible}.view360-compare-wrap .viewer360:first-child .view360-hint{left:calc(100% + 4px);z-index:10}.view360-compare-wrap .viewer360:last-child .view360-hint{display:none}@media screen and (max-width:600px){.view360-compare-wrap .view360-hint{gap:8px;padding:10px 14px;font-size:13px}.view360-compare-wrap .view360-hint-icn{width:22px;height:19px;background-size:84px 113px;background-position:-24px -4px}#comparedetails .viewer360 .view360-play{display:block!important;left:12px}}