.city-selector[data-v-121a964d]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:260px;padding:0 10px;margin-bottom:10px}.city-selector .ant-select[data-v-121a964d]{-webkit-box-flex:1;-ms-flex:1;flex:1}.city-selector .ant-select+.ant-select[data-v-121a964d]{margin-left:10px}.list-of-institutions[data-v-ee840b78]{width:360px;height:calc(100% - 42px);padding:0 10px;margin-right:20px;border-radius:4px}.list-filter[data-v-ee840b78]{margin-bottom:20px}.list-wrapper[data-v-ee840b78]{height:calc(100% - 52px);overflow-x:hidden;overflow-y:auto}.list-item[data-v-ee840b78]{cursor:pointer;width:91%;padding:5px 10px;border-radius:4px;-webkit-transition:all .3s;transition:all .3s}.list-item[data-v-ee840b78]::marker{content:""}.list-item+.list-item[data-v-ee840b78]{margin-top:5px}.list-item[data-v-ee840b78]:hover{color:#333;background-color:#188fff1a}.list-item--active[data-v-ee840b78]{color:#fff;background-color:#1890ff}.list-item-child[data-v-ee840b78]{margin-left:25px}.list-of-institutions[data-v-ee840b78] .ant-collapse-header{padding:5px 16px 5px 40px}.list-of-institutions[data-v-ee840b78] .city-selector{width:100%;padding:0}.list-of-institutions[data-v-ee840b78] .ant-collapse-content{height:9vw!important;overflow-y:inherit!important}.page[data-v-7a2da4cd] .ant-card-body{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 195px)}.page[data-v-7a2da4cd] .img-preview{height:100%}.camera-wrapper[data-v-7a2da4cd]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:20px 0 0}.camera-wrapper[data-v-7a2da4cd] .real-time-monitoring{height:100%!important}.page-left[data-v-7a2da4cd]{padding:20px 0}p[data-v-ab85dce6]{margin:0;line-height:1}.video-modal[data-v-ab85dce6] .ant-modal-body{display:-webkit-box;display:-ms-flexbox;display:flex}.video-wrapper[data-v-ab85dce6]{-webkit-box-flex:1;-ms-flex:1;flex:1}.comment-wrapper[data-v-ab85dce6]{width:300px;height:500px;background-color:#fff;padding:0 5px 20px 20px;overflow-y:auto}.comment-wrapper .comment-item[data-v-ab85dce6]{padding:10px 10px 15px;background-color:#eee;border-radius:4px}.comment-item+.comment-item[data-v-ab85dce6]{margin-top:10px}.comment-wrapper .user-name[data-v-ab85dce6]{margin-left:10px}.comment-wrapper .comment-content[data-v-ab85dce6]{padding-left:42px}.comment-info[data-v-ab85dce6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.comment-info .time[data-v-ab85dce6]{color:#999}p[data-v-773d98fc]{margin:0;line-height:1}footer[data-v-773d98fc] a{color:"red"!important;background:"#0e2251"!important}.no-video[data-v-773d98fc]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.real-time-monitoring[data-v-773d98fc]{position:relative}.real-time-monitoring[data-v-773d98fc] .ant-card-body{width:100%;height:100%}.real-time-monitoring .model[data-v-773d98fc]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:13}.video-wrapper[data-v-773d98fc]:not(.layout-1){width:100%;height:calc(100% - 50px);margin:-6px 0 0 -6px}.video-wrapper:not(.layout-1) .video-item[data-v-773d98fc]{margin:6px 0 0 6px}.video-item[data-v-773d98fc]{position:relative;background-color:rgb(46,46,46)}.video-info[data-v-773d98fc]{position:absolute;top:10px;right:10px;color:#fff;background-color:rgba(0,0,0,.5);padding:5px 10px;border-radius:4px;text-align:right;z-index:13}.video-info p+p[data-v-773d98fc]{margin-top:5px}.video-approval[data-v-773d98fc]{position:absolute;right:10px;bottom:50%}.video-approval .btn[data-v-773d98fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:18px;color:#efefef;cursor:pointer;background-color:rgba(0,0,0,0);z-index:13;-webkit-transition:all .3s;transition:all .3s}.video-approval .btn+.btn[data-v-773d98fc]{margin-top:10px}.video-approval .btn[data-v-773d98fc]:hover{background-color:rgba(255,255,255,.1)}footer[data-v-773d98fc]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding-right:6px}.layout-bar[data-v-773d98fc],footer[data-v-773d98fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px}.layout-bar .layout-item[data-v-773d98fc]{cursor:pointer;margin-right:10px}.layout-bar .layout-item i[data-v-773d98fc]{font-size:32px}.layout-bar .layout-item:last-child i[data-v-773d98fc]{font-size:40px}.layout-1[data-v-773d98fc]{height:calc(100% - 56px)}.layout-1 .video-item[data-v-773d98fc]{height:100%}.layout-4[data-v-773d98fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}.layout-4 .video-item[data-v-773d98fc]{width:calc(50% - 6px);height:calc(50% - 6px)}.layout-5[data-v-773d98fc]{position:relative}.layout-5 .video-item[data-v-773d98fc]{position:absolute}.layout-5 .video-item[data-v-773d98fc]:first-child{top:0;right:50%;bottom:50%;left:0}.layout-5 .video-item[data-v-773d98fc]:nth-child(2){top:50%;right:50%;bottom:0;left:0}.layout-5 .video-item[data-v-773d98fc]:nth-child(3){top:0;right:0;bottom:66.66%;left:50%}.layout-5 .video-item[data-v-773d98fc]:nth-child(4){top:33.33%;right:0;bottom:33.33%;left:50%}.layout-5 .video-item[data-v-773d98fc]:nth-child(5){top:66.65%;right:0;bottom:0;left:50%}.layout-6[data-v-773d98fc]{position:relative}.layout-6 .video-item[data-v-773d98fc]{position:absolute}.layout-6 .video-item[data-v-773d98fc]:first-child{top:0;right:33.33%;bottom:33.33%;left:0}.layout-6 .video-item[data-v-773d98fc]:nth-child(2){top:0;right:0;bottom:66.66%;left:66.66%}.layout-6 .video-item[data-v-773d98fc]:nth-child(3){top:33.33%;right:0;bottom:33.32%;left:66.66%}.layout-6 .video-item[data-v-773d98fc]:nth-child(4){top:66.66%;right:0;bottom:0;left:66.66%}.layout-6 .video-item[data-v-773d98fc]:nth-child(5){top:66.66%;right:33.33%;bottom:0;left:33.33%}.layout-6 .video-item[data-v-773d98fc]:nth-child(6){top:66.66%;right:66.66%;bottom:0;left:0}.layout-9[data-v-773d98fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.layout-9 .video-item[data-v-773d98fc]{width:calc(33.33% - 6px);height:calc(33.33% - 6px)}.layout-9 .video-item[data-v-773d98fc]:nth-child(3),.layout-9 .video-item[data-v-773d98fc]:nth-child(4),.layout-9 .video-item[data-v-773d98fc]:nth-child(5){height:calc(33.35% - 6px)}.layout-16[data-v-773d98fc]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.layout-16 .video-item[data-v-773d98fc]{width:calc(25% - 6px);height:calc(25% - 6px)}video[data-v-773d98fc]::-webkit-media-controls-timeline{display:none}.demo[data-v-773d98fc] .ant-pagination-item,.demo[data-v-773d98fc] .ant-pagination-item-link{background-color:#0e2251;border-color:#0e2251}.demo[data-v-773d98fc] a{color:#fff}.video-online[data-v-773d98fc]{color:green}.video-offline[data-v-773d98fc]{color:red}