.tw-body-outer{background-color:#000;color:#999}.tw-body-inner-playerbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.tw-body-inner-playerbox-left{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:column}.tw-body-inner-playerbox-left,.tw-body-inner-playerbox-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column}.tw-body-inner-playerbox-right{width:3.8rem;margin-left:.05rem;background-color:#262630;flex-direction:column;scrollbar-width:thin;scrollbar-color:#f5f5f5 #14141d}.tw-body-inner-playerbox-right ::-webkit-scrollbar{width:.09rem}.tw-body-inner-playerbox-right ::-webkit-scrollbar-track{background:#14141d}.tw-body-inner-playerbox-right ::-webkit-scrollbar-thumb{background-color:#f5f5f5;border-radius:.03rem;border:.01rem solid #14141d}.tw-body-inner-playerbox-right ::-webkit-scrollbar-thumb:hover{background-color:#e0e0e0}.tw-body-inner-playerbox-right .el-tabs__content>.el-tab-pane,.tw-body-inner-playerbox-right>.el-tabs{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0}.tw-body-inner-playerbox-left .tw-videoplay-courseinfo{margin-top:.5rem}.video-player.tw-live-videoplayer{overflow:hidden;position:relative}.video-js{position:static}.tw-body-inner-playerbox-right .el-tabs__item{color:#8695ba;font-size:.16rem;height:.4rem;line-height:.4rem}.tw-body-inner-playerbox-right .el-tabs__item.is-active,.tw-body-inner-playerbox-right .el-tabs__item:hover{color:#346dff}.tw-body-inner-playerbox-right .el-tabs__active-bar{background-color:#346dff}.tw-body-inner-playerbox-right .el-tabs__nav-wrap:after{background-color:#121212}.tw-body-inner-playerbox-right .el-tabs__nav-scroll{min-height:.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#1e1e24}.tw-body-inner-playerbox-right .el-tabs__content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;min-height:0}.tw-videoplay-lesson{position:relative;margin-bottom:.1rem;color:#999;cursor:pointer}.tw-videoplay-lesson .xmain{width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-videoplay-lesson .xlabel{margin-left:.2rem}.tw-videoplay-lesson .xbtn{position:absolute;right:.1rem;top:.08rem;display:inline-block;padding:.02rem .05rem;font-size:.12rem;background:linear-gradient(229deg,#fc8d6d,#f83838);border-radius:.1rem;color:#fff}.tw-videoplay-lesson .xtime{font-size:.12rem}.tw-videoplay-lesson.active,.tw-videoplay-lesson:hover{color:#346dff}.tw-videoplay-file{position:relative;margin-bottom:.1rem;cursor:pointer}.tw-videoplay-file .xmain{width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-videoplay-file .xicon img{width:.25rem;height:.25rem}.tw-videoplay-file .xlabel{margin-left:.1rem}.tw-videoplay-file .xbtn{position:absolute;right:.1rem;top:.02rem;display:inline-block}.tw-videoplay-file .xtime{font-size:.12rem}.tw-videoplay-file.active,.tw-videoplay-file:hover{color:#346dff}.tw-videoplay-msglist{position:relative}.tw-videoplay-msglist .xcontent{height:5.3rem;padding-bottom:1rem}.tw-videoplay-msglist .xcontent-inner{height:4.3rem;overflow-y:auto}.tw-videoplay-msglist .el-checkbox__label{color:#fff}.tw-videoplay-msg+.tw-videoplay-msg{margin-top:.1rem}.tw-videoplay-msg{line-height:.24rem}.tw-videoplay-msg .xtitle{border:1px solid #346dff;font-size:.12rem;padding:.02rem .05rem;border-radius:.02rem}.tw-videoplay-msg .xlabel,.tw-videoplay-msg .xtitle{color:#346dff;margin-right:.1rem}.tw-videoplay-msginput{position:absolute;bottom:0;width:3.4rem}.tw-videoplay-msginput .xforbid{font-size:.12rem;margin-bottom:.05rem}.tw-videoplay-msginput .xforbid .tw-svgicon{width:.14rem;height:.14rem;margin-right:.05rem;margin-top:-.04rem}.tw-videoplay-msginput .xmessagebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:.1rem;font-size:.12rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-videoplay-msginput .xmessagebar .xnums{margin-left:.1rem;margin-right:.1rem}.tw-videoplay-msginput .xmessagebar .el-checkbox__label,.tw-videoplay-msginput .xmessagebar .tw-btn{font-size:.12rem}.tw-videoplay-msginput .xmessagebar .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#2cd07b;border-color:#2cd07b}.tw-videoplay-msginput .xmessagebar.xdisabled .el-checkbox__label{color:#2cd07b}.tw-videoplay-msginput .xmessagebar.xdisabled .tw-btn{background:rgba(52,109,255,.8);border:none}.tw-videoplay-msginput .el-textarea,.tw-videoplay-msginput .el-textarea__inner{resize:none;height:.51rem;background-color:transparent;color:#8695ba;border-color:#8695ba}.tw-videoplay-msginput .el-textarea .el-input__count{color:#999;background:transparent}.tw-videoplay-user{margin-bottom:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:.24rem}.tw-videoplay-user .xlabel,.tw-videoplay-user .xname{margin-left:.1rem}.tw-videoplay-user .xtitle{border:1px solid #999;font-size:.12rem;padding:.02rem .05rem;border-radius:.02rem}.xlcustom-page{text-align:center}.xlcustom-page .el-pagination.el-pagination--small{color:#999}.xlcustom-page .el-pagination .btn-next,.xlcustom-page .el-pagination .btn-prev,.xlcustom-page .el-pagination button:disabled{color:#999;background-color:transparent}.xlcustom-page .el-pager li{background-color:transparent}.tw-videoplay-courseinfo{margin-top:.1rem}.tw-videoplay-courseinfo-flag{display:-webkit-box;display:-ms-flexbox;display:flex}.tw-videoplay-courseinfo-flag .xplayitem{cursor:pointer;padding:.02rem .1rem;margin:.1rem;border:1px solid #8695ba;border-radius:.03rem}.tw-videoplay-courseinfo-flag .xplayitem:hover{color:#346dff;border:1px solid #346dff}.tw-videoplay-courseinfo-title .xtitle{font-size:.2rem;margin-right:.1rem}.tw-videoplay-courseinfo-title .xbtn{display:inline-block;padding:.02rem .1rem;border-radius:.12rem;font-size:.12rem;color:#2cd07b;border:1px solid #2cd07b}.tw-videoplay-courseinfo-title .xbtn.xlb{border:1px solid #00b6fd;color:#00b6fd}.xnodata{text-align:center;padding:.5rem}.xnodata-msg{margin-top:.2rem}.xplayer-container .course-catalog-tree{padding:0;height:5.4rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#f5f5f5 #20222c}.xplayer-container .course-catalog-tree::-webkit-scrollbar{width:.06rem}.xplayer-container .course-catalog-tree::-webkit-scrollbar-track{background:#20222c;border-radius:.03rem}.xplayer-container .course-catalog-tree::-webkit-scrollbar-thumb{background-color:#f5f5f5;border-radius:.03rem;border:.01rem solid #20222c;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.xplayer-container .course-catalog-tree::-webkit-scrollbar-thumb:hover{background-color:#e0e0e0;-webkit-box-shadow:0 0 .06rem hsla(0,0%,100%,.25);box-shadow:0 0 .06rem hsla(0,0%,100%,.25)}.xplayer-container .course-catalog-tree::-webkit-scrollbar-corner{background:transparent}.xplayer-container .catalog-unit{margin-bottom:.05rem}.xplayer-container .unit-header{background-color:#30313e;padding:.04rem .12rem;border-radius:.04rem;margin-bottom:.04rem;font-weight:700;font-size:.12rem;color:#999;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:background-color .3s;transition:background-color .3s}.xplayer-container .unit-header:hover{background-color:#3a3b48}.xplayer-container .unit-header .expand-icon{margin-right:.08rem;font-size:.12rem;color:#999;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.xplayer-container .unit-number{color:#666;margin-right:.05rem}.xplayer-container .unit-title{color:#999;font-size:.12rem}.xplayer-container .unit-lessons{padding-left:.12rem}.xplayer-container .lesson-item{margin-bottom:.02rem}.xplayer-container .lesson-header{font-weight:700;color:#8695ba;margin-bottom:.02rem;padding:.02rem 0;padding-left:.24rem;font-size:.12rem}.xplayer-container .lesson-number{color:#999;font-size:.12rem;margin-right:.06rem}.xplayer-container .lesson-title{color:#999;font-size:.12rem}.xplayer-container .sub-lessons{padding-left:.24rem}.xplayer-container .sub-lesson-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.06rem 0;border-bottom:1px dotted #2a2a2a;-webkit-transition:all .3s ease;transition:all .3s ease}.xplayer-container .sub-lesson-item:last-child{border-bottom:none}.xplayer-container .sub-lesson-item.active{background:-webkit-gradient(linear,left top,right top,from(rgba(52,109,255,.1)),to(rgba(52,109,255,.05)));background:linear-gradient(90deg,rgba(52,109,255,.1),rgba(52,109,255,.05));border-radius:.04rem;padding:.03rem .06rem;margin:0 -.06rem;border-left:.03rem solid #346dff}.xplayer-container .lesson-info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.12rem}.xplayer-container .lesson-duration{color:#666;margin-left:.06rem;font-size:.11rem}.xplayer-container .lesson-status{background:#f56c6c;color:#fff;font-size:.1rem;padding:1px .06rem;border-radius:.08rem;margin-left:.08rem}.xplayer-container .lesson-action{margin-left:.15rem}.xplayer-container .watch-btn{color:#346dff;cursor:pointer;font-size:.12rem;-webkit-transition:color .3s;transition:color .3s;padding:.02rem .08rem;border-radius:.12rem;background:rgba(52,109,255,.1)}.xplayer-container .not-unlocked{width:.48rem;height:.24rem;text-align:center}.xplayer-container .not-unlocked .el-icon-lock{font-size:.2rem;color:#999}.xplayer-container .answer-question{width:.44rem;height:.2rem;line-height:.2rem;text-align:center;background:rgba(77,126,255,.8);color:#fff;border-radius:.04rem;font-size:.11rem}.xplayer-container .score{width:.48rem;height:.24rem;line-height:.24rem;text-align:center;background:rgba(21,155,213,.8);color:#fff;border-radius:.04rem}.xplayer-container .watch-btn:hover{color:#fff;background:#346dff;border-color:#346dff}.xplayer-container .lesson-item.lesson-direct{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:.06rem 0;border-bottom:1px dotted #2a2a2a}.xplayer-container .lesson-item.lesson-direct:last-child{border-bottom:none}.xplayer-container .lesson-item.lesson-direct .lesson-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.12rem;padding-left:.12rem}.xplayer-container .lesson-item.lesson-direct .lesson-action{-ms-flex-item-align:end;align-self:flex-end}.xplayer-container .lesson-list{margin-top:.02rem;padding-left:.32rem;position:relative}.xplayer-container .unit-lessons>.lesson-list{padding-left:.12rem;margin-top:0}.xplayer-container .unit-lessons>.lesson-list:before{left:.05rem}.xplayer-container .unit-lessons>.lesson-list .lesson-list-item:before{left:-.12rem}.xplayer-container .lesson-list:before{content:"";position:absolute;left:.1rem;top:0;bottom:0;width:1px;background:-webkit-gradient(linear,left top,left bottom,from(#2a2a2a),color-stop(50%,#2a2a2a),color-stop(50%,transparent),to(transparent));background:linear-gradient(180deg,#2a2a2a 0,#2a2a2a 50%,transparent 0,transparent);background-size:1px .06rem}.xplayer-container .lesson-list-item{height:.28rem;display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px dashed #2a2a2a;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:.12rem;cursor:pointer}.xplayer-container .lesson-list-item.disabled-access{cursor:not-allowed}.xplayer-container .lesson-list-item:before{content:"";position:absolute;left:-.18rem;top:calc(50% + 1px);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:.04rem;height:.04rem;background:#fff;border-radius:50%;-webkit-box-shadow:0 0 0 1px rgba(52,109,255,.2);box-shadow:0 0 0 1px rgba(52,109,255,.2)}.xplayer-container .lesson-list-item:hover{background:-webkit-gradient(linear,left top,right top,from(rgba(52,109,255,.05)),to(rgba(52,109,255,.02)));background:linear-gradient(90deg,rgba(52,109,255,.05),rgba(52,109,255,.02));border-radius:.04rem;padding-left:.06rem;margin-left:-.06rem}.xplayer-container .lesson-list-item.active{background:-webkit-gradient(linear,left top,right top,from(rgba(52,109,255,.1)),to(rgba(52,109,255,.05)));background:linear-gradient(90deg,rgba(52,109,255,.1),rgba(52,109,255,.05));border-radius:.04rem;padding-left:.06rem;margin-left:-.06rem;border-left:.02rem solid #346dff}.xplayer-container .lesson-list-item.active .lesson-title{color:#346dff}.xplayer-container .lesson-list-item:last-child{border-bottom:none}.xplayer-container .lesson-list-item .lesson-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:.2rem}.xplayer-container .lesson-list-item .lesson-title{color:#fff;font-size:.12rem;font-weight:500;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:.08rem}.xplayer-container .lesson-list-item .lesson-title:before{content:"\25B6";position:absolute;left:-.06rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:.08rem;color:#fff;opacity:.6;line-height:1}.xplayer-container .lesson-list-item .lesson-status{background:linear-gradient(135deg,#f56c6c,#ff7875);color:#fff;font-size:.1rem;padding:1px .06rem;border-radius:.1rem;margin-left:.08rem;-webkit-box-shadow:0 1px .03rem rgba(245,108,108,.2);box-shadow:0 1px .03rem rgba(245,108,108,.2);height:.16rem}.xplayer-container .lesson-list-item .lesson-status,.xplayer-container .lesson-list-item .watch-btn{font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.xplayer-container .lesson-list-item .watch-btn{color:#346dff;cursor:pointer;font-size:.11rem;-webkit-transition:all .3s ease;transition:all .3s ease;margin-left:auto;padding:.02rem .08rem;border-radius:.12rem;background:rgba(52,109,255,.1);border:1px solid rgba(52,109,255,.2);height:.18rem}.xplayer-container .lesson-list-item .watch-btn:hover{color:#fff;background:#346dff;border-color:#346dff}.xplayer-container .watch-btn.disabled{cursor:not-allowed;pointer-events:none}.xplayer-container .watch-btn.disabled:hover{color:#346dff;background:rgba(52,109,255,.1);border-color:rgba(52,109,255,.2)}.xplayer-container .upload-homework{width:100%;height:.35rem;padding:0 .1rem;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;top:-.05rem;left:0}.xplayer-container .upload-homework h3{height:.35rem;line-height:.35rem;color:#999;font-size:.12rem;font-weight:400}.xplayer-container .upload-homework p{width:.5rem;height:.22rem;text-align:center;color:#fff;font-size:.12rem;line-height:.22rem;background:#4d7eff;cursor:pointer;border-radius:.04rem}.xplayer-container .homework-tab .course-catalog-tree{height:5rem}.xplayer-container .flat-lesson-list{padding:.06rem 0}.xplayer-container .flat-lesson-list .flat-lesson-item{height:.22rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 .12rem;border-bottom:1px dashed #2a2a2a;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.xplayer-container .flat-lesson-list .flat-lesson-item:last-child{border-bottom:none}.xplayer-container .flat-lesson-list .flat-lesson-item:hover:not(.disabled-access){background:-webkit-gradient(linear,left top,right top,from(rgba(52,109,255,.05)),to(rgba(52,109,255,.02)));background:linear-gradient(90deg,rgba(52,109,255,.05),rgba(52,109,255,.02));border-radius:.04rem;padding-left:.18rem;margin-left:-.06rem}.xplayer-container .flat-lesson-list .flat-lesson-item.active{background:-webkit-gradient(linear,left top,right top,from(rgba(52,109,255,.1)),to(rgba(52,109,255,.05)));background:linear-gradient(90deg,rgba(52,109,255,.1),rgba(52,109,255,.05));border-radius:.04rem;padding-left:.18rem;margin-left:-.06rem;border-left:.02rem solid #346dff}.xplayer-container .flat-lesson-list .flat-lesson-item.active .lesson-number,.xplayer-container .flat-lesson-list .flat-lesson-item.active .lesson-title{color:#346dff}.xplayer-container .flat-lesson-list .flat-lesson-item.disabled-access{cursor:not-allowed;opacity:.5}.xplayer-container .flat-lesson-list .flat-lesson-item.disabled-access .lesson-number,.xplayer-container .flat-lesson-list .flat-lesson-item.disabled-access .lesson-title{color:#666}.xplayer-container .flat-lesson-list .flat-lesson-item.disabled-access .watch-btn{cursor:not-allowed;pointer-events:none}.xplayer-container .flat-lesson-list .flat-lesson-item .lesson-info{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:.2rem;position:relative}.xplayer-container .flat-lesson-list .flat-lesson-item .lesson-info .lesson-number{font-size:.12rem;color:#999;margin-right:.08rem;font-weight:500}.xplayer-container .flat-lesson-list .flat-lesson-item .lesson-info .lesson-title{font-size:.12rem;color:#fff;font-weight:500;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;padding-left:.06rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.xplayer-container .flat-lesson-list .flat-lesson-item .lesson-info .lesson-title:before{content:"\25B6";position:absolute;left:-.06rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:.08rem;color:#fff;opacity:.6;line-height:1}.xplayer-container .flat-lesson-list .flat-lesson-item .lesson-action{margin-left:.15rem}.xplayer-container .flat-lesson-list .flat-lesson-item .lesson-action .watch-btn{color:#346dff;cursor:pointer;font-size:.11rem;-webkit-transition:all .3s ease;transition:all .3s ease;padding:.02rem .08rem;border-radius:.12rem;background:rgba(52,109,255,.1);border:1px solid rgba(52,109,255,.2);font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;height:.18rem;white-space:nowrap}.xplayer-container .flat-lesson-list .flat-lesson-item .lesson-action .watch-btn:hover:not(.disabled){color:#fff;background:#346dff;border-color:#346dff}.xplayer-container .flat-lesson-list .flat-lesson-item .lesson-action .watch-btn.disabled{cursor:not-allowed;pointer-events:none;color:#346dff;background:rgba(52,109,255,.1);border-color:rgba(52,109,255,.2)}