PageSourceSearch

https://didiok.com/app/

html didiok.com collected 2026-10-04 12:53:14 UTC 34,331 bytes, 745 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
6<meta name="format-detection" content="telephone=no">
7<meta name="apple-mobile-web-app-capable" content="yes">
8<meta name="apple-mobile-web-app-status-bar-style" content="black">
9<!-- Google Tag Manager -->
10<script>
vendor: 331 bytes, lines 10-14
10(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
11new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
12j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
13'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
14})(window,document,'script','dataLayer','
14GTM-PCRNSPKK
vendor: 3 bytes, line 14
14');
14</script>
14
15<!-- End Google Tag Manager -->
16<title>EETRADE APP - 贵金属投资app免费下载-外汇交易开户 | EE TRADE易投</title>
17<meta name="keywords" content="EETRADE APP,易投APP下载,EE TRADE下载,智能交易,外汇交易APP" />
18<meta name="description" content="EETRADE易投 APP是集实时报价、策略、教学为一体的黄金智能交易平台,支持24小时外汇/贵金属交易,免费在线注册送体验金,ASIC合规监管,操作简单,安全可靠!" />
19<script src="/static/js/jquery.min.js"></script>
19
20<link rel="stylesheet" type="text/css" href="/static/css/common.css">
21<link rel="stylesheet" type="text/css" href="/static/css/index.css">
22<link href='/static/css/wap.css' type='text/css' rel='stylesheet' media='screen and (max-width:768px)'>
23<link href="/static/css/jquery.fancybox.css" rel="stylesheet" type="text/css">
24<link rel="stylesheet" href="/static/register/css/githubvs.css" data-precedence="next">
25<link rel="preload" as="script" fetchpriority="low" href="/static/register/js/webpack-aaf59873b2701e3e.js">
26<script src="/static/register/js/fd9d1056-127d716ec1068a40.js" async=""></script>
vendor: 2 bytes, line 26
26
27<script src="/static/register/js/117-1cc25972333499bc.js" async=""></script>
vendor: 2 bytes, line 27
27
28<script src="/static/register/js/main-app-5190c44a904c11e5.js" async=""></script>
vendor: 2 bytes, line 28
28
29<script src="/static/register/js/polyfills-42372ed130431b0a.js" nomodule=""></script>
vendor: 2 bytes, line 29
29
30<script type="text/javascript" charset="utf8" async="" src="https://cstaticdun.126.net/load.min.js"></script>
vendor: 2 bytes, line 30
30
31<script type="text/javascript" charset="UTF-8" async="" src="https://cstaticdun.126.net/wm.3.0.0_33d41777.min.js"></script>
vendor: 2 bytes, line 31
31
32<script type="text/javascript" charset="UTF-8" async="" src="https://cstaticdun.126.net/2.27.2/core-optimi.0s7267.v2.27.2.min.js"></script>
vendor: 2 bytes, line 32
32
33<script src="/static/register/js/878-5ed101ab848eba57.js" async=""></script>
vendor: 2 bytes, line 33
33
34<script src="/static/register/js/649-4ec0247318a5eeb2.js" async=""></script>
vendor: 2 bytes, line 34
34
35<script src="/static/register/js/919-0eb451ba4f734233.js" async=""></script>
vendor: 2 bytes, line 35
35
36<script src="/static/register/js/667-3da06ce875fa5953.js" async=""></script>
vendor: 2 bytes, line 36
36
37<script src="/static/register/js/138-26472710732e0ea7.js" async=""></script>
vendor: 2 bytes, line 37
37
38<script src="/static/register/js/page-78fe570b68c0d638.js" async=""></script>
vendor: 2 bytes, line 38
38
39<script src="/static/register/js/648-271f6d2b70804326.js" async=""></script>
vendor: 2 bytes, line 39
39
40<script src="/static/register/js/layout-1f69d09cea09a537.js" async=""></script>
40
41
42<script src="/static/js/jquery.fancybox.pack.js" type="text/javascript"></script>
vendor: 2 bytes, line 42
42
43<script src="/static/js/layer.min.js"></script>
43
44<link type='text/css' rel='stylesheet' href='/static/css/style.css'>
45<link rel='icon' href='/static/css/favicon.ico' mce_href='favicon.ico'>
46<style>.top2 .logo {background: url(/static/image/logo.png) no-repeat center;}</style>
47<style>
48    /* ========== 核心修复:隔离模板导航栏样式(关键!) ========== */
49    /* 让全局样式只作用于APP内容区,不干扰header/footer */
50    * {
51        margin: 0;
52        padding: 0;
53        box-sizing: border-box;
54        font-family: "Microsoft Yahei", Arial, sans-serif !important;
55    }
56    /* ========== APP内容区样式(仅作用于.app-content,不影响导航栏) ========== */
57    .app-content {
58        background-color: #f5f7fa;
59    }
60    .app-content body {
61        color: #666;
62        background-color: #f5f7fa;
63    }
64    .app-content a {
65        color: #006BF5;
66        text-decoration: none;
67        transition: all 0.3s ease;
68    }
69    .app-content a:hover {
70        color: #ffd700 !important;
71    }
72    /* 标准化文字层级(仅作用于内容区) */
73    .app-content .title-h1 { font-size: 28px; color: #333; font-weight: bold; margin-bottom: 15px; text-align: center; }
74    .app-content .title-h2 { font-size: 24px; color: #333; font-weight: bold; margin-bottom: 20px; }
75    .app-content .title-h3 { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 10px; }
76    .app-content .subtitle { font-size: 15px; color: #666; max-width: 800px; margin: 0 auto 30px; text-align: center; }
77    .app-content .text-sm { font-size: 14px; color: #666; }
78    .app-content .text-white { font-size: 15px; color: #e6f0ff; }
79    .app-content .text-faq { font-size: 16px; color: #333; font-weight: 600; }
80
81    /* 通用布局(仅内容区) */
82    .app-content .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
83
84/* 首屏Banner(仅优化桌面端:缩小间距+左右等高,移动端布局不变) */
85.app-content .hero-section {
86    background: linear-gradient(135deg, #006BF5 0%, #0058d0 100%);
87    color: #fff;
88    padding: 60px 0 0 0; 
89    overflow: hidden; 
90}
91.app-content .hero-wrap {
92    display: flex;
93    /* 核心1:桌面端改为stretch,实现左右等高 */
94    align-items: stretch; 
95    justify-content: space-between;
96    /* 核心2:缩小间距,从50px改为20px(可按需调20-30px) */
97    gap: 80px; 
98    height: 100%; 
99    padding-bottom: 0; 
100    margin-bottom: 0; 
101}
102.app-content .hero-left {
103    /* 保证图片在等高容器内仍底部对齐,不影响原有视觉 */
104    display: flex;
105    align-items: flex-end; 
106    margin-bottom: 0; 
107    /* 固定宽度,避免布局变形 */
108    flex: 0 0 380px;
109}
110.app-content .hero-img { 
111    max-width: 380px; 
112    width: 100%; 
113    border-radius: 0; 
114    box-shadow: none;
115    height: auto; 
116    margin-bottom: 0; 
117}
118/* 桌面端hero-right等高+自动填充宽度 */
119.app-content .hero-right {
120    flex: 1;
121    /* 内部垂直居中,保证内容分布协调 */
122    display: flex;
123    flex-direction: column;
124    justify-content: center;
125    padding: 20px 0;
126}
127.app-content .hero-right h1 { 
128    font-size: 36px; 
129    color: #fff; 
130    font-weight: bold; 
131    margin-bottom: 15px; 
132    text-align: left; 
133}
134.app-content .hero-right .text-white { 
135    font-size: 20px; 
136    margin-bottom: 30px; 
137    text-align: left; 
138}
139.app-content .hero-qrcode-group { 
140    display: flex; 
141    gap: 30px; 
142}
143.app-content .hero-qrcode-card { 
144    text-align: center; 
145}
146.app-content .hero-qrcode-card img { 
147    width: 120px; 
148    height: 120px; 
149    border: 3px solid #fff; 
150    border-radius: 10px; 
151    margin-bottom: 10px; 
152}
153
154/* 移动端适配(768px以下):完全保留你原有布局,无任何改动 */
155@media (max-width: 768px) {
156    .app-content .hero-wrap {
157        flex-direction: column; /* 改为上下分布 */
158        align-items: center; /* 整体居中 */
159        gap: 30px; /* 减小上下间距 */
160        padding: 0 20px; /* 左右内边距,避免贴边 */
161    }
162    .app-content .hero-left {
163        align-self: center; /* 图片居中 */
164        margin-bottom: 0;
165    }
166    .app-content .hero-img {
167        max-width: 280px; /* 移动端图片适度缩小,适配屏幕 */
168    }
169    .app-content .hero-right {
170        text-align: center; /* 文字居中 */
171        width: 100%;
172    }
173    .app-content .hero-right h1,
174    .app-content .hero-right .text-white {
175        text-align: center; /* 标题/描述文字居中 */
176    }
177    .app-content .hero-qrcode-group {
178        justify-content: center; /* 二维码居中 */
179    }
180}
181
182    /* 核心卖点(图标正常,仅内容区) */
183    .app-content .features-section { padding: 80px 0; }
184    .app-content .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1000px; margin: 0 auto; }
185    .app-content .feature-card {
186        background-color: #f8fbff;
187        padding: 30px 20px;
188        border-radius: 12px;
189        text-align: center;
190        border: 1px solid #e8f1ff;
191        transition: all 0.3s ease;
192    }
193    .app-content .feature-card:hover {
194        transform: translateY(-5px);
195        box-shadow: 0 8px 20px rgba(0, 107, 245, 0.15);
196        border-color: #006BF5;
197    }
198    .app-content .feature-icon {
199        font-family: "FontAwesome" !important;
200        font-size: 40px;
201        background: linear-gradient(135deg, #006BF5 0%, #0058d0 100%);
202        -webkit-background-clip: text;
203        -webkit-text-fill-color: transparent;
204        margin-bottom: 15px;
205        display: inline-block;
206    }
207
208    /* 功能展示/下载专区/FAQ(仅内容区) */
209    .app-content .function-section { padding: 80px 0; background-color: #fff; }
210    .app-content .function-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; margin-bottom: 40px; }
211    .app-content .function-img { width: 100%; border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); }
212    .app-content .function-text li { font-size: 15px; padding-left: 28px; margin-bottom: 15px; position: relative; list-style: none; color: #333; }
213    .app-content .function-text li::before { content: "✓"; position: absolute; left: 0; color: #006BF5; font-weight: 700; font-size: 18px; }
214
215.app-content .download-section { 
216    padding: 80px 0; 
217    /* 核心修改:替换渐变背景为背景图片,保证铺满+居中+不重复 */
218    background: url(/static/image/bgdl.png) center center no-repeat;
219    background-size: cover; /* 图片铺满容器,不拉伸变形 */
220    color: #fff; 
221    text-align: center; 
222    /* 可选:若图片与文字对比度低,添加轻微遮罩(需取消注释) */
223    /* position: relative; */
224    /* z-index: 1; */
225}
226/* 可选:遮罩层(提升文字可读性,需取消注释) */
227/* .app-content .download-section::before {
228    content: '';
229    position: absolute;
230    top: 0;
231    left: 0;
232    width: 100%;
233    height: 100%;
234    background: rgba(0, 107, 245, 0.6); 
235    z-index: -1;
236} */
237.app-content .download-section .title-h1 { color: #fff; }
238.app-content .download-section .subtitle { color: #e6f0ff; }
239.app-content .qrcode-group { display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; margin-bottom: 40px; }
240.app-content .qrcode-card img { width: 180px; height: 180px; border: 4px solid #fff; border-radius: 12px; margin-bottom: 15px; }
241.app-content .download-btn { padding: 16px 50px; background-color: #fff; color: #006BF5 !important; font-size: 18px; font-weight: 600; border-radius: 50px; display: inline-block; }
242.app-content .download-tips { font-size: 14px; color: #e6f0ff; opacity: 0.8; margin-top: 20px; }
243
244    .app-content .faq-section { padding: 80px 0; }
245    .app-content .faq-item { background-color: #fff; margin-bottom: 15px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); }
246    .app-content .faq-question { padding: 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
247    .app-content .faq-question::after { content: "+"; font-size: 20px; color: #006BF5; }
248    .app-content .faq-item.active .faq-question::after { content: "-"; }
249    .app-content .faq-answer { font-size: 15px; color: #666; padding: 0 20px 20px; display: none; }
250
251@media (max-width: 768px) {
252    /* 核心1:减少Banner上方留白(padding-top从60px改为20px,整体上下padding缩小) */
253    .app-content .hero-section { 
254        padding: 20px 0 !important; /* 大幅减少上方留白,整体上下间距缩小 */
255    }
256    .app-content .hero-wrap { 
257        flex-direction: column; 
258        gap: 20px; /* 缩小图片和文字区域的间距,进一步减少留白 */
259        padding: 0 20px;
260    }
261    .app-content .hero-right h1 { 
262        font-size: 26px; 
263        text-align: center; 
264        margin-bottom: 10px; /* 减少标题下方留白,紧凑布局 */
265    }
266    .app-content .hero-right .text-white { 
267        font-size: 18px; 
268        text-align: center; 
269        margin-bottom: 20px; /* 减少描述文字下方留白 */
270    }
271    .app-content .hero-qrcode-group { 
272        justify-content: center; 
273    }
274    /* 核心2:放大Banner图片显示比例(max-width从220px改为280px,占满更多屏幕宽度) */
275    .app-content .hero-img { 
276        max-width: 280px !important; /* 放大图片尺寸 */
277        width: 100% !important; /* 占满父容器宽度,进一步放大显示比例 */
278        height: auto !important; /* 保持图片宽高比,避免变形 */
279    }
280    .app-content .title-h1 { font-size: 22px; }
281    .app-content .title-h2 { font-size: 20px; }
282    .app-content .features-grid { grid-template-columns: 1fr; gap: 15px; }
283    .app-content .download-btn { font-size: 17px; min-width: 240px; }
284}
285</style>
286
287</head>
288<body>
289<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 289-290
289
290<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
290GTM-PCRNSPKK
vendor: 85 bytes, lines 290-291
290"
291height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
292<!-- End Google Tag Manager (noscript) -->
293
294<header style="position: relative; z-index: 999;">
295  <!-- PC导航 -->
296  <div class="pc-nav" style="display: flex; align-items: center; justify-content: space-between; padding: 10px 30px;">
297    <a href="/"><img src="/static/image/logo.png" style="height: 50px;"></a>
298    <div style="display: flex; align-items: center; gap: 25px;">
299      <a href="/" style="color:#333; text-decoration:none;">网站首页</a>
300      <a href="/about/" style="color:#333; text-decoration:none;">关于我们</a>
301      <a href="/app/" style="color:#333; text-decoration:none;">EETRADE APP</a>
302      <a href="/news/" style="color:#333; text-decoration:none;">新闻资讯</a>
303      <a href="https://www.eetradeweb.com/register?utm_source=didiok_seo&utm_campaign=EET_seo&utm_campaign=oa" target="_blank" 
304         style="background:#006BF5; color:#fff; padding:8px 16px; border-radius:4px; text-decoration:none;">
305        立即开户
306      </a>
307    </div>
308  </div>
309
310  <!-- 移动端导航 (只会在手机显示) -->
311  <div class="m-nav" style="display: none; align-items: center; justify-content: space-between; padding: 12px 20px;">
312    <a href="/"><img src="/static/image/Logo_CN_EN_blue.png" style="height: 40px;"></a>
313    <div id="mOpen" style="font-size: 24px; cursor: pointer;">☰</div>
314  </div>
315
316  <!-- 移动端弹窗菜单 (默认隐藏) -->
317  <div id="mMenu" style="position:fixed; top:0; right:0; width:80%; height:80%; background:#0F172A; z-index:9999; display:none;">
318    <div id="mClose" style="position:absolute; top:20px; right:20px; font-size:26px; color:#fff; cursor:pointer;">✕</div>
319    <div style="padding: 80px 30px; text-align:center;">
320      <a href="/"><img src="/static/image/Logo_CN_EN_white.png" style="height:50px; margin-bottom:40px;"></a>
321      <div style="display:grid; gap:20px;">
322        <a href="/" style="color:#fff; font-size:18px; text-decoration:none;">网站首页</a>
323        <a href="/about/" style="color:#fff; font-size:18px; text-decoration:none;">关于我们</a>
324        <a href="/app/" style="color:#fff; font-size:18px; text-decoration:none;">EETRADE APP</a>
325        <a href="/news/" style="color:#fff; font-size:18px; text-decoration:none;">新闻资讯</a>
326        <a href="?utm_source=didiok_seo&utm_campaign=EET_seo&utm_campaign=oa"" target="_blank" 
327           style="background:#fff; color:#006BF5; padding:10px; border-radius:6px; margin-top:20px;">
328          立即开户
329        </a>
330      </div>
331    </div>
332  </div>
333</header>
334
335<!-- 控制显示隐藏的核心 CSS -->
336<style>
337@media (max-width: 768px) {
338  .pc-nav { display: none !important; }
339  .m-nav { display: flex !important; }
340}
341</style>
342
343<!-- 最简单的点击 JS -->
344<script src="/static/js/jquery.min.js"></script>
vendor: 2 bytes, line 344
344
345<script>
346$(function(){
347  $('#mOpen').click(function(){
348    $('#mMenu').fadeIn();
349  });
350  $('#mClose').click(function(){
351    $('#mMenu').fadeOut();
352  });
353});
354</script>
354
355
356<div class="app-content">
357    <!-- 首屏Banner -->
358    <section class="hero-section">
359        <div class="container">
360            <div class="hero-wrap">
361                <div class="hero-left">
362                    <img src="/static/image/banner_app1.png" alt="EETRADE APP 界面预览" class="hero-img">
363                </div>
364                <div class="hero-right">
365                    <h1>EETRADE APP<br>黄金智能交易平台</h1>
366                    <p class="text-white">开户、存取、交易、资讯、教学一站式交易平台</p>
367                    <div class="hero-qrcode-group">
368                        <div class="hero-qrcode-card">
369<a href="http://app1.didiok.com/" target="_blank" style="display: block; text-decoration: none;">
370                            <img src="/static/image/didiok.png" alt="安卓下载">
371                            <p class="text-white">安卓用户扫码</p>
372</a>
373                        </div>
374                        <div class="hero-qrcode-card">
375<a href="https://apps.apple.com/cn/app/%E6%98%93%E6%8A%95pro/id6764503343" target="_blank" style="display: block; text-decoration: none;">
376                            <img src="/static/image/downloadios.png" alt="iOS下载">
377                            <p class="text-white">iOS用户扫码</p>
378</a>
379                        </div>
380                    </div>
381                </div>
382            </div>
383        </div>
384    </section>
385
386
387    <!-- 核心卖点 -->
388    <section class="features-section">
389        <div class="container">
390            <h2 class="title-h1">为什么选择EETRADE APP?</h2>
391            <p class="subtitle">双重监管保障 · 智能交易辅助 · 低门槛灵活投资</p>
392            <div class="features-grid">
393                <div class="feature-card">
394                    <i class="fa fa-shield feature-icon"></i>
395                    <h3 class="title-h3">双重监管 安全可靠</h3>
396                    <p class="text-sm">ASIC+MSB双重权威监管,资金隔离存放,交易安全有保障</p>
397                </div>
398                <div class="feature-card">
399                    <i class="fa fa-clock-o feature-icon"></i>
400                    <h3 class="title-h3">24小时智能交易</h3>
401                    <p class="text-sm">覆盖全球主要交易市场,24小时不间断,把握每一个机会</p>
402                </div>
403                <div class="feature-card">
404                    <i class="fa fa-line-chart feature-icon"></i>
405                    <h3 class="title-h3">实时行情 精准分析</h3>
406                    <p class="text-sm">多维度行情数据+技术指标,辅助你做出更优投资决策</p>
407                </div>
408                <div class="feature-card">
409                    <i class="fa fa-mobile feature-icon"></i>
410                    <h3 class="title-h3">极简操作 便捷体验</h3>
411                    <p class="text-sm">界面简洁易懂,开户、交易、提现一键完成,新手快速上手</p>
412                </div>
413                <div class="feature-card">
414                    <i class="fa fa-money feature-icon"></i>
415                    <h3 class="title-h3">低门槛灵活交易</h3>
416                    <p class="text-sm">$1起投,支持0.01手交易,小资金也能体验全品类投资</p>
417                </div>
418                <div class="feature-card">
419                    <i class="fa fa-bell feature-icon"></i>
420                    <h3 class="title-h3">智能风控 实时预警</h3>
421                    <p class="text-sm">自定义止盈止损,行情异动实时提醒,降低投资风险</p>
422                </div>
423            </div>
424        </div>
425    </section>
426
427    <!-- 功能展示 -->
428    <section class="function-section">
429        <div class="container">
430            <h2 class="title-h1">核心功能一览</h2>
431            <p class="subtitle">全方位行情分析+便捷交易体验,投资更省心</p>
432            <div class="function-grid">
433                <div>
434                    <img src="/static/image/analysis.png" alt="行情分析功能" class="function-img">
435                </div>
436                <div class="function-text">
437                    <h3 class="title-h2">全方位行情分析</h3>
438                    <ul>
439                        <li>实时更新全球外汇、贵金属、大宗商品行情数据</li>
440                        <li>支持K线、均线、MACD等多指标技术分析</li>
441                        <li>自定义行情提醒,不错过重要点位</li>
442                        <li>历史数据回溯,辅助策略验证</li>
443                    </ul>
444                </div>
445            </div>
446            <div class="function-grid">
447                <div class="function-text">
448                    <h3 class="title-h2">便捷交易体验</h3>
449                    <ul>
450                        <li>一键下单,止盈止损自动设置</li>
451                        <li>多种交易类型支持,满足不同投资策略</li>
452                        <li>
452资金实时到账,提现无门槛</li>
453                        <li>7×24小时客服在线,解决交易问题</li>
454                    </ul>
455                </div>
456                <div>
457                    <img src="/static/image/easy_trade.png" alt="便捷交易功能" class="function-img">
458                </div>
459            </div>
460        </div>
461    </section>
462
463<!-- 下载专区 -->
464<section class="download-section" id="download">
465    <div class="container">
466        <h2 class="title-h1">立即下载EETRADE APP</h2>
467        <p class="subtitle">扫码一键下载,开启智能交易之旅</p>
468        <div class="qrcode-group">
469            <div class="qrcode-card">
470<a href="http://app1.didiok.com/" target="_blank" style="display: block; text-decoration: none;">
471                <img src="/static/image/didiok.png" alt="安卓下载二维码">
472                <p class="text-white">安卓用户扫码下载</p>
473</a>
474            </div>
475            <div class="qrcode-card">
476<a href="https://apps.apple.com/cn/app/%E6%98%93%E6%8A%95pro/id6764503343" target="_blank" style="display: block; text-decoration: none;">
477                <img src="/static/image/downloadios.png" alt="iOS下载二维码">
478                <p class="text-white">iOS用户扫码下载</p>
479</a>
480            </div>
481        </div>
482
483<a href="http://app1.didiok.com/" class="download-btn">点击下载APP</a>
484        <p class="download-tips">提示:扫描二维码下载(如使用微信扫描未能成功下载,请使用手机浏览器扫码)</p>
485    </div>
486</section>
487
488    <!-- FAQ -->
489    <section class="faq-section">
490        <div class="container">
491            <h2 class="title-h1">常见问题解答</h2>
492            <p class="subtitle">解答你在下载、安装、交易过程中的疑问</p>
493            <div class="faq-list">
494                <div class="faq-item">
495                    <div class="faq-question text-faq">EETRADE APP支持哪些操作系统?</div>
496                    <div class="faq-answer">
497                        目前支持Android、iOS、Windows及Mac系统。更多系统版本请联系客服索取。
498                    </div>
499                </div>
500                <div class="faq-item">
501                    <div class="faq-question text-faq">开户需要哪些资料?</div>
502                    <div class="faq-answer">
503                        开户仅需填写内手机号码、验证码、有效身份证资料,完成实名认证后即可开户,整个过程仅需1-3分钟。
504                    </div>
505                </div>
506                <div class="faq-item">
507                    <div class="faq-question text-faq">交易资金安全吗?</div>
508                    <div class="faq-answer">
509                        平台受ASIC和MSB双重监管,客户资金存放于独立的隔离账户,与平台运营资金完全分离,保障资金安全。
510                    </div>
511                </div>
512                <div class="faq-item">
513                    <div class="faq-question text-faq">APP卡顿/闪退怎么办?</div>
514                    <div class="faq-answer">
515                        建议先检查网络是否稳定,或尝试清理APP缓存;如仍有问题,可卸载后重新下载最新版本,或联系客服协助解决。
516                    </div>
517                </div>
518            </div>
519        </div>
520    </section>
521</div>
522
523<!-- 保留模板底部标签 -->
524<footer>
525<script src="/static/js/jquery.min.js"></script>
525
526<div class="container footer-container-fix">
527        <!-- LOGO+双二维码(左)+ 导航(右) 整合区域 -->
528        <div class="footer-top" style="display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #273449;">
529            <!-- 左侧:LOGO + 安卓/iOS双二维码(横向排列) -->
530            <div class="footer-left" style="display: flex; align-items: center; gap: 30px; margin-bottom: 15px;">
531                <!-- 公司LOGO -->
532                <div class="footer-logo">
533                    <img src="/static/image/logo.png" alt="EE TRADE易投" style="height: 50px; width: auto;">
534                </div>
535
536                <!-- 双二维码区域:安卓+iOS并排 -->
537                <div class="footer-qrcode-group" style="display: flex; gap: 20px; align-items: center;">
538                    <!-- 安卓APP下载二维码 -->
539                    <div class="footer-qrcode android" style="text-align: center;">
540                        <p style="color: #fff; font-size: 14px; font-weight: 500; margin: 0 0 8px 0;">安卓下载</p>
541                        <a href="https://downloads.newapknest.com/source/material/EET_didiok.apk" target="_blank" style="display: block; text-decoration: none;">
542                        <img src="/static/image/didiok.png" alt="EE TRADE易投安卓下载" style="width: 80px; height: 80px; border: 2px solid #273449; border-radius: 6px;">                 
543</a>
544 </div>
545
546                    <!-- iOS APP下载二维码 -->
547                    <div class="footer-qrcode ios" style="text-align: center;">
548                        <p style="color: #fff; font-size: 14px; font-weight: 500; margin: 0 0 8px 0;">iOS下载</p>
549                                                <a href="https://apps.apple.com/cn/app/%E6%98%93%E6%8A%95pro/id6764503343" target="_blank" style="display: block; text-decoration: none;">
550                        <img src="/static/image/downloadios.png" alt="EE TRADE易投iOS下载" style="width: 80px; height: 80px; border: 2px solid #273449; border-radius: 6px;">
551                    </a>
552</div>
553                </div>
554            </div>
555
556            <!-- 右侧:核心导航栏(匹配header导航) -->
557            <div class="footer-nav" style="margin-bottom: 15px; width: 100%; max-width: none; flex: 1;">
558                <ul style="list-style: none; padding: 0; margin: 0; display: flex; gap: 25px; flex-wrap: wrap; justify-content: flex-end;">
559                    <li><a href="/" style="color: #E2E8F0; text-decoration: none; font-size: 15px;">首页</a></li>
560                    <li><a href="/about/" style="color: #E2E8F0; text-decoration: none; font-size: 15px;">关于我们</a></li>
561                    <li><a href="/app/" style="color: #E2E8F0; text-decoration: none; font-size: 15px;">EETRADE APP</a></li>
562                    <li><a href="/news/" style="color: #E2E8F0; text-decoration: none; font-size: 15px;">新闻动态</a></li>
563                    <li><a href="/warning.html" style="color: #E2E8F0; text-decoration: none; font-size: 15px;">风险披露</a></li>
564                </ul>
565            </div>
566        </div>
567
568        <!-- 底部文字:居中显示 -->
569        <div class="footer-text-center" style="text-align: center;">
570            <p class="testimonial" style="color: #fff; font-size: 16px; margin-bottom: 15px; font-weight: 500; line-height: 1.6;">⭐ 全球百万用户信赖,全天候智能交易伙伴</p>
571            <p style="color: #E2E8F0; font-size: 14px; line-height: 1.8; margin: 8px 0;">EE TRADE易投 版权所有</p>
572            <p style="color: #E2E8F0; font-size: 14px; line-height: 1.8; margin: 8px 0;">监管编号:ASIC 001313845 | MSB 31000297125527 | 客服热线:400-8428916</p>
573            <p class="copyright" style="color: #94A3B8; font-size: 13px; margin-top: 15px; font-weight: 400;">风险提示:交易有风险,投资需理性评估自身承受能力后谨慎参与。</p>
574        </div>
575    </div>
576</footer>
577
578<!-- 底部固定官网按钮:保留 -->
579<div class="fixed-website-btn">
580    <a href="https://www.eetradeapp.com?utm_source=didiok_seo&utm_medium=EET_seo&utm_campaign=gw" target="_blank">进入EE TRADE易投官网</a>
581</div>
582
583<!-- 样式:修复首页白色边框 + 原有功能保留 -->
584<style>
585/* 核心修复:强制footer全屏 + 非首页body/html宽度100% */
586/* 全局兜底:确保所有页面body/html无留白 */
587html, body {
588    width: 100% !important;
589    margin: 0 !important;
590    padding: 0 !important;
591}
592/* 核心底部样式:深色背景保留 + 强制全屏 */
593footer {
594    background-color: #0F172A !important; /* 强制背景色 */
595    color: #fff;
596    padding: 40px 0;
597    margin-top: 50px;
598    border-top: none !important;
599    width: 100% !important; /* 强制footer宽度100% */
600    min-width: 100% !important; /* 兜底:避免缩窄 */
601    box-sizing: border-box !important; /* 包含padding,不溢出 */
602}
603/* 修复容器导致的留白:强制容器宽度100% + 内容居中 */
604.footer-container-fix {
605    max-width: 1200px !important; /* 内容最大宽度,保证排版 */
606    width: 100% !important; /* 容器宽度100% */
607    margin: 0 auto !important; /* 内容居中 */
608    padding: 0 20px !important;
609    background-color: #0F172A !important;
610    border: 0 !important;
611    box-sizing: border-box !important;
612}
613/* 导航链接hover效果 */
614.footer-nav a:hover {
615    color: #fff !important;
616    text-decoration: underline !important;
617}
618/* 底部固定按钮样式:保留 + 强制全屏 */
619.fixed-website-btn {
620    position: fixed;
621    bottom: 0;
622    left: 0;
623    width: 100% !important; /* 强制按钮栏全屏 */
624    background-color: #0052C2;
625    z-index: 9999;
626    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
627    padding: 8px 20px;
628    box-sizing: border-box !important;
629    border: 0 !important;
630}
631.fixed-website-btn a {
632    display: block;
633    width: 100%;
634    max-width: 300px;
635    margin: 0 auto;
636    padding: 12px 0;
637    background-color: #fff;
638    color: #006BF5;
639    text-align: center;
640    font-size: 16px;
641    font-weight: 600;
642    text-decoration: none;
643    border-radius: 4px;
644    transition: all 0.3s ease;
645    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
646    border: 0 !important;
647}
648.fixed-website-btn a:hover {
649    background-color: #0058d0;
650    color: #fff;
651}
652/* 响应式适配:移动端调整双二维码布局 */
653@media (max-width: 768px) {
654    footer {
655        padding: 30px 0 80px 0 !important;
656        margin-top: 30px;
657        border: 0 !important;
658        width: 100% !important; /* 移动端也强制全屏 */
659    }
660    .footer-top {
661        flex-direction: column;
662        text-align: center;
663        border-bottom: 1px solid #273449 !important;
664    }
665    .footer-left {
666        flex-direction: column;
667        gap: 15px !important;
668        margin-bottom: 20px !important;
669    }
670    .footer-logo img {
671        height: 45px !important;
672    }
673    .footer-qrcode-group {
674        flex-direction: column;
675        gap: 15px !important;
676    }
677    .footer-qrcode img {
678        width: 75px !important;
679        height: 75px !important;
680    }
681    .footer-nav {
682        width: 100% !important;
683    }
684    .footer-nav ul {
685        justify-content: center !important;
686        gap: 15px !important;
687        font-size: 14px !important;
688    }
689    .testimonial {
690        font-size: 14px !important;
691    }
692    footer p {
693        font-size: 13px !important;
694    }
695    .copyright {
696        font-size: 12px !important;
697    }
698    .fixed-website-btn a {
699        padding: 10px 0;
700        font-size: 15px;
701        max-width: 250px;
702    }
703}
704/* 避免底部内容被固定按钮遮挡 */
705footer {
706    padding-bottom: 80px !important;
707}
708/* 导航栏自适应宽度核心样式 */
709.footer-nav {
710    width: auto;
711    flex: 1;
712}
713.footer-nav ul {
714    width: 100%;
715    justify-content: flex-end;
716    flex-wrap: wrap;
717}
718/* 额外修复:清空所有可能的白色边框 */
719footer * {
720    border-color: #273449 !important;
721    box-shadow: none !important;
722}
723</style>
724
725<script src="/static/js/int.js"></script>
vendor: 2 bytes, line 725
725
726<script src="/static/js/translate.js"></script>
vendor: 2 bytes, line 726
726
727<script>translate.execute();</script>
727
728
729<!-- FAQ交互JS(仅作用于内容区) -->
730<script>
731    document.addEventListener('DOMContentLoaded', function() {
732        // FAQ展开/收起
733        document.querySelectorAll('.app-content .faq-question').forEach(question => {
734            question.addEventListener('click', function() {
735                const item = this.parentElement;
736                const answer = this.nextElementSibling;
737                item.classList.toggle('active');
738                answer.style.display = item.classList.contains('active') ? 'block' : 'none';
739            });
740        });
741    });
742</script>
742
743
744</body>
745</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.