.course-card[data-v-884d38d6]{width:292px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer}.course-card[data-v-884d38d6]:hover{-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,.1);box-shadow:0 1px 5px 1px rgba(0,0,0,.1)}.course-card .course-info[data-v-884d38d6]{padding:16px;border-radius:0 0 10px 10px;border-bottom:1px solid #edeef0;border-left:1px solid #edeef0;border-right:1px solid #edeef0}.course-card .course-info .title[data-v-884d38d6]{font-size:18px;color:#12141a}.course-card .course-info .desc[data-v-884d38d6]{font-size:14px;color:rgba(18,20,26,.5019607843137255)}.course-card .course-cover[data-v-884d38d6]{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;border-radius:10px 10px 0 0;width:100%}.course-card .course-cover[data-v-884d38d6]:before{content:"";display:block;padding-bottom:55%}.course-card .course-cover img[data-v-884d38d6]{border-radius:10px 10px 0 0;position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.course-card .course-cover .price[data-v-884d38d6]{position:absolute;padding:2px 4px;right:0;color:#f7185d;font-size:24px;font-weight:700;background:hsla(0,0%,100%,.6);backdrop-filter:blur(1px);border-radius:0 10px 0 0;top:0}.course-card .course-cover .price[data-v-884d38d6]:before{content:"\FFE5";font-size:16px}.course-card .course-cover .price-flag[data-v-884d38d6]{width:58px;height:25px;line-height:22px;position:absolute;left:-3px;top:12px;color:#fff;font-size:14px;text-align:center}.course-card .course-cover .price-flag.not-free[data-v-884d38d6]{background-size:100% 100%;background-repeat:no-repeat;background-image:url(../../static/img/bg-not-free.e73407a9.svg)}.course-card .course-cover .price-flag.free[data-v-884d38d6]{background-size:100% 100%;background-repeat:no-repeat;background-image:url(../../static/img/bg-free.601665dc.svg)}.course-list[data-v-7cbd3cf8]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.more-btn[data-v-7cbd3cf8]{color:#55585c;margin-left:auto;cursor:pointer}