span[data-v-bc772eee]{margin-top:16px;color:#666}.loader[data-v-bc772eee]{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid transparent;border-right-color:var(--primary-color);position:relative;-webkit-animation:l24-data-v-bc772eee 1s linear infinite;animation:l24-data-v-bc772eee 1s linear infinite}.loader[data-v-bc772eee]:after,.loader[data-v-bc772eee]:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:inherit;-webkit-animation:inherit;animation:inherit;-webkit-animation-duration:2s;animation-duration:2s}.loader[data-v-bc772eee]:after{-webkit-animation-duration:4s;animation-duration:4s}@-webkit-keyframes l24-data-v-bc772eee{to{transform:rotate(1turn)}}@keyframes l24-data-v-bc772eee{to{transform:rotate(1turn)}}.empty-content[data-v-774f90ba]{width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center}.empty-content .loading[data-v-774f90ba]{width:100%}.empty-content .empty-bg[data-v-774f90ba]{width:100%;height:240px;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url(../img/bg_empty.c3f4512c.png)}.empty-content .empty-tips[data-v-774f90ba]{font-size:14px;color:#1a1a1a;text-align:center}.scroll-list-view[data-v-35849894]{flex:1;overflow:scroll}.scroll-list-view .loading[data-v-35849894]{width:100%;height:50px;line-height:50px;text-align:center}.course-item[data-v-1966253c]{position:relative;width:100%;height:290px;border:1px solid #d9d9d9;cursor:pointer;background-color:#fff;overflow:hidden;transition:all .2s linear;box-shadow:0 2px 8px 0 rgba(0,0,0,.15);border-radius:10px}.course-item .flag[data-v-1966253c]{position:absolute;left:0;top:0;height:25px;background:var(--primary-color);border-radius:8px 0 8px 0;padding:0 16px;color:#fff;z-index:1;align-items:center;line-height:25px;font-size:12px}.course-item[data-v-1966253c]:hover{box-shadow:0 0 12px 6px rgba(0,0,0,.1)}.course-item[data-v-1966253c]:hover .el-image{scale:1.1}.course-item .coverimages[data-v-1966253c]{width:100%;height:146px;border-radius:8px 8px 0 0;overflow:hidden}.course-item .coverimages[data-v-1966253c] .el-image{width:100%;height:100%;transition:all .2s linear;overflow:hidden}.course-item .title[data-v-1966253c]{font-weight:600;font-size:16px;color:#000;padding:16px 16px 8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-item .describe[data-v-1966253c]{font-size:14px;color:#333;padding:0 16px;text-align:justify;margin-top:8px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.course-item .other[data-v-1966253c]{padding:0 16px;font-size:14px;margin-top:16px}.course-item .other span[data-v-1966253c]:last-child{float:right}.course-item .other label[data-v-1966253c]{margin-left:4px;color:var(--primary-color)}.course-item .tags[data-v-1966253c]{display:flex;padding-left:16px}.course-item .tags span[data-v-1966253c]{font-size:12px;color:#333;padding:4px 8px;background:#f2f2f2;border-radius:4px;margin-right:8px}.course-item .hover[data-v-1966253c]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;border:1px solid #d9d9d9;transition:all .3s linear;background-color:rgba(0,0,0,.4)}.course-item .hover .describe[data-v-1966253c],.course-item .hover .remarks[data-v-1966253c],.course-item .hover .title[data-v-1966253c]{color:#fff}.course-item .hover .tags span[data-v-1966253c]{background-color:#fff;margin-top:16px}.course-item .hover .remarks[data-v-1966253c]{padding:16px;line-height:24px;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.course-item .hover[data-v-1966253c]:hover{opacity:1}.top[data-v-1e6ca2b2]{display:flex;height:40px;overflow:scroll;align-items:center;margin:8px 16px}.top span[data-v-1e6ca2b2]{display:inline-block;width:92px;height:32px;flex-shrink:0;text-align:center;border-radius:16px;background:#f2f2f2;line-height:32px;font-size:15px;color:#333;margin-right:8px}.top span.active[data-v-1e6ca2b2]{color:#fff;background:var(--primary-color)}