.monitor-control[data-v-0f904513]{position:relative;width:100%;height:100%}.monitor-control .ant-spin-nested-loading[data-v-0f904513]{position:relative;height:100%}.monitor-control[data-v-0f904513] .ant-spin-container{position:relative;height:100%;-webkit-transition:opacity .3s;transition:opacity .3s}.monitor-control[data-v-0f904513] .panel-top .contros{display:none}.monitor-control .header[data-v-0f904513]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:24px;margin-bottom:24px;background-color:#fff}.monitor-control .header .left[data-v-0f904513]{font-size:20px;font-weight:700;color:#333}.monitor-control .header .right .filter-button+.filter-button[data-v-0f904513]{margin-left:16px}.monitor-control .content[data-v-0f904513]{width:100%;height:100%;padding:24px;background-color:transparent}.monitor-control .content[data-v-0f904513] .ant-tabs{margin:0 -24px}.monitor-control .content[data-v-0f904513] .ant-tabs .ant-tabs-tab{margin-right:8px}.monitor-control .content[data-v-0f904513] .ant-tabs .ant-tabs-bar{margin-bottom:0}.monitor-control .content[data-v-0f904513] .ant-tabs .ant-tabs-nav-wrap{padding-left:24px}.monitor-control .content .video-box[data-v-0f904513]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin-top:24px}.monitor-control .content .video-box[data-v-0f904513] .timeline-controls label{display:none}.monitor-control .content .video-box[data-v-0f904513] .timeline-controls input{display:none}.monitor-control .content .ys-open-device[data-v-0f904513]{height:100%;overflow:hidden;background-color:#3d3d3d;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0}.monitor-control .content .ys-open-device #ys-opendevice[data-v-0f904513]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;border:none}.monitor-control .content .video-js[data-v-0f904513]{height:100%;border:none;-webkit-box-flex:1;-ms-flex:1;flex:1}.monitor-control .content .video-container-box[data-v-0f904513]{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;background-color:#3d3d3d}.monitor-control .content .control-box[data-v-0f904513]{margin-left:30px}.monitor-control .content .control-box .control-title[data-v-0f904513]{font-size:16px;font-weight:700;color:#333}.monitor-control .content .control-box .control[data-v-0f904513]{display:-webkit-box;display:-ms-flexbox;display:flex;width:193px;margin-top:6px;color:#fafafa;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-negative:0;flex-shrink:0}.monitor-control .content .control-box .control .control-item[data-v-0f904513]{width:43px;height:43px;margin-top:18px;margin-left:18px;line-height:43px;text-align:center;background-color:#007aff;border-radius:4px}.monitor-control .content .control-box .control .control-item[data-v-0f904513]:hover{color:#333;cursor:pointer;background-color:#1373cc}.monitor-control .content .control-box .control .control-item-disabled[data-v-0f904513]{color:#fafafa!important;cursor:not-allowed!important;background-color:#e8e8e8!important}.monitor-control .content .control-box .control .control-btn[data-v-0f904513]{width:73px;height:32px;margin-top:18px;margin-left:18px;line-height:32px;text-align:center;cursor:pointer;background-color:#007aff;border-radius:4px}.monitor-control .content .control-box .control .control-btn[data-v-0f904513]:hover{color:#333;background-color:#1373cc}.hook-visualization .list[data-v-dc4ac55e]{height:calc(100% - 48px)}.hook-visualization .list[data-v-dc4ac55e]::-webkit-scrollbar{width:1px}.hook-visualization .list .item[data-v-dc4ac55e]{height:72px;color:#333;background:#fafafa;border-radius:2px}.hook-visualization .list .item-highlight[data-v-dc4ac55e]{background:#e6edff}[data-v-dc4ac55e] .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab{font-size:16px;border-radius:4px 4px 0 0}[data-v-dc4ac55e] .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active{font-weight:700;color:#fff;border-bottom:1px solid #3862cf;border-color:#3862cf}[data-v-dc4ac55e] .ant-tabs-bar{margin:0;background-color:#fff;border-bottom:1px solid #e8e8e8;border-radius:4px 4px 0 0;outline:none;-webkit-transition:padding .3s cubic-bezier(.645,.045,.355,1);transition:padding .3s cubic-bezier(.645,.045,.355,1)}[data-v-dc4ac55e] .ant-tabs-bar .ant-tabs-nav-scroll{padding:16px 24px 0;overflow:hidden;white-space:nowrap}[data-v-dc4ac55e] .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{height:56px}