.empty[data-v-0f60bc58]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:absolute}.empty .emptyImg[data-v-0f60bc58]{width:293px;height:178px}.el-col-lg-4-8{width:20%}.componentsCourseListWrap .selectTab[data-v-2f7495fa]{margin:26px 0 12px}.componentsCourseListWrap .selectTab .selectTabUl[data-v-2f7495fa]{height:30px;display:flex;align-items:center;font-size:14px}.componentsCourseListWrap .selectTab .selectTabUl .selectTabItem[data-v-2f7495fa]{display:flex;cursor:pointer;align-items:center}.componentsCourseListWrap .selectTab .selectTabUl .selectTabItem.is-active p[data-v-2f7495fa]{color:#06c585}.componentsCourseListWrap .selectTab .selectTabUl .selectTabItem[data-v-2f7495fa] .el-radio-button__inner{padding:0;display:flex;border:none;background:none;box-shadow:none}.componentsCourseListWrap .selectTab .selectTabUl .selectTabItem p[data-v-2f7495fa]{font-size:14px;color:#666}.componentsCourseListWrap .selectTab .selectTabUl .selectTabItem p[data-v-2f7495fa]:hover{color:#06c585}.componentsCourseListWrap .selectTab .selectTabUl .selectTabItem .line[data-v-2f7495fa]{border-right:1px solid #ddd;margin:0 18px;height:14px}.componentsCourseListWrap .selectTab .selectTabUl .selectTabItem:last-child .line[data-v-2f7495fa]{border:none;display:none}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard[data-v-2f7495fa]{width:224px;height:207px;background:#fff;border-radius:8px;float:left;margin-bottom:20px;cursor:pointer;border:none}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .image[data-v-2f7495fa]{width:224px;height:126px;-o-object-fit:fill;object-fit:fill}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .courseTitle[data-v-2f7495fa]{font-size:14px;color:#333;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .courseUser[data-v-2f7495fa]{display:flex;height:22px;margin-top:5px;align-items:center}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .courseUser .avatar[data-v-2f7495fa]{width:20px;height:20px}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .courseUser .userName[data-v-2f7495fa]{font-size:12px;color:#666;margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .courseBottom[data-v-2f7495fa]{display:flex;justify-content:space-between;margin-top:10px}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .courseBottom .coursePrice[data-v-2f7495fa]{font-size:18px;font-weight:500;color:#fc9402}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .courseBottom .free[data-v-2f7495fa]{font-size:18px;font-weight:500;color:#06c585}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard .courseBottom .coursePeople[data-v-2f7495fa]{align-self:flex-end;font-size:12px;color:#666}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard[data-v-2f7495fa]:hover{transform:translateY(-8px);transition:.2s}.componentsCourseListWrap .onlineCourseListDiv .onlineCourseBox .onlineCourseCard:hover .courseTitle[data-v-2f7495fa]{color:#06c585}.componentsCourseListWrap .coursePage[data-v-2f7495fa]{width:100%;position:relative;text-align:center;margin-top:40px}.componentsCourseListWrap .emptyBox[data-v-2f7495fa]{width:100%;height:300px;position:relative}.searchWrap .keyTextBox[data-v-5ceb4bae]{width:100%;height:66px;display:flex;align-items:center;font-size:14px;background:#fff;padding:0 16px}.searchWrap .keyTextBox .keyWord[data-v-5ceb4bae]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px dashed #06c585;padding:1px 8px}.searchWrap .keyTextBox .tipText[data-v-5ceb4bae]{margin-left:65px;display:flex}.searchWrap .keyTextBox .keyTextTotalCount[data-v-5ceb4bae]{color:#06c585}.searchWrap .keyTextBox .keyText[data-v-5ceb4bae]{max-width:300px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#06c585}