.class-record-container[data-v-508ffcb7]{width:100%;background:#fff;height:100%;user-select:none}.class-record-header[data-v-508ffcb7]{width:100%;box-shadow:0 2px 5px #e9e9e9;padding:15px 15px;background:#fff}.class-record-header .course-name[data-v-508ffcb7]{padding:4px 10px;margin-right:10px;border-radius:4px;font-size:15px;font-weight:700;border:1px solid}.class-record-header .record-name[data-v-508ffcb7]{font-size:18px;font-weight:700;vertical-align:top}.class-record-header .label-value[data-v-508ffcb7]{color:#1cc0f3;font-weight:700;margin-right:30px}.class-content[data-v-508ffcb7]{width:100%;height:100%;margin-left:10px;margin-top:7px;position:relative}.class-content:hover .cus-page-wrap[data-v-508ffcb7]{opacity:1}.class-content:hover .cur-page-tag[data-v-508ffcb7]{opacity:0}.cus-data-wrap[data-v-508ffcb7]{width:calc(100% - 20px);margin-left:10px;margin-top:5px}.video-player-box[data-v-508ffcb7]{width:calc(100% - 15px);box-shadow:0 0 10px 2px #d8d8d8;display:flex;position:relative;background:#fff;flex:1}.video-player-box .action-icon[data-v-508ffcb7]{position:absolute;right:20px;top:20px;cursor:pointer}.video-player-box .data-count-container[data-v-508ffcb7]{box-shadow:none}.courseware-wrap[data-v-508ffcb7]{width:calc(100% - 15px);margin-right:15px;position:relative;max-height:450px;margin-top:10px;background:#fff;box-shadow:0 0 10px 2px #d8d8d8}.courseware-wrap .full-screen-icon[data-v-508ffcb7]{float:right;margin-right:20px;margin-top:-20px;cursor:pointer}.courseware-wrap .cur-page-tag[data-v-508ffcb7]{position:absolute;left:20px;bottom:5px;width:30px;height:30px;font-size:18px;line-height:30px;display:block;background:rgba(255,153,0,.9);border-radius:50%;text-align:center;opacity:1;transition:opacity .2s;color:#fff;box-shadow:0 0 5px #f90}.cus-page-wrap[data-v-508ffcb7]{left:0;bottom:0;position:absolute;padding:6px;width:100%;height:36px;background:rgba(43,51,63,.5);text-align:center;opacity:1;transition:opacity 1s;border-right:2px solid #000}.content-title[data-v-508ffcb7]{border-left:4px solid #1cc0f3;padding-left:4px;line-height:20px;font-size:20px;margin-top:10px;margin-bottom:6px;margin-left:10px;width:-moz-fit-content;width:fit-content}.e-note-tag[data-v-508ffcb7]{font-size:14px;padding:2px 5px;margin-left:30px;vertical-align:top;cursor:pointer;user-select:none}.e-note-tag[data-v-508ffcb7]:hover{color:#2db7f5}.page-content[data-v-508ffcb7]{width:10%;height:500px;border:1px solid #424242;background:#515558;height:450px}.page-filter-icon[data-v-508ffcb7]{position:absolute;color:#fff;left:-28px;top:5px;cursor:pointer;font-size:18px}.page-info-item[data-v-508ffcb7]{color:#fff;border-bottom:1px solid #424242;padding:5px;cursor:pointer;transition:background .2s}.page-info-item[data-v-508ffcb7]:hover{background:#fff;color:#1cc0f3}.page-info-item .page-time[data-v-508ffcb7]{float:right}.interaction-record-wrap[data-v-508ffcb7]{width:100%;border-radius:4px;border:1px solid #f0f0f0;margin-bottom:10px;position:relative;background:#fcfcfc;min-height:300px}.class-file-wrap[data-v-508ffcb7]{width:100%;box-shadow:inset 5px 5px 500px #404040;border-radius:4px;border:1px solid #404040;margin-bottom:10px;padding:20px 30px 20px 30px;color:#fff;justify-content:space-between;display:flex;align-items:center}.class-file-wrap li[data-v-508ffcb7]{margin:5px 0}.upload-class-file-wrap[data-v-508ffcb7]{text-align:center;color:#a5a5a5;margin-right:30px;cursor:pointer}.upload-class-file-wrap[data-v-508ffcb7]:hover{color:#1cc0f3}.upload-class-file-wrap .upload-class-file-icon[data-v-508ffcb7]{margin:auto;font-size:60px}.upload-class-file-wrap .upload-class-file-text[data-v-508ffcb7]{display:block;margin-top:5px}.interaction-type-wrap[data-v-508ffcb7]{position:absolute;padding:10px 0;width:50px;right:0;top:0;text-align:center;background:#fff;z-index:999;box-shadow:0 0 5px rgba(0,0,0,.1)}.interaction-type-wrap .type-icon[data-v-508ffcb7]{font-size:30px;display:block;cursor:pointer;margin-bottom:15px}.interaction-type-wrap .type-icon[data-v-508ffcb7]:hover{color:#1cc0f3}.interaction-type-wrap .type-icon-active[data-v-508ffcb7]{color:#1cc0f3!important}.page-item[data-v-508ffcb7]{display:flex;position:relative;padding:10px 70px 10px 20px}.page-item .record-data-wrap[data-v-508ffcb7]{flex:1;overflow:hidden;padding-top:5px;border-bottom:1px dashed #e0e0e0}.page-info-wrap[data-v-508ffcb7]{margin-right:10px;max-width:160px;padding-right:15px}.page-tag[data-v-508ffcb7]{border:1px solid #1cc0f3;color:#1cc0f3;white-space:normal;display:block;font-size:14px;width:110px;padding:3px 10px;border-radius:3px;cursor:pointer;height:-moz-fit-content;height:fit-content;transition:background .3s;margin-right:10px;user-select:none}.page-tag[data-v-508ffcb7]:hover{color:#fff;background:#1cc0f3}.page-mini-img[data-v-508ffcb7]{width:110px;margin-top:10px;cursor:pointer;border:1px solid transparent;border-color:#ccc}.question-time[data-v-508ffcb7]{position:absolute;left:0;bottom:-24px}.image-viewer[data-v-508ffcb7]{background-color:rgba(0,0,0,.8);z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0;overflow-y:scroll;overflow-x:hidden;text-align:center;display:flex;justify-content:center;align-items:center}.htex-viewer[data-v-508ffcb7]{display:flex;flex-direction:column;justify-content:center;align-items:center}.htex-viewer .viewer-page-wrap[data-v-508ffcb7]{margin-top:-36px;z-index:99;padding:6px;color:#fff;width:100%;background:rgba(43,51,63,.7)}.image-viewer img[data-v-508ffcb7]{max-width:50%;margin:5% auto;border:none}.close-icon[data-v-508ffcb7]{position:absolute;right:15px;top:10px;font-size:20px;color:#fff;cursor:pointer}.course-cur-img[data-v-508ffcb7]{max-width:100%;max-height:100%}.sokrate-report[data-v-508ffcb7]{max-width:100%;max-height:100%;margin:auto;display:block}.event-tag[data-v-508ffcb7]{display:inline-block;background:#fff;padding:1px 8px;margin-bottom:5px;border:1px solid #e0e0e0;margin-left:-5px;color:#555;cursor:pointer;font-size:12px}.event-tag[data-v-508ffcb7]:hover{background:#2db7f5;color:#fff}.event-item[data-v-508ffcb7]{border:1px dashed transparent;margin-bottom:15px;padding:5px 5px}.event-item[data-v-508ffcb7]:hover{border:1px dashed #e0e0e0}.student-event[data-v-508ffcb7]{display:flex;justify-content:end}.back-page[data-v-508ffcb7]{margin-right:15px;cursor:pointer;user-select:none}.action-wrap[data-v-508ffcb7]{float:right}.toggle-view[data-v-508ffcb7]{position:absolute;right:5px;bottom:5px;z-index:9999}.no-video-tips[data-v-508ffcb7]{position:absolute;top:0;left:0;color:#f90;width:100%}.rcd-split-pane[data-v-508ffcb7]{height:calc(100% - 60px)}.top-wrap[data-v-508ffcb7]{width:100%;display:flex;align-items:center;justify-content:space-between}.courseware-wrap:hover .custom-page-change[data-v-508ffcb7]{display:block}.custom-page-change[data-v-508ffcb7]{position:absolute;top:50%;margin-top:-20px;background:rgba(60,60,60,.6);color:#fff;width:35px;height:35px;text-align:center;line-height:35px;font-size:20px;cursor:pointer;border-radius:50%;display:none}.custom-prev[data-v-508ffcb7]{left:10px}.custom-next[data-v-508ffcb7]{right:10px}.class-time[data-v-508ffcb7]{color:#a5a5a5}.class-time-value[data-v-508ffcb7]{font-size:13px}.courseware-wrap .ivu-page-next,.courseware-wrap .ivu-page-prev{display:none}.video-player-box .level-light{display:inline-block;width:25px;height:25px;border-radius:50px;margin:10px 0}.video-player-box .reportPie{height:320px}.video-player-box .static-box{display:flex;justify-content:center;background-color:#fff;width:80%;margin:20px 0}.video-player-box .static-box .split-line{width:2px;height:30px;margin:0 20px;margin-top:35px;background-color:#eee}.video-player-box .static-box .static-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:45%}.video-player-box .static-box .static-item:first-child{padding-left:10px}.video-player-box .static-box .static-item .static-value{font-size:30px;font-weight:700;color:#00b4eb}.top-wrap .ivu-radio-wrapper-checked{color:#fff;background:#2d8cf0}.top-wrap .ivu-radio{display:none}.class-content .vjs-progress-holder{font-size:10px!important}.mouse-over-status .vjs-control-bar{opacity:1!important}.class-content .video-js .vjs-big-play-button{top:50%;left:50%;margin-left:-40px;margin-top:-20px}.class-content .vjs_video_3-dimensions.vjs-fluid{padding-top:0}.class-content .video-js.vjs-4-3,.class-content .video-js.vjs-16-9,.class-content .video-js.vjs-fluid{height:450px}.video-player-box .vjs-volume-panel{display:none}.video-player-box .ivu-alert{border-radius:0}