recharge.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>个人信息纵横通行帐号</title>
  6. <meta name=description content=一个帐号通用纵横旗下所有网络产品。>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/global.css>
  9. <script src=js/jquery-1.7.1.min.js></script>
  10. <script src=js/global.js></script>
  11. </head>
  12. <body>
  13. <div class="globalHeader">
  14. <div class="width950">
  15. <div class="globalNav">
  16. <a href="http://smartcost.com.cn" target="_blank">纵横官网</a>
  17. <a href="http://sso.smartcost.com.cn" target="_blank" class="now">通行帐号</a>
  18. <a href="#">网络版</a>
  19. <div class="zhzd">
  20. <a class="zhzdFir">纵横知道<b></b></a>
  21. <div class="zhzdMenu">
  22. <a href="http://zhzdwd.com" target="_blank">问答</a>
  23. <a href="http://zhzdwk.com" target="_blank">文库</a>
  24. <a href="http://zhzdjg.com" target="_blank">价格信息</a>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="width950 userInfoPanel clearfix">
  31. <img src="images/mainlogo.png" class="fL"><p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p>
  32. </div>
  33. <div class="globalContent width950">
  34. <div class="formContent clearfix">
  35. <div class="slidebar">
  36. <div class="userAvr clearfix">
  37. <img src="img/avatra48.png">
  38. <p>账户余额:</p>
  39. <p>¥&nbsp;<b style="font-size:18px" class="colOrange">0.00</b>&nbsp;元</p>
  40. </div>
  41. <ul>
  42. <li><a href="#" title="个人信息"><b>个人信息</b></a></li>
  43. <li class="now"><a href="#" title="我的纵横"><b>帐号充值</b></a></li>
  44. </ul>
  45. </div>
  46. <div class="mainContent payContent">
  47. <div class="payWayTab">
  48. <ul>
  49. <li class="now">支付宝</li>
  50. <li>网上银行</li>
  51. <li>银行转账</li>
  52. </ul>
  53. </div>
  54. <div class="payWayContent">
  55. <div class="wayItem">
  56. <div class="rcInput">选择充值金额:
  57. <ul class="clearfix">
  58. <li><label><input type="radio">10元</label></li>
  59. <li><label><input type="radio">20元</label></li>
  60. <li><label><input type="radio">50元</label></li>
  61. <li class="focus"><label><input type="radio" checked="">100元</label></li>
  62. <li><label><input type="radio">200元</label></li>
  63. <li><label><input type="radio">500元</label></li>
  64. <li><label><input type="radio">1000元</label></li>
  65. </ul>
  66. </div>
  67. <div style="margin:50px 0"><img src="images/165x58.png"></a></div>
  68. <div class="promoCode aliPromo">
  69. <h2>*充值优惠码</h2>
  70. <input>
  71. <p><span class="colRed">凡充值超过100元(含100元),输入优惠码即可获得充值<b>金额x5%</b>的充值奖励;</span></p>
  72. <p>索取优惠码可联系任何一位纵横公司销售人员,各地办事处联系方式:<a target="_blank" href="http://www.smartcost.com.cn/contact">点击查看</a></p>
  73. </div>
  74. <div class="clearfix"><a href="" class="button btn-red">下一步</a></div>
  75. </div>
  76. <div class="wayItem" style="display:none">
  77. <div class="rcInput">选择充值金额:
  78. <ul class="clearfix">
  79. <li><label><input type="radio">10元</label></li>
  80. <li><label><input type="radio">20元</label></li>
  81. <li><label><input type="radio">50元</label></li>
  82. <li><label><input type="radio" checked="">100元</label></li>
  83. <li><label><input type="radio">200元</label></li>
  84. <li><label><input type="radio">500元</label></li>
  85. <li><label><input type="radio">1000元</label></li>
  86. </ul>
  87. </div>
  88. <div class="rcBankTitle">选择充值银行:</div>
  89. <ul class="rcBankList clearfix">
  90. <li><label><input type="radio" value="1025" name="bank" id="gsyh">&nbsp;&nbsp;<img align="middle" alt="中国工商银行" src="https://pay3.chinabank.com.cn/i/bank_gsyh2.gif"></label>
  91. </li>
  92. <li><label><input type="radio" value="308" name="bank">&nbsp;&nbsp;<img align="middle" alt="招商银行" src="https://pay3.chinabank.com.cn/i/bank_zsyh2.gif"></label></li>
  93. <li><label><input type="radio" value="105" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国建设银行" src="https://pay3.chinabank.com.cn/i/bank_jsyh2.gif"></label></li>
  94. <li><label><input type="radio" value="103" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国农业银行" src="https://pay3.chinabank.com.cn/i/bank_nyyh2.gif"></label></li>
  95. <li><label><input type="radio" value="104" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国银行" src="https://pay3.chinabank.com.cn/i/bank_zgyh2.gif"></label></li>
  96. <li><label><input type="radio" value="301" name="bank">&nbsp;&nbsp;<img align="middle" alt="交通银行" src="https://pay3.chinabank.com.cn/i/bank_jtyh.gif"></label></li>
  97. <li><label><input type="radio" value="311" name="bank">&nbsp;&nbsp;<img align="middle" alt="华夏银行" src="https://pay3.chinabank.com.cn/i/bank_hxyh.gif"></label></li>
  98. <li><label><input type="radio" value="309" name="bank">&nbsp;&nbsp;<img align="middle" alt="兴业银行" src="https://pay3.chinabank.com.cn/i/bank_xyyh.gif"></label></li>
  99. <li><label><input type="radio" value="305" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国民生银行" src="https://pay3.chinabank.com.cn/i/bank_msyh2.gif"></label></li>
  100. <li><label><input type="radio" value="306" name="bank">&nbsp;&nbsp;<img align="middle" alt="广东发展银行" src="https://pay3.chinabank.com.cn/i/bank_gdfz.gif"></label></li>
  101. <li><label><input type="radio" value="307" name="bank">&nbsp;&nbsp;<img align="middle" alt="深圳发展银行" src="https://pay3.chinabank.com.cn/i/bank_szfz.gif"></label></li>
  102. <li><label><input type="radio" value="314" name="bank">&nbsp;&nbsp;<img align="middle" alt="上海浦东发展银行" src="https://pay3.chinabank.com.cn/i/bank_pfyh.gif"></label></li>
  103. <li><label><input type="radio" value="313" name="bank">&nbsp;&nbsp;<img align="middle" alt="中信银行" src="https://pay3.chinabank.com.cn/i/bank_zxyh.gif"></label></li>
  104. <li><label><input type="radio" value="312" name="bank">&nbsp;&nbsp;<img align="middle" alt="光大银行" src="https://pay3.chinabank.com.cn/i/bank_gdyh.gif"></label></li>
  105. <li><label><input type="radio" value="316" name="bank">&nbsp;&nbsp;<img align="middle" alt="南京银行" src="https://pay3.chinabank.com.cn/i/bank_njyh.gif"></label></li>
  106. <li><label><input type="radio" value="317" name="bank">&nbsp;&nbsp;<img align="middle" alt="渤海银行" src="https://pay3.chinabank.com.cn/i/bank_bhyh.gif"></label></li>
  107. <li><label><input type="radio" value="3279" name="bank">&nbsp;&nbsp;<img align="middle" alt="邮政储蓄银行" src="https://pay3.chinabank.com.cn/i/bank_psbc.gif"></label></li>
  108. <li><label><input type="radio" value="327" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国银联" src="https://pay3.chinabank.com.cn/i/bank_unionpay.gif"></label></li>
  109. </ul>
  110. <div class="clearfix"><a href="" class="button btn-red">下一步</a></div>
  111. </div>
  112. <div style="display:none" class="wayItem">
  113. <div class="bankWayStep">
  114. <span class="til">转账流程:</span><span>1.提交转账订单</span><b>&gt;</b><span>2.银行转账</span><b>&gt;</b><span>3.客服确认到帐</span><b>&gt;</b><span>4.充值成功</span>
  115. </div>
  116. <div class="bankList clearfix">
  117. <dl>
  118. <dt>工商银行账户:</dt>
  119. <dd><span>卡号:</span>1130&nbsp;&nbsp;1551&nbsp;&nbsp;6010&nbsp;&nbsp;0009&nbsp;&nbsp;96</dd>
  120. <dd><span>户名:</span>珠海纵横创新软件有限公司</dd>
  121. <dd><span>开户行:</span>广发银行珠海分行柠溪支行</dd>
  122. </dl>
  123. </div>
  124. <div class="wayForm">
  125. <p>转账备注请填写您的网站帐号,实际转账金额与下面订单填写金额必须一致,客服将以此为对应凭证。</p>
  126. <dl>
  127. <dt><b>转账金额</b></dt>
  128. <dd><input>&nbsp;<b>元</b></dd>
  129. <div class="clearfix">
  130. <a class="button btn-red" href="">提交转账订单</a>
  131. </div>
  132. </dl>
  133. <div class="promoCode bankPromo">
  134. <h2>*充值优惠码</h2>
  135. <input>
  136. <p><span class="colRed">凡充值超过100元(含100元),输入优惠码即可获得充值<b>金额x5%</b>的充值奖励;</span></p>
  137. <p>索取优惠码可联系任何一位纵横公司销售人员,各地办事处联系方式:<a target="_blank" href="http://www.smartcost.com.cn/contact">点击查看</a></p>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="footer">
  146. <div class="width950">
  147. <p>Copyright &copy; 2012 <a target="_blank" href="http://smartcost.com.cn">纵横创新软件有限公司</a>. All Rights Reserved </p>
  148. </div>
  149. </div>
  150. </body>