.monitoring{overflow:auto;position:relative}.monitoring .flex-box{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;width:220px}.monitoring .camera-item{min-width:30px}.monitoring .camera-item i{margin-right:2px}.monitoring .camera-item+.camera-item{margin-left:5px}.monitoring .show-cell{width:200px;float:left;text-align:center;border:1px solid #efefef;margin:5px;padding:10px;font-size:18px}.monitoring .show-cell p{margin-bottom:0;padding-bottom:0;font-size:14px}.monitoring .point-list .point-cell{display:inline-block;min-width:100px;text-align:center;padding:10px 20px;padding-top:40px;cursor:pointer;position:relative}.monitoring .point-list .point-cell:before{position:absolute;top:0;left:calc(50% - 7.5px);content:"";width:15px;height:15px;background-color:#e4e7ed;border-radius:50%}.monitoring .point-list .point-cell:after{position:absolute;top:7px;content:"";width:75px;height:0;border-bottom:1px solid #e4e7ed}.monitoring .point-list .point-cell:last-child:after{border-bottom:none}.monitoring .point-list .point-cell.active-cell{color:#1fca95}.monitoring .point-list .point-cell.active-cell:before{background-color:#1fca95}.monitoring .video-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.monitoring .video-cell{padding:10px}.monitoring .playback-item{padding:10px;border:1px solid #ebeef5;border-radius:10px;margin-bottom:10px;cursor:pointer}.monitoring .playback-item .el-icon-video-play{margin-right:5px}.monitoring .playback-active,.monitoring .playback-item:hover{border:1px solid #39c095;color:#39c095}.monitoring .formwork-tabs i{height:80px;line-height:80px;margin-top:-15px}.monitoring .monitoring-query{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:36px}