.course_cards.flex-con{width:100%;margin:0 auto;flex-wrap:wrap;justify-content:space-evenly}.course_cards.flex-con.left{justify-content:flex-start}.course_cards.flex-con .course{width:33.33%;max-width:390px;height:100%;padding:35px 15px 0 15px}.course_cards.flex-con .course.blank{opacity:0;padding:0}.course_cards.flex-con .course a{width:100%;height:100%;display:grid;grid-template-rows:-webkit-max-content;grid-template-rows:max-content;background-color:#fff;position:relative}.course_cards.flex-con .course div.title{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}.course_cards.flex-con .course div.title img{width:100%}.course_cards.flex-con .course div.title .le{width:66%;height:100%;padding:20px 0 25px 20px;position:absolute;display:grid;align-content:space-between}.course_cards.flex-con .course div.title .le h2{width:100%;min-height:65px;line-height:32px;font-size:24px;font-weight:400;color:#c5c5c6;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.course_cards.flex-con .course div.title .le span{width:68px;line-height:20px;font-size:12px;font-weight:500;color:#333335;text-align:left;display:inline-block;padding-left:8px;background-size:100% 100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAMAAADthUvBAAAAVFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////8wXzyWAAAAG3RSTlMA+/TCEdSddmE8Lx8F7Ork3bOyqY6FV0kpGgmmUVHHAAAAb0lEQVRIx93WxwGAMAACQKKxxd4L++/pFPAIC9wPAPVZDUjRG5AGeqQaDEgHPVJDj4zRgLTQIyX0SEgG5IAemaMBuaBHSuiRkAxI8RoQ7g6EtwNZPgPC04GEB5kUpKfqOUVkMr9kh1wuERvkclO5/ae9LU/+nkGGAAAAAElFTkSuQmCC)}.course_cards.flex-con .course div.title .le span.score{margin-bottom:5px;color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAMAAADthUvBAAAAbFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8+T+BWAAAAI3RSTlMAnYUB+/TCtHhlPRIE69SRjlc1LyAfDQjk3amobV9bTUkpGtb4fcoAAACKSURBVEjH3dbJAYMgAETRDwqKEqNxy77Rf49WMRyYBt5xPkm/hoR4q1v0yLlFjkxDlCNV6pAj1iBHLqdej5iAHAm+kiN7PSNH7Igc6a6bHnlMyJHgkSOxnvXI5v56hPaeAaH5ZkA+t12PMNoMSF//9AhPX+kRzItCTgtroIyQ4D1Eyog7FrdmCe4D5zMi6PBr5mwAAAAASUVORK5CYII=)}.course_cards.flex-con .course .detail{height:100%;padding:20px 15px 15px;display:grid;align-content:space-between;background-color:#fff;border:1px solid #ededed}.course_cards.flex-con .course .detail>div{width:100%}.course_cards.flex-con .course .detail>div.lecturer{position:relative}.course_cards.flex-con .course .detail>div.info{height:var(--info-height);overflow:hidden;transition:height .35s linear}.course_cards.flex-con .course .detail>div.info>div{padding-bottom:15px}.course_cards.flex-con .course .detail.simple>div.lecturer.islast p:last-of-type{min-height:48px;margin-bottom:35px}.course_cards.flex-con .course .detail h5{width:100%;line-height:10px;max-height:10px;text-align:right;margin-top:-25px;font-size:10px;font-weight:700;color:grey;display:flex;justify-content:flex-end;align-items:center;position:relative;z-index:1}.course_cards.flex-con .course .detail h5 i{font-weight:bolder}.course_cards.flex-con .course .detail h3{line-height:28px;font-size:20px;font-weight:400;font-family:PingFangSC-Regular;color:#333;margin-bottom:10px;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.course_cards.flex-con .course .detail h3.title{height:100px;min-height:72px;font-size:24px;padding-top:15px;border-top:1px solid #e6e6e6}.course_cards.flex-con .course .detail p{min-height:24px}.course_cards.flex-con .course .detail p,.course_cards.flex-con .course .detail pre{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:48px;line-height:24px;font-size:16px;font-weight:400;color:grey;white-space:normal;margin-bottom:15px;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;border:none;background-color:transparent}.course_cards.flex-con .course .detail pre span,.course_cards.flex-con .course .detail p span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:500;color:#4d4d4d;display:inline-block}.course_cards.flex-con .course .detail pre{margin-bottom:0}.course_cards.flex-con .course .detail p.title{font-size:18px}.course_cards.flex-con .course .detail h4{display:flex;flex-wrap:wrap;justify-content:space-between}.course_cards.flex-con .course .detail h4 span{line-height:24px;font-size:16px;font-weight:400;color:grey;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;border:1px solid #e6e6e6;padding:0 10px;margin-bottom:5px;margin-right:15px}.course_cards.flex-con .course .detail h4 span i{font-size:18px;vertical-align:middle;margin-right:5px}.course_cards.flex-con .course .detail h4 span.ri{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:26px;max-width:110px;border-radius:4px;margin-right:0}@media(min-width:700px)and (max-width:1000px){.course_cards.flex-con .course{width:50%}}@media(min-width:200px)and (max-width:700px){.course_cards.flex-con{justify-content:center!important}.course_cards.flex-con .course{width:100%;padding-top:30px}}