.orderMain{
	//background: none;
	padding: 0;
	.cardBox{

		.headerView{
			border-bottom: 1px solid #e8e8e8;
			display: flex;justify-content: space-between;align-items: center;
			padding: 5px 0 17px 0;
		}
		.title{
			font-weight: 500;
			font-size: 13px;
		}
		.cardBody{
			padding: 12px 0 0 0;
			display: flex;flex-direction: column;
			.el-row{
				padding: 10px 0;
				.el-col{
					display: flex;

					.label{
						flex-basis: 100px;
						justify-content: flex-end;
						color: #303133;
						display: flex;
					}
					.labelText{
						align-items: center;
					}
					.text{
						color: #222;
						display: flex;
						flex: 1;
					}
				}
			}
		}
	}
	.footerCard{
		border-top: 10px solid #f6f8f9;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		.cardItem{
			margin-bottom: 12px;
			border-bottom: 1px solid #e9e9e9;
			padding: 0 0 10px 0;
		}
		.cardItem:last-child{
			border-bottom: 0;
		}
	}
}


.orderSteps{
	.el-step__main{
		.el-step__title{
			font-size: 12px;
		}
	}
	.is-success .el-step__icon{
		background: var(--el-color-success);
		border-color: var(--el-color-success-light-5);
		.el-icon{
			color: var(--el-color-white);
		}
	}
	.is-finish .el-step__icon{
		background: var(--el-color-primary);
		border-color: var(--el-color-primary-light-5);
		.el-step__icon-inner{
			color: var(--el-color-white);
		}
	}
	.is-wait .el-step__icon{
		background: var(--el-color-info);
		border-color: var(--el-color-info-light-5);
		.el-step__icon-inner{
			color: var(--el-color-white);
		}
	}
}
