.player[data-v-7c18582c]{background-size:60px 60px}.viewPlay .el-dialog__body{padding:0 10px 10px 10px}.playContainer[data-v-761ef573]{width:100%;height:450px;background-color:#2d3436}[data-v-40b92dc2] .label-style0.el-descriptions__cell{background-color:#f9dcc2}[data-v-40b92dc2] .label-style1.el-descriptions__cell{background-color:#afe2cd}[data-v-40b92dc2] .label-style2.el-descriptions__cell{background-color:#50c1e9}[data-v-40b92dc2] .label-style3.el-descriptions__cell{background-color:#6a95d3}[data-v-40b92dc2] .not-put.el-descriptions__cell{color:#e04242}.case-container[data-v-40b92dc2]{width:100%;font-size:14px;padding:0 20px;box-sizing:border-box}.case-container[data-v-40b92dc2] .el-timeline-item__tail{left:5px!important}.case-container[data-v-40b92dc2] .el-timeline-item__node{left:0}.case-container .action[data-v-40b92dc2]{padding:10px 0;display:flex;justify-content:space-between}.case-container .action .leftInfo .info span[data-v-40b92dc2]{font-family:bullyingfheader-fist-title}.case-container .action .leftInfo span[data-v-40b92dc2]{line-height:30px;font-size:16px}.case-container .action .leftInfo span.info[data-v-40b92dc2]{font-size:15px}.case-container .action .leftInfo span.info i[data-v-40b92dc2]{display:inline-block;color:#409eff;margin-left:10px}.case-container .main[data-v-40b92dc2]{height:calc(100vh - 185px);width:100%;display:flex;justify-content:space-between}.case-container .card-title[data-v-40b92dc2]{font-weight:700;font-size:16px;color:#444;height:38px;line-height:38px;background:#f1f5fd;border-radius:4px 4px 0 0;padding:0 10px;display:flex;justify-content:space-between}.case-container .card-title .right-btn[data-v-40b92dc2]{color:#409eff;font-size:14px;font-weight:400;cursor:pointer}.case-container .left[data-v-40b92dc2]{width:37%;height:100%;border:1px solid #e5e5e5}.case-container .left .top[data-v-40b92dc2]{width:100%;height:calc(100% - 40px);padding:0 20px;box-sizing:border-box}.case-container .left .top .left-header[data-v-40b92dc2]{width:100%;height:50px;line-height:40px;display:flex;align-items:center}.case-container .left .top .left-header[data-v-40b92dc2] .el-descriptions__label{background:#f1f5fd;font-weight:700;width:80px!important;color:#444}.case-container .left .top .left-header span[data-v-40b92dc2]{font-size:16px;display:inline-block;margin-left:20px}.case-container .left .top .left-header .iconfont[data-v-40b92dc2]{color:#2974f2;background-color:#b7d0fa;padding:8px;border-radius:50%;font-size:18px;margin-right:8px;vertical-align:middle}.case-container .left .top .content[data-v-40b92dc2]{padding-top:10px;width:100%;height:100%;display:flex}.case-container .left .top .content .device-info[data-v-40b92dc2]{width:100%;box-sizing:border-box;position:relative;height:100%}.case-container .left .top .content .device-info .camera-icon[data-v-40b92dc2]{position:absolute;right:10px;top:13px;z-index:99}.case-container .left .top .content .device-info .camera-icon .iconfont[data-v-40b92dc2]{cursor:pointer;color:#409eff;margin-left:10px}.case-container .left .top .content .device-info svg[data-v-40b92dc2]{width:100%;height:95%}.case-container .left[data-v-40b92dc2] .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:450px}.case-container .center[data-v-40b92dc2]{width:37%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.case-container .center .title[data-v-40b92dc2]{font-size:14px;color:#303133;padding:8px 11px;text-align:center;border:1px solid #ebeef5}.case-container .center .not-stored[data-v-40b92dc2]{width:100%;height:40%;border:1px solid #e5e5e5}.case-container .center .not-stored .el-tabs .el-tab-pane[data-v-40b92dc2],.case-container .center .not-stored .el-tabs[data-v-40b92dc2]{height:100%}.case-container .center .not-stored .el-tabs[data-v-40b92dc2] .el-tabs__header{margin:0}.case-container .center .video-file[data-v-40b92dc2]{width:100%;height:39%;border:1px solid #e5e5e5}.case-container .center[data-v-40b92dc2] .el-descriptions th{display:none}.case-container .center[data-v-40b92dc2] .el-descriptions .el-descriptions__cell{text-align:center}.case-container .center .view-video[data-v-40b92dc2]{width:100%;box-sizing:border-box;border:1px solid #e5e5e5;height:100%}.case-container .center .view-video .video[data-v-40b92dc2]{width:100%;height:100%;position:relative}.case-container .center .view-video .video .player[data-v-40b92dc2]{width:100%;height:94%;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center}.case-container .center .view-video .video .player .el-scrollbar[data-v-40b92dc2]{width:100%}.case-container .center .view-video .video .player .classStudentContainer[data-v-40b92dc2]{padding:5px 4px 5px 10px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer[data-v-40b92dc2]{color:#444;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer.teachingClass[data-v-40b92dc2]{margin-bottom:8px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer.teachingClass .topClassName[data-v-40b92dc2]{margin-bottom:5px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer.teachingClass .topClassName i[data-v-40b92dc2]{margin-right:4px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer.teachingClass .topClassName div[data-v-40b92dc2]{font-family:bullyingfheader-fist-title;font-weight:700}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .topClassName[data-v-40b92dc2]{margin-bottom:5px;display:flex;align-items:center;justify-content:flex-start}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .topClassName .iconfont[data-v-40b92dc2]{color:#409eff}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .topClassName div[data-v-40b92dc2]{font-family:Douyin Sans}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .classInfo[data-v-40b92dc2]{display:flex;justify-content:space-between}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .classInfo .infoItem[data-v-40b92dc2]{display:flex;align-items:center;justify-content:center;width:23%;height:30px;font-size:14px;background:#f6f6f7;border-radius:5px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .classInfo .infoItem:first-child .value[data-v-40b92dc2]{color:#4096ff}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .classInfo .infoItem:nth-child(2) .value[data-v-40b92dc2]{color:#52c41a}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .classInfo .infoItem:nth-child(3) .value[data-v-40b92dc2]{color:#ff4d4f}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .classInfo .infoItem:nth-child(4) .value[data-v-40b92dc2]{color:#faad14}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .classInfo .infoItem .label[data-v-40b92dc2]{font-size:12px;margin-right:5px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .classInfo .infoItem .value[data-v-40b92dc2]{font-size:14px;text-align:center;font-weight:700}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer[data-v-40b92dc2]{margin-top:10px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterTitle[data-v-40b92dc2]{margin-bottom:5px;display:flex;align-items:center;justify-content:flex-start}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterTitle .iconfont[data-v-40b92dc2]{color:#9ca3af;margin-right:3px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterTitle div[data-v-40b92dc2]{font-family:bullyingfheader-fist-title}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterContaienr[data-v-40b92dc2]{display:flex;flex-wrap:wrap}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterContaienr .studentItem[data-v-40b92dc2]{height:83px;width:30px;border:1px solid #e5e5e5;border-radius:5px;font-size:14px;line-height:1.8;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterContaienr .studentItem p[data-v-40b92dc2]{writing-mode:vertical-lr}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterContaienr .studentItem span[data-v-40b92dc2]{font-size:12px}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterContaienr .studentItem.stored[data-v-40b92dc2]{background:#85e885}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer .studentRosterContainer .rosterContaienr .studentItem.notStored[data-v-40b92dc2]{background:#ffa39e}.case-container .center .view-video .video .player .classStudentContainer .classInfoItemContainer[data-v-40b92dc2]:nth-child(n+2){margin-top:10px}.case-container .center .view-video .video .player[data-v-40b92dc2] .el-descriptions__header{margin:10px 0}.case-container .center .view-video .video .player[data-v-40b92dc2] .el-descriptions__title{font-size:14px;padding-left:15px}.case-container .center .view-video .video .player .noData[data-v-40b92dc2]{display:flex;text-align:center;flex-direction:column;position:relative;top:-10%}.case-container .center .view-video .video .player .noData img[data-v-40b92dc2]{width:250px}.case-container .center .view-video .video .player .noData span[data-v-40b92dc2]{position:absolute;width:100%;top:74%;left:50%;transform:translateX(-50%);font-size:14px}.case-container .center .view-video .video .video-title[data-v-40b92dc2]{width:100%;height:35px;line-height:35px;display:flex;color:#333;background:#fafafa;border:1px solid #e1e3e7;border-bottom:none;padding:0 .125rem;box-sizing:border-box;position:relative;border-radius:6px 6px 0 0;align-items:center;justify-content:center}.case-container .center .view-video .video .camera[data-v-40b92dc2]{position:relative;width:100%;display:flex;justify-content:center}.case-container .center .view-video .video .video-list[data-v-40b92dc2]{width:100px;position:absolute;right:0;top:0}.case-container .center .view-video .video .video-list img[data-v-40b92dc2]{width:96px;height:52px;cursor:pointer}.case-container .center .view-video .video .video-list .img-active[data-v-40b92dc2]{border:2px solid #409eff}.case-container .right[data-v-40b92dc2]{width:25%;height:100%;border-radius:4px 0 0 0;border:1px solid #e5e5e5;border-left:1px solid #eee;box-sizing:border-box;overflow:auto}.case-container .right .event-list[data-v-40b92dc2]{display:flex;align-items:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.case-container .right .event-list[data-v-40b92dc2] :nth-child(2){width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:5px}.case-container .right .event-list .phone_in[data-v-40b92dc2]{width:40px;height:20px;background:#dff1d7;border-radius:2px;font-size:12px;color:#67c23a;line-height:20px;text-align:center}.case-container .right .event-list .phone_out[data-v-40b92dc2]{width:40px;height:20px;background:#ddedfd;border-radius:2px;font-size:12px;color:#409eff;line-height:20px;text-align:center}.demo-tabs[data-v-40b92dc2] .el-tabs__item{font-size:16px;color:#444;font-weight:700}.demo-tabs[data-v-40b92dc2] .el-tabs__nav-scroll{background:#f1f5fd;padding:0 20px}.demo-tabs[data-v-40b92dc2] .el-tabs__active-bar{background-color:transparent}.el-tabs.el-tabs--top.phone-nox-tabs .box-info[data-v-40b92dc2]{width:80%;height:30px;font-size:14px;color:#303133;display:flex;justify-content:center;padding-left:22%!important}.el-tabs.el-tabs--top.phone-nox-tabs[data-v-40b92dc2] .el-tabs__item{padding:0 20px!important}.el-tabs.el-tabs--top.phone-nox-tabs[data-v-40b92dc2] .el-tabs__item.is-active,.el-tabs.el-tabs--top.phone-nox-tabs[data-v-40b92dc2] .el-tabs__item:hover{background-color:#409eff;color:#fff}.el-tabs.el-tabs--top.phone-nox-tabs[data-v-40b92dc2] .el-tabs__item{background-color:#f1f5fd;color:#444}.center[data-v-40b92dc2] .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:20px 0!important;writing-mode:vertical-rl;width:6.66%}.center[data-v-40b92dc2] .el-scrollbar__wrap{width:98%}