.hotWares .hotWareCard { position: relative; overflow: hidden; width: 704rpx; height: 360rpx; margin: 20rpx auto; } .hotWareCard .wareCardImg { width: 100%; height: 290rpx; border-radius: 20rpx; } .resultData{ display: flex; align-content: space-between; align-items: center } .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; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .hotWareCard .bottomData { height: 34rpx; margin-top: 10rpx; display: flex; /* flex-direction: row; */ justify-content: space-between; align-items: center; } .hotWareCard .bottomData .wareCardPlays { width: 100rpx; margin-left: 270rpx; display: flex; flex-direction: row; align-items: center; } .hotWareCard .wareCardTip { width: 178rpx; height: 40rpx; display: block; text-align: center; color: #414141; font-size: 24rpx; }