.exam[data-v-77d292e2]{padding:20px;box-sizing:border-box}.exam .exam-head[data-v-77d292e2]{background-color:#fff;padding:10px 20px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700}.exam .exam-head .exam-name[data-v-77d292e2]{max-width:50%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exam .exam-head .exam-right[data-v-77d292e2]{display:flex;align-items:center}.exam .exam-head .exam-right .exam-time[data-v-77d292e2]{flex-shrink:0;display:flex;align-items:center}.exam .exam-head .exam-right .exam-time[data-v-77d292e2] .el-statistic{width:auto}.exam .exam-head .exam-right .exam-time[data-v-77d292e2] .el-statistic .con .number{font-size:20px;color:#5578f6}.exam .exam-head .exam-right .yy-btn[data-v-77d292e2]{background-color:#f8f8f9;padding:16px 23px;border-radius:4px;margin-left:40px;display:flex;align-items:center}.exam .exam-head .exam-right .yy-btn .el-button[data-v-77d292e2]{margin-left:10px}.exam .exam-head .exam-right .yy-btn .quanti-yuyin[data-v-77d292e2]:active{background-color:rgba(51,51,51,.704)!important}.exam .exam-main[data-v-77d292e2]{background-color:#fff;padding:20px;border-radius:4px;margin-top:10px}.exam .exam-main .main-top[data-v-77d292e2]{display:flex;justify-content:space-between}.exam .exam-main .main-top .tabs[data-v-77d292e2]{display:flex;align-items:center}.exam .exam-main .main-top .tabs .tab[data-v-77d292e2]{font-size:16px;padding:5px;margin-right:10px;cursor:pointer}.exam .exam-main .main-top .tabs .tab-active[data-v-77d292e2]{font-weight:700;color:#fff;background-color:#2d8cf0;border-radius:4px}.exam .exam-main .videos[data-v-77d292e2]{display:flex;flex-wrap:wrap;margin-top:20px}.exam .exam-main .videos .video-item[data-v-77d292e2]{width:284px;border-radius:4px;overflow:hidden;margin-right:20px;margin-bottom:20px}.exam .exam-main .videos .video-item .user-video-wrap[data-v-77d292e2]{width:100%;height:160px;position:relative}.exam .exam-main .videos .video-item .user-video-wrap>video[data-v-77d292e2]{width:100%;height:100%;background-color:#000}.exam .exam-main .videos .video-item .user-video-wrap>img[data-v-77d292e2]{background-color:#000;display:block;width:100%;height:160px;-o-object-fit:contain;object-fit:contain}.exam .exam-main .videos .video-item .user-video-wrap .abnormal[data-v-77d292e2]{width:100%;height:36px;background:#f13326;opacity:.9;position:absolute;bottom:0;left:0;display:flex;align-items:center;font-size:14px;color:#fff;padding:0 10px}.exam .exam-main .videos .video-item .user-video-wrap .abnormal .el-icon-warning[data-v-77d292e2]{margin-right:5px}.exam .exam-main .videos .video-item .user-info[data-v-77d292e2]{padding:10px;background-color:#f8f8f9}.exam .exam-main .videos .video-item .user-info .user-name[data-v-77d292e2]{font-size:16px}.exam .exam-main .videos .video-item .user-info .user-btns[data-v-77d292e2]{display:flex;margin-top:10px;justify-content:flex-end}.exam .drawer-title-text[data-v-77d292e2]{display:flex}.exam .drawer-title-text .yy-btn-item[data-v-77d292e2]{display:flex;align-items:center}.exam .drawer-title-text .yuyin-btn[data-v-77d292e2]:active{background-color:rgba(74,122,255,.6666666667)!important}.exam .drawer-title-text .flex-btn[data-v-77d292e2]{display:flex;align-items:center}.exam .drawer-title-text .flex-btn>img[data-v-77d292e2]{display:block;height:14px;margin-left:5px}.exam .drawer-title-btns[data-v-77d292e2]{display:flex;font-size:16px;align-items:center}.exam .drawer-title-btns>div[data-v-77d292e2]{margin-right:20px}.exam .detail-drawer .user-basic-info[data-v-77d292e2]{padding:20px;background:#f6f7fa;border-radius:4px;display:flex;align-items:center;gap:10px;margin-bottom:30px}.exam .detail-drawer .user-basic-info .avatar[data-v-77d292e2]{width:68px;height:68px;border-radius:50%;overflow:hidden}.exam .detail-drawer .user-basic-info .avatar>img[data-v-77d292e2]{display:block;width:100%;height:100%}.exam .detail-drawer .user-basic-info .id-class-phone[data-v-77d292e2]{margin-left:10px}.exam .detail-drawer .user-basic-info .id-class-phone .basic-user-name[data-v-77d292e2]{font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#333}.exam .detail-drawer .user-basic-info .id-class-phone .spans[data-v-77d292e2]{font-size:14px;font-family:Microsoft YaHei;color:#666;margin-top:10px}.exam .detail-drawer .user-basic-info .id-class-phone .spans>span[data-v-77d292e2]{margin-right:30px}.exam .detail-drawer .the-title[data-v-77d292e2]{font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#333;position:relative;padding-left:10px;margin-bottom:8px}.exam .detail-drawer .the-title[data-v-77d292e2]:before{content:"";width:4px;height:16px;background:#4a79ff;position:absolute;left:0;top:4px}.exam .detail-drawer .detail-video[data-v-77d292e2]{display:flex;justify-content:space-between;gap:20px;margin-bottom:30px}.exam .detail-drawer .detail-video .video-wrap[data-v-77d292e2]{width:50%;flex-grow:1;height:220px;position:relative;border-radius:4px;overflow:hidden}.exam .detail-drawer .detail-video .video-wrap>video[data-v-77d292e2]{width:100%;height:100%;background-color:#000}.exam .detail-drawer .detail-video .video-wrap .tips[data-v-77d292e2]{width:100%;height:54px;background:#333;opacity:.9;position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.exam .detail-drawer .answer-record[data-v-77d292e2]{background:#f6f7fa;border-radius:4px;padding:20px;padding-bottom:0;margin-bottom:30px}.exam .detail-drawer .answer-record .timeline-item-flex[data-v-77d292e2]{display:flex;align-items:center}.exam .detail-drawer .answer-record .timeline-item-flex .tit[data-v-77d292e2]{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#333;width:60px}.exam .detail-drawer .answer-record .timeline-item-flex .cont[data-v-77d292e2]{font-size:14px;color:#666;margin-left:20px}.exam .detail-drawer .abnormal-monitoring[data-v-77d292e2]{background:#f6f7fa;border-radius:4px;padding:20px;margin-bottom:30px}.exam .detail-drawer .abnormal-monitoring .mon-item-wrap[data-v-77d292e2]{display:flex;flex-wrap:wrap}.exam .detail-drawer .abnormal-monitoring .mon-item[data-v-77d292e2]{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#333;cursor:pointer;margin-right:10px;border-radius:2px;padding:3px 5px}.exam .detail-drawer .abnormal-monitoring .mon-item>span[data-v-77d292e2]{font-weight:700}.exam .detail-drawer .abnormal-monitoring .active-mon-item[data-v-77d292e2]{background-color:#4a79ff;color:#fff;border-radius:2px;padding:3px 5px}.exam .detail-drawer .abnormal-imgs[data-v-77d292e2]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.exam .detail-drawer .abnormal-imgs .img-item[data-v-77d292e2]{background-color:#000;width:145px;height:145px;border-radius:4px;overflow:hidden}.exam .detail-drawer .abnormal-imgs .img-item>img[data-v-77d292e2]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.exam .detail-drawer .normal-imgs[data-v-77d292e2]{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.exam .detail-drawer .normal-imgs .img-item[data-v-77d292e2]{background-color:#000;width:145px;height:145px;border-radius:4px;overflow:hidden}.exam .detail-drawer .normal-imgs .img-item>img[data-v-77d292e2]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}