.ClassMonitoringTimeType[data-v-1770569c]{display:inline-block;height:30px;width:100px;border:1px solid #f1f3f3;text-align:center;line-height:30px;margin-right:10px;cursor:pointer}.ClassMonitoringTimeTypeActive[data-v-1770569c]{color:#6582f6;background-color:#f1f4ff;border-color:#6f9aff}.ClassMonitoringTimeBox[data-v-1770569c]{width:100%;border:2px solid #eaf0ff;border-radius:10px;padding:10px}.ClassMonitoringTimeBoxTitle[data-v-1770569c]{width:100%;text-align:center;font-size:18px;color:#000;margin-bottom:10px}.ClassMonitoringTimeBoxItem[data-v-1770569c]{width:100%;border:1px solid #f0f0f0}.ClassMonitoringTimeBoxItem[data-v-1770569c],.ClassMonitoringTimeBoxItemLeft[data-v-1770569c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ClassMonitoringTimeBoxItemLeft[data-v-1770569c]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:160px;height:40px;background-color:#f1f4ff;font-size:16px;color:#000}.ClassMonitoringTimeBoxItemRight[data-v-1770569c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-right:1px solid #f0f0f0}.ClassMonitoringTimeBoxItemRightItem[data-v-1770569c]{margin-left:30px}.ClassMonitoringTimeItem[data-v-1770569c]{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:100%;background-color:#f5f8ff;padding:10px;margin-bottom:10px;border-radius:4px}.ClassMonitoringTimeItemLeft[data-v-1770569c]{font-size:16px;color:#000}.ClassMonitoringTimeItemCenter[data-v-1770569c]{width:200px}.ClassMonitoringTimeItemRight[data-v-1770569c]{color:#1890ff;cursor:pointer}.ClassMonitoringButton[data-v-466c0238]{width:100px;height:30px;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;background-color:#3370ff;color:#fff;border-radius:4px;cursor:pointer}.ClassMonitoringTop[data-v-8ab82e10]{background-color:#fff;padding:20px;padding-bottom:0}.ClassMonitoringContent[data-v-8ab82e10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-top:20px}.ClassMonitoringBox[data-v-8ab82e10]{width:calc(50% - 10px);background-color:#fff;padding:10px}.ClassMonitoringBoxTitle[data-v-8ab82e10]{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:100%;font-size:18px;color:#000;margin-bottom:10px}.ClassMonitoringBoxTitle span[data-v-8ab82e10]{font-size:14px;color:rgba(0,0,0,.65)}.ClassMonitoringBoxImg[data-v-8ab82e10]{width:100%;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ClassMonitoringBoxImgTop[data-v-8ab82e10]{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;position:relative;background-color:rgba(0,0,0,.4);width:100%;height:300px}.ClassMonitoringBoxImgTopImg[data-v-8ab82e10]{max-width:100%;max-height:100%}.ClassMonitoringBoxImgTopMove[data-v-8ab82e10]{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;position:absolute;left:0;right:0;bottom:20px;margin:auto;width:100px;height:40px;border-radius:20px;background-color:rgba(0,0,0,.6);padding:0 20px;color:#3e3e3e}.ClassMonitoringBoxImgTopMoveIcon[data-v-8ab82e10]{color:#b7b7b6;cursor:pointer}.ClassMonitoringBoxImgBottom[data-v-8ab82e10]{position:relative;width:100%;height:150px;margin-top:10px;overflow-y:hidden}.ClassMonitoringBoxImgBottom[data-v-8ab82e10]::-webkit-scrollbar{display:none}.ClassMonitoringBoxImgBottomLine[data-v-8ab82e10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;height:100px;white-space:nowrap}.ClassMonitoringBoxImgBottomItem[data-v-8ab82e10]{max-height:100%}.ClassMonitoringBoxImgBottomItemActive[data-v-8ab82e10]{background-color:#598aff!important}.ClassMonitoringBoxImgBottomItemImg[data-v-8ab82e10]{width:180px;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none;cursor:pointer;margin-right:10px}.ClassMonitoringBoxImgBottomLineProgress[data-v-8ab82e10]{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:100%;padding:10px 0}.ClassMonitoringBoxImgBottomLineProgressLine[data-v-8ab82e10]{width:85px;height:4px;background-color:#d8e0f4}.ClassMonitoringBoxImgBottomLineProgressRound[data-v-8ab82e10]{width:10px;height:10px;border-radius:50%;background-color:#d8e0f4}.ClassMonitoringBoxImgBottomLineTime[data-v-8ab82e10]{text-align:center}.ClassMonitoringBoxCamera[data-v-8ab82e10]{width:100%}.ClassMonitoringBoxCameraTop[data-v-8ab82e10]{width:100%;height:300px}.ClassMonitoringBoxCameraTopIframe[data-v-8ab82e10]{width:100%;height:100%}.ClassMonitoringBoxCameraBottom[data-v-8ab82e10]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:80px;margin-top:10px}.ClassMonitoringBoxCameraBottomLeft[data-v-8ab82e10]{color:#000;width:60px;padding-top:10px}.ClassMonitoringBoxCameraBottomRight[data-v-8ab82e10]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% - 60px)}.ClassMonitoringBoxCameraBottomRightItem[data-v-8ab82e10]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;padding:0 20px;height:40px;border-radius:20px;border:1px solid #e0e0e0;color:#8c8c8c;cursor:pointer;margin-right:20px;margin-bottom:20px}.ClassMonitoringBoxCameraBottomRightItemActive[data-v-8ab82e10]{border-color:#598aff;color:#336ffe}.ClassMonitoringBoxCameraBottomRightItemImg[data-v-8ab82e10]{height:20px;width:auto;margin-right:10px}.ClassMonitoringBoxCameraBottomRightItemIcon[data-v-8ab82e10]{cursor:pointer;margin-left:10px}.ClassMonitoringBoxCameraBottomRightItemIcon[data-v-8ab82e10]:hover{color:#336ffe}.ClassMonitoringBoxCameraBottomRightItemDel[data-v-8ab82e10]{position:absolute;top:-4px;right:-10px;color:#3370ff}.ClassMonitoringEmpty[data-v-8ab82e10]{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;height:100%;min-height:200px}