[data-v-6e838390]:root{--main:$mainBg;--danger:#f56c6c;--warning:#e6a23c;--success:#67c23a;--info:#909399}.learning_page[data-v-6e838390]{background:#5a5a60;width:100vw;height:100vh;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.learning_page-button[data-v-6e838390]{background:#fff;width:80px;border-radius:3px;padding:5px;position:absolute;top:30px;left:20px}.learning_page-button-icon[data-v-6e838390]{margin-right:5px;font-size:16px}.learning_page-video[data-v-6e838390]{padding:80px 20px 20px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex}.learning_page-name[data-v-6e838390]{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning_page-videoPlayer[data-v-6e838390]{width:100%;height:100%;background:#000;border-radius:3px;position:relative}.learning_page-catalogue[data-v-6e838390]{background:#fff;width:400px;height:100vh}.learning_page-catalogue-top[data-v-6e838390]{line-height:55px;background:#f7f7f7;padding:0 20px;font-size:20px}.learning_page-spread[data-v-6e838390]{position:absolute;left:-32px;background:#fff;border-radius:3px 0 0 3px;line-height:32px;text-align:center;width:32px;top:30px}.learning_page-list[data-v-6e838390]{height:calc(100vh - 55px);overflow:hidden scroll}.learning_page-list-name[data-v-6e838390]{padding:0 20px;width:400px;border-top:1px solid #eee}.learning_page-list-children[data-v-6e838390],.learning_page-list-name[data-v-6e838390]{line-height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.learning_page-list-children[data-v-6e838390]{padding-left:40px;padding-right:20px;font-size:14px}.learning_page-active[data-v-6e838390]{background-color:#ecf5ff;color:#409eff}.paly_dialog[data-v-6e838390] .el-dialog__body,.paly_dialog[data-v-6e838390] .el-dialog__footer{padding:10px 20px!important}