.title { font-weight: Medium; font-size: 36rpx; color: #222222; } .text-large { font-size: 36rpx; } .text { font-size: 30rpx; } .text-left { text-align: left; } .text-small { font-size: 24rpx; /* word-break: keep-all; */ } .grey { color: #666666; } .flex { display: flex; } .justify-between { justify-content: space-between; } .flex-aligin-center { display: flex; align-items: center; } .flex-1 { flex: 1; } .flex-grow-1 { flex-grow: 1; } .w-100 { width: 100%; } .h-100 { height: 100%; } .page-section { margin: 20rpx; border-radius: 20rpx; background-color: #ffffff; } .page-section-spacing { padding: 20rpx; } .spacing-small { padding: 10rpx; } .ellipsis { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .ellipsis-2 { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .detail-tags { width: 100%; margin: 8rpx 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .goods-tags { width: 100%; margin: 8rpx 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .item-label { min-width: 120rpx; text-align-last: justify; } .item-content { flex: 1; padding: 0 20rpx; } .item-end { min-width: 100rpx; text-align: right; }