.monitor-control .header[data-v-25151704]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:24px;margin-bottom:24px;background-color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.monitor-control .header .left[data-v-25151704]{font-size:20px;font-weight:700;color:#333}.monitor-control .header .right .filter-button+.filter-button[data-v-25151704]{margin-left:16px}.monitor-control .content[data-v-25151704]{width:100%;padding:24px;background-color:#fff}.monitor-control .content[data-v-25151704] .ant-tabs{margin:0 -24px}.monitor-control .content[data-v-25151704] .ant-tabs .ant-tabs-tab{margin-right:8px}.monitor-control .content[data-v-25151704] .ant-tabs .ant-tabs-bar{margin-bottom:0}.monitor-control .content[data-v-25151704] .ant-tabs .ant-tabs-nav-wrap{padding-left:24px}.monitor-control .content .video-box[data-v-25151704]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:24px}.monitor-control .content .ys-open-device[data-v-25151704]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:712px;-ms-flex-negative:0;flex-shrink:0;background-color:#333}.monitor-control .content .ys-open-device #ys-opendevice[data-v-25151704]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:712px;border:none}.monitor-control .content .video-container-box[data-v-25151704]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:712px;-ms-flex-negative:0;flex-shrink:0;background-color:#333}.monitor-control .content .control-box[data-v-25151704]{margin-left:48px}.monitor-control .content .control-box .control-title[data-v-25151704]{font-size:16px;font-weight:700;color:#333}.monitor-control .content .control-box .control[data-v-25151704]{display:-webkit-box;display:-ms-flexbox;display:flex;width:183px;margin-top:6px;margin-left:-18px;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-25151704]{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-25151704]:hover{color:#333;cursor:pointer;background-color:#1373cc}.monitor-control .content .control-box .control .control-item-disabled[data-v-25151704]{color:#fafafa!important;cursor:not-allowed!important;background-color:#e8e8e8!important}.monitor-control .content .control-box .control .control-btn[data-v-25151704]{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-25151704]:hover{color:#333;background-color:#1373cc}.query-param-input[data-v-435309b2]{margin-top:8px}.status[data-v-435309b2]{width:60px;height:24px;font-size:12px;line-height:24px;text-align:center;border-radius:2px}.status.status-1[data-v-435309b2]{color:#32b357;background:#e5f2e9;border:1px solid #32b357}.status.status-2[data-v-435309b2]{color:#eb4141;background:rgba(235,65,65,.1);border:1px solid #eb4141}[data-v-6d8c7fb8] .ant-card-body{padding:16px}[data-v-6d8c7fb8] .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-6d8c7fb8] .ant-tabs-bar .ant-tabs-nav-scroll{padding:16px 16px 0;overflow:hidden;white-space:nowrap}[data-v-6d8c7fb8] .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container{height:56px}.list .item[data-v-6d8c7fb8]{background-image:linear-gradient(116deg,rgba(242,246,250,.5019607843137255),rgba(230,240,255,.5019607843137255));border:1px solid #d9d9d9;border-radius:4px}.monitor-box[data-v-6d8c7fb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.monitor-box .monitor-item[data-v-6d8c7fb8]{position:relative;width:369px;height:240px;margin:12px;overflow:hidden;line-height:1;border-radius:4px}.monitor-box .monitor-item[data-v-6d8c7fb8]:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.monitor-box .monitor-item .monitor-place-name[data-v-6d8c7fb8]{position:absolute;top:0;right:0;left:0;height:44px;padding:0 16px;font-size:14px;line-height:44px;color:#fff;background-color:rgba(74,74,74,.65)}.monitor-box .monitor-item .monitor-img[data-v-6d8c7fb8]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.monitor-box .monitor-item .monitor-btns .line[data-v-6d8c7fb8]{width:1px;height:40px;background-color:#f0f0f0}.monitor-box .monitor-item .monitor-btn-play[data-v-6d8c7fb8],.monitor-box .monitor-item .monitor-btn-replay[data-v-6d8c7fb8]{height:40px;line-height:40px;color:#4a4a4a;cursor:pointer;background-color:#fafafa;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-negative:0;flex-shrink:0}.monitor-box .monitor-item .monitor-btn-play[data-v-6d8c7fb8]:hover,.monitor-box .monitor-item .monitor-btn-replay[data-v-6d8c7fb8]:hover{color:#1890ff}.monitor-box .monitor-item-disabled .monitor-btn-play[data-v-6d8c7fb8],.monitor-box .monitor-item-disabled .monitor-btn-replay[data-v-6d8c7fb8]{color:#4a4a4a!important;cursor:not-allowed!important}.monitor-box .monitor-item-disabled[data-v-6d8c7fb8]:hover{-webkit-box-shadow:none;box-shadow:none}.flex[data-v-6d8c7fb8]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}