<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style></style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的预约-预约业务</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" href="../staticCss/swiper-bundle.min.css" />
<link rel="stylesheet" type="text/css" href="../staticCss/progressBar.css" />
<link rel="stylesheet" type="text/css" href="../staticCss/yysj.css" />
<link rel="stylesheet" type="text/css" href="../staticCss/layuiDialog.css" />
</head>
<body>
<div class="yysj_main">
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../index.html" title="首页">首页</a>
<a href="./grzx.html" title="个人中心">个人中心</a>
<a title="预约业务"><cite>预约业务</cite></a>
</span>
</div>
</div>
<!-- ----------------------------------内容模块的开始----------------------------------------------- -->
<div class="central_area appointment_content">
<div class="progressBar" style="margin-bottom: 30px;">
<ul class="app_progress">
<li>
<p class="active"></p>
<h5>预约须知</h5>
</li>
<div class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</div>
<li>
<p class="active"></p>
<h5>选择区域</h5>
</li>
<div class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</div>
<li>
<p class="activeing"></p>
<h5 class="activeingtext">预约业务</h5>
</li>
<div class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</div>
<li>
<p></p>
<h5>预约结果</h5>
</li>
</ul>
</div>
<h2 class="region_title">选择日期</h2>
<div class="appoint_time">
<div class="swiper-container">
<div class="swiper-wrapper" id="swiperDate"></div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
<!-- ----------------------------------业务选择start----------------------------------------------- -->
<div class="business_choice">
<h2 class="region_title">选择时间</h2>
<div id="business_list" style="margin-top: 20px;"></div>
</div>
<div class="next_button">
<button type="button" class="layui-btn layui-btn-normal">
<a href="./xzqy.html" title="上一步"> 上一步 </a>
</button>
</div>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script src="../staticJs/swiper-bundle.min.js"></script>
<script type="text/javascript" src="../staticJs/yysj.js"></script>