<template>
	<view class="OrderClearSuspicions">
		<view class="problem">
			<span>为什么有待支付订单？</span>
		</view>
		<view class="problemdesc">
			校园刷脸消费采用“先取餐后扣费”模式。孩子刷脸后验证是本人后先取餐，平台再进行扣费，账户余额不足就会产生欠费订单。请及时支付，否则后续无法继续刷脸吃饭。
		</view>
		<view class="step_guide">
			<image :src="this.$ImgUrl + 'applyCons/step_guide.png'" mode="aspectFit"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name: "OrderClearSuspicions",
		data() {
			return {
				ImgUrl: this.$ImgUrl,
			};
		}
	}
</script>

<style lang="scss" scoped>
	page {
		width: 100%;
		background: #E4F3EE;
	}

	.OrderClearSuspicions {
		.step_guide {
			width: 686rpx;
			height: 1484rpx;
			margin: 0 auto;
			margin-top: 40rpx;

			image {
				position: relative;
				height: 100%;
				width: 100%;
			}
		}

		.problemdesc {
			width: 677rpx;
			height: 111rpx;
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(0, 0, 0, 0.5);
			line-height: 37rpx;
			margin: 0 auto;
			margin-top: 16rpx;
		}

		.problem {
			text-align: center;
			height: 54rpx;
			font-size: 36rpx;
			font-family: SourceHanSansSC-Bold, SourceHanSansSC;
			font-weight: bold;
			color: rgba(0, 0, 0, 0.85);
			line-height: 54rpx;
			padding-top: 49rpx;
		}
	}
</style>