.item { width: 100vw; padding-left: 30rpx; box-sizing: border-box; margin-bottom: 20rpx; background-color: #ffffff; .top { display: flex; align-items: center; justify-content: space-between; height: 80rpx; width: 100%; border-bottom: 1rpx solid #ddd; box-sizing: border-box; padding-right: 30rpx; .tags { text { display: inline-block; height: 40rpx; line-height: 40rpx; background: #E7EEFF; border-radius: 20rpx; padding: 0 15rpx; font-size: 20rpx; color: #3874F6; margin-right: 10rpx; } } .statu { font-size: 28rpx; } } .content { position: relative; .num { height: 40rpx; line-height: 40rpx; font-size: 28rpx; color: #333333; padding: 20rpx 0; } .exp { height: 34rpx; font-size: 24rpx; margin-bottom: 8rpx; color: #999999; } .amount { position: absolute; font-size: 28rpx; color: #FF3B30; bottom: 0; right: 30rpx; } } .bottom { height: 72rpx; line-height: 72rpx; margin-top: 12rpx; border-top: 1rpx solid #ddd; box-sizing: border-box; padding-right: 30rpx; font-size: 24rpx; color: #666666; } } /* 文本行数限制 */ .line-1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }