.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}