uniapp/pages_promotion/fenxiao/public/css/order.scss

/deep/ .fixed {
	position: relative;
	top: 0;
}
/deep/ .empty {
	margin-top: 0 !important;
}
.cart-empty {
	padding-top: 208rpx !important;
}
.color-text-green {
	color: #11bd64;
}
.color-text-orange {
	color: #ffa044;
}
.withdraw-cate {
	width: 100%;
	height: 90rpx;
	display: flex;
	box-sizing: border-box;
	background: #ffffff;
	.cate-li {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-size: 30rpx;

		&.active {
			box-sizing: border-box;
			position: relative;
		}
		&.active::after {
			position: absolute;
			bottom: 0;
			left: 0;
			content: '';
			width: 100%;
			height: 4rpx;
		}
	}
}
.goods_list {
	width: 100%;
	height: 100%;
	padding: 0 24rpx;
	box-sizing: border-box;
	margin-top: 18rpx;
	.order-item {
		padding: 30rpx;
		box-sizing: border-box;
		border-radius: 10rpx;
		background: #ffffff;
		position: relative;
		margin-bottom: 18rpx;

		.order-header {
			display: flex;
			align-items: center;
			position: relative;
			padding-bottom: 24rpx;
			line-height: 1;
			font-size: $font-size-goods-tag;

			.icon-dianpu {
				display: inline-block;
				line-height: 1;
				margin-right: 12rpx;
			}

			.status-name {
				flex: 1;
				text-align: right;
			}
		}

		.order-body {
			margin-bottom: 24rpx;
			.goods-wrap {
				display: flex;
				position: relative;

				&:last-of-type {
					margin-bottom: 0;
				}

				.goods-img {
					width: 170rpx;
					height: 170rpx;
					padding: 20rpx 0 0 0;
					margin-right: 5rpx;

					image {
						width: 100%;
						height: 100%;
						border-radius: $border-radius;
					}
				}

				.goods-info {
					flex: 1;
					position: relative;
					padding: 20rpx 0 0 0;
					max-width: calc(100% - 200rpx);
					margin-left: 18rpx;
					display: flex;
					flex-direction: column;

					.top-wrap {
						flex: 1;
					}

					.goods-name {
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						line-height: 1.5;
						font-size: $font-size-goods-tag;
						color: #000;
					}

					.goods-sub-section {
						width: 100%;
						line-height: 1.5;
						display: flex;
						align-items: center;
						font-size: $font-size-goods-tag;
						margin-top: 20rpx;

						.unit {
							font-size: $font-size-tag;
							margin-right: 2rpx;
						}

						view {
							flex: 1;
							line-height: 1;
							&:last-of-type {
								text-align: right;

								.iconfont {
									line-height: 1;
									font-size: $font-size-tag;
								}
							}
						}
					}
					.order-time {
						margin-top: 12rpx;
						font-size: $font-size-goods-tag;
						color: #838383;

						.goods-price {
							font-size: $font-size-goods-tag;
							float: right;
							color: #000;
						}
					}
				}
			}
		}

		.order-footer {
			padding-top: 24rpx;
			.order-base-info {
				display: flex;

				.total {
					text-align: right;
					padding-top: 20rpx;
					flex: 1;
					font-size: $font-size-goods-tag;

					& > text {
						line-height: 1;
					}
				}

				.order-type {
					font-size: $font-size-goods-tag;

					& > text {
						line-height: 1;
					}
				}
			}
			.order-base-info.active {
				.total {
					padding-top: 0;
				}
				.order-type {
					padding-top: 0;
				}
			}
		}
	}
	.order-item:last-child {
		border: none;
	}
}
.price-color{
	color: var(--price-color);
}