index10.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>极速支付 - 专业支付通道 | 一手通道 | 低费率支付解决方案</title>
  7. <meta name="description" content="极速支付提供专业支付通道服务,支持机场/发卡/影视/游戏等业务,费率低至6%,D0实时结算,自研系统成功率99%。">
  8. <meta name="keywords" content="极速支付,支付通道,一手通道,低费率支付,支付解决方案,D0结算">
  9. <meta name="author" content="极速支付">
  10. <meta property="og:title" content="极速支付 - 专业支付通道 | 一手通道 | 低费率支付解决方案">
  11. <meta property="og:description" content="极速支付提供专业支付通道服务,支持机场/发卡/影视/游戏等业务,费率低至6%,D0实时结算,自研系统成功率99%。">
  12. <meta property="og:type" content="website">
  13. <link rel="canonical" href="https://jsupay.com/">
  14. <style>
  15. * {
  16. margin: 0;
  17. padding: 0;
  18. box-sizing: border-box;
  19. }
  20. body {
  21. font-family: 'Microsoft YaHei', sans-serif;
  22. line-height: 1.6;
  23. color: #333;
  24. background-color: #f5f5f5;
  25. min-height: 100vh;
  26. }
  27. .container {
  28. max-width: 1200px;
  29. margin: 0 auto;
  30. padding: 20px;
  31. }
  32. .header {
  33. text-align: center;
  34. padding: 60px 0;
  35. background: linear-gradient(135deg, #1890ff 0%, #096dd9 100%);
  36. position: relative;
  37. overflow: hidden;
  38. color: #fff;
  39. }
  40. .header h1 {
  41. font-size: 3em;
  42. margin-bottom: 20px;
  43. font-weight: bold;
  44. }
  45. .header p {
  46. font-size: 1.5em;
  47. opacity: 0.9;
  48. }
  49. .content {
  50. background: #fff;
  51. padding: 40px;
  52. border-radius: 8px;
  53. box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  54. margin-top: -30px;
  55. position: relative;
  56. z-index: 1;
  57. }
  58. .section {
  59. margin-bottom: 40px;
  60. padding: 30px;
  61. background: #fff;
  62. border-radius: 8px;
  63. border: 1px solid #e8e8e8;
  64. position: relative;
  65. }
  66. .section h2 {
  67. color: #1890ff;
  68. margin-bottom: 20px;
  69. font-size: 1.8em;
  70. position: relative;
  71. display: inline-block;
  72. font-weight: bold;
  73. }
  74. .section h2::after {
  75. content: '';
  76. position: absolute;
  77. bottom: -5px;
  78. left: 0;
  79. width: 100%;
  80. height: 2px;
  81. background: #1890ff;
  82. }
  83. .features {
  84. display: grid;
  85. grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  86. gap: 30px;
  87. margin-top: 30px;
  88. }
  89. .feature-item {
  90. background: #f9f9f9;
  91. padding: 25px;
  92. border-radius: 8px;
  93. border: 1px solid #e8e8e8;
  94. position: relative;
  95. transition: all 0.3s ease;
  96. }
  97. .feature-item:hover {
  98. transform: translateY(-5px);
  99. box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  100. border-color: #1890ff;
  101. }
  102. .highlight {
  103. color: #1890ff;
  104. font-weight: bold;
  105. }
  106. .contact {
  107. text-align: center;
  108. margin-top: 40px;
  109. padding: 30px;
  110. background: #f9f9f9;
  111. border-radius: 8px;
  112. border: 1px solid #e8e8e8;
  113. position: relative;
  114. }
  115. .contact p {
  116. font-size: 1.3em;
  117. margin-bottom: 15px;
  118. color: #333;
  119. }
  120. .contact-buttons {
  121. display: flex;
  122. justify-content: center;
  123. gap: 20px;
  124. margin-top: 20px;
  125. }
  126. .contact-button {
  127. display: inline-block;
  128. padding: 12px 30px;
  129. background: #1890ff;
  130. color: #fff;
  131. text-decoration: none;
  132. border: none;
  133. border-radius: 4px;
  134. font-weight: bold;
  135. transition: all 0.3s ease;
  136. box-shadow: 0 2px 8px rgba(24, 144, 255, 0.3);
  137. }
  138. .contact-button:hover {
  139. background: #096dd9;
  140. transform: translateY(-2px);
  141. box-shadow: 0 4px 12px rgba(24, 144, 255, 0.4);
  142. }
  143. @media (max-width: 768px) {
  144. .header {
  145. padding: 40px 0;
  146. }
  147. .content {
  148. padding: 20px;
  149. }
  150. .section {
  151. padding: 20px;
  152. }
  153. .contact-buttons {
  154. flex-direction: column;
  155. gap: 10px;
  156. }
  157. }
  158. </style>
  159. </head>
  160. <body>
  161. <div class="container">
  162. <header class="header" role="banner">
  163. <h1>极速支付</h1>
  164. <p>一手通道 · 专业支付解决方案</p>
  165. </header>
  166. <main class="content" role="main">
  167. <section class="section" aria-labelledby="business-scope">
  168. <h2 id="business-scope">业务范围</h2>
  169. <p>机场/发卡/影视/游戏/</p>
  170. </section>
  171. <section class="section" aria-labelledby="fee-description">
  172. <h2 id="fee-description">费率说明</h2>
  173. <p>费率:<span class="highlight">6%上浮0.2</span></p>
  174. <p>结算:<span class="highlight">D0 实时汇率</span></p>
  175. <p>系统:自研系统,成功率99%</p>
  176. </section>
  177. <section class="section" aria-labelledby="member-benefits">
  178. <h2 id="member-benefits">👑 独家会员模式 - 会员权益 👑</h2>
  179. <div class="features">
  180. <div class="feature-item">
  181. ✅ 上百条一手通道,会员任选
  182. </div>
  183. <div class="feature-item">
  184. ✅ 1元流水也可享受一手通道低费率
  185. </div>
  186. <div class="feature-item">
  187. ✅ 高额担保,安全收款,告别跑路
  188. </div>
  189. </div>
  190. </section>
  191. <section class="section">
  192. <p>无套路,费率所见即所得,让我们一起重新定义支付!</p>
  193. </section>
  194. <section class="contact" aria-labelledby="contact-info">
  195. <h2 id="contact-info" class="visually-hidden">联系方式</h2>
  196. <p>立即加入我们:</p>
  197. <div class="contact-buttons">
  198. <a href="https://t.me/Jsupay" class="contact-button" target="_blank">加入群组</a>
  199. <a href="https://t.me/jsupaykf_bot" class="contact-button" target="_blank">联系客服</a>
  200. </div>
  201. </section>
  202. </main>
  203. </div>
  204. </body>
  205. </html>