.tw-body-outer{background-color:#000;color:#999}.tw-body-inner-playerbox{display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0}.tw-body-inner-playerbox-left{-webkit-box-flex:1;-ms-flex:1;flex:1}.tw-body-inner-playerbox-right{width:380px;background-color:#262630}.video-player.tw-live-videoplayer{overflow:hidden;position:relative}.video-js{position:static}.tw-body-inner-playerbox-right .el-tabs__item{color:#8695ba}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#1e1e24}.tw-body-inner-playerbox-right .el-tabs__content{padding:0 10px 10px 20px}.tw-videoplay-lesson{position:relative;margin-bottom:10px;color:#999;cursor:pointer}.tw-videoplay-lesson .xmain{width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-videoplay-lesson .xlabel{margin-left:20px}.tw-videoplay-lesson .xbtn{position:absolute;right:10px;top:8px;display:inline-block;padding:2px 5px;font-size:12px;background:linear-gradient(229deg,#fc8d6d,#f83838);border-radius:10px;color:#fff}.tw-videoplay-lesson .xtime{font-size:12px}.tw-videoplay-lesson.active,.tw-videoplay-lesson:hover{color:#346dff}.tw-videoplay-file{position:relative;margin-bottom:10px;cursor:pointer}.tw-videoplay-file .xmain{width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tw-videoplay-file .xicon img{width:25px;height:25px}.tw-videoplay-file .xlabel{margin-left:10px}.tw-videoplay-file .xbtn{position:absolute;right:10px;top:2px;display:inline-block}.tw-videoplay-file .xtime{font-size:12px}.tw-videoplay-file.active,.tw-videoplay-file:hover{color:#346dff}.tw-videoplay-msglist{position:relative}.tw-videoplay-msglist .xcontent{height:530px;padding-bottom:100px}.tw-videoplay-msglist .xcontent-inner{height:430px;overflow-y:auto}.tw-videoplay-msglist .el-checkbox__label{color:#fff}.tw-videoplay-msg+.tw-videoplay-msg{margin-top:10px}.tw-videoplay-msg{line-height:24px}.tw-videoplay-msg .xtitle{border:1px solid #346dff;font-size:12px;padding:2px 5px;border-radius:2px}.tw-videoplay-msg .xlabel,.tw-videoplay-msg .xtitle{color:#346dff;margin-right:10px}.tw-videoplay-msginput{position:absolute;bottom:0;width:340px}.tw-videoplay-msginput .xforbid{font-size:12px;margin-bottom:5px}.tw-videoplay-msginput .xforbid .tw-svgicon{width:14px;height:14px;margin-right:5px;margin-top:-4px}.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:10px;font-size:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tw-videoplay-msginput .xmessagebar .xnums{margin-left:10px;margin-right:10px}.tw-videoplay-msginput .xmessagebar .el-checkbox__label,.tw-videoplay-msginput .xmessagebar .tw-btn{font-size:12px}.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:#346dff;opacity:.8;border:none}.tw-videoplay-msginput .el-textarea,.tw-videoplay-msginput .el-textarea__inner{resize:none;height:51px;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:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}.tw-videoplay-user .xlabel,.tw-videoplay-user .xname{margin-left:10px}.tw-videoplay-user .xtitle{border:1px solid #999;font-size:12px;padding:2px 5px;border-radius:2px}.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:10px}.tw-videoplay-courseinfo-flag{display:-webkit-box;display:-ms-flexbox;display:flex}.tw-videoplay-courseinfo-flag .xplayitem{cursor:pointer;padding:2px 10px;margin:10px;border:1px solid #8695ba;border-radius:3px}.tw-videoplay-courseinfo-flag .xplayitem:hover{color:#346dff;border:1px solid #346dff}.tw-videoplay-courseinfo-title .xtitle{font-size:20px;margin-right:10px}.tw-videoplay-courseinfo-title .xbtn{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;color:#2cd07b;border:1px solid #2cd07b}.tw-videoplay-courseinfo-title .xbtn.xlb{border:1px solid #00b6fd;color:#00b6fd}.xnodata{text-align:center;padding:50px}.xnodata-msg{margin-top:20px}