userHome - recharge.html 7.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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. <link href="css/globalLayout.css" rel="stylesheet" type="text/css" />
  6. <link href="css/style.css" rel="stylesheet" type="text/css" />
  7. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8. <script type="text/javascript" src="js/global.js"></script>
  9. </head>
  10. <body>
  11. <div class="globalHeader">
  12. <div class="width960">
  13. <div class="siteNav clearfix">
  14. <div class="fL navLogoBar"><a href="#" class="webSwitch" title="切换纵横知道其他网站"></a><a href="#" title="纵横知道·问答" class="navLogo wdLogo"></a>
  15. <div class="switchItem">
  16. <a href="#" class="navLogo jgLogo" title="纵横知道·价格信息"></a>
  17. <a href="#" class="navLogo wkLogo" title="纵横知道·文库"></a>
  18. </div>
  19. </div>
  20. <div class="fR navLoginBar">
  21. <ul class="userLoginPanel">
  22. <li class="userAvtar"><a title="查看我的首页" href=""><img width="20" height="20" src="img/avtra-1.png"></a></li>
  23. <li class=""><a href=""><i title="查看通知" class="loginIcon iconMyMsg"></i><span class="msgNum">10</span></a></li>
  24. <li class="userMenu"><a class="dBtn" href=""><i class="loginIcon iconMyList"></i></a>
  25. <div class="myListMenu">
  26. <a href="">我的回答</a>
  27. <a href="#">我的提问</a>
  28. </div>
  29. </li>
  30. <li><a class="dBtn" href=""><i class="loginIcon iconMySet"></i></a>
  31. <div class="myListMenu">
  32. <a href="#">修改头像</a>
  33. <a href="#">基本资料</a>
  34. <a href="#">退出</a>
  35. </div>
  36. </li>
  37. </ul>
  38. </div>
  39. </div>
  40. <div class="header">
  41. <div class="headerBd clearfix">
  42. <h1 class="fL"><a href="#">纵横知道·价格信息</a></h1>
  43. <div class="searchPanel fR">
  44. <div class="searchInput"><div class="leftRadius"></div><input></div><a class="searchBtn">查询报价</a>&nbsp;&nbsp;&nbsp;<a class="askBtn">我要询价</a>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="mainNav warpContent">
  50. <div class="mainNavBd clearfix">
  51. <ul class="navList">
  52. <li class="nav0"><a href="#" class="over"><span>首页</span></a></li>
  53. <li class="nav1"><a href="#"><span>财富兑换</span></a></li>
  54. <li class="nav2"><a href="#"><span>纵横专家</span></a></li>
  55. </ul>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="globalContent warpContent indexContent clearfix">
  60. <div class="sidebar">
  61. <div class="userAvtra">
  62. <img src="img/avtra-1.png">
  63. <p><span class="expIcon"></span>WQZH2222</p>
  64. <p><a class="levIcon lev5" title="等级5"></a><a class="userIcon vcard"></a><a class="userIcon vmailEnb"></a></p>
  65. <div class="myOver"><p>余额:<b class="colOrange">¥69.00</b></p><p>
  66. <a class="button btn-orange" href="#">充值</a>
  67. </p></div>
  68. </div>
  69. <div class="myMenu">
  70. <div class="myMenuEntry now">
  71. <a href="#" class="fir">我的首页</a>
  72. </div>
  73. <div class="myMenuEntry">
  74. <a href="#" class="fir">我的回答</a>
  75. </div>
  76. <div class="myMenuEntry">
  77. <a href="#" class="fir">我的提问</a>
  78. </div>
  79. <div class="myMenuEntry">
  80. <a href="#" class="fir">我的账单</a>
  81. </div>
  82. <div class="myMenuEntry">
  83. <a href="#" class="fir">我的设置</a>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="mainContent boxShadow">
  88. <div class="centerTab">
  89. <ul class="clearfix">
  90. <li><a class="now" href="#">充值</a></li>
  91. </ul>
  92. </div>
  93. <div class="centerFormItem">
  94. <table>
  95. <thead><tr><th>选择充值方式</th></tr></thead>
  96. </table>
  97. <div class="rechargeItem">
  98. <div class="chargeEntry bankCard">
  99. <h2><div class="fR payBtn" style="display: block;"><a class="button" href="javascript:void(0)">充值</a></div><i class="chargeIcon"></i>网银在线</h2>
  100. <div class="chargeItem" style="display: none;">
  101. <div class="moneySelect">
  102. <h3>选择充值金额:</h3>
  103. <ul>
  104. <li><input type="radio">20元</li>
  105. <li><input type="radio">50元</li>
  106. <li class="mSel"><input type="radio" checked="checked">100元</li>
  107. <li><input type="radio">200元</li>
  108. </ul>
  109. <ul>
  110. <li><input type="radio">500元</li>
  111. <li><input type="radio">1000元</li>
  112. <li><input type="radio">2000元</li>
  113. <li><input type="radio">5000元</li>
  114. </ul>
  115. </div>
  116. <div class="clearfix">
  117. <a href="#" class="button">确定充值</a><a href="javascript:void(0)" class="button btn-gray">取消</a>
  118. </div>
  119. </div>
  120. </div>
  121. <div class="chargeEntry uoionPay">
  122. <h2><div class="fR payBtn" style="display: block;"><a class="button" href="javascript:void(0)">充值</a></div><i class="chargeIcon"></i>银联在线支付</h2>
  123. <div class="chargeItem" style="display: none;">
  124. <div class="moneySelect">
  125. <h3>选择充值金额:</h3>
  126. <ul>
  127. <li><input type="radio">20元</li>
  128. <li><input type="radio">50元</li>
  129. <li class="mSel"><input type="radio" checked="checked">100元</li>
  130. <li><input type="radio">200元</li>
  131. </ul>
  132. <ul>
  133. <li><input type="radio">500元</li>
  134. <li><input type="radio">1000元</li>
  135. <li><input type="radio">2000元</li>
  136. <li><input type="radio">5000元</li>
  137. </ul>
  138. </div>
  139. <div class="clearfix">
  140. <a href="#" class="button">确定充值</a><a href="javascript:void(0)" class="button btn-gray">取消</a>
  141. </div>
  142. </div>
  143. </div>
  144. <div class="chargeEntry aliPay">
  145. <h2><div class="fR payBtn"><a class="button" href="javascript:void(0)">充值</a></div><i class="chargeIcon"></i>阿里巴巴-支付宝</h2>
  146. <div class="chargeItem">
  147. <div class="moneySelect">
  148. <h3>选择充值金额:</h3>
  149. <ul>
  150. <li><input type="radio">20元</li>
  151. <li><input type="radio">50元</li>
  152. <li class="mSel"><input type="radio" checked="checked">100元</li>
  153. <li><input type="radio">200元</li>
  154. </ul>
  155. <ul>
  156. <li><input type="radio">500元</li>
  157. <li><input type="radio">1000元</li>
  158. <li><input type="radio">2000元</li>
  159. <li><input type="radio">5000元</li>
  160. </ul>
  161. </div>
  162. <div class="clearfix">
  163. <a href="#" class="button">确定充值</a><a href="javascript:void(0)" class="button btn-gray">取消</a>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="chargeEntry tenPay">
  168. <h2><div class="fR payBtn"><a class="button" href="javascript:void(0)">充值</a></div><i class="chargeIcon"></i>腾讯-财付通</h2>
  169. <div class="chargeItem">
  170. <div class="moneySelect">
  171. <h3>选择充值金额:</h3>
  172. <ul>
  173. <li><input type="radio">20元</li>
  174. <li><input type="radio">50元</li>
  175. <li class="mSel"><input type="radio" checked="checked">100元</li>
  176. <li><input type="radio">200元</li>
  177. </ul>
  178. <ul>
  179. <li><input type="radio">500元</li>
  180. <li><input type="radio">1000元</li>
  181. <li><input type="radio">2000元</li>
  182. <li><input type="radio">5000元</li>
  183. </ul>
  184. </div>
  185. <div class="clearfix">
  186. <a href="#" class="button">确定充值</a><a href="javascript:void(0)" class="button btn-gray">取消</a>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="globalFooter warpContent">
  195. <div class="footNav"><a href="#">关于我们</a><a href="#">帮助中心</a><a href="#">联系我们</a><a href="#">服务条款</a><a href="#">意见建议</a></div>
  196. <div class="copyright">Copyright © 2012 <a href="http://www.smartcost.com.cn">纵横创新软件有限公司</a>. All Rights Reserved<br>粤ICP备10042688号</div>
  197. </div>
  198. </body>