.viewer-container{width:100%}.viewer-container .content-top{width:100%;height:60px;background-color:#000;color:#fff;margin:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 40px;box-sizing:border-box}.viewer-container .content-top .content-top-left{flex:1;display:flex;justify-content:flex-start;align-items:center}.viewer-container .content-top .content-top-left img{height:auto;width:80px}.viewer-container .content-top .content-top-center{flex:2;display:flex;justify-content:center;align-items:center;line-height:1.2}.viewer-container .content-top .content-top-center .contentTitle{padding-left:30px;margin-left:30px;border-left:1px solid #fff}.viewer-container .content-top .content-top-right{flex:1;display:flex;justify-content:flex-end;align-items:center}.viewer-container .content-top .content-top-right a{text-decoration:none;border-radius:50%;width:30px;height:30px;color:#4d4d4d;background:#f2f2f2;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:400;line-height:1;padding-bottom:2px;box-sizing:border-box}.viewer-container .content-bottom{width:100%;height:calc(100vh - 60px);position:relative}.viewer-container .content-bottom .colorTab{display:flex;justify-content:center;height:120px;align-items:center;position:absolute;width:100%;z-index:200}.viewer-container .content-bottom .colorTab .tabItem{width:340px;padding:6.5px;text-align:center;cursor:pointer;margin:0 1px;background-color:#f2f2f2;height:40px;line-height:27px}.viewer-container .content-bottom .colorTab .tabItem:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px}.viewer-container .content-bottom .colorTab .tabItem:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px}.viewer-container .content-bottom .colorTab .tabItem.selected{background-color:#4d4d4d;color:#fff}.viewer-container .content-bottom model-viewer{width:100%;height:100%;--progress-bar-color: transparent}.viewer-container .content-bottom model-viewer .Hotspot{background:transparent;border-radius:32px;border:2px solid rgb(0,145,255);box-sizing:border-box;cursor:pointer;height:36px;position:relative;transition:opacity .3s;width:36px}.viewer-container .content-bottom model-viewer .Hotspot .HotspotAnnotation{background:#fff;border-radius:4px;box-shadow:0 2px 4px #00000040;color:#000c;display:block;font-family:Futura,Helvetica Neue,sans-serif;font-size:14px;font-weight:700;left:calc(100% + 1em);max-width:128px;padding:.5em 1em;position:absolute;top:50%;transform:translateY(-50%);width:max-content}.viewer-container .content-bottom model-viewer #modelviewer-preload-area{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;transition:opacity .3s}.viewer-container .content-bottom model-viewer #modelviewer-preload-area.hide{opacity:0;pointer-events:none}.viewer-container .content-bottom model-viewer #modelviewer-preload-area .viewer-title{margin-bottom:20px}.viewer-container .content-bottom model-viewer #modelviewer-preload-area #load-button{background-color:#000;color:#fff;border:none;padding:10px 30px;border-radius:30px;font-size:16px;cursor:pointer;font-weight:700;transition:background-color .3s}.viewer-container .content-bottom model-viewer #modelviewer-preload-area #load-button:hover{background-color:#333}.viewer-container .content-bottom model-viewer #modelviewer-preload-area #progress-bar{width:200px;height:5px;background-color:#585858;border-radius:2px;border:none;appearance:none;-webkit-appearance:none}.viewer-container .content-bottom model-viewer #modelviewer-preload-area #progress-bar::-webkit-progress-bar{background-color:#585858;border-radius:2px}.viewer-container .content-bottom model-viewer #modelviewer-preload-area #progress-bar::-webkit-progress-value{background-color:#f2f2f2;border-radius:2px}.viewer-container .content-bottom model-viewer #modelviewer-preload-area #progress-bar::-moz-progress-bar{background-color:#f2f2f2;border-radius:2px}.viewer-container .content-bottom .content-operations{position:absolute;top:20%;left:40px;min-width:160px;min-height:50px;z-index:101}.viewer-container .content-bottom .content-operations .content-color{padding:10px}.viewer-container .content-bottom .content-operations .content-color .content-color-title{padding:10px 0}.viewer-container .content-bottom .content-operations .content-color .content-color-list{display:flex;justify-content:center;align-items:center;text-align:center;margin:5px 0}.viewer-container .content-bottom .content-operations .content-color .content-color-list .colorItem{width:20px;height:20px;border-radius:50%;margin:5px;cursor:pointer}.viewer-container .content-bottom .content-operations .content-color .content-color-list .colorItem.selected{width:30px;height:30px}.viewer-container .content-bottom .content-operations .content-status{margin-top:20px;padding:10px}.viewer-container .content-bottom .content-operations .content-status .content-status-title{padding:10px 0}.viewer-container .content-bottom .content-operations .content-status .content-status-list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:170px}.viewer-container .content-bottom .content-operations .content-status .content-status-list .statusItem{margin:4px;text-align:center;border-radius:12px;cursor:pointer;font-size:14px;transition:all .3s;min-width:60px;height:24px;font-weight:700;background-color:#f2f2f2;color:#575656;padding-top:1.5px}.viewer-container .content-bottom .content-operations .content-status .content-status-list .statusItem.selected{background-color:#4d4d4d;color:#fff}.viewer-container .content-bottom .content-operations .content-status .content-status-list .statusProgressItem{margin:4px;text-align:center;border-radius:12px;cursor:pointer;font-size:14px;transition:all .3s;min-width:60px;height:24px;font-weight:700;background-color:#fff;color:#575656;padding:1.5px 16px 0;border:1px solid #000}.viewer-container .content-bottom .content-operations .content-status .content-status-list .statusProgressItem:hover{background-color:#f2f2f2;color:#575656}.viewer-container .content-bottom .content-operations .content-status .content-status-progress{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;margin-top:15px}.viewer-container .content-bottom .content-operations .content-status .content-status-progress .content-status-progress-seekbar{-webkit-appearance:none;width:100%;height:8px;border-radius:2px;outline:none;background:#F2F2F2}.viewer-container .content-bottom .content-operations .content-status .content-status-progress .content-status-progress-seekbar::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#4D4D4D;cursor:pointer;border:2px solid #fff;box-shadow:0 0 2px #0000004d}.viewer-container .content-bottom .content-operations .content-status .content-status-progress .value-label{margin-top:10px;font-size:12px;font-weight:700;color:#4d4d4d}.viewer-container .content-bottom .content-operations .content-parts{padding:10px}.viewer-container .content-bottom .content-operations .content-parts .content-parts-list{margin-top:9px;display:flex;justify-content:center;align-items:center;flex-direction:column}.viewer-container .content-bottom .content-operations .content-parts .content-parts-list .partsItem{margin:7px 6px;text-align:center;font-size:13px;font-weight:700;border-radius:12px;width:130px;height:24px;line-height:24px;cursor:pointer;transition:all .3s}.viewer-container .content-bottom .content-operations .content-parts .content-parts-list .partsItem.selected{background:#0091FF!important;color:#fff}.viewer-container .content-bottom .content-operations.light .content-parts .partsItem{background-color:#f2f2f2}.viewer-container .content-bottom .content-operations.dark .content-status .content-status-list .statusItem{background-color:#f2f2f2;color:#575656}.viewer-container .content-bottom .content-operations.dark .content-status .content-status-list .statusItem.selected{background:#808080;color:#fff}.viewer-container .content-bottom .content-operations.dark .content-status .value-label{color:#fff!important}.viewer-container .content-bottom .content-operations.dark .content-parts .partsItem{background-color:gray;color:#fff}.viewer-container .content-bottom .content-prompt{position:absolute;top:460px;right:40px;width:260px;border:0px;border-radius:10px;padding:25px 15px;display:flex;justify-content:center;align-items:center;flex-direction:column;transform:translateY(-50%)}.viewer-container .content-bottom .content-prompt .content-prompt-title{margin:0 0 10px}.viewer-container .content-bottom .content-prompt .content-prompt-list .content-prompt-item{font-size:13px;font-weight:600;display:flex;flex-direction:column;align-items:center;margin:8px 0;width:230px;height:70px}.viewer-container .content-bottom .content-prompt .content-prompt-list .content-prompt-item .promptTitle{background-color:#4d4d4d;color:#fff;border-radius:3px 3px 0 0;text-align:center;align-content:center;width:100%;padding:7px 4px}.viewer-container .content-bottom .content-prompt .content-prompt-list .content-prompt-item .promptDesc{background-color:#fff;border-radius:0 0 3px 3px;text-align:center;align-content:center;width:100%;padding:7px 4px}.viewer-container .content-bottom .content-prompt .content-prompt-operation .status{display:inline-block;width:60px;background-color:#fff;border-radius:12px;text-align:center;padding:1.5px;cursor:pointer}.viewer-container .content-bottom .content-prompt.light{background-color:#f2f2f2}.viewer-container .content-bottom .content-prompt.light .content-prompt-operation{background-color:#fff;border-radius:12px;font-weight:700}.viewer-container .content-bottom .content-prompt.dark{background-color:#666}.viewer-container .content-bottom .content-prompt.dark .content-prompt-operation{background-color:#fff;border-radius:12px;font-weight:700}.viewer-container .content-bottom .content-prompt.dark .content-prompt-item .promptTitle{background-color:#262626;color:#fff;font-weight:600}.viewer-container .content-bottom .content-prompt.dark .content-prompt-item .promptDesc{background-color:#fff}.viewer-container .content-bottom .content-video{position:absolute;top:50%;left:52%;width:auto;height:auto}.viewer-container .content-bottom .content-video .content-image-wrapper .image-desc{width:420px;margin-top:10px;padding:10px;background-color:#fff}.app{width:100%}