.topic-course{width:100%;position:relative;padding-bottom:50px;box-sizing:border-box}.topic-course .table-folder1{justify-content:flex-start}.topic-course .table-container{border-spacing:0 0}.topic-course .table-container .table-row{cursor:default}.topic-course .table-container .table-row .table-cell{text-align:left;line-height:1.5;height:auto;padding:20px 0}.topic-course .table-container .table-row:first-child{border-radius:14px 14px 0 0;color:#000}.topic-course .table-container .table-row:first-child .table-cell{line-height:70px;padding:0}.topic-course .table-container .table-row:nth-child(odd){background:#e6e6e6}.topic-course .table-container .table-row:nth-child(2n){background:#fff}.topic-course .ctrl-panel{display:flex;flex-wrap:nowrap;align-content:flex-start;justify-content:space-between}.topic-course .ctrl-panel .ctrl-item{width:380px;display:flex;flex-direction:column;align-items:center;padding:30px;border-radius:14px;border-bottom:0 solid;box-sizing:border-box}.topic-course .ctrl-panel .ctrl-item .destitle{position:absolute;top:20px;right:20px}.topic-course .ctrl-panel .ctrl-item .destitle .descontent{display:none}.topic-course .ctrl-panel .ctrl-item .destitle:hover .descontent{display:inline-block;width:270px;position:absolute;top:36px;right:-135px;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.3);padding:10px;color:#000;z-index:999}.topic-course .ctrl-panel .ctrl-item .ctrl-item-container{margin-top:10px;width:100%}.topic-course .ctrl-panel .ctrl-item .ctrl-item-container .ctrl-item-title{display:inline-block;width:46%;text-align:right}.topic-course .topic-course-container{position:relative;width:100%;display:flex;flex-wrap:nowrap;align-content:flex-start;margin-top:30px;box-sizing:border-box}.topic-course .topic-course-container .topic-course-c-title{width:400px;position:absolute;background:#121dff;z-index:99;height:60px;line-height:60px;text-align:center;color:#fff;font-size:22px;border-radius:14px 14px 0 0}.topic-course .topic-course-container .topic-course-left{position:relative;width:400px;height:800px;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.2);margin-right:10px;padding:0;box-sizing:border-box;display:flex;flex-direction:column;border-radius:14px 14px 0 0}.topic-course .topic-course-container .topic-course-left .course-item{margin-top:10px;padding:10px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.topic-course .topic-course-container .topic-course-left .course-item:hover{color:#409eff}.topic-course .topic-course-container .topic-course-left .course-item-active{color:#409eff;background:#dcf7fe}