.pagination[data-v-746625ae]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;background:#fff;padding:12px 20px 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pagination .pagination-show-total span[data-v-746625ae]{color:#ff6d00;font-size:12px}.pagination[data-v-746625ae] .ant-pagination .ant-pagination-item-active{background:#ff6d00;border:0}.pagination[data-v-746625ae] .ant-pagination .ant-pagination-item-active a{color:#fff}.back[data-v-738dba94]{width:80px;height:34px;display:-webkit-box;display:-ms-flexbox;display:flex;cursor:pointer;font-size:14px;font-weight:400;color:#000;border-radius:25px;margin-bottom:26px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid #d6d6d6}.back img[data-v-738dba94]{height:10px;margin-right:9px}.content[data-v-738dba94]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content .left[data-v-738dba94]{height:100%;width:260px;position:relative;padding:18px 21px 46px 21px}.content .left .list-content[data-v-738dba94]{height:100%;overflow-y:scroll}.content .left .list-content .list[data-v-738dba94]{color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content .left .list-content .list .title[data-v-738dba94]{font-size:16px;font-weight:550;margin-bottom:15px}.content .left .list-content .list .child[data-v-738dba94]{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-bottom:10px;padding:6px 5px 6px 10px}.content .left .list-content .list .child img[data-v-738dba94]{width:22px;height:22px;border-radius:5px}.content .left .list-content .list .child span[data-v-738dba94]{color:#000;margin:0 8px;font-size:16px;overflow:hidden;white-space:nowrap;word-break:break-all;display:inline-block;text-overflow:ellipsis;width:calc(100% - 78px)}.content .left .list-content .list .child .icon-close[data-v-738dba94],.content .left .list-content .list .child .icon-play[data-v-738dba94]{border:0;width:14px;height:15px;display:none}.content .left .list-content .list .child .icon-close[data-v-738dba94]{display:block}.content .left .list-content .list .child[data-v-738dba94]:last-child{margin-bottom:40px}.content .left .list-content .list .child .teach[data-v-738dba94]{margin-bottom:0}.content .left .list-content .list .child .teach .icon_teach[data-v-738dba94]{display:none}.content .left .list-content .list .child .teach>div[data-v-738dba94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.content .left .list-content .list .child .teach>div img[data-v-738dba94]{width:18px;height:18px}.content .left .list-content .list .child .teach>div div[data-v-738dba94]{font-size:10px;color:#000}.content .left .list-content .list .child .broadcasting[data-v-738dba94]{width:23px;padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.content .left .list-content .list .child .action[data-v-738dba94]{width:50px;padding-right:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.content .left .list-content .list .child[data-v-738dba94]:hover{background:#f9f3e1}.content .left .list-content .list .child:hover .icon-play[data-v-738dba94],.content .left .list-content .list .child:hover .teach .icon_teach[data-v-738dba94]{display:block}.content .left .list-content .list .child.selected[data-v-738dba94]{color:#000;font-weight:550;background:#f9f3e1}.content .left .list-content[data-v-738dba94]::-webkit-scrollbar{display:none}.content .left .close-button[data-v-738dba94]{bottom:22px;height:46px;cursor:pointer;padding-top:12px;position:absolute;background:#fff;width:calc(100% - 42px)}.content .left .close-button>div[data-v-738dba94],.content .left .close-button[data-v-738dba94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content .left .close-button>div[data-v-738dba94]{width:98px;height:34px;color:#000;margin:0 auto;border-radius:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #d6d6d6}.content .left .close-button>div img[data-v-738dba94]{width:16px;height:16px;margin-right:5px}.content .right[data-v-738dba94]{width:calc(100% - 260px);height:100%}.content .right[data-v-738dba94] .ant-tabs{height:100%;color:#000}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-bar.ant-tabs-top-bar{border-bottom:0;margin-bottom:0;padding-bottom:10px;background:url(../img/bj_lesson_t.d35ac434.png);background-size:100% 100%;background-position:50%}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-bar.ant-tabs-top-bar .ant-tabs-tab{color:#000;padding:28px 27px 7px 0}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-bar.ant-tabs-top-bar .ant-tabs-tab:first-child{padding-left:25px}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-bar.ant-tabs-top-bar .ant-tabs-nav.ant-tabs-nav-animated>div{display:-webkit-box;display:-ms-flexbox;display:flex}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-bar.ant-tabs-top-bar .ant-tabs-tab-active.ant-tabs-tab{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:550;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-bar.ant-tabs-top-bar .ant-tabs-tab-active.ant-tabs-tab:after{bottom:0;content:"";width:23px;height:4px;border-radius:3px;position:absolute;background:#ff6d00}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-bar.ant-tabs-top-bar .ant-tabs-ink-bar.ant-tabs-ink-bar-animated{display:none!important}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-content.ant-tabs-content-animated.ant-tabs-top-content{height:100%}.content .right[data-v-738dba94] .ant-tabs .ant-tabs-tabpane-active{height:100%;background:url(../img/bj_lesson_y.71550ba7.png);background-size:100% 100%;background-position:50%}.content .right[data-v-738dba94] .preview-container{width:100%;height:100%;padding:0 25px;height:calc(100% - 88px);background:#fff}.content .right[data-v-738dba94] .preview-container .preview{overflow-y:scroll}.content .right .monitor-attempts[data-v-738dba94]{height:100%}.content .right .data-overview[data-v-738dba94]{height:calc(100% - 56px);position:relative}.content .right .data-overview .title[data-v-738dba94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;font-weight:550;color:#000;line-height:20px;padding:18px 35px;position:relative}.content .right .data-overview .title[data-v-738dba94]:before{content:"";width:2px;left:26px;height:10px;border-radius:1px;position:absolute;background:#000}.content .right .data-overview .overview[data-v-738dba94]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 35px;margin-bottom:6px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content .right .data-overview .overview>div[data-v-738dba94]{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;color:#4a5474;margin-right:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content .right .data-overview .overview>div img[data-v-738dba94]{width:64px;height:64px;margin-right:12px}.content .right .data-overview .overview>div .number[data-v-738dba94]{color:#000;font-size:16px}.content .right .data-overview .overview>div span[data-v-738dba94]{color:#000}.content .right .data-overview .overview>div[data-v-738dba94]:last-child{margin-right:0}.content .right .data-overview .overview>div:last-child>div div[data-v-738dba94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.content .right .data-overview .overview>div:last-child>div div span[data-v-738dba94]:last-child{color:#767676;cursor:pointer;font-size:12px;margin-left:12px;padding-bottom:2px}.content .right .data-overview .overview>div:last-child>div div span:last-child img[data-v-738dba94]{width:10px;height:6px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.content .right .data-overview .review[data-v-738dba94]{max-height:calc(100% - 240px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 35px;overflow-y:scroll}.content .right .data-overview .review .student[data-v-738dba94]{height:215px;cursor:pointer;margin-right:22px;margin-bottom:22px;position:relative;border-radius:4px;width:calc((100% - 66px)/4)}.content .right .data-overview .review .student .student-cover[data-v-738dba94]{width:100%;height:175px;border-radius:4px;position:relative}.content .right .data-overview .review .student .student-cover img[data-v-738dba94]{width:100%;height:100%;border-top-left-radius:4px;border-top-right-radius:4px}.content .right .data-overview .review .student .student-cover .hover[data-v-738dba94]{top:0;left:0;width:100%;height:100%;display:none;border-radius:4px;position:absolute;background:rgba(0,0,0,.6)}.content .right .data-overview .review .student .student-cover:hover .hover[data-v-738dba94]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content .right .data-overview .review .student .student-cover:hover .hover[data-v-738dba94] .ant-btn.ant-btn-primary,.content .right .data-overview .review .student .student-cover:hover .hover[data-v-738dba94] .ant-btn.ant-btn-primary:hover{width:100px}.content .right .data-overview .review .student .name[data-v-738dba94]{height:40px;padding:0 16px;font-size:14px;overflow:hidden;color:#000;font-weight:550;line-height:40px;text-align:center;white-space:nowrap;word-break:break-all;background:#ececec;text-overflow:ellipsis;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.content .right .data-overview .review .student[data-v-738dba94]:nth-child(4n){margin-right:0}.content .right .data-overview .review[data-v-738dba94]::-webkit-scrollbar{display:none}.content .right .data-overview .list-pagination[data-v-738dba94]{width:100%;bottom:60px;position:absolute}.content .right .live-view[data-v-738dba94]{position:relative;height:calc(100% - 56px);background:url(../img/bj_sk.f0685812.png);background-size:100% 100%;background-position:50%}.content .right .live-view .close-view[data-v-738dba94]{top:21px;right:30px;width:22px;z-index:9;cursor:pointer;font-size:16px;position:absolute}.content .right .live-view .title[data-v-738dba94]{z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-weight:550;color:#1def53;line-height:22px;padding:21px 25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.content .right .live-view .title span[data-v-738dba94]{width:8px;height:8px;margin-right:10px;border-radius:100%;background:#1def53;display:inline-block}.content .right .live-view video[data-v-738dba94]{top:0;left:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;border-radius:10px;position:absolute}.content .right .no-monitor-attempts[data-v-738dba94]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content .right .no-monitor-attempts img[data-v-738dba94]{width:180px;margin-top:-40px}.content .right .no-monitor-attempts>div[data-v-738dba94]{font-size:14px;font-weight:800;color:#0d2340;line-height:20px;text-align:center;margin-top:-40px}.content .right .no-monitor-attempts>div[data-v-738dba94]:last-child{font-size:12px;font-weight:500;margin-top:0}.unonlineModal .title[data-v-738dba94]{top:0;left:0;width:100%;color:#000;font-size:16px;font-weight:550;position:absolute;padding:17px 24px 13px;border-bottom:1px solid #edeeef}.unonlineModal .title .small[data-v-738dba94]{font-size:14px}.unonlineModal .unonlineStudent[data-v-738dba94]{max-height:400px;overflow-y:scroll;margin-top:52px}.unonlineModal .unonlineStudent span[data-v-738dba94]{color:#000;cursor:pointer;overflow:hidden;margin-bottom:12px;padding:10px 15px;text-align:center;white-space:nowrap;margin-right:21px;border-radius:20px;display:inline-block;word-break:break-all;text-overflow:ellipsis;border:1px solid #dbdbde;width:calc((100% - 63px)/4)}.unonlineModal .unonlineStudent span[data-v-738dba94]:nth-child(4n){margin-right:0}.unonlineModal[data-v-738dba94] .ant-modal-footer .ant-btn{margin-left:0}.unonlineModal[data-v-738dba94] .ant-modal-footer .ant-btn:first-child{display:none}