.courses_container { width: 100%; height: 100%; background: #eee; } .courses_container .course_item { position: relative; width: 100%; height: 460rpx; background: #fff; margin-bottom: 20rpx; padding-top: 20rpx; box-sizing: border-box; } .courses_container .course_item .course_icon { display: block; width: 704rpx; height: 290rpx; border-radius: 20rpx; margin: 0 auto; } .courses_container .course_item .activity_tigs { position: absolute; top: 270rpx; left: 50%; transform: translateX(-50%); width: 704rpx; height: 40rpx; border-radius: 20rpx; } .courses_container .course_item .course_info { width: 704rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin: 17rpx auto; } .courses_container .course_item .course_info .course_title { color: #373737; font-size: 30rpx; } .courses_container .course_item .course_btn_wrapper { width: 100%; display: flex; align-items: center; justify-content: space-between; padding-left: 24rpx; padding-right: 24rpx; box-sizing: border-box; } .courses_container .course_item .course_btn_wrapper .course_btn { display: flex; align-items: center; } .courses_container .course_item .course_btn_wrapper .course_btn .btn_icon { width: 48rpx; height: 46rpx; margin-right: 10rpx; } .courses_container .course_item .course_btn_wrapper .course_btn .btn_icon.comment_icon { width: 22rpx; height: 25rpx; } .courses_container .course_item .course_btn_wrapper .course_btn .btn_icon.play_icon { width: 30rpx; height: 25rpx; } .courses_container .course_item .course_btn_wrapper .course_btn .btn_icon.like_icon { width: 29rpx; height: 26rpx; } .courses_container .course_item .course_btn_wrapper .course_btn .btn_icon.share_icon { width: 33rpx; height: 30rpx; } .courses_container .course_item .course_btn_wrapper .course_btn .btn_icon.collect_icon { width: 32rpx; height: 30rpx; } .courses_container .course_item .course_btn_wrapper .course_btn .btn_text { font-size: 28rpx; color: rgba(0, 0, 0, 0.6); } .courses_container .no_work { width: 100%; height: 120rpx; display: flex; align-items: center; justify-content: center; } .courses_container .no_work .no_work_text { color: #373737; font-size: 30rpx; }