.orders-list { display: flex; align-items: center; padding: 20rpx; height: 180rpx; border-bottom: 10rpx solid #ededed; } .orders-thumb { width: 180rpx; height: 180rpx; margin-right: 20rpx; } .orders-info { flex: 1; display: flex; justify-content: space-between; } .orders-info-left { display: flex; flex-direction: column; justify-content: space-between; } .orders-pro-name { font-size: 32rpx; font-weight: bold; } .order-specs { font-size: 28rpx; color: #888; margin-top: 5rpx; } .orders-info-right { text-align: right; display: flex; flex-direction: column; justify-content: space-between; } .orders-pro-price { font-size: 32rpx; font-weight: bold; color: #AB956D; } .orders-count-num { font-size: 28rpx; color: #888; } .orders-no-refund { height: 90rpx; line-height: 90rpx; font-size: 16px; color: #f56464; font-weight: bold; border-bottom: 20rpx solid #ededed; text-align: center; } .orders-no-refund::after { position: absolute; right: 30rpx; top: 34rpx; content: ''; width: 16rpx; height: 16rpx; border-top: 4rpx solid #7f7f7f; border-right: 4rpx solid #7f7f7f; transform: rotate(45deg); } .orders-box { padding-bottom: 105rpx; }