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