.container { display: flex; flex-direction: column; align-items: center; padding: 20rpx; } .history-list { width: 100%; } .history-item { padding: 10px 0px 10px 5px; display: flex; margin-bottom: 20rpx; border: 1px solid #999; background-color: #fff; border-radius: 15px; } .history-img { width: 160rpx; height: 160rpx; margin-right: 20rpx; border-radius: 10px; } .history-info { display: flex; flex-direction: column; justify-content: space-between; } .history-title { font-size: 32rpx; font-weight: bold; } .history-description { font-size: 28rpx; color: #666; } .starSale { width: 120px; height: 15px; } .star { display: inline-block; line-height: 15px; } .history-sale { font-size: 20rpx; color: #999; float: right; display: inline-block; line-height: 15px; } .startPoints { width: 100%; height: 20px; } .points { padding-left: 15px; font-size: 20rpx; line-height: 20px; color: #d41414; } .distance, .time { font-size: 20rpx; color: #999; padding-left: 25px; font-size: 20rpx; } .history-start, .history-distance { font-size: 20rpx; color: #999; } .exchange { font-size: 24rpx; color: #e99e44; background-color: #f7dbb3; width: 75px; height: 20px; border-radius: 5px; border: 1px solid #e99e44; }