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