.success-container { display: flex; flex-direction: column; align-items: center; padding: 40rpx 30rpx; } .success-icon { margin-top: 162rpx; width: 160rpx; height: 160rpx; } .success-icon image { width: 100%; height: 100%; } .success-title { font-size: 36rpx; font-weight: bold; margin: 30rpx 0 50rpx; } .check-list { width: 100%; margin-bottom: 60rpx; display: flex; flex-direction: column; align-content: center; flex-wrap: wrap; } .check-item { display: flex; align-items: center; margin-bottom: 20rpx; } .check-index { width: 40rpx; height: 40rpx; border-radius: 50%; background-color: #f0f0f0; color: #999; display: flex; justify-content: center; align-items: center; font-size: 24rpx; margin-right: 20rpx; } .check-name { margin-right: 20px; font-size: 28rpx; color: #333; } .check-status { font-size: 28rpx; color: #67c23a; } .button-group { display: flex; width: 100%; justify-content: space-between; margin-top: 240rpx; } .btn-retake, .btn-next { width: 45%; height: 80rpx; line-height: 80rpx; text-align: center; border-radius: 8rpx; } .btn-retake { background-color: #f5f5f5; color: #333; border: 1px solid #ddd; } .btn-next { background-color: #003399; color: #fff; }