.video-player-context[data-v-487e731f]{width:100%;height:100%;position:relative}.video-player-context .video-player-canvas[data-v-487e731f]{position:absolute;top:0}.video-player-context canvas[data-v-487e731f],.video-player-context video[data-v-487e731f]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.video-player-context video[data-v-487e731f]{top:0}.video-player-context img[data-v-487e731f]{width:479px;height:178px;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-player-context .diy-device-id[data-v-487e731f]{position:absolute;background:#fff;padding:16px 16px 0 16px;width:300px;left:calc(50% - 150px);top:calc(50% - 64px);border-radius:4px}.player-container[data-v-93fe8748]{background-color:#fff;height:100%}.player-container .main-container[data-v-93fe8748]{height:100%}.player-container .player-box-container[data-v-93fe8748]{height:100%;padding:0}.player-container .player-box-container.fullscreen[data-v-93fe8748]{height:100%}.player-container .player-box-container .player-box[data-v-93fe8748]{height:100%;position:relative;overflow:hidden;background:#f2f2f2}.player-container .player-box-container .player-box .video-player__default[data-v-93fe8748]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.player-container .player-footer[data-v-93fe8748]{background-color:#3d3d3d;-webkit-box-shadow:0 3px 6px 0 #3d3d3d;box-shadow:0 3px 6px 0 #3d3d3d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.player-container .player-footer.fullscreen-tool[data-v-93fe8748]{position:absolute;bottom:0;width:100%;background-color:#000;opacity:.7}.player-container .control-icon[data-v-93fe8748]{-webkit-transition:all .3s;transition:all .3s;margin:0 12px}.player-container .control-icon[data-v-93fe8748]:hover:not(.disabled){color:var(--el-color-primary);fill:var(--el-color-primary)}.player-container .control-icon.disabled[data-v-93fe8748]{color:#c5cdd6;fill:#c5cdd6;cursor:not-allowed}.player-container .full-screen[data-v-93fe8748]{position:absolute;right:20px}.fullscreen-hint[data-v-93fe8748]{position:fixed;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:4px;z-index:1000;-webkit-animation:fadeInOut-93fe8748 3s ease-in-out infinite;animation:fadeInOut-93fe8748 3s ease-in-out infinite}@-webkit-keyframes fadeInOut-93fe8748{0%,to{opacity:.7}50%{opacity:1}}@keyframes fadeInOut-93fe8748{0%,to{opacity:.7}50%{opacity:1}}.con[data-v-21d4be80]{background-color:#eff0f2}.equipment-commissioning[data-v-21d4be80]{background:#fff;overflow-x:auto}.equipment-commissioning .video-area[data-v-21d4be80]{padding:0 20px 24px;width:100%;height:95%}.equipment-commissioning .mr-8[data-v-21d4be80]{margin-right:8px}.equipment-commissioning .mr-4[data-v-21d4be80]{margin-right:4px}.equipment-commissioning .mr-20[data-v-21d4be80]{margin-right:20px}.equipment-commissioning .w140[data-v-21d4be80]{width:140px}.equipment-commissioning .video-config[data-v-21d4be80]{height:72px}.equipment-commissioning .video-config .mode-choose[data-v-21d4be80] .el-input__inner{border:none;-webkit-box-shadow:none;box-shadow:none;color:var(--primary-base)}.equipment-commissioning .video-config.fullscreen-config[data-v-21d4be80]{position:absolute;top:0;left:0;width:100%;background-color:#000;opacity:0;z-index:100;padding:0 20px;color:#fff;height:60px}.equipment-commissioning .video-config.fullscreen-config[data-v-21d4be80]:hover{opacity:.7}.equipment-commissioning .video-config.fullscreen-config .mode-choose[data-v-21d4be80] .el-input__inner{color:#fff;background:transparent}.equipment-commissioning .video-config.fullscreen-config.show-tools[data-v-21d4be80]{opacity:.7}.equipment-commissioning .video-window[data-v-21d4be80]{height:100%}.equipment-commissioning .video-window.fullscreen[data-v-21d4be80]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100}.equipment-list[data-v-21d4be80]{border-right:1px solid #c5cdd6;height:100%}.equipment-list .equipment-form[data-v-21d4be80]{width:350px;margin:16px auto}.equipment-list .equipment-form[data-v-21d4be80] .el-form-item__label{line-height:1;padding-bottom:8px}