.video-container[data-v-0afc0904]{display:flex;justify-content:center;flex-direction:column;align-items:center}.sup-panel[data-v-0afc0904]{width:1200px;box-sizing:border-box;margin-top:8px;padding:10px 0;background-color:#fff;border:1px solid #eee}.sup-panel .sup-panel-head[data-v-0afc0904]{display:flex;align-items:center;justify-content:space-between;padding:0 12px 8px}.sup-panel .sup-panel-head .sup-panel-title[data-v-0afc0904]{font-size:14px;font-weight:700;color:#333}.sup-panel .sup-panel-head .sup-panel-count[data-v-0afc0904]{font-size:12px;color:#999}.sup-panel .sup-scroll[data-v-0afc0904]{width:100%;padding:0 12px;box-sizing:border-box;overflow-x:auto;overflow-y:auto;white-space:nowrap}.sup-panel .sup-scroll[data-v-0afc0904]::-webkit-scrollbar{height:6px}.sup-panel .sup-scroll[data-v-0afc0904]::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:3px}.sup-panel .sup-scroll[data-v-0afc0904]::-webkit-scrollbar-track{background-color:transparent}.sup-panel .sup-scroll .sup-card[data-v-0afc0904]{display:inline-flex;flex-direction:column;align-items:center;min-width:96px;margin-right:8px;padding:8px 6px;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;background-color:#fff}.sup-panel .sup-scroll .sup-card[data-v-0afc0904]:last-child{margin-right:0}.sup-panel .sup-scroll .sup-card .sup-card-time[data-v-0afc0904]{font-size:12px;color:#333;white-space:nowrap}.sup-panel .sup-scroll .sup-card .sup-card-method[data-v-0afc0904]{margin-top:5px;font-size:12px;color:#999;white-space:nowrap}.sup-panel .sup-scroll .sup-card .sup-card-status[data-v-0afc0904]{margin-top:3px;font-size:13px;white-space:nowrap}.sup-panel .sup-scroll .sup-card.sup-card-clickable[data-v-0afc0904]{cursor:pointer}.sup-panel .sup-scroll .sup-card.sup-card-clickable[data-v-0afc0904]:active{opacity:.6}.sup-panel .sup-scroll .sup-card.sup-card-clickable .sup-card-tip[data-v-0afc0904]{margin-top:3px;font-size:11px;color:#576b95;white-space:nowrap}.sup-panel .sup-scroll .sup-card.sup-status-pass[data-v-0afc0904]{border-color:#07c160}.sup-panel .sup-scroll .sup-card.sup-status-pass .sup-card-status[data-v-0afc0904]{color:#07c160}.sup-panel .sup-scroll .sup-card.sup-status-pending[data-v-0afc0904]{border-color:#ff9500}.sup-panel .sup-scroll .sup-card.sup-status-pending .sup-card-status[data-v-0afc0904]{color:#ff9500}.sup-panel .sup-scroll .sup-card.sup-status-fail[data-v-0afc0904]{border-color:#fa5151}.sup-panel .sup-scroll .sup-card.sup-status-fail .sup-card-status[data-v-0afc0904]{color:#fa5151}.sup-complete-tip[data-v-0afc0904]{margin:0 0 10px;font-size:13px;color:#666}.sup-complete-list[data-v-0afc0904]{max-height:240px;overflow-y:auto}.sup-complete-item[data-v-0afc0904]{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;margin-bottom:6px;border:1px solid #ddd;border-radius:6px;cursor:pointer}.sup-complete-item[data-v-0afc0904]:last-child{margin-bottom:0}.sup-complete-item[data-v-0afc0904]:hover{background-color:#f7f7f7}.sup-complete-item .sup-complete-time[data-v-0afc0904]{font-size:13px;color:#333}.sup-complete-item .sup-complete-method[data-v-0afc0904]{font-size:12px;color:#999}.sup-complete-item .sup-complete-status[data-v-0afc0904]{font-size:13px}.sup-complete-item.sup-status-pass[data-v-0afc0904]{border-color:#07c160}.sup-complete-item.sup-status-pass .sup-complete-status[data-v-0afc0904]{color:#07c160}.sup-complete-item.sup-status-pending[data-v-0afc0904]{border-color:#ff9500}.sup-complete-item.sup-status-pending .sup-complete-status[data-v-0afc0904]{color:#ff9500}.sup-complete-item.sup-status-fail[data-v-0afc0904]{border-color:#fa5151}.sup-complete-item.sup-status-fail .sup-complete-status[data-v-0afc0904]{color:#fa5151}.video-content[data-v-0afc0904]{width:1200px}.el-breadcrumb[data-v-0afc0904]{padding:14px;margin:10px 0;background-color:#fff}.play-center[data-v-0afc0904]{display:flex;flex-direction:row;text-align:center;color:#c7c7c7}.video-play[data-v-0afc0904]{background-color:#131313;border:solid #000;box-sizing:border-box}.video-itmes[data-v-0afc0904]{width:350px;background-color:#131313}.play-bottom[data-v-0afc0904]{height:80px;line-height:80px;font-size:24px;background-color:#131313;color:#fff;border-top:1px solid #424242;padding:0 10px}.play-bottom .pb-b-title[data-v-0afc0904]{font-size:16px}.teacher[data-v-0afc0904]{margin-top:10px}.items[data-v-0afc0904]{width:330px;padding:5px;padding-left:10px;border-top:1px solid #424242;max-height:455px;text-align:left;overflow-y:scroll;overflow-x:hidden;border:0;box-sizing:border-box}.items-step[data-v-0afc0904]{border-top:1px solid #424242}.items-step .item-step[data-v-0afc0904]{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-step .item-step h4[data-v-0afc0904]{flex:1}.items-step .item-step .step-icon[data-v-0afc0904]{display:inline-block;line-height:2rem}.item[data-v-0afc0904]{width:300px;height:45px;padding:3px 0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:flex;justify-content:flex-start;flex-direction:row;box-sizing:border-boxs}.items-step[data-v-0afc0904]{width:100%}.item-active[data-v-0afc0904]{color:#23b8ff}.item-left[data-v-0afc0904]{display:block}.item-right[data-v-0afc0904]{width:300px;display:flex;justify-content:flex-start;flex-direction:column}.item-right .ir-o[data-v-0afc0904]{width:300px;display:flex;flex-direction:row;justify-content:space-between}.item-right .ir-o div[data-v-0afc0904]{width:50px;text-align:center;font-size:12px}h3[data-v-0afc0904],h4[data-v-0afc0904]{margin:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.text[data-v-0afc0904]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;line-height:20px}.text2[data-v-0afc0904]{font-size:12px;color:#777;line-height:16px}.text2-active[data-v-0afc0904]{font-size:12px;color:#23b8ff;line-height:16px}.items[data-v-0afc0904]::-webkit-scrollbar,.items[data-v-0afc0904]::-webkit-scrollbar-track{width:5px;background-color:#131313}.controls[data-v-0afc0904]{width:inherit;height:50px;line-height:50px;position:relative;top:-54px;background:rgba(0,0,0,.4)}.qrcode-tips[data-v-0afc0904]{text-align:center;height:50px}.qrcode-btns[data-v-0afc0904]{height:50px;line-height:50px}.el-checkbox-group[data-v-0afc0904]{display:flex;flex-direction:column;line-height:25px}.exam-scroll[data-v-0afc0904]{min-height:300px;max-height:50vh;overflow-y:scroll;overflow-x:hidden;padding-bottom:10px}.exam-tip[data-v-0afc0904]{text-align:center}.teacher[data-v-0afc0904]{width:100%;background-color:#fff;box-sizing:border-box}.teacher .t-title[data-v-0afc0904]{font-size:16px;height:40px;display:flex;justify-content:space-between;align-items:center;padding:10px}.teacher .t-info[data-v-0afc0904]{width:100%;padding:10px;box-sizing:border-box}.comment-content[data-v-0afc0904]{padding:0 20px 20px;width:100%;height:250px;font-size:15px;box-sizing:border-box}.comment-content .video-name[data-v-0afc0904]{width:100%;margin-top:5px;font-size:15px;margin-bottom:10px;text-align:left;box-sizing:border-box}.comment-content .comment-rate-title[data-v-0afc0904]{width:100%;margin-top:20px;font-size:15px;margin-bottom:5px;text-align:left;box-sizing:border-box}.comment-content .comment-rate[data-v-0afc0904]{display:inline-flex;align-items:center;width:100%;height:30px;line-height:30px}.comment-content .rate-tips[data-v-0afc0904]{text-align:center;width:100%;margin-top:-10px;margin-bottom:10px;height:30px;line-height:30px;font-size:12px;color:#409eff}.comment-content .comment-label-title[data-v-0afc0904]{height:30px;line-height:30px}.comment-item-label[data-v-0afc0904]{font-size:30upx;padding:2px;margin-right:10upx;border:1px solid grey;border-radius:5px;line-height:50upx}.comment-label[data-v-0afc0904]{width:100%;line-height:30px;margin-bottom:10px;text-align:center}.comment-label label[data-v-0afc0904]{width:auto}.comment-label .comment-item[data-v-0afc0904]{float:left;border:1px solid #c5c5c5;box-sizing:border-box;border-radius:5px;padding:2px;margin:2px;width:250px;text-align:center;overflow:hidden}.comment-label .comment-item .item[data-v-0afc0904]{display:block;width:100%;height:30px;box-sizing:border-box;font-size:15px;text-align:center;padding:0;clear:both}.comment-label .comment-item-red[data-v-0afc0904]{float:left;border:1px solid #409eff;box-sizing:border-box;border-radius:5px;padding:2px;margin:2px;width:250px;text-align:center;background-color:#409eff;color:#fff}.comment-label .comment-item-red .item[data-v-0afc0904]{display:block;width:100%;height:30px;box-sizing:border-box;font-size:15px;text-align:center;padding:0;clear:both}.el-alert[data-v-0afc0904]{padding:none}.exam-time[data-v-0afc0904]{position:absolute;right:20px;top:20px}.items-box[data-v-0afc0904]{margin-top:10px;display:block;line-height:2rem}.items-box .item-box[data-v-0afc0904]{width:100%;display:flex;align-items:center}.items-box .item-box div[data-v-0afc0904]{display:inline-block;white-space:normal;line-height:1.5rem}.loading-box[data-v-0afc0904]{z-index:2006}.empty div[data-v-0afc0904]{width:inherit;height:inherit;color:#fff;display:flex;justify-content:center;align-items:center;font-size:30upx;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quiz-list[data-v-0afc0904]{max-height:50vh;overflow:auto}.quiz-list .quiz-item[data-v-0afc0904]{padding:10px;background:#f9f9f9;margin-bottom:15px}.quiz-list .quiz-item p[data-v-0afc0904]{margin:5px}.quiz-list .quiz-item[data-v-0afc0904]:last-child,.quiz-list .quiz-item p[data-v-0afc0904]:first-child{margin:0}.quiz-form[data-v-0afc0904]{margin-top:40px;text-align:right}.quiz-form .el-button[data-v-0afc0904]{margin-top:10px;padding:8px 15px}.pay-box[data-v-0afc0904]{text-align:center}.pay-box p[data-v-0afc0904]{font-size:16px;color:#333}