.wallet-header{ width: 100%; height: 400upx; background: linear-gradient(#b3a1cf 12%, #f8f8f8 96%); background-size: 100% 100%; background-position: 0% 0%; color: #ffffff; } .wallet-header-edu{ padding: 70upx 0 50upx; text-align: center; font-size: 26upx; } .wallet-header-price{ margin-bottom: 20upx; color: #ffffff; } .wallet-header-price text{ font-size: 70upx; font-weight: 700; margin: 0 20upx; color: #ffffff; } .wallet-header-apply{ width: 70%; margin: 0 15%; height: 80upx; display: flex; align-items: center; justify-content: center; font-size: 26upx; letter-spacing: 3upx; border-radius: 50upx; color: #ffffff; background-image: linear-gradient(to right, #ff6d07, #f98052); box-shadow: 1px 1px 1px 1px #f98052; } .wallet-goods-title{ position: relative; padding-left: 40upx; font-size: 30upx; font-weight: 700; padding: 20upx 50upx; margin: 20upx 0; } .wallet-goods-title::after{ content: ''; position: absolute; left: 20upx; content: 0; width: 10upx; height: 55%; border-radius: 30upx; background-color: #FE8C1C; } .goods-list{ width: 96%; display: flex; margin-left: 2%; flex-wrap: wrap; justify-content: space-between; } .goods-item{ width: 48%; border-radius: 18upx; background-color: #fbf8f8; margin-bottom: 30upx; } .goods-icon{ width: 100%; border-radius: 10upx; margin-bottom: 20upx; height: 350upx; } .goods-price{ margin-top: 16upx; display: flex; align-items: center; color: #F75451; font-size: 26upx; padding: 0 14upx; padding-bottom: 20upx; } .goods-price .red{ margin-left: 10upx; font-size: 32upx !important; font-weight: 600; } .goods-title{ padding: 0 14upx; font-size: 26upx; line-height: 42upx; font-weight: 700; color: #333; display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */ -webkit-box-orient: vertical; /* 垂直排列 */ -webkit-line-clamp: 1; /* 限制显示两行 */ overflow: hidden; /* 隐藏超出范围的内容 */ text-overflow: ellipsis; /* 使用省略号 */ }