@keyframes roll-42f952af{0%{transform:translateX(0) translateZ(0)}to{transform:translateX(var(--translateX)) translateZ(0)}}.video-danmu .video-box[data-v-42f952af],.video-danmu[data-v-42f952af]{position:absolute;top:0;right:0;bottom:0;left:0}.video-danmu .video-box[data-v-42f952af]{display:flex;align-items:center;justify-content:center;overflow:hidden}.video-danmu .video-box .video[data-v-42f952af]{display:block;background:#000;box-sizing:border-box;width:100%;height:100%;line-height:1}.video-danmu .video-box .controls[data-v-42f952af]{position:absolute;z-index:1;left:0;right:0;bottom:0;transform:translateY(calc(100% + 10px));transition:all .3s ease-in}.video-danmu .video-box .controls.show[data-v-42f952af]{transform:translateY(0)}.video-danmu .video-box .controls .progress[data-v-42f952af]{margin:0 8px}.video-danmu .video-box .controls .progress .el-slider[data-v-42f952af] .el-slider__runway{margin:0;height:4px;background:hsla(0,0%,100%,.2)}.video-danmu .video-box .controls .operate[data-v-42f952af]{height:56px;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:space-between;padding-right:16px}.video-danmu .video-box .controls .operate .left[data-v-42f952af],.video-danmu .video-box .controls .operate .right[data-v-42f952af]{display:flex;align-items:center}.video-danmu .video-box .controls .operate .ctrl-pause[data-v-42f952af]{width:56px;display:flex;align-items:center;justify-content:center}.video-danmu .video-box .controls .operate .ctrl-pause .play-icon[data-v-42f952af]{font-size:26px;color:#fff;cursor:pointer}.video-danmu .video-box .controls .operate .ctrl-time[data-v-42f952af]{font-size:16px;color:#fff}.video-danmu .video-box .controls .operate .ctrl-rate[data-v-42f952af]{position:relative}.video-danmu .video-box .controls .operate .ctrl-rate-btn[data-v-42f952af]{font-size:16px;color:#fff;width:64px;height:56px;line-height:56px;text-align:center;cursor:pointer}.video-danmu .video-box .controls .operate .ctrl-rate-box[data-v-42f952af]{position:absolute;left:0;right:0;bottom:56px;background:rgba(20,20,20,.9);border-radius:2px;display:none}.video-danmu .video-box .controls .operate .ctrl-rate-box.show[data-v-42f952af]{display:block}.video-danmu .video-box .controls .operate .ctrl-rate-box .rate-item[data-v-42f952af]{height:36px;line-height:36px;cursor:pointer;color:#fff;font-size:14px;text-align:center}.video-danmu .video-box .controls .operate .ctrl-rate-box .rate-item[data-v-42f952af]:hover{background-color:hsla(0,0%,100%,.1)}.video-danmu .video-box .controls .operate .ctrl-rate-box .rate-item.active[data-v-42f952af]{color:#4090ff}.video-danmu .video-box .controls .operate .ctrl-volume[data-v-42f952af]{position:relative}.video-danmu .video-box .controls .operate .ctrl-volume-btn[data-v-42f952af]{color:#fff;width:50px;height:56px;line-height:56px;text-align:center;cursor:pointer}.video-danmu .video-box .controls .operate .ctrl-volume-btn .icon-shengyin[data-v-42f952af]{font-size:13px}.video-danmu .video-box .controls .operate .ctrl-volume-btn .icon-jingyin[data-v-42f952af]{font-size:16px}.video-danmu .video-box .controls .operate .ctrl-volume-box[data-v-42f952af]{position:absolute;left:0;right:0;bottom:56px;width:36px;height:100px;margin:0 auto;background:rgba(20,20,20,.9);border-radius:2px;display:none}.video-danmu .video-box .controls .operate .ctrl-volume-box.show[data-v-42f952af]{display:block}.video-danmu .video-box .controls .operate .ctrl-volume-box .volume[data-v-42f952af]{height:28px;font-size:12px;color:#e5e9ef;line-height:28px;margin-bottom:2px;text-align:center;width:100%}.video-danmu .video-box .controls .operate .ctrl-volume-box[data-v-42f952af] .el-slider__runway{margin:0 auto;width:2px;background:#fff}.video-danmu .video-box .controls .operate .ctrl-volume-box[data-v-42f952af] .el-slider__bar{width:2px}.video-danmu .video-box .controls .operate .ctrl-volume-box[data-v-42f952af] .el-slider__button-wrapper{left:-17px}.video-danmu .video-box .controls .operate .ctrl-fullscreen-btn[data-v-42f952af]{font-size:16px;color:#fff;width:50px;height:56px;line-height:56px;text-align:center;cursor:pointer}.video-danmu .video-box .controls .operate .ctrl-fullscreen-btn .iconfont[data-v-42f952af]{font-size:18px}.video-danmu .danmu-box[data-v-42f952af]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.video-danmu .danmu-box[data-v-42f952af] .dm{position:absolute;z-index:3;top:var(--top);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre;will-change:transform;cursor:pointer;font-size:14px;color:#fff;line-height:30px;text-shadow:0 0 4px rgba(0,0,0,.5);padding:0 10px;border:1px solid transparent;border-radius:4px;pointer-events:auto}.video-danmu .danmu-box[data-v-42f952af] .dm.roll{opacity:0;left:var(--offset);animation:roll-42f952af linear var(--duration) forwards}.video-danmu .danmu-box[data-v-42f952af] .dm.roll:hover{z-index:4;animation-play-state:paused}.video-danmu .danmu-box.dm-show[data-v-42f952af] .dm.roll{opacity:1}.video-danmu .danmu-box.dm-paused[data-v-42f952af] .dm.roll{animation-play-state:paused}.teacher-mark-detail[data-v-2ed30ffc]{width:100%;height:calc(100vh - 128px);display:flex}.teacher-mark-detail .drag-item[data-v-2ed30ffc]{position:relative;display:flex;flex-direction:column}.teacher-mark-detail .drag-item .header[data-v-2ed30ffc]{height:40px;display:flex;justify-content:space-between;padding:0 14px 0 10px;padding-top:5px;border-bottom:1px solid #dee2ee}.teacher-mark-detail .drag-item .header[data-v-2ed30ffc] .el-tabs__header{border-bottom:none}.teacher-mark-detail .drag-item .header .icon-tiyan-16[data-v-2ed30ffc]{position:relative;top:1px}.teacher-mark-detail .drag-item .header .back[data-v-2ed30ffc]{margin-top:-2px}.teacher-mark-detail .drag-item .body[data-v-2ed30ffc]{position:relative;flex:1;height:1%;display:flex;flex-direction:column}.teacher-mark-detail .drag-item .body .scroll-y[data-v-2ed30ffc]{flex:1;height:1%;overflow-y:auto;overflow-x:hidden}.teacher-mark-detail .drag-item .body .drag-iframe-hover[data-v-2ed30ffc]{position:absolute;z-index:9999;top:0;right:0;bottom:0;left:0;display:none}.teacher-mark-detail .drag-item .btn-move[data-v-2ed30ffc]{position:absolute;z-index:1;top:347px;left:-8px;width:16px;height:60px;cursor:col-resize;background:#e6f1ff;box-shadow:0 0 4px 0 rgba(76,76,76,.51);border-radius:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;color:#879cbb}.teacher-mark-detail .drag-left[data-v-2ed30ffc]{flex:1;width:1%}.teacher-mark-detail .drag-left .body .sticky-header[data-v-2ed30ffc]{height:54px;background:#f6f7fc;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.teacher-mark-detail .drag-left .body .sticky-header .file-name[data-v-2ed30ffc]{color:#1d2f4d;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.teacher-mark-detail .drag-left .body .sticky-header .file-opts[data-v-2ed30ffc]{display:flex;align-items:center}.teacher-mark-detail .drag-left .body .sticky-header .file-opts .opt-video[data-v-2ed30ffc]{white-space:nowrap}.teacher-mark-detail .drag-left .body .sticky-header .file-opts .opt-video .el-select[data-v-2ed30ffc]{width:150px}.teacher-mark-detail .drag-left .body .sticky-header .file-opts .el-link[data-v-2ed30ffc]{margin-left:15px;white-space:nowrap}.teacher-mark-detail .drag-left .file-wrap[data-v-2ed30ffc]{position:relative;flex:1;height:1%}.teacher-mark-detail .drag-left .file-wrap .tab-video[data-v-2ed30ffc]{position:absolute;top:0;right:0;bottom:0;left:0}.teacher-mark-detail .drag-left .file-wrap .tab-video[data-v-2ed30ffc] .video-player .video-player-main{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.teacher-mark-detail .drag-left .file-wrap .tab-video[data-v-2ed30ffc] .video-player .player-playback-container{flex:1;height:1px}.teacher-mark-detail .drag-left .file-wrap .tab-video[data-v-2ed30ffc] .video-player .player-playback-container .player-playback{height:100%!important}.teacher-mark-detail .drag-left .file-wrap .tab-video[data-v-2ed30ffc] .video-player .control-operate{padding:0 20px}.teacher-mark-detail .drag-right[data-v-2ed30ffc]{width:470px;min-width:370px}.teacher-mark-detail .drag-right .header[data-v-2ed30ffc]{flex-direction:row-reverse}.teacher-mark-detail .drag-right .tabs-wrap[data-v-2ed30ffc]{position:relative}.teacher-mark-detail .drag-right .tabs-wrap .el-tabs[data-v-2ed30ffc] .el-tabs__header{margin:0 0 1px}.teacher-mark-detail .drag-right .tabs-wrap .el-tabs[data-v-2ed30ffc] .el-tabs__nav-scroll,.teacher-mark-detail .drag-right .tabs-wrap .el-tabs[data-v-2ed30ffc] .el-tabs__nav-wrap{overflow:inherit}.teacher-mark-detail .drag-right .tabs-wrap .el-tabs[data-v-2ed30ffc] .el-tabs__nav-scroll .el-tabs__item{padding:0 10px}.teacher-mark-detail .drag-right .tabs-wrap .icon-transfer[data-v-2ed30ffc]{position:absolute;z-index:10;width:54px;height:20px;right:-4px;top:-6px;pointer-events:none}.teacher-mark-detail .drag-right .body[data-v-2ed30ffc]{border-left:2px solid #dee2ee}