.courses_container { width: 100%; height: 100%; background: #eee; .course_item { width: 100%; height: 400rpx; background: #fff; margin-bottom: 20rpx; padding-top: 20rpx; box-sizing: border-box; // display: flex; // flex-direction: column; // align-items: center; .course_icon { display: block; width: 704rpx; height: 290rpx; border-radius: 20rpx; margin: 0 auto; } .course_info { width: 704rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 17rpx auto; .course_title { color: #373737; font-size: 30rpx; } .course_btn_wrapper{ width: 290rpx; display: flex; align-items: center; justify-content: space-between; } .course_btn { // width: 270rpx; display: flex; align-items: center; // justify-content: space-between; .btn_icon { width: 48rpx; height: 46rpx; margin-right: 7rpx; } .btn_text { font-size: 28rpx; color: rgba(0, 0, 0, .6); } } } } }