activity.html 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>CWGMarkets</title>
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <meta name="full-screen" content="yes" />
  8. <meta name="x5-fullscreen" content="true" />
  9. <meta
  10. name="viewport"
  11. content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
  12. />
  13. <link rel="stylesheet" href="../../css/element-ui.css" />
  14. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  15. <link rel="stylesheet" href="../../css/preloading.css" />
  16. <link rel="stylesheet" href="../common/css/active1.css" />
  17. <!-- Start of cwgmarkets Zendesk Widget script -->
  18. <!-- <script
  19. id="ze-snippet"
  20. src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
  21. ></script> -->
  22. <script type="text/javascript">
  23. window.__lc = window.__lc || {};
  24. window.__lc.license = 18945964;
  25. (function (n, t, c) {
  26. function i(n) {
  27. return e._h ? e._h.apply(null, n) : e._q.push(n);
  28. }
  29. var e = {
  30. _q: [],
  31. _h: null,
  32. _v: "2.0",
  33. on: function () {
  34. i(["on", c.call(arguments)]);
  35. },
  36. once: function () {
  37. i(["once", c.call(arguments)]);
  38. },
  39. off: function () {
  40. i(["off", c.call(arguments)]);
  41. },
  42. get: function () {
  43. if (!e._h)
  44. throw new Error(
  45. "[LiveChatWidget] You can't use getters before load."
  46. );
  47. return i(["get", c.call(arguments)]);
  48. },
  49. call: function () {
  50. i(["call", c.call(arguments)]);
  51. },
  52. init: function () {
  53. var n = t.createElement("script");
  54. (n.async = !0),
  55. (n.type = "text/javascript"),
  56. (n.src = "https://cdn.livechatinc.com/tracking.js"),
  57. t.head.appendChild(n);
  58. },
  59. };
  60. !n.__lc.asyncInit && e.init(),
  61. (n.LiveChatWidget = n.LiveChatWidget || e);
  62. })(window, document, [].slice);
  63. </script>
  64. <noscript>
  65. <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
  66. >Chat with us</a
  67. >, powered by
  68. <a
  69. href="https://www.livechat.com/?welcome"
  70. rel="noopener nofollow"
  71. target="_blank"
  72. >LiveChat</a
  73. >
  74. </noscript>
  75. <script>
  76. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  77. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  78. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  79. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  80. })(window,document,'script','dataLayer','GTM-T8P44WHV');
  81. </script>
  82. </head>
  83. <style>
  84. [v-cloak] {
  85. display: none;
  86. }
  87. </style>
  88. <body>
  89. <div
  90. id="pre"
  91. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  92. >
  93. <div
  94. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  95. >
  96. <div
  97. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  98. >
  99. <div class="line-scale">
  100. <div></div>
  101. <div></div>
  102. <div></div>
  103. <div></div>
  104. <div></div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="container" id="active1" v-cloak>
  110. <div class="Va-document">
  111. <div class="title-head">
  112. <div class="my-content">
  113. <div>
  114. <a href="https://www.cwgmarkets.com" class="logo">
  115. <img src="../common/img/logo.png" alt="" />
  116. </a>
  117. </div>
  118. <div class="col-12 col-md-6 pl-0">
  119. <div class="user-area ml-auto">
  120. <ul class="nav">
  121. <li class="login" style="border: none">
  122. <a
  123. class="text-white"
  124. href="https://secure.cwgmarkets.com/#/signin"
  125. ><span>{{lang.headers1}}</span></a
  126. >
  127. </li>
  128. <li class="login">
  129. <a
  130. class="text-white"
  131. href="javascript: $zopim.livechat.window.show();"
  132. ><span style="background: none; padding: 0"
  133. >{{lang.headers2}}</span
  134. >
  135. </a>
  136. </li>
  137. <li class="dropdown login">
  138. <div style="display: flex; justify-content: flex-end">
  139. <div class="menu-logo chooseLang">
  140. <img
  141. v-if="langList[language] == 'ENGLISH'"
  142. style="width: 15px; height: 10px; margin: 0 4px"
  143. src="../common/img/EN.jpg"
  144. alt=""
  145. />
  146. <img
  147. v-if="langList[language] == '中文简体'"
  148. style="width: 15px; height: 10px; margin: 0 4px"
  149. src="../common/img/CN.jpg"
  150. alt=""
  151. />
  152. <el-dropdown trigger="click" @command="chooseLang">
  153. <span class="menu">
  154. {{langList[language]}}
  155. <i class="el-icon-arrow-down el-icon--right"></i>
  156. </span>
  157. <el-dropdown-menu slot="dropdown">
  158. <el-dropdown-item command="cn"
  159. >中文简体</el-dropdown-item
  160. >
  161. <el-dropdown-item command="en"
  162. >English</el-dropdown-item
  163. >
  164. </el-dropdown-menu>
  165. </el-dropdown>
  166. </div>
  167. </div>
  168. </li>
  169. <li class="login dro-r">
  170. <a
  171. class="text-white"
  172. href="https://secure.cwgmarkets.com/#/signup"
  173. ><span style="background: none; padding: 0"
  174. >{{lang.headers3}}</span
  175. ></a
  176. >
  177. </li>
  178. </ul>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <div class="content-info">
  184. <!-- 第一部分 -->
  185. <div class="my-box1" id="kaihu">
  186. <div class="my-content">
  187. <el-row>
  188. <el-col :span="14" :xs="24" :sm="24" :md="14" class="col-l">
  189. <div class="banner-title">
  190. <div>
  191. <h5 class="title">{{lang.box1item1}}</h5>
  192. <p class="tit">{{lang.box1item2}}</p>
  193. </div>
  194. </div>
  195. </el-col>
  196. <el-col :span="10" :xs="24" :sm="24" :md="10" class="col-r">
  197. <div class="banner-signup" v-loading="loading">
  198. <div class="title">
  199. <span>{{lang.box1item4}}</span>
  200. </div>
  201. <el-form
  202. :model="params"
  203. :rules="rules"
  204. ref="params"
  205. label-width="0"
  206. class="form"
  207. >
  208. <el-form-item prop="country" style="position: relative">
  209. <el-select
  210. filterable
  211. class="country"
  212. v-model="params.country"
  213. :placeholder="lang.box1item5"
  214. >
  215. <el-option
  216. v-for="item in mock_options"
  217. :key="item.id"
  218. :label="item.enName"
  219. :value="item.code"
  220. :disabled="notCountry.indexOf(item.code)!==-1"
  221. ></el-option>
  222. </el-select>
  223. <i class="iconfont icondingwei"></i>
  224. </el-form-item>
  225. <el-form-item prop="phone">
  226. <el-input
  227. class="m-input"
  228. v-model.trim="params.phone"
  229. :placeholder="lang.box1item6"
  230. >
  231. </el-input>
  232. </el-form-item>
  233. <el-form-item prop="email">
  234. <el-input
  235. class="m-input"
  236. v-model.trim="params.email"
  237. :placeholder="lang.box1item7"
  238. >
  239. </el-input>
  240. </el-form-item>
  241. <el-form-item prop="emailCode">
  242. <el-row>
  243. <el-col :span="14">
  244. <el-input
  245. class="code"
  246. v-model.trim="params.emailCode"
  247. :placeholder="lang.box1item8"
  248. ></el-input>
  249. </el-col>
  250. <el-col :span="9" :push="1">
  251. <span @click="getCode(1)" class="getCode"
  252. >{{getCodeString}}</span
  253. >
  254. </el-col>
  255. </el-row>
  256. </el-form-item>
  257. <el-form-item prop="password">
  258. <el-input
  259. class="m-input"
  260. show-password
  261. v-model.trim="params.password"
  262. autocomplete="off"
  263. :placeholder="lang.box1item9"
  264. ></el-input>
  265. </el-form-item>
  266. <el-form-item class="agree" prop="agree">
  267. <el-checkbox v-model="params.agree"> </el-checkbox>
  268. <span>{{lang.box1item10}}</span>
  269. </el-form-item>
  270. <el-form-item>
  271. <el-button
  272. class="s-btn"
  273. type="primary"
  274. @click="register"
  275. >
  276. {{lang.box1item11}}
  277. </el-button>
  278. </el-form-item>
  279. </el-form>
  280. </div>
  281. </el-col>
  282. <el-col :span="24" :xs="24" :sm="24" :md="24" class="col-l">
  283. <div class="banner-title">
  284. <p class="tit tip">{{lang.box1item3}}</p>
  285. </div>
  286. </el-col>
  287. </el-row>
  288. </div>
  289. </div>
  290. <!-- 第二部分 -->
  291. <div class="my-box2">
  292. <div class="my-content">
  293. <el-row>
  294. <el-col :span="6" :xs="24" :sm="24" :md="6">
  295. <span class="red">$10</span>
  296. <span class="small">{{lang.box2item1}}</span>
  297. </el-col>
  298. <el-col :span="6" :xs="24" :sm="24" :md="6">
  299. <span class="red">1:1000</span>
  300. <span class="small">{{lang.box2item2}}</span>
  301. </el-col>
  302. <el-col :span="6" :xs="24" :sm="24" :md="6">
  303. <span class="red">0.0</span>
  304. <span class="small">{{lang.box2item3}}</span>
  305. </el-col>
  306. <el-col :span="6" :xs="24" :sm="24" :md="6">
  307. <span class="red">500+</span>
  308. <span class="small">{{lang.box2item4}}</span>
  309. </el-col>
  310. </el-row>
  311. </div>
  312. </div>
  313. <!-- 第四部分 -->
  314. <div class="my-box4">
  315. <div class="my-content">
  316. <h5 class="title">{{lang.box4}}</h5>
  317. <el-row>
  318. <el-col :span="12" :xs="24" :sm="24" :md="12" class="box-r">
  319. <div>
  320. <img src="../common/img/cwg_img_01.png" alt="" style="width: 100%" />
  321. </div>
  322. </el-col>
  323. <el-col :span="12" :xs="24" :sm="24" :md="12" class="box-l">
  324. <div class="step">
  325. <p class="sum">01</p>
  326. <div class="tit">
  327. <h5>{{lang.box4item1}}</h5>
  328. <p>{{lang.box4item2}}</p>
  329. </div>
  330. </div>
  331. <div>
  332. <i class="el-icon-arrow-down"></i>
  333. </div>
  334. <div class="step">
  335. <p class="sum">02</p>
  336. <div class="tit">
  337. <h5>{{lang.box4item3}}</h5>
  338. <p>{{lang.box4item4}}</p>
  339. </div>
  340. </div>
  341. <div>
  342. <i class="el-icon-arrow-down"></i>
  343. </div>
  344. <div class="step">
  345. <p class="sum">03</p>
  346. <div class="tit">
  347. <h5>{{lang.box4item5}}</h5>
  348. <p>{{lang.box4item6}}</p>
  349. </div>
  350. </div>
  351. </el-col>
  352. </el-row>
  353. </div>
  354. </div>
  355. <!-- 第三部分 -->
  356. <div class="my-box3">
  357. <div class="my-content">
  358. <h5 class="title">
  359. <span>{{lang.box3}}</span>
  360. </h5>
  361. <el-row class="con-box">
  362. <el-col :span="8" :xs="24" :sm="24" :md="8">
  363. <div class="box">
  364. <div>
  365. <img src="../common/img/s_img_01.png" alt="" />
  366. </div>
  367. <div class="tit">{{lang.box3item1}}</div>
  368. <div class="con">{{lang.box3item2}}</div>
  369. </div>
  370. </el-col>
  371. <el-col :span="8" :xs="24" :sm="24" :md="8">
  372. <div class="box">
  373. <div>
  374. <img src="../common/img/s_img_02.png" alt="" />
  375. </div>
  376. <div class="tit">{{lang.box3item3}}</div>
  377. <div class="con">{{lang.box3item4}}</div>
  378. </div>
  379. </el-col>
  380. <el-col :span="8" :xs="24" :sm="24" :md="8">
  381. <div class="box">
  382. <div>
  383. <img src="../common/img/s_img_03.png" alt="" />
  384. </div>
  385. <div class="tit">{{lang.box3item5}}</div>
  386. <div class="con">{{lang.box3item6}}</div>
  387. </div>
  388. </el-col>
  389. <el-col :span="8" :xs="24" :sm="24" :md="8">
  390. <div class="box">
  391. <div>
  392. <img src="../common/img/s_img_04.png" alt="" />
  393. </div>
  394. <div class="tit">{{lang.box3item7}}</div>
  395. <div class="con">{{lang.box3item8}}</div>
  396. </div>
  397. </el-col>
  398. <el-col :span="8" :xs="24" :sm="24" :md="8">
  399. <div class="box">
  400. <div>
  401. <img src="../common/img/s_img_05.png" alt="" />
  402. </div>
  403. <div class="tit">{{lang.box3item9}}</div>
  404. <div class="con">{{lang.box3item10}}</div>
  405. </div>
  406. </el-col>
  407. <el-col :span="8" :xs="24" :sm="24" :md="8">
  408. <div class="box">
  409. <div>
  410. <img src="../common/img/s_img_06.png" alt="" />
  411. </div>
  412. <div class="tit">{{lang.box3item11}}</div>
  413. <div class="con">{{lang.box3item12}}</div>
  414. </div>
  415. </el-col>
  416. </el-row>
  417. </div>
  418. </div>
  419. <!-- 第五部分 -->
  420. <div class="my-box5">
  421. <div class="my-content">
  422. <el-row>
  423. <el-col :span="14" :xs="24" :sm="24" :md="14" class="box-r">
  424. <h5 class="title">{{lang.box5}}</h5>
  425. <div class="step">
  426. <p class="sum">01</p>
  427. <p class="tit">{{lang.box5item1}}</p>
  428. </div>
  429. <div class="step">
  430. <p class="sum">02</p>
  431. <p class="tit">{{lang.box5item2}}</p>
  432. </div>
  433. <div class="step">
  434. <p class="sum">03</p>
  435. <p class="tit">{{lang.box5item3}}</p>
  436. </div>
  437. <div class="step">
  438. <p class="sum">04</p>
  439. <p class="tit">{{lang.box5item4}}</p>
  440. </div>
  441. </el-col>
  442. <el-col :span="10" :xs="24" :sm="24" :md="10" class="box-l">
  443. <img src="../common/img/cwg_img_02.png" alt="" style="width: 100%" />
  444. </el-col>
  445. </el-row>
  446. </div>
  447. </div>
  448. <!-- 第六部分 -->
  449. <div class="my-box6">
  450. <div class="my-content">
  451. <div class="tit">
  452. <h5>{{lang.box6item1}}</h5>
  453. <p>{{lang.box6item2}}</p>
  454. </div>
  455. <div class="btn">
  456. <a href="#kaihu">{{lang.box6item3}}</a>
  457. </div>
  458. </div>
  459. </div>
  460. <!-- 第七部分 -->
  461. <div class="my-box7">
  462. <div class="my-content">
  463. <p>{{lang.box7item1}}</p>
  464. <p>{{lang.box7item2}}</p>
  465. <p>{{lang.box7item3}}</p>
  466. <p>{{lang.box7item4}}</p>
  467. <p>{{lang.box7item5}}</p>
  468. <p>
  469. <span>{{lang.box7item6}}</span>
  470. <a
  471. target="_blank"
  472. href="https://www.cwgvu.com/doc/Risk-Disclosures-and-Acknowledgements-2020-08.pdf"
  473. >{{lang.box7item7}}</a
  474. >
  475. <span>{{lang.box7item8}}</span>
  476. </p>
  477. <p>{{lang.box7item9}}</p>
  478. <p>{{lang.box7item10}}</p>
  479. <div class="bottom">
  480. <p>{{lang.box7item11}}</p>
  481. <p>
  482. <a
  483. target="_blank"
  484. href="https://www.cwgvu.com/doc/PrivacyPolicy2019-01.pdf"
  485. >{{lang.box7item12}}</a
  486. >
  487. <span>{{lang.box7item13}}</span>
  488. <a
  489. target="_blank"
  490. href="https://www.cwgvu.com/doc/Terms-and-Conditions-2020-08.pdf"
  491. >{{lang.box7item14}}</a
  492. >
  493. <span>{{lang.box7item15}}</span>
  494. </p>
  495. </div>
  496. </div>
  497. </div>
  498. </div>
  499. </div>
  500. <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
  501. <div class="banner-signup">
  502. <div class="close" @click="notRegisterMsgOpen = false">
  503. <i class="el-icon-close"></i>
  504. </div>
  505. <span class="" v-if="language == 'cn'">
  506. <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
  507. </span>
  508. <span class="" v-else>
  509. <strong>Important Notice:</strong><br> In accordance with CWG’s internal compliance policies and the requirements of applicable regional regulatory authorities, <strong>CWG does not offer any products or services to individuals or legal entities located in Malaysia</strong> .If this notice does not apply to your actual place of residence or registration, and you are <strong>not a Malaysian resident or entity</strong> , you may proceed with the relevant operations after confirming.If you have any questions or concerns regarding this statement, please <strong>immediately contact our Customer Support team</strong> for further assistance.Thank you for your understanding and cooperation.
  510. </span>
  511. </div>
  512. </el-dialog>
  513. </div>
  514. <script src="../common/js/jquery.js"></script>
  515. <script src="../common/js/app.js"></script>
  516. <script src="../common/js/chunk-vendors.js"></script>
  517. <script src="../../js/vue.min.js"></script>
  518. <script src="../../js/axios.min.js"></script>
  519. <script src="../../js/element-ui.js"></script>
  520. <script src="../../js/element@2.12.2.js"></script>
  521. <script src="../common/js/active2.js"></script>
  522. <script>
  523. var $zopim = null;
  524. rep = setInterval(aTimer, 10000);
  525. function aTimer() {
  526. if ($zopim) {
  527. $zopim(function() {
  528. if (sessionStorage.getItem("lang") == "cn") {
  529. $zopim.livechat.setLanguage("zh_CN");
  530. } else {
  531. $zopim.livechat.setLanguage("en");
  532. }
  533. });
  534. }
  535. }
  536. </script>
  537. <script>
  538. if (window.location.host.split(".")[1] == "cwgmarkets") {
  539. var _hmt = _hmt || [];
  540. (function() {
  541. var hm = document.createElement("script");
  542. hm.src =
  543. "https://hm.baidu.com/hm.js?0ebbfee0cf6c62cbe89106958e36c2f2";
  544. var s = document.getElementsByTagName("script")[0];
  545. s.parentNode.insertBefore(hm, s);
  546. })();
  547. } else if (window.location.host.split(".")[1] == "cwgvu") {
  548. var _hmt = _hmt || [];
  549. (function() {
  550. var hm = document.createElement("script");
  551. hm.src =
  552. "https://hm.baidu.com/hm.js?183731d0eb75dadbb063d380ecd0e7ed";
  553. var s = document.getElementsByTagName("script")[0];
  554. s.parentNode.insertBefore(hm, s);
  555. })();
  556. }
  557. </script>
  558. <!-- Google Tag Manager (noscript) -->
  559. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  560. <!-- End Google Tag Manager (noscript) -->
  561. </body>
  562. </html>