/* packageH/free_of_charge/FreeDetails/FreeDetails.wxss */ .record, .free-goods { display: block; margin: 20rpx 30rpx; } .free-goods-title { margin-top: 8rpx; line-height: 48rpx; font-size: 30rpx; color: #f15353; text-align: center; } .free-goods-title::after { content: ""; display: block; width: 90rpx; height: 6rpx; margin: 13rpx auto 0; background: #f15353; border-radius: 6rpx; } .free-goods-list { margin-top: 40rpx; } .free-goods-item { margin-bottom: 40rpx; } .free-goods-item:last-child { margin-bottom: 0rpx; } .free-goods_cover { display: inline-block; width: 110rpx; height: 110rpx; border-radius: 10rpx; } .free-goods-info { display: inline-flex; flex-direction: column; justify-content: space-between; vertical-align: top; margin-left: 19rpx; width: 500rpx; height: 110rpx; } .free-goods_title { line-height: 30rpx; font-size: 30rpx; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .free-goods-footer { line-height: 26rpx; font-size: 26rpx; color: #a8a8a8; } .free-goods-footer > view { display: inline-block; width: 50%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .free-goods-footer > view:first-child { color: #f15353; } .free-goods-footer > view:last-child { text-align: right; }