.mycourse-container{display:flex;flex-direction:column;height:100%}.mycourse-container .main-scroll{flex:1;width:100%}.mycourse-container .main-scroll .el-scrollbar__view{height:calc(100% - 6px)}.mycourse-container .nav{height:60px;background:#fbfbfb}.mycourse-container .nav .nav-inner{display:flex;width:1200px;margin:0 auto}.mycourse-container .nav .nav-inner ul{height:60px;padding-top:16px}.mycourse-container .nav .nav-inner ul li{display:inline-block;width:auto;margin-right:15px;padding:5px 18px;color:#999;text-align:center}.mycourse-container .nav .nav-inner ul li:hover{color:#3372ff;cursor:pointer}.mycourse-container .nav .nav-inner ul li:first-child{cursor:auto;user-select:none}.mycourse-container .nav .nav-inner ul li.active{color:#3372ff;font-weight:700;background:#eff2f7;border-radius:4px}.mycourse-container .nav .nav-inner ul li.title{padding-left:0;color:#666}.mycourse-container .nav .nav-inner .nav-btn{display:flex;align-items:center;justify-content:flex-end;width:70px;height:60px;color:#999}.mycourse-container .nav .nav-inner .nav-btn:hover{color:#3372ff;cursor:pointer}.mycourse-container .nav .nav-inner .active{color:#3372ff}.mycourse-container .nav .nav-inner .nav-label{display:flex;align-items:center;width:30px;height:60px;color:#333;font-size:14px}.mycourse-container .course-content{position:relative}.mycourse-container .course-content.course-content-list{flex:1}.invisible[data-v-b14c0510]{visibility:hidden}.bg[data-v-b14c0510]{background:url(https://s.learn.qq.com/xuetang/learning-course-background.png) no-repeat 100%!important}.learning[data-v-b14c0510]{background:url(../img/status-learning.c6c3f9bf.gif) 0 no-repeat!important}.courseCard-item[data-v-b14c0510]{position:relative;overflow:hidden;background:#fff;border-radius:4px;box-shadow:0 2px 18px 0 rgba(0,18,60,.02);cursor:pointer}.courseCard-item .el-progress[data-v-b14c0510] .el-progress-bar__outer{height:4px!important;background-color:hsla(0,0%,84.7%,.4)}.courseCard-item .el-progress[data-v-b14c0510] .el-progress-bar__inner{background-color:#5dcb6b}.courseCard-item .image-box[data-v-b14c0510]{overflow:hidden}.courseCard-item .image-box .courseCard-img[data-v-b14c0510]{display:block;width:100%;height:138px;overflow:hidden;text-align:center;user-select:none}.courseCard-item .image-box .courseCard-img .el-image[data-v-b14c0510]{max-width:100%;max-height:100%}.courseCard-item .image-box .courseCard-img .placeholder[data-v-b14c0510]{display:flex;align-items:center;justify-content:center;color:#c1c4cb;font-size:16px;background:#f5f7fa}.courseCard-item .courseCard-info[data-v-b14c0510]{position:relative;margin:16px 18px 20px 18px}.courseCard-item .courseCard-info .courseCard-title[data-v-b14c0510]{display:flex;align-items:center;height:24px;margin-bottom:10px}.courseCard-item .courseCard-info .courseCard-title h3[data-v-b14c0510]{max-width:80%;overflow:hidden;color:#333;font-weight:400;font-size:18px;white-space:nowrap;text-overflow:ellipsis}.courseCard-item .courseCard-info .courseCard-title label[data-v-b14c0510]{position:relative;margin-left:2px;color:#333;font-size:18px}.courseCard-item .courseCard-info .courseCard-title i.lock[data-v-b14c0510]{width:16px;height:16px;margin-left:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAAA80lEQVQ4T+2RMS9FQRCFz9la4z+IQhRUeg0KpfgDd2drhYSEiJCQKNS7e2uJKF/hafQqClGI/6BR75Er18v1XF6pMd3MOd/MZIYYixDCqqQdAEutdEfyNMY47FrZTcxsC8AxgLNSyqDRnHPrALYB7KWUzj/9IzCEMFdKuZe0Vtf1bbdhVVXLJK+dc4sxxqdGG4FmdiJpPufcTPgW3vsByceU0u4X0Ht/CeA557z/A3gEYDbnvDkOXrUdD/tAMztoN9r4AL33FySnASxIeiP50gdKmiE5BeBB0ivNTH3GSbV/8JcL/cFxvPdDkiuT/tbVJd28A9zRalV7wGdTAAAAAElFTkSuQmCC) no-repeat 50%}.courseCard-item .courseCard-info .courseCard-teacher-name[data-v-b14c0510]{height:19px;margin-top:-10px;margin-bottom:13px;color:#666;font-size:14px}.courseCard-item .courseCard-info .courseCard-time[data-v-b14c0510]{margin-top:3px;color:#888;font-size:14px}.courseCard-item .courseCard-info .courseCard-info-inner[data-v-b14c0510]{display:flex;align-items:center;color:#888;font-weight:400;font-size:14px}.courseCard-item .courseCard-info .courseCard-info-inner .courseCard-msg[data-v-b14c0510]{flex:1}.courseCard-item .courseCard-info .courseCard-info-inner .courseCard-msg small[data-v-b14c0510],.courseCard-item .courseCard-info .courseCard-info-inner .courseCard-msg span[data-v-b14c0510]{font-size:14px}.courseCard-item .courseCard-info .courseCard-info-inner .courseCard-msg .courseCard-btn[data-v-b14c0510]{padding:0;color:#3372ff!important;font-size:16px}.courseCard-item .courseCard-info .courseCard-info-inner .courseCard-msg .courseCard-btn[data-v-b14c0510]:hover{color:#0b4ad7!important}.courseCard-item[data-v-b14c0510]:hover{box-shadow:0 2px 18px 0 rgba(0,18,60,.09);transition:.5s}.courseCard-item:hover .el-image[data-v-b14c0510]{transform:scale(1.1);transition:.8s}.courseCard-item .courseCard-status[data-v-b14c0510]{position:absolute;top:0;right:0;z-index:9;width:46px;height:26px;color:#5dcb6b;font-size:12px;line-height:26px;text-align:center;background:url(../img/status-ing-t.4bf598ed.svg) 50% no-repeat;background-size:46px}.courseCard-item .courseCard-status.ready[data-v-b14c0510]{color:#ffbc2f;background:url(../img/status-ready-t.fae686a0.svg) 50% no-repeat;background-size:46px}.courseCard-item .courseCard-status.end[data-v-b14c0510]{display:none}.courseCard-item .courseCard-set[data-v-b14c0510]{position:absolute;top:10px;left:10px;z-index:9;height:40px;padding-right:10px}.courseCard-item .courseCard-set:hover>.tip-con[data-v-b14c0510]{display:block}.courseCard-item .courseCard-set .tip-con[data-v-b14c0510]{position:absolute;top:-6px;left:40px;display:none;width:100px;background:#fff!important;border:1px solid hsla(0,0%,86.7%,.1);border-radius:4px;box-shadow:0 5px 8px 0 rgba(11,24,73,.1);transition:all .6s}.courseCard-item .courseCard-set .tip-con[data-v-b14c0510]:before{position:absolute;top:10px;width:0;height:0;margin-left:-5px;border:5px solid transparent;border-right-color:#fff;border-left-width:0;content:""}.courseCard-item .courseCard-set .tip-con ul li[data-v-b14c0510]{color:#666;line-height:34px;text-align:center}.courseCard-item .courseCard-set .tip-con ul li[data-v-b14c0510]:first-child:hover{border-radius:4px 4px 0 0}.courseCard-item .courseCard-set .tip-con ul li[data-v-b14c0510]:last-child:hover{border-radius:0 0 4px 4px}.courseCard-item .courseCard-set .tip-con ul li[data-v-b14c0510]:hover{background:rgba(0,0,0,.06)!important}.courseCard-item .courseCard-set i[data-v-b14c0510]{display:flex;align-items:center;justify-content:center;width:34px;height:20px;color:#666;font-weight:100;font-size:16px;text-align:center;background:#fff;border:1px solid #ddd;border-radius:50px;box-shadow:0 5px 8px 0 rgba(11,24,73,.04)}.student-course .courseCard-item[data-v-b14c0510]{display:flex;align-items:stretch;padding:20px}.student-course .courseCard-item .image-box[data-v-b14c0510]{width:280px;height:137px;border-radius:3px}.student-course .courseCard-item .el-progress[data-v-b14c0510]{position:absolute;right:20px;bottom:20px;width:55px}.student-course .courseCard-item .el-progress[data-v-b14c0510] .el-progress-bar__outer{width:55px;height:4px!important;border-radius:100px!important}.student-course .courseCard-item .el-progress[data-v-b14c0510] .el-progress-bar__inner{background-color:#5dcb6b!important}.student-course .courseCard-item .el-progress[data-v-b14c0510] .el-progress__text{position:absolute;top:-14px;margin-left:0;color:rgba(72,72,72,.5);font-size:12px}.student-course .courseCard-item .courseCard-info[data-v-b14c0510]{position:relative;flex:1;width:calc(100% - 380px);margin:0 0 0 18px}.student-course .courseCard-item .courseCard-info .courseCard-status[data-v-b14c0510]{top:inherit;bottom:0;left:0;width:85px;padding-left:20px;color:#484848;font-size:14px;text-align:left;background:url(../img/status-ing.387b3889.svg) 0 no-repeat;box-shadow:none}.student-course .courseCard-item .courseCard-info .courseCard-status.ready[data-v-b14c0510]{background:url(../img/status-ready.34f5515f.svg) 0 no-repeat}.student-course .courseCard-item .courseCard-info .courseCard-status.end[data-v-b14c0510]{display:block;background:url(../img/status-end.375e9b31.svg) 0 no-repeat}.student-course .courseCard-item .courseCard-info .courseCard-title h3[data-v-b14c0510]{max-width:252px}