recharge.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  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={{rootUrl_CSS}}global.css>
  9. <script src={{rootUrl_JS}}jquery-1.7.1.min.js></script>
  10. <script src={{rootUrl_JS}}global.js></script>
  11. <link href="{{rootUrl_CSS}}easydialog.css" rel="stylesheet" type="text/css" />
  12. </head>
  13. <body>
  14. <!-- include '_header' -->
  15. <!-- include '_body_top' -->
  16. <div class="globalContent width950">
  17. <div class="formContent clearfix">
  18. <!-- include '_left_profile' -->
  19. <div class="mainContent payContent">
  20. <div class="payWayTab">
  21. <ul>
  22. <li class="now">支付宝</li>
  23. <li style="display:none">网上银行</li>
  24. <li>银行转账</li>
  25. </ul>
  26. </div>
  27. <div class="payWayContent">
  28. <div class="wayItem">
  29. <form action="{{rootUrl}}alipay" method="post" name="aliform" target="_blank">
  30. <div class="rcInput">选择充值金额:
  31. <ul class="clearfix">
  32. <li><label><input name="p_amount" type="radio" value="10">10元</label></li>
  33. <li><label><input name="p_amount" type="radio" value="20">20元</label></li>
  34. <li><label><input name="p_amount" type="radio" value="50">50元</label></li>
  35. <li class="focus"><label><input name="p_amount" type="radio" value="100" checked="">100元</label></li>
  36. <li><label><input name="p_amount" type="radio" value="200">200元</label></li>
  37. <li><label><input name="p_amount" type="radio" value="500">500元</label></li>
  38. <li><label><input name="p_amount" type="radio" value="1000">1000元</label></li>
  39. </ul>
  40. </div>
  41. <div style="margin:50px 0"><img src="{{rootUrl_IMG}}165x58.png"></div>
  42. <div class="promoCode aliPromo">
  43. <h2>*充值优惠码</h2>
  44. <input type="text" name="remark2" placeholder="请输入优惠码">
  45. <p><span class="colRed">凡充值超过100元(含100元),输入优惠码即可获得充值<b>金额x5%</b>的充值奖励;</span></p>
  46. <p>索取优惠码可联系任何一位纵横公司销售人员,各地办事处联系方式:<a target="_blank" href="http://smartcost.com.cn/contact">点击查看</a></p>
  47. </div>
  48. <div class="clearfix"><input type="submit" name="isubmit" onclick="downfile()" class="button btn-red" value="下一步"></input></div>
  49. </form>
  50. </div>
  51. <div class="wayItem" style="display:none">
  52. <form action="{{rootUrl}}deposit3" method="post" name="iform">
  53. <div class="rcInput">选择充值金额:
  54. <ul class="clearfix">
  55. <li><label><input type="radio" name="v_amount" value="10">10元</label></li>
  56. <li><label><input type="radio" name="v_amount" value="20">20元</label></li>
  57. <li><label><input type="radio" name="v_amount" value="50">50元</label></li>
  58. <li><label><input type="radio" name="v_amount" value="100" checked>100元</label></li>
  59. <li><label><input type="radio" name="v_amount" value="200">200元</label></li>
  60. <li><label><input type="radio" name="v_amount" value="300">300元</label></li>
  61. <li><label><input type="radio" name="v_amount" value="400">400元</label></li>
  62. <li><label><input type="radio" name="v_amount" value="500">500元</label></li>
  63. <li><label><input type="radio" name="v_amount" value="1000">1000元</label></li>
  64. </ul>
  65. </div>
  66. <div class="rcBankTitle">选择充值银行:</div>
  67. <ul class="rcBankList clearfix">
  68. <li class="focus"><label><input type="radio" value="1025" name="bank" checked="">&nbsp;&nbsp;<img align="middle" alt="中国工商银行" src="http://bank-logo.qiniudn.com/bank_gsyh2.gif"></label></li>
  69. <li><label><input type="radio" value="308" name="bank">&nbsp;&nbsp;<img align="middle" alt="招商银行" src="http://bank-logo.qiniudn.com/bank_zsyh2.gif"></label></li>
  70. <li><label><input type="radio" value="105" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国建设银行" src="http://bank-logo.qiniudn.com/bank_jsyh2.gif"></label></li>
  71. <li><label><input type="radio" value="103" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国农业银行" src="http://bank-logo.qiniudn.com/bank_nyyh2.gif"></label></li>
  72. <li><label><input type="radio" value="104" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国银行" src="http://bank-logo.qiniudn.com/bank_zgyh2.gif"></label></li>
  73. <li><label><input type="radio" value="301" name="bank">&nbsp;&nbsp;<img align="middle" alt="交通银行" src="http://bank-logo.qiniudn.com/bank_jtyh.gif"></label></li>
  74. <li><label><input type="radio" value="311" name="bank">&nbsp;&nbsp;<img align="middle" alt="华夏银行" src="http://bank-logo.qiniudn.com/bank_hxyh.gif"></label></li>
  75. <li><label><input type="radio" value="309" name="bank">&nbsp;&nbsp;<img align="middle" alt="兴业银行" src="http://bank-logo.qiniudn.com/bank_xyyh.gif"></label></li>
  76. <li><label><input type="radio" value="305" name="bank">&nbsp;&nbsp;<img align="middle" alt="中国民生银行" src="http://bank-logo.qiniudn.com/bank_msyh2.gif"></label></li>
  77. <li><label><input type="radio" value="306" name="bank">&nbsp;&nbsp;<img align="middle" alt="广东发展银行" src="http://bank-logo.qiniudn.com/bank_gdfz.gif"></label></li>
  78. <li><label><input type="radio" value="307" name="bank">&nbsp;&nbsp;<img align="middle" alt="平安银行" src="http://bank-logo.qiniudn.com/bank_payh.gif"></label></li>
  79. <li><label><input type="radio" value="314" name="bank">&nbsp;&nbsp;<img align="middle" alt="上海浦东发展银行" src="http://bank-logo.qiniudn.com/bank_pfyh.gif"></label></li>
  80. <li><label><input type="radio" value="313" name="bank">&nbsp;&nbsp;<img align="middle" alt="中信银行" src="http://bank-logo.qiniudn.com/bank_zxyh.gif"></label></li>
  81. <li><label><input type="radio" value="312" name="bank">&nbsp;&nbsp;<img align="middle" alt="光大银行" src="http://bank-logo.qiniudn.com/bank_gdyh.gif"></label></li>
  82. <li><label><input type="radio" value="316" name="bank">&nbsp;&nbsp;<img align="middle" alt="南京银行" src="http://bank-logo.qiniudn.com/bank_njyh.gif"></label></li>
  83. <li><label><input type="radio" value="3230" name="bank">&nbsp;&nbsp;<img align="middle" alt="邮政储蓄银行" src="http://bank-logo.qiniudn.com/bank_psbc.gif"></label></li>
  84. <li><label><input type="radio" value="324" name="bank">&nbsp;&nbsp;<img align="middle" alt="杭州银行" src="http://bank-logo.qiniudn.com/bank_hangzhou.jpg"></label></li>
  85. <li><label><input type="radio" value="302" name="bank">&nbsp;&nbsp;<img align="middle" alt="宁波银行" src="http://bank-logo.qiniudn.com/bank_nbyh.gif"></label></li>
  86. <li><label><input type="radio" value="310" name="bank">&nbsp;&nbsp;<img align="middle" alt="北京银行" src="http://bank-logo.qiniudn.com/bank_bj.gif"></label></li>
  87. <li><label><input type="radio" value="342" name="bank">&nbsp;&nbsp;<img align="middle" alt="重庆农村商业银行" src="http://bank-logo.qiniudn.com/bank_CQRCB.gif"></label></li>
  88. <li><label><input type="radio" value="343" name="bank">&nbsp;&nbsp;<img align="middle" alt="上海农村商业银行" src="http://bank-logo.qiniudn.com/bank_SRCB.gif"></label></li>
  89. <li><label><input type="radio" value="335" name="bank">&nbsp;&nbsp;<img align="middle" alt="北京农村商业银行" src="http://bank-logo.qiniudn.com/bank_BJRCB.gif"></label></li>
  90. <li><label><input type="radio" value="3341" name="bank">&nbsp;&nbsp;<img align="middle" alt="青岛银行" src="http://bank-logo.qiniudn.com/bank_QDCCB.gif"></label></li>
  91. <li><label><input type="radio" value="336" name="bank">&nbsp;&nbsp;<img align="middle" alt="成都银行" src="http://bank-logo.qiniudn.com/bank_BOCD.gif"></label></li>
  92. </ul>
  93. <div class="clearfix">
  94. <input type="submit" name="isubmit" class="button btn-red" value="下一步"></input>
  95. </div>
  96. </form>
  97. </div>
  98. <div style="display:none" class="wayItem">
  99. <div class="bankWayStep">
  100. <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>
  101. </div>
  102. <div class="bankList clearfix">
  103. <dl>
  104. <dt>广发银行账户:</dt>
  105. <dd><span>卡号:</span>1130&nbsp;&nbsp;1551&nbsp;&nbsp;6010&nbsp;&nbsp;0009&nbsp;&nbsp;96</dd>
  106. <dd><span>户名:</span>珠海纵横创新软件有限公司</dd>
  107. <dd><span>开户行:</span>广发银行珠海分行柠溪支行</dd>
  108. </dl>
  109. </div>
  110. <div class="wayForm">
  111. <p>转账备注请填写您的网站帐号,实际转账金额与下面订单填写金额必须一致,客服将以此为对应凭证。</p>
  112. <form method="post" name="ibankform" >
  113. <dl>
  114. <dt><b>转账金额</b></dt>
  115. <dd><input name="ibank">&nbsp;<b>元</b></dd>
  116. <div class="clearfix">
  117. <input type="submit" name="isubmit" class="button btn-red" value="提交转账订单"></input>
  118. </div>
  119. </dl>
  120. <div class="promoCode bankPromo">
  121. <h2>*充值优惠码</h2>
  122. <input type="text" name="remark2" placeholder="请输入优惠码" >
  123. <p><span class="colRed">凡充值超过100元(含100元),输入优惠码即可获得充值<b>金额x5%</b>的充值奖励;</span></p>
  124. <p>索取优惠码可联系任何一位纵横公司销售人员,各地办事处联系方式:<a href="http://smartcost.com.cn/contact" target="_blank">点击查看</a></p>
  125. </div>
  126. </form>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. <!-- include '_footer' -->
  134. <script src="{{rootUrl_JS}}easydialog.min.js"></script>
  135. <script>
  136. function downfile(){
  137. easyDialog.open({
  138. container : {
  139. header : '充值',
  140. content : '充值完成前请不要关闭此窗口。完成充值后请根据你的情况点击下面的按钮:<br>请在新开网上储蓄卡页面完成付款后在选择。<div align="center"> <a href="{{rootUrl}}profile">已完成充值</a> <a href="http://help.smartcost.com.cn/hc/kb/section/90393/" target="_blank">充值遇到问题</a></div>'
  141. }
  142. });
  143. }
  144. </script>
  145. <!-- WPA Button Begin -->
  146. <script charset="utf-8" type="text/javascript" src="http://static.b.qq.com/account/bizqq/js/wpa.js?wty=1&type=13&kfuin=800003850&ws=www.smartcost.com.cn&title=%E7%BA%B5%E6%A8%AA%E7%9F%A5%E9%81%93&cot1=%E5%B7%A5%E4%BD%9C%E6%97%A5%209%EF%BC%9A00-18%3A00&btn1=%E7%82%B9%E5%87%BB%E8%81%94%E7%B3%BB%E5%AE%A2%E6%9C%8D&fsty=0&fposX=2&fposY=1&tx=2&aty=2&a=6&key=%5B%3E%076%027Sf%062Q4%019%04hV6%078%00%3AR5%066V0S5%0Ak%0Ci%0D9%036"></script>
  147. <!-- WPA Button END -->
  148. </body>
  149. </html>