.hotSection { width: 100%; /* height: 50rpx; */ background: #fff; margin-top: 10rpx; } .hotWares { display: flex; flex-wrap: wrap; } .hotSection .hotWares .hotWareCard { position: relative; overflow: hidden; width: 704rpx; height: 402rpx; /* margin: 0 0 18rpx 16rpx; */ margin: 0 auto 20rpx; /* box-shadow: 0 8rpx 6rpx 0 rgba(0, 0, 0, .28); */ } .hotWareCard .titleSummary { display: flex; justify-content: space-between; margin-top: 12rpx; } .hotWareCard .wareCardImg { width: 100%; height: 290rpx; border-radius: 20rpx; } .hotWareCard .wareCardTitle { /* margin: 0 auto; */ width: 100%; height: 46rpx; display: block; /* text-align: left; */ color: #444; font-size: 32rpx; /* letter-spacing: 4rpx; */ /* font-family: MicrosoftYaHei; */ } .hotWareCard .bottomData { height: 34rpx; margin-top: 10rpx; display: flex; /* flex-direction: row; */ justify-content: space-between; align-items: center; } .hotWareCard .wareCardTip { width: 178rpx; height: 40rpx; display: block; text-align: left; color: #444; font-size: 24rpx; }