2-预约体检-3.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>黑龙江昆仑盛和安体检中心</title>
  6. <link rel="stylesheet" type="text/css" href="../style/common.css">
  7. <link rel="stylesheet" type="text/css" href="../style/user.css">
  8. <!--[if lt IE 9]>
  9. <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
  10. <![endif]--><!--窗口自适应适配低端IE-->
  11. <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  12. <script src="../js/date/jquery.LWJDatePicker.min.js" type="text/javascript"></script>
  13. <link type="text/css" rel="Stylesheet" href="../js/date/LWJDatePicker.css" />
  14. <script type="text/javascript">
  15. $(function () {
  16. $("#lwj2").LWJDate({
  17. Style: 'blue',
  18. Event: 'click',
  19. DateFormat: 'yyyy年MM月dd日',
  20. MinDay:'today',
  21. Animate: 1
  22. });
  23. });
  24. </script>
  25. <style type="text/css">
  26. h1.head{font-size:54px;line-height:100px;text-align:center;}
  27. .discribe{float:left;width:150px;min-height:150px;border:1px solid #ccc;padding:4px;margin-top:5px;color:#808080;font-size:12px;background:#fff;margin-right:10px;}
  28. .discribe-mini{height:200px;}
  29. .discribe-larger{width:830px;}
  30. .lwjdate-purple .lwjdate-head,.lwjdate-purple .lwjdate-dayselect,.lwjdate-purple .lwjdate-button-box,.lwjdate-purple .select-month,.lwjdate-red .select-year{background-color:#fc0fe8;}
  31. .lwjdate-purple .lwjdate-month-item, .lwjdate-purple .lwjdate-year-item{color:#fc0fe8;}
  32. .lwjdate-purple .lwjdate-month-item:hover, .lwjdate-red .lwjdate-year-item:hover{background:#fc0fe8;color:#ffffff;}
  33. </style>
  34. </head>
  35. <body>
  36. <div class="bgF4 h32 lh32">
  37. <div class="wp">
  38. <div class="top_z l">昆仑医疗集团</div>
  39. <div class="topWx y">官方微信&nbsp;</div><div class="y"><a href="#" class="mr20 topYy">预约体检</a><a href="#" class="mr20 topBg">报告查询</a></div><div class="y topLogin mr20"><a href="#"><strong>您好!张橙</strong></a><span></span></div>
  40. </div>
  41. </div>
  42. <div class="h60 bgFF pt25 pb40">
  43. <div class="wp h60 positionR">
  44. <div class="logo l"><img src="../style/logo-n.png" /></div>
  45. <div class="Cart y"><!--当购物车大于0时,输出class="Cart y"--><a href="#"><strong class="l">2</strong><span>我的购物车</span></a></div>
  46. <div class="y mr40"><div class="mt10 f12 c999 text-r">服务电话</div><div class="mt10 f14 c666">400-897-9898</div></div>
  47. <div class="y mr40"><div class="mt10 f12 c999 text-r">中心地址</div><div class="mt10 f14 c666">哈尔滨市南岗区学府路239号 / 英伦名邸1A栋</div></div>
  48. <div class="nav wp">
  49. <ul>
  50. <li><a href="#">首页</a></li>
  51. <li><a href="#">体检套餐</a></li>
  52. <li><a href="#">医技检查</a></li>
  53. <li><a href="#">中心专家</a></li>
  54. <li><a href="#">设备介绍</a></li>
  55. </ul>
  56. <div class="search-box">
  57. <div id="search" class="search">
  58. <form>
  59. <input class="search-input" placeholder="查找体检套餐..." type="search" value="" name="search" id="search">
  60. <input class="search-submit" type="submit" value="">
  61. <span class="icon-search"></span>
  62. </form>
  63. </div>
  64. <script src="../js/classie.js"></script>
  65. <script src="../js/uisearch.js"></script>
  66. <script>
  67. new UISearch( document.getElementById( 'search' ) );
  68. </script>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="wp">
  74. <div class="main bgFF">
  75. <div class="bread-nav"><a href="####" class="index">首页</a><em>/</em><a href="####">个人中心</a><em>/</em><a href="####">预约体检</a><em>/</em><span>阳光精英成人体检套餐(男)</span></div>
  76. <ul class="subnav l mt20">
  77. <li class="u1"><a href="####">个人中心</a></li>
  78. <li class="u2"><a href="####" class="ca">预约体检</a></li>
  79. <li class="u3"><a href="####">报告查询</a></li>
  80. <li class="u4"><a href="####">商城订单</a></li>
  81. <li class="u6"><a href="####">常见问题</a></li>
  82. <li class="u7"><a href="#">修改密码</a></li>
  83. <li class="u8"><a href="#">退出登录</a></li>
  84. </ul>
  85. <div class="l" style="width:80%; ">
  86. <div class="clearfix mt20"><strong class="f16">阳光精英成人体检套餐(男)</strong><span class="y f12 cBlue">适应人群:男性</span></div>
  87. <div class="u-speed-bar">
  88. <table>
  89. <tr>
  90. <td class="ed"><div class="axis"></div><dl><dt></dt><dd>查看套餐详情</dd></dl></td>
  91. <td class="ing"><div class="axis"></div><dl><dt>2</dt><dd>填写体检人信息</dd></dl></td>
  92. <td class="soon"><div class="axis"></div><dl><dt>3</dt><dd>完成预约</dd></dl></td>
  93. </tr>
  94. </table>
  95. </div>
  96. <div class="u-form">
  97. <dl><dt>选择体检人:</dt>
  98. <dd>
  99. <label class="label"><input class="radio" type="radio" name="pe-user" checked="checked"><span class="radioInput"></span>新建体检人</label>
  100. </dd>
  101. <dd>
  102. <label class="label"><input class="radio" type="radio" name="pe-user"><span class="radioInput"></span>王美丽</label>
  103. </dd>
  104. </dl><!--已做过体检则有记录,选择某人后自动填充-->
  105. <div style="width:100%; height:1px; background-color:#EEE; font-size:0; "></div>
  106. <dl><dt>体检人证件号:</dt><dd><select name="" class="slt"><option>身份证</option></select><input name="" type="text" class="txt ml5" style="width:231px; " placeholder="请输入身份证号码" /></dd><!--<span>请输入正确格式的身份证号码</span>--></dl>
  107. <dl><dt>姓名:</dt><dd><input name="" type="text" class="txt" placeholder="请输入与证件上一致的体检人姓名" style="width:300px; " /></dd></dl>
  108. <dl><dt>性别:</dt>
  109. <dd>
  110. <label class="label"><input class="radio" type="radio" name="sex"><span class="radioInput"></span>男</label>
  111. </dd>
  112. <dd>
  113. <label class="label"><input class="radio" type="radio" name="sex"><span class="radioInput"></span>女</label>
  114. </dd>
  115. </dl>
  116. <dl><dt>手机号码:</dt><dd><input name="" type="text" class="txt" style="width:300px; " placeholder="此手机号用于接收体检报告及预约信息" /></dd></dl>
  117. <div style="width:100%; height:1px; background-color:#EEE; font-size:0; "></div>
  118. <dl><dt>预约体检日期:</dt><dd><input name="" type="text" class="txt" style="width:160px; " id="lwj2" /><select name="" class="slt" style="width:130px; "><option>预约时间</option><option>8:00 - 8:30</option><option>8:30 - 9:00</option><!--半小时为阶段,当日8点至11:30分结束--></select></dd></dl>
  119. </div>
  120. <div class="user_speed_nextBar"><a href="####" class="nextBtn">下一步</a><a href="####" class="preBtn">上一步</a></div>
  121. </div>
  122. </div>
  123. </div>
  124. <div class="wp">
  125. <div class="links">
  126. <p><strong>友情链接:</strong><a href="####">黑龙江省卫计委</a><a href="####">哈尔滨市卫计委</a></p>
  127. </div>
  128. <table class="footer">
  129. <tr>
  130. <td width="390">
  131. <dl>
  132. <dt>中心介绍</dt>
  133. <dd><a href="#">关于我们</a></dd>
  134. <dd><a href="#">设备介绍</a></dd>
  135. <dd><a href="#">中心专家</a></dd>
  136. </dl>
  137. <dl>
  138. <dt>顾客服务</dt>
  139. <dd><a href="#">预约体检</a></dd>
  140. <dd><a href="#">报告查询</a></dd>
  141. <dd><a href="#">常见问题</a></dd>
  142. </dl>
  143. <dl>
  144. <dt>官方商城</dt>
  145. <dd><a href="#">体检套餐</a></dd>
  146. <dd><a href="#">医技检查</a></dd>
  147. <dd><a href="#">订单查询</a></dd>
  148. </dl>
  149. </td>
  150. <td class="news">
  151. <ul>
  152. <li><a href="####">昆仑盛和安体检中心通过安全消防审查</a></li>
  153. <li><a href="####">全国爱牙日来临之际,昆仑盛和安体检中心诚邀您关爱口腔健康</a></li>
  154. <li><a href="####">昆仑医疗集团妇儿医院成功进行奠基仪式</a></li>
  155. </ul>
  156. </td>
  157. <td width="140">
  158. <div class="wx"><img src="../images/qrcode.png" /><p>官方微信</p></div>
  159. </td>
  160. </tr>
  161. </table>
  162. <div class="lineDDD mt30"></div>
  163. <div class="bottom">
  164. <p><strong>黑龙江昆仑盛和安体检中心</strong></p>
  165. <p>黑ICP备 + 黑公网安备 + 黑卫网审</p>
  166. <p>+ 互联网医疗保健信息服务相关证号 +</p>
  167. <p>信息化支持单位:<a href="http://www.pacsonline.cn" target="_blank">北京中世康恺科技有限公司</a></p>
  168. </div>
  169. </div>
  170. <div class="wxPopup"></div>
  171. </body>
  172. </html>