.flex { display: flex; } .line-clamp1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ranking-list__title { padding: 16rpx 24rpx; font-size: 28rpx; font-weight: 500; } .ranking-list__title .ranking-title__left { flex: 1; } .ranking-list__title .ranking-title__right { flex: 1; } .ranking-list__content { padding: 0 24rpx; display: grid; grid-template-columns: repeat(4, 25%); align-items: center; } .ranking-list__content .list-item { align-items: center; flex-direction: column; margin: 0 20rpx; } .ranking-list__content .image { width: 148rpx; height: 148rpx; border-radius: 16rpx; } .ranking-list__content .content { margin-top: 16rpx; color: #333333; font-size: 24rpx; } .ranking-list__content .price { margin: 12rpx 0 24rpx; color: var(--main-color); font-weight: 600; font-size: 24rpx; }