.red { color: #F01740; } .grey { color: #666666; } .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; */ } .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; } .fixed-bottom { position: fixed; bottom: 0; left: 0; right: 0; } .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; } page { background: #f6f6f6; } .tags { width: 100%; margin: 8rpx 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .num-picker { position: fixed; bottom: 128rpx; left: 0; right: 0; } .footer-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99; display: flex; align-items: center; justify-content: space-between; padding: 20rpx; background-color: #ffffff; } .footer-bar .price { color: #F01740; font-weight: 600; } .footer-bar .btn { letter-spacing: 2px; }