.course-list[data-v-12525db1]{padding:20px 0 20px 20px;height:100%}.course-list .tab-content[data-v-12525db1]{position:relative;height:30px;margin-bottom:20px}.course-list .tab[data-v-12525db1]{position:absolute;left:0;top:0;width:384px;z-index:2;padding-bottom:10px;height:30px;box-sizing:border-box;padding-right:20px;overflow:hidden}.course-list .tab[data-v-12525db1]:after{position:absolute;content:"";display:block;width:16px;height:16px;background-image:url(../../202577105243/img/icon-shchedul.svg);background-size:100%;right:20px;bottom:15px;transform:rotate(180deg)}.course-list .tab[data-v-12525db1]:hover{height:auto;background:#32373e;box-shadow:0 4px 4px 0 rgba(0,0,0,.29);width:430px;padding:0 40px 20px 20px;left:-20px;box-sizing:border-box}.course-list .tab[data-v-12525db1]:hover:after{bottom:27px;right:34px;transform:rotate(0deg)}.course-list .tab[data-v-12525db1]::-webkit-scrollbar{height:6px}.course-list .tab[data-v-12525db1]::-webkit-scrollbar-thumb{background:#999;border-radius:6px}.course-list .tab[data-v-12525db1]::-webkit-scrollbar-track{background:#fff;border-radius:6px}.course-list .tab li[data-v-12525db1]{display:inline-block;height:30px;line-height:30px;background:#424a54;border:1px solid #424a54;border-radius:15px;margin-right:20px;padding:0 20px;box-sizing:border-box;font-size:14px;cursor:pointer;margin-bottom:10px}.course-list .tab li.active[data-v-12525db1],.course-list .tab li[data-v-12525db1]:hover{border:1px solid #37d26e;background:#32373e;color:#37d26e;font-weight:500}.course-list .course-group[data-v-12525db1]{overflow-y:auto;overflow-x:hidden;height:calc(100% - 140px);padding-right:20px}.course-list .course-group[data-v-12525db1]::-webkit-scrollbar{width:6px;height:70px}.course-list .course-group[data-v-12525db1]::-webkit-scrollbar-thumb{background:#424a54;border-radius:6px;height:70px}.course-list .course-group[data-v-12525db1]::-webkit-scrollbar-track{background:#282d35;border-radius:6px}.course-list .course-group h2[data-v-12525db1]{font-size:14px;margin-bottom:10px}.course-list .course-group .course-stage .course-stage-item[data-v-12525db1]{margin-bottom:10px}.course-list .course-group .course-stage .course-stage-item h3[data-v-12525db1]{height:50px;background:#282d35;line-height:50px;padding-left:20px;position:relative;cursor:pointer}.course-list .course-group .course-stage .course-stage-item h3[data-v-12525db1]:after{content:"";display:block;width:16px;height:16px;background-image:url(../../202577105243/img/arrow.svg);background-size:100%;position:absolute;top:18px;right:0;transition:transform 1s}.course-list .course-group .course-stage .course-stage-item h3.active[data-v-12525db1]:after{transform:rotate(180deg)}.course-list .course-group .lesson[data-v-12525db1]{color:#999;height:0;overflow:hidden;transition:height 1s}.course-list .course-group .lesson .lesson-item[data-v-12525db1]{margin-top:20px}.course-list .course-group .lesson.active[data-v-12525db1]{height:300px}