.container[data-v-2d6c2b35]{box-sizing:border-box;padding:5px;width:100%;display:flex;align-items:center;flex-wrap:wrap}.container .device-item[data-v-2d6c2b35]{box-sizing:border-box;width:185px;height:74px;padding:12px;display:flex;align-content:flex-start;justify-content:flex-start;margin:5px;background:rgba(88,145,200,.15);border:1px solid #5891c8}.container .device-item .device-icon[data-v-2d6c2b35]{width:27px;height:27px;background-size:contain;background-position:50%;background-repeat:no-repeat}.container .device-item .device-info[data-v-2d6c2b35]{flex:1;margin-left:10px}.container .device-item .device-info .name[data-v-2d6c2b35]{font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#7cb5ec;line-height:28px;margin-bottom:5px}.container .device-item .device-info .num[data-v-2d6c2b35],.container .device-item .device-info .rate[data-v-2d6c2b35]{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff;line-height:20px}.center-top[data-v-1374db7d]{width:100%;height:120px;display:flex;align-content:center;margin-top:10px}.center-top .center-item[data-v-1374db7d]{width:227px;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;border-right:2px solid;-o-border-image:linear-gradient(0deg,rgba(49,133,200,0),rgba(49,133,200,.99) 50%,rgba(49,133,200,0)) 1;border-image:linear-gradient(0deg,rgba(49,133,200,0),rgba(49,133,200,.99) 50%,rgba(49,133,200,0)) 1}.center-top .center-item .icon[data-v-1374db7d]{width:40px;height:40px;margin-right:20px;background-repeat:no-repeat;background-position:50%;background-size:contain}.center-top .center-item[data-v-1374db7d]:last-child{max-width:514px;flex:1;border-right:none}.nav-con[data-v-d6eb04ec]{width:100%;display:flex;align-items:center;justify-content:space-around;margin-bottom:30px}.bottom-item[data-v-d6eb04ec]{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.bottom-item[data-v-d6eb04ec]:hover{filter:brightness(1.2)}.bottom-item .icon[data-v-d6eb04ec]{width:103px;height:81px;background-size:contain;background-repeat:no-repeat;background-position:50%}.bottom-item .title[data-v-d6eb04ec]{margin-top:20px;font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#fff;line-height:28px}.select-active[data-v-d6eb04ec]{width:150px;height:150px;border:1px solid #3477ae;border-radius:8px;background:rgba(54,196,255,.16);display:flex;justify-content:center}.progress-con[data-v-02eabb6e]{width:100%}.progress-con .item[data-v-02eabb6e]{width:100%;display:flex;align-content:center;justify-content:flex-start;margin-bottom:42px}.progress-con .item .item-title[data-v-02eabb6e]{width:120px;text-align:right;color:#fff;font-size:16px;margin-right:10px}.el-progress[data-v-02eabb6e] .el-progress-bar{width:95%}.el-progress{width:100%}.el-progress-bar__outer{background-color:rgba(27,87,157,.7)!important}.el-progress__text{color:#fff}.main[data-v-24e8e8ed]{width:calc(100% - 64px);height:100%;margin:0 auto;position:relative;background:url(../img/bg.1cbb4300.jpg) no-repeat 50%;background-size:contain;background-position:center 50px}.main[data-v-24e8e8ed] .el-table,.main[data-v-24e8e8ed] .el-table th{background:transparent!important;border:none!important}.main[data-v-24e8e8ed] .el-table__body-wrapper,.main[data-v-24e8e8ed] .el-table td,.main[data-v-24e8e8ed] .el-table th,.main[data-v-24e8e8ed] .el-table tr{border:none!important;background-color:transparent}.main[data-v-24e8e8ed] .el-table:before{height:0!important}.main[data-v-24e8e8ed] .el-table .el-table__cell{padding:6px 0!important}.main[data-v-24e8e8ed] .el-table .header-class{color:#fff;background:rgba(88,200,154,.4)!important;height:30px}.main[data-v-24e8e8ed] .el-table--enable-row-hover .el-table__body tr:hover>td{background-color:transparent!important}.main .header[data-v-24e8e8ed]{display:flex;align-items:center;justify-content:center;width:1200px;height:112px;background:url(../img/title_bg.19398e09.png) no-repeat 50%;margin:0 auto}.main .header .title[data-v-24e8e8ed]{font-size:44px;font-family:Source Han Sans SC;font-weight:700;color:#fff}.main .content[data-v-24e8e8ed]{width:100%;height:auto;min-height:932px;display:flex}.main .item-title[data-v-24e8e8ed]{padding:16px 12px;font-weight:700}.main .item-title[data-v-24e8e8ed],.main .space-title[data-v-24e8e8ed]{box-sizing:border-box;width:100%;font-size:16px;font-family:Microsoft YaHei;color:#fff;line-height:28px}.main .space-title[data-v-24e8e8ed]{display:flex;align-content:center;justify-content:space-between;padding:0 12px}.main .space-title .space-left[data-v-24e8e8ed]{font-weight:700}.main .space-title .space-right[data-v-24e8e8ed]{font-size:14px}.main .left-con[data-v-24e8e8ed]{width:400px;height:100%}.main .left-con .left-top[data-v-24e8e8ed]{width:100%;height:490px;background:linear-gradient(90deg,rgba(54,196,255,.16),rgba(54,196,255,0))}.main .left-con .left-bottom[data-v-24e8e8ed],.main .left-con .left-center[data-v-24e8e8ed]{width:100%;background:linear-gradient(90deg,rgba(54,196,255,.16),rgba(54,196,255,0));margin-top:10px}.main .left-con .left-bottom[data-v-24e8e8ed]{height:190px}.main .left-con .left-bottom .data-con[data-v-24e8e8ed]{display:flex;align-items:center;justify-content:space-around;margin-top:20px}.main .left-con .left-bottom .data-con .data-item[data-v-24e8e8ed]{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:24px;font-family:Microsoft YaHei}.main .left-con .left-bottom .data-con .data-item .bg[data-v-24e8e8ed]{width:134px;height:70px;line-height:70px;text-align:center}.main .left-con .left-bottom .data-con .data-item .title[data-v-24e8e8ed]{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff;line-height:28px}.main .center-con[data-v-24e8e8ed]{position:relative;flex:1}.main .center-con .center-top[data-v-24e8e8ed]{width:100%;height:120px;display:flex;align-content:center;margin-top:10px}.main .center-con .center-img[data-v-24e8e8ed]{position:relative}.main .center-con .center-img .map-point[data-v-24e8e8ed]{position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2}.main .center-con .center-img .map-point .building-no[data-v-24e8e8ed]{width:81px;height:37px;line-height:37px;background:linear-gradient(90deg,rgba(8,23,76,.2),#071349 50%,rgba(5,20,80,.2));font-size:20px;font-family:Microsoft YaHei;font-weight:700;color:#fff;text-align:center}.main .center-con .center-img .map-point .point-icon[data-v-24e8e8ed]{width:46px;height:56px;background:url(data:image/png;base64,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) no-repeat 50%;background-size:contain;margin-top:5px}.main .center-con .center-bottom[data-v-24e8e8ed]{position:absolute;bottom:0;left:0;display:flex;align-items:center;justify-content:space-around;width:100%;height:148px;background:linear-gradient(0deg,rgba(54,196,255,.16),rgba(54,196,255,.04))}.main .center-con .center-bottom .bottom-item[data-v-24e8e8ed]{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.main .center-con .center-bottom .bottom-item[data-v-24e8e8ed]:hover{filter:brightness(1.2)}.main .center-con .center-bottom .bottom-item .icon[data-v-24e8e8ed]{width:103px;height:81px;background-size:contain;background-repeat:no-repeat;background-position:50%}.main .center-con .center-bottom .bottom-item .title[data-v-24e8e8ed]{margin-top:20px;font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#fff;line-height:28px}.main .right-con[data-v-24e8e8ed]{width:400px;height:100%}.main .right-con .right-top[data-v-24e8e8ed]{width:100%;background:linear-gradient(-90deg,rgba(54,196,255,.16),rgba(54,196,255,0))}.main .right-con .right-top .alarm-title[data-v-24e8e8ed]{box-sizing:border-box;width:100%;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:14px}.main .right-con .right-top .alarm-title .title[data-v-24e8e8ed]{font-family:Microsoft YaHei;font-weight:700;line-height:28px}.main .right-con .right-top .select-con[data-v-24e8e8ed]{display:flex;align-items:center;justify-content:center}.main .right-con .right-top .select-con .select-item[data-v-24e8e8ed]{width:30px;height:30px;line-height:30px;border:1px solid #5792c9;border-radius:4px;color:#fff;text-align:center;margin:2px 4px;cursor:pointer}.main .right-con .right-top .select-con .select-active[data-v-24e8e8ed]{background:#5792c9}.main .right-con .right-top .alarm-chart-con[data-v-24e8e8ed]{width:100%;height:120px}.main .right-con .right-top .alarm-chart-con #alarm-chart[data-v-24e8e8ed]{width:100%;height:100%}.main .right-con .right-center[data-v-24e8e8ed]{width:100%;background:linear-gradient(-90deg,rgba(54,196,255,.16),rgba(54,196,255,0));margin-top:10px;overflow:hidden}.main .right-con .right-center .cruise-chart-con[data-v-24e8e8ed]{width:100%;height:120px}.main .right-con .right-center .cruise-chart-con #cruise-chart[data-v-24e8e8ed]{width:100%;height:100%}.main .right-con .right-bottom[data-v-24e8e8ed]{width:100%;height:300px;background:linear-gradient(-90deg,rgba(54,196,255,.16),rgba(54,196,255,0));overflow:hidden}.main .right-con .right-bottom .radio-title[data-v-24e8e8ed]{display:flex;align-items:center;justify-content:space-between}.main .right-con .right-bottom .radio-title .title[data-v-24e8e8ed]{box-sizing:border-box;padding:16px 12px;font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#fff;line-height:28px}.main .right-con .right-bottom .radio-title .more[data-v-24e8e8ed]{box-sizing:border-box;padding:16px 12px;font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#7cb5ec;line-height:28px;cursor:pointer}.main .right-con .right-bottom .block-content[data-v-24e8e8ed]{box-sizing:border-box;width:100%;padding:0 5px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.main .right-con .right-bottom .block-content .radio-item[data-v-24e8e8ed]{position:relative;width:185px;height:105px;background:#346da4;margin:5px 5px}.main .right-con .right-bottom .block-content .radio-item .radio-location[data-v-24e8e8ed]{position:absolute;left:6px;bottom:7px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.main .right-con .right-bottom .block-content .radio-item video[data-v-24e8e8ed]{width:100%;height:auto}.preview-video-con{width:100%;margin:0 auto}#monitor-modal{width:100%;height:auto}.m-dialog{background:#fff!important}.preview-container{width:100%;display:flex;align-items:center;justify-content:flex-start}.preview-item{position:relative;width:13%;margin:10px 5px}.preview-container video{position:relative;z-index:2;width:100%;height:auto}.active-video{border:3px solid #2b79bb}.video-name{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);color:#fff;font-size:10px;z-index:3}