bjquanjiang
/
DigitalScholl

<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/style.css" rel="stylesheet" />
		
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<style>
			.mui-table-view{ margin-top: 10px;}
			.span1{ color: deepskyblue;}
			.span2{ color: #c70f1a; font-size: 13px;line-height: 24px;}
			.mui-ellipsis{line-height: 24px;}
			.mui-content-padded{ margin-top: 10px; text-align: center;}
			.mui-btn-blue{background-color: #0193df; border: #0193DF; }
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">缴费</h1>
			
		</header>
		<div class="mui-content">
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						
						<div class="mui-media-body">
							<span class="span1">基础信息</span>
							<p class='mui-ellipsis'>姓名：刘向华</p>
							<p class='mui-ellipsis'>性别：男</p>
							<p class='mui-ellipsis'>手机号：14567815648</p>
							<p class='mui-ellipsis'>报名专业：（五年高级工）电气自动化设备安装与维修</p>
							<p class='mui-ellipsis'>所属校区：总校区</p>
						</div>
					</a>
				</li>
				
			</ul>
			
				<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						
						<div class="mui-media-body">
							<span class="span1">费用明细</span>
							<p class='mui-ellipsis'>费用名称 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;缴费金额（元）&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  说明</p>
							<p class='mui-ellipsis'>第一学期 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4800元</p>
							<span class="span2">费用总计：4800(元)</span><br />
						</div>
					</a>
				</li>
				
			</ul>
			<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media">
					<a href="javascript:;">
						
						<div class="mui-media-body">
							<span class="span1">支付方式</span><br />
							<span class="span2">请您汇款至我们校区的账户，汇款完毕后及时联系我们。</span><br />
							<span class="span2">财务部：0351-2802263  &nbsp;&nbsp;&nbsp;  招生部：0351-2802791</span>
							<p class='mui-ellipsis'>名称：山西冶金技师学院</p>
							<p class='mui-ellipsis'>开户行：工商银行并州支行（备注：转白杨树支行）</p>
							<p class='mui-ellipsis'>账号：0502 2048 1902 4507 090</p>
						</div>
					</a>
				</li>
				
			</ul>
			<div class="mui-content-padded">
				<button type="button" class="mui-btn mui-btn-blue">
					支付宝支付
				</button>
					<button type="button" class="mui-btn mui-btn-blue" style="margin-left: 15px;">
					微信支付
				</button>
				<button type="button" class="mui-btn mui-btn-blue" style="margin-left: 15px;">
					网银支付
				</button>
				</div>
			</div>
		</div>
		
	</body>

</html>