.commodityBox{ background-color: #fff; width: 96%; border-radius: 12rpx; overflow: hidden; margin: 10rpx auto; } .commodityImgBox{ width: 100rpx; height: 100rpx; overflow: hidden; float: left; margin: 20rpx; border-radius: 8rpx; } .commodityImg{ width: 100%; height: 100%; } .contentBox{ width: 560rpx; float: left; height: 100rpx; margin-top: 20rpx; } .topBox{ overflow: hidden; } .title{ height: 60rpx; font-size: 26rpx; width: 490rpx; float: left; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; } .unit{ float: right; font-size: 24rpx; } .subhead{ margin-top: 4rpx; color: #a6a6a6; font-size: 20rpx; } .app-border-topX{ width: 100%; height: 120rpx; background-color: #fff; overflow: hidden; position: fixed; left: 0; bottom: 0; } .actually{ margin-left: 10%; font-size: 24rpx; color: #a6a6a6; line-height: 120rpx; float: left; } .payZ{ margin-left: 6rpx; font-size: 20rpx; color: #d5af67; line-height: 126rpx; float: left; } .price{ font-size: 26rpx; color: #d5af67; line-height: 120rpx; float: left; } .buyX{ float: right; background: linear-gradient(270deg, #DDAB5A, #B8832D); /* width: 80rpx; */ color: #fff; font-size: 28rpx; border-radius: 60rpx; margin: 30rpx 40rpx; padding: 10rpx 20rpx; }