.course-index-recommend-wrap{margin:20px auto 0!important}.course-index-recommend-wrap>.container>.title{font-size:18px;color:#333;height:24px;line-height:24px;padding-left:10px;border-left:4px solid #00cc7e;margin-bottom:20px}.course-index-recommend-wrap>.container>.items>.item{width:380px;overflow:hidden;cursor:pointer;display:inline-flex;align-items:flex-start}.course-index-recommend-wrap>.container>.items>.item:nth-child(2n){margin-left:50px}.course-index-recommend-wrap>.container>.items>.item:nth-child(n+3){margin-top:25px}.course-index-recommend-wrap>.container>.items>.item:hover>.left-wrap>img{transform:scale(1.05)}.course-index-recommend-wrap>.container>.items>.item>div{height:104px}.course-index-recommend-wrap>.container>.items>.item>.left-wrap{width:180px;height:104px;overflow:hidden}.course-index-recommend-wrap>.container>.items>.item>.left-wrap>img{transition:transform .3s ease}.course-index-recommend-wrap>.container>.items>.item>.right-wrap{flex:1;margin-left:12px;position:relative}.course-index-recommend-wrap>.container>.items>.item>.right-wrap>.name{color:#333;font-size:14px;max-height:42px;line-height:19px;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-index-recommend-wrap>.container>.items>.item>.right-wrap>.teacher-name{line-height:17px;margin-top:10px;color:#999;font-size:12px}.course-index-recommend-wrap>.container>.items>.item>.right-wrap>.join-num{position:absolute;bottom:0;margin-top:11px;font-size:12px;height:17px;color:#999;display:flex;align-items:center}.course-index-recommend-wrap>.container>.items>.item>.right-wrap>.join-num>span{margin-left:3px}