.course-con{display:flex;flex-wrap:wrap;justify-content:space-between}@media(min-width:541px)and (max-width:1023px){.course-con{justify-content:flex-start}}.course-item{width:30%;margin:20px 0 0 0;padding-left:25px;padding-right:15px;padding-bottom:30px;cursor:pointer;position:relative;background-position:100%}.course-item *{margin:0}.course-item div{width:auto;min-width:66px;height:28px;line-height:28px;padding:0 5px;margin-top:15px;position:absolute;left:0;background-color:#000;color:#fff;text-align:center}.course-item h3{padding-top:60px;font-family:PingFangSC-Medium;font-weight:500;-webkit-line-clamp:2}.course-item h3,.course-item p{color:#2e2e2e;white-space:pre-wrap;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.course-item p{font-family:PingFangSC-light;font-weight:300;-webkit-line-clamp:3}.course-item p:nth-of-type(2){position:absolute;bottom:15px}.course-item .course-item-p-b{font-family:PingFang SC Light;font-weight:300}.course-item .clearfloat{width:0!important;height:0!important;border:none!important;margin:0!important;padding:0!important;float:none!important;clear:both}@media(min-width:1024px){.course-item{height:255px;margin-right:16px;margin-bottom:20px;border-left:10px solid}.course-item h3{font-size:30px;line-height:30px}.course-item p:first-of-type{font-size:16px;line-height:22px;padding-top:15px}.course-item p:nth-of-type(2){font-size:16px;line-height:16px}}@media(min-width:541px)and (max-width:1023px){.course-item{width:330px;min-height:225px;margin:20px 20px 0 0;padding-left:20px;padding-right:10px;border-left:10px solid}.course-item h3{font-size:26px;line-height:26px}.course-item p:first-of-type{padding-top:16px}.course-item p:first-of-type,.course-item p:nth-of-type(2){font-size:15px;line-height:15px}}@media(max-width:540px){.course-item{width:240px;height:165px;margin:0 auto;margin-bottom:15px;padding-left:15px;border-left:10px solid}.course-item div{min-width:45px;height:25px;line-height:25px;font-size:12px;margin-top:10px}.course-item h3,.course-item p{width:210px}.course-item h3{font-size:22px;line-height:22px;padding-top:45px}.course-item p:first-of-type{padding-top:10px}.course-item p:first-of-type,.course-item p:nth-of-type(2){font-size:13px;line-height:15px}}