/* 盒子 */ .SupplyAndDemandItemBox { position: relative; width: 702rpx; background: #FFFFFF; border-radius: 20rpx; padding: 0 14rpx; box-sizing: border-box; margin: 0 auto; margin-bottom: 30rpx; padding-top: 20rpx; padding-bottom: 16rpx; } /* 标题和按钮 */ .title-and-but { display: flex; justify-content: space-between; width: 100%; padding-left: 20rpx; box-sizing: border-box; } /* 标题 */ .supply-and-demand-title { width: 96%; height: 40rpx; font-size: 28rpx; color: #000000; } /* 时间与内容 */ .time-content { display: flex; justify-content: space-between; align-items: flex-end; height: 110rpx; width: 100%; margin-top: 10rpx; border-bottom: 1px solid rgba(151, 151, 151, .2); padding-bottom: 10rpx; box-sizing: border-box; } .supply-and-demand-time { font-size: 24rpx; color: rgba(0, 0, 0, .4); margin-right: 14rpx; } .supply-and-demand-content { display: flex; } .supply-and-demand-content>image { width: 100rpx; height: 100rpx; border-radius: 10rpx; margin-left: 10rpx; } .content { padding-left: 10rpx; font-size: 24rpx; color: rgba(0, 0, 0, .6); height: 34rpx; line-height: 34rpx; margin-top: 8rpx; }