index6.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399
  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: #fff;
  24. background: linear-gradient(135deg, #0a192f 0%, #112240 100%);
  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: 100px 0;
  35. background: linear-gradient(135deg, rgba(10, 25, 47, 0.9) 0%, rgba(17, 34, 64, 0.9) 100%);
  36. position: relative;
  37. overflow: hidden;
  38. border-radius: 20px;
  39. box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  40. }
  41. .header::before {
  42. content: '';
  43. position: absolute;
  44. top: 0;
  45. left: 0;
  46. right: 0;
  47. bottom: 0;
  48. background:
  49. linear-gradient(90deg, transparent 0%, rgba(100, 255, 218, 0.15) 50%, transparent 100%),
  50. url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="none"/><path d="M0,0 L100,100 M100,0 L0,100" stroke="rgba(100,255,218,0.15)" stroke-width="1"/></svg>');
  51. animation: scan 8s linear infinite;
  52. border-radius: 20px;
  53. }
  54. @keyframes scan {
  55. 0% {
  56. background-position: 0 0;
  57. }
  58. 100% {
  59. background-position: 100% 0;
  60. }
  61. }
  62. .header h1 {
  63. font-size: 4em;
  64. margin-bottom: 20px;
  65. color: #64ffda;
  66. text-shadow: 0 0 20px rgba(100, 255, 218, 0.5);
  67. letter-spacing: 2px;
  68. }
  69. .content {
  70. background: rgba(17, 34, 64, 0.6);
  71. padding: 40px;
  72. border-radius: 20px;
  73. margin-top: -30px;
  74. position: relative;
  75. z-index: 1;
  76. backdrop-filter: blur(10px);
  77. box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  78. }
  79. .section {
  80. margin-bottom: 40px;
  81. padding: 30px;
  82. background: rgba(17, 34, 64, 0.4);
  83. border-radius: 15px;
  84. position: relative;
  85. transition: transform 0.3s ease;
  86. border: 2px solid rgba(100, 255, 218, 0.3);
  87. box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  88. }
  89. .section:hover {
  90. transform: translateY(-5px);
  91. box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  92. border-color: rgba(100, 255, 218, 0.5);
  93. }
  94. .section h2 {
  95. color: #64ffda;
  96. margin-bottom: 20px;
  97. font-size: 2.2em;
  98. position: relative;
  99. display: inline-block;
  100. text-shadow: 0 0 10px rgba(100, 255, 218, 0.3);
  101. }
  102. .section h2::after {
  103. content: '';
  104. position: absolute;
  105. bottom: -5px;
  106. left: 0;
  107. width: 100%;
  108. height: 2px;
  109. background: linear-gradient(90deg, #64ffda, transparent);
  110. }
  111. .features {
  112. display: grid;
  113. grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  114. gap: 30px;
  115. margin-top: 30px;
  116. }
  117. .feature-item {
  118. background: rgba(17, 34, 64, 0.4);
  119. padding: 25px;
  120. border-radius: 15px;
  121. position: relative;
  122. transition: all 0.3s ease;
  123. backdrop-filter: blur(5px);
  124. }
  125. .feature-item:hover {
  126. transform: translateY(-5px);
  127. background: rgba(17, 34, 64, 0.6);
  128. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  129. }
  130. .feature-item h3 {
  131. color: #64ffda;
  132. margin-bottom: 15px;
  133. font-size: 1.4em;
  134. }
  135. .highlight {
  136. color: #64ffda;
  137. font-weight: bold;
  138. text-shadow: 0 0 10px rgba(100, 255, 218, 0.3);
  139. }
  140. .contact {
  141. text-align: center;
  142. margin-top: 40px;
  143. padding: 40px;
  144. background: rgba(17, 34, 64, 0.4);
  145. border-radius: 15px;
  146. position: relative;
  147. border: 1px solid rgba(100, 255, 218, 0.1);
  148. }
  149. .contact p {
  150. font-size: 1.4em;
  151. margin-bottom: 20px;
  152. color: #fff;
  153. text-shadow: 0 0 10px rgba(255, 255, 255, 0.2);
  154. }
  155. .contact-buttons {
  156. display: flex;
  157. justify-content: center;
  158. gap: 20px;
  159. margin-top: 30px;
  160. }
  161. .contact-button {
  162. display: inline-block;
  163. padding: 15px 35px;
  164. background: rgba(100, 255, 218, 0.1);
  165. color: #64ffda;
  166. text-decoration: none;
  167. border-radius: 8px;
  168. font-weight: bold;
  169. transition: all 0.3s ease;
  170. position: relative;
  171. overflow: hidden;
  172. border: 1px solid rgba(100, 255, 218, 0.2);
  173. font-size: 1.1em;
  174. }
  175. .contact-button:hover {
  176. background: rgba(100, 255, 218, 0.2);
  177. transform: translateY(-3px);
  178. box-shadow: 0 5px 15px rgba(100, 255, 218, 0.2);
  179. border-color: rgba(100, 255, 218, 0.4);
  180. }
  181. @media (max-width: 768px) {
  182. .header {
  183. padding: 60px 20px;
  184. }
  185. .header h1 {
  186. font-size: 2.5em;
  187. }
  188. .content {
  189. padding: 20px;
  190. }
  191. .section {
  192. padding: 20px;
  193. }
  194. .contact-buttons {
  195. flex-direction: column;
  196. align-items: center;
  197. }
  198. .contact-button {
  199. width: 100%;
  200. max-width: 300px;
  201. }
  202. }
  203. .nav {
  204. background: rgba(17, 34, 64, 0.8);
  205. padding: 15px 0;
  206. position: fixed;
  207. width: 100%;
  208. top: 0;
  209. z-index: 100;
  210. backdrop-filter: blur(10px);
  211. }
  212. .nav-container {
  213. max-width: 1200px;
  214. margin: 0 auto;
  215. padding: 0 20px;
  216. display: flex;
  217. justify-content: space-between;
  218. align-items: center;
  219. }
  220. .nav-logo {
  221. color: #64ffda;
  222. font-size: 1.5em;
  223. font-weight: bold;
  224. text-decoration: none;
  225. }
  226. .nav-links {
  227. display: flex;
  228. gap: 20px;
  229. }
  230. .nav-link {
  231. color: #fff;
  232. text-decoration: none;
  233. padding: 8px 15px;
  234. border-radius: 5px;
  235. transition: all 0.3s ease;
  236. }
  237. .nav-link:hover {
  238. background: rgba(100, 255, 218, 0.1);
  239. color: #64ffda;
  240. }
  241. .header {
  242. padding-top: 120px; /* 为固定导航栏留出空间 */
  243. }
  244. @media (max-width: 768px) {
  245. .nav-links {
  246. display: none;
  247. }
  248. }
  249. </style>
  250. </head>
  251. <body>
  252. <nav class="nav">
  253. <div class="nav-container">
  254. <a href="index6.html" class="nav-logo">极速支付</a>
  255. <div class="nav-links">
  256. <a href="articles.html" class="nav-link">文章列表</a>
  257. <a href="#contact" class="nav-link">联系我们</a>
  258. </div>
  259. </div>
  260. </nav>
  261. <div class="container">
  262. <header class="header" role="banner">
  263. <h1>极速支付</h1>
  264. <p>专业支付通道 · 一手通道 · 低费率支付解决方案</p>
  265. </header>
  266. <main class="content" role="main">
  267. <section class="section" aria-labelledby="business-scope">
  268. <h2 id="business-scope">业务范围</h2>
  269. <p>我们专注于为以下行业提供专业支付解决方案:</p>
  270. <div class="features">
  271. <div class="feature-item">
  272. <h3>机场服务</h3>
  273. <p>支持各类机场服务支付,稳定可靠,快速到账</p>
  274. </div>
  275. <div class="feature-item">
  276. <h3>发卡平台</h3>
  277. <p>为发卡平台提供安全、高效的支付通道</p>
  278. </div>
  279. <div class="feature-item">
  280. <h3>影视娱乐</h3>
  281. <p>支持影视、直播等娱乐行业支付需求</p>
  282. </div>
  283. <div class="feature-item">
  284. <h3>游戏产业</h3>
  285. <p>为游戏平台提供专业的支付解决方案</p>
  286. </div>
  287. </div>
  288. </section>
  289. <section class="section" aria-labelledby="fee-description">
  290. <h2 id="fee-description">费率说明</h2>
  291. <div class="features">
  292. <div class="feature-item">
  293. <h3>基础费率</h3>
  294. <p>费率:<span class="highlight">6%上浮0.2</span></p>
  295. <p>无隐藏费用,透明收费</p>
  296. </div>
  297. <div class="feature-item">
  298. <h3>结算方式</h3>
  299. <p>结算:<span class="highlight">D0 实时汇率</span></p>
  300. <p>资金快速到账,无需等待</p>
  301. </div>
  302. <div class="feature-item">
  303. <h3>系统优势</h3>
  304. <p>自研系统,成功率99%</p>
  305. <p>7*24小时稳定运行</p>
  306. </div>
  307. </div>
  308. </section>
  309. <section class="section" aria-labelledby="member-benefits">
  310. <h2 id="member-benefits">👑 独家会员模式 - 会员权益 👑</h2>
  311. <div class="features">
  312. <div class="feature-item">
  313. <h3>通道优势</h3>
  314. <p>✅ 上百条一手通道,会员任选</p>
  315. <p>✅ 通道稳定,支付成功率高</p>
  316. </div>
  317. <div class="feature-item">
  318. <h3>费率优势</h3>
  319. <p>✅ 1元流水也可享受一手通道低费率</p>
  320. <p>✅ 无最低交易额限制</p>
  321. </div>
  322. <div class="feature-item">
  323. <h3>安全保障</h3>
  324. <p>✅ 高额担保,安全收款</p>
  325. <p>✅ 资金安全有保障,告别跑路风险</p>
  326. </div>
  327. </div>
  328. </section>
  329. <section class="section">
  330. <h2>为什么选择我们?</h2>
  331. <div class="features">
  332. <div class="feature-item">
  333. <h3>专业团队</h3>
  334. <p>拥有多年支付行业经验的专业团队</p>
  335. </div>
  336. <div class="feature-item">
  337. <h3>技术支持</h3>
  338. <p>7*24小时技术支持服务</p>
  339. </div>
  340. <div class="feature-item">
  341. <h3>安全保障</h3>
  342. <p>多重安全防护,保障资金安全</p>
  343. </div>
  344. </div>
  345. <p style="margin-top: 20px; text-align: center;">无套路,费率所见即所得,让我们一起重新定义支付!</p>
  346. </section>
  347. <section class="contact" aria-labelledby="contact-info">
  348. <h2 id="contact-info" class="visually-hidden">联系方式</h2>
  349. <p>立即加入我们:</p>
  350. <div class="contact-buttons">
  351. <a href="https://t.me/Jsupay" class="contact-button" target="_blank">加入群组</a>
  352. <a href="https://t.me/jsupaykf_bot" class="contact-button" target="_blank">联系客服</a>
  353. </div>
  354. </section>
  355. </main>
  356. </div>
  357. </body>
  358. </html>