topayl.html 2.8 KB
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单详情</title>
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<script type="text/javascript" src="../js/base.js"></script>
		<link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" />
		<link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_6y9erxzbkn2.css" />
		<script type="text/javascript" src="../assets/font/iconfont.js">
		</script>
		<link rel="stylesheet" href="../css/topay.css" />
	</head>

	<body>
		<div class="good">
			<span>订单号:20180808001</span>
			<span class="confirmed">待付定金</span>
		</div>
		<div class="goods">
			<div class="pic_row">
				<span class="rock">
		  			   <span class="pic">
		  			        <img src="../images/banner.png" alt="" />
		  		       </span>
				<span class="two">
		  			        <span>两天攀岩活动</span>
				<span class="price">
			  			       <span>定金 ¥600</span>
				<span>价格 ¥1190</span>
				</span>
				</span>
				</span>
			</div>
			<span class="five">
		  			x5
		  	</span>
		</div>
		<ul class="list">
			<li>
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<button class="cancel ">退款</button>
			</li>
			<li>
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<button class="cancel ">退款</button>
			</li>
			<li>
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<button class="cancel ">退款</button>
			</li>
			<li class="caned">
				<span class="real">出行人A  13612984367  x1  定金600</span>
				<span class="canceled ">已退款</span>
			</li>
		</ul>
		<div class="refund">
			<span class="tui">
				退款进度
			</span>
		</div>
		<div class="add">

		</div>
		<div class="faqi_out">
			    <span class="left">
					
				</span>

			<div class="faqi">
				<span class="circle_main">
				<span class="circle">
					
				</span>
				<span class="fa">
					发起退款
				</span>
				</span>
				<span class="circle_main">
				<span class="circle">
					
				</span>
				<span class="fa">
					待审核
				</span>
				</span>
				<span class="circle_main">
				<span class="circle">
					
				</span>
				<span class="fa">
					审核不通过
				</span>
				</span>
				<span class="circle_main">
			
				<span class="circle">
					
				</span>
				<span class="fa">
					已退款
				</span>

				</span>
				<div>

				</div>
			</div>
			<span class="right">
				
			</span>
		</div>
<div class="topay">
	由于XX原因,您的审核未通过有何
疑问请联系客服
</div>

			<div class="footer ok">
				立即支付
			</div>
	
	</body>

</html>