.card { background: #FFFFFF; border-radius: 20rpx; margin: 25rpx; padding-bottom: 10rpx; } .top-img { position: relative; } .score-bg-img { width: 700rpx; height: 143rpx; position: relative; } .score-tip { position: absolute; left: 40rpx; top: 50%; transform: translateY(-50%); font-size: 30rpx; font-weight: bold; color: #FFFFFF; } .score-btn-bg { width: 180rpx; height: 48rpx; line-height: 52rpx; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.32); font-size: 30rpx; font-weight: 400; color: #FFFFFF; text-align: center; } .score-bg-tag { width: 48rpx; height: 48rpx; position: absolute; right: 160rpx; top: 50%; transform: translateY(-50%); } .score-item { margin: 15rpx 25rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .score-left { flex: 1; font-size: 24rpx; font-weight: 400; color: #666666; } .score-right { margin-left: 5rpx; font-size: 26rpx; font-weight: 400; color: #FF4330; } .score-course-img { padding: 30rpx 0 40rpx; display: flex; justify-content: center; align-items: center; }