.video-monitor[data-v-dd3a3ba0]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.video-monitor .company-list[data-v-dd3a3ba0]{height:100%;height:calc(100% - 90px);overflow-y:auto;width:360px;-ms-flex-negative:0;flex-shrink:0;margin-right:20px;padding:10px 0}.video-monitor .company-list .item[data-v-dd3a3ba0]{margin-bottom:12px;display:-webkit-box;display:-ms-flexbox;display:flex;width:340px;height:70px;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.66;background:#fff;border:2px solid #efefef;border-radius:8px;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.video-monitor .company-list .item.active[data-v-dd3a3ba0],.video-monitor .company-list .item[data-v-dd3a3ba0]:hover{-webkit-filter:none;filter:none;opacity:1;background:#fff;border:2px solid #b58d5d;-webkit-box-shadow:0 7px 18px 0 rgba(233,173,103,.2);box-shadow:0 7px 18px 0 rgba(233,173,103,.2);border-radius:8px}.video-monitor .company-list .item .title[data-v-dd3a3ba0]{margin-left:0;width:100%;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-monitor .company-list .item .title h4[data-v-dd3a3ba0]{font-size:16px;color:#191919;margin:0;line-height:1.3;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;padding-right:10px}.video-monitor .company-list .item .title .camera-info[data-v-dd3a3ba0]{font-size:14px;color:#666;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap}.video-monitor .company-list .item .title .camera-info img[data-v-dd3a3ba0]{width:18px;margin-right:6px}.video-monitor .content[data-v-dd3a3ba0]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:calc(100% - 90px);overflow:hidden}.box[data-v-dd3a3ba0]{margin-top:10px;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;opacity:1;background:#fff;border:2px solid #b58d5d;-webkit-box-shadow:0 7px 18px 0 rgba(233,173,103,.2);box-shadow:0 7px 18px 0 rgba(233,173,103,.2);border-radius:8px;width:340px;overflow-y:scroll}.box[data-v-dd3a3ba0]::-webkit-scrollbar{width:0}.videoList[data-v-dd3a3ba0]{height:30px;border-bottom:1px solid #f0f0f0;cursor:pointer;padding:8px}.videoList.active[data-v-dd3a3ba0]{background-color:rgba(181,141,93,.1)}.videoList p[data-v-dd3a3ba0]{margin:0}.video-detail-monitor[data-v-dd3a3ba0]{background-color:#fff;height:100%;border-radius:8px}.video-detail-monitor[data-v-dd3a3ba0] .jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-barlogo-new{display:none}.video-detail-monitor .content-wrap[data-v-dd3a3ba0]{height:calc(100% - 60px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-detail-monitor .content-wrap .video-list[data-v-dd3a3ba0]{padding-left:20px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-detail-monitor .content-wrap .video-list .video-item[data-v-dd3a3ba0]{width:84%}.video-detail-monitor .content-wrap .video-list .video-item .video-tit[data-v-dd3a3ba0]{text-align:center;font-weight:700;padding:10px;color:#333}.video-detail-monitor .content-wrap .video-list .video-item .video-tit .time-segments[data-v-dd3a3ba0]{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-detail-monitor .content-wrap .video-list .video-item .video-tit .time-segments .el-button[data-v-dd3a3ba0]{background:#f5f5f5;color:#333;border:1px solid #ddd}.video-detail-monitor .content-wrap .video-list .video-item .video-tit .time-segments .el-button.active[data-v-dd3a3ba0]{background:#b58d5d;color:#fff;border-color:#b58d5d}.video-detail-monitor .content-wrap .video-list .video-item .video-player[data-v-dd3a3ba0]{margin-top:15px;height:calc(100% - 80px);width:100%;border-radius:6px}.video-detail-monitor .content-wrap .video-list .video-item .video-player .native-video[data-v-dd3a3ba0]{height:100%;background-color:#000}.video-detail-monitor .content-wrap .video-list .video-item .no-video-tip[data-v-dd3a3ba0]{margin-top:15px;padding:30px;text-align:center;color:#999;background:#fafafa;border-radius:6px}.noData[data-v-dd3a3ba0]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999}