.course-item{background-color:#fff;border:1px solid #eee;border-radius:var(--estar-border-radius);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative}.course-item .course-cover{flex:none;height:173px;width:100%}.course-item .mask{background:linear-gradient(180deg,#34c644,#189420);color:#fff;font-size:12px;padding:5px 10px;position:absolute;right:0;z-index:2}.course-item .mask.mt{border-radius:4px 0 0 4px;clip-path:polygon(0 0,4% 50%,0 100%,100% 100%,100% 0);top:14px}.course-item .course-detail{flex:none;padding:15px 15px 11px}.course-item .course-detail .course-name{color:#333}.course-item .course-detail .course-desc{color:#999;height:40px;line-height:20px}.course-item .course-detail .emphasize{color:#ff2600}.course-item .course-detail .course-modality{color:#999;font-size:12px;line-height:1}.course-item .course-detail .course-price{align-items:center;display:inline-flex;font-size:12px}.course-item .course-detail .course-price .font17{font-size:17px}.course-item .course-detail .course-price .emphasize{color:#e01616}.course-item .course-detail .course-price .decoration{color:#999;text-decoration:line-through}.course-item .course-detail .course-price.free{background-color:#ffcdcd;border-radius:2px;color:#e01616;padding:4px 12px}.course-item .star-icon{color:#ff2600;font-size:32px;position:absolute;right:10px;top:10px}