activity.html 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>$100 Welcome Bonus Without Any Deposit | Cwgmarkets</title>
  6. <meta name="description" content="You can receive your $100 Welcome bonus without any deposit. You can access our free copy trade system where you can receive free high quality trading signals.">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  8. <meta name="full-screen" content="yes" />
  9. <meta name="x5-fullscreen" content="true" />
  10. <meta
  11. name="viewport"
  12. content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
  13. />
  14. <link rel="stylesheet" href="../../css/element-ui.css" />
  15. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  16. <link rel="stylesheet" href="../../css/preloading.css" />
  17. <link rel="stylesheet" href="css/active5.css" />
  18. <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
  19. <!-- Start of cwgmarkets Zendesk Widget script -->
  20. <!-- <script
  21. id="ze-snippet"
  22. src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
  23. ></script> -->
  24. <script type="text/javascript">
  25. window.__lc = window.__lc || {};
  26. window.__lc.license = 18945964;
  27. (function (n, t, c) {
  28. function i(n) {
  29. return e._h ? e._h.apply(null, n) : e._q.push(n);
  30. }
  31. var e = {
  32. _q: [],
  33. _h: null,
  34. _v: "2.0",
  35. on: function () {
  36. i(["on", c.call(arguments)]);
  37. },
  38. once: function () {
  39. i(["once", c.call(arguments)]);
  40. },
  41. off: function () {
  42. i(["off", c.call(arguments)]);
  43. },
  44. get: function () {
  45. if (!e._h)
  46. throw new Error(
  47. "[LiveChatWidget] You can't use getters before load."
  48. );
  49. return i(["get", c.call(arguments)]);
  50. },
  51. call: function () {
  52. i(["call", c.call(arguments)]);
  53. },
  54. init: function () {
  55. var n = t.createElement("script");
  56. (n.async = !0),
  57. (n.type = "text/javascript"),
  58. (n.src = "https://cdn.livechatinc.com/tracking.js"),
  59. t.head.appendChild(n);
  60. },
  61. };
  62. !n.__lc.asyncInit && e.init(),
  63. (n.LiveChatWidget = n.LiveChatWidget || e);
  64. })(window, document, [].slice);
  65. </script>
  66. <noscript>
  67. <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
  68. >Chat with us</a
  69. >, powered by
  70. <a
  71. href="https://www.livechat.com/?welcome"
  72. rel="noopener nofollow"
  73. target="_blank"
  74. >LiveChat</a
  75. >
  76. </noscript>
  77. <script>
  78. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  79. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  80. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  81. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  82. })(window,document,'script','dataLayer','GTM-T8P44WHV');
  83. </script>
  84. </head>
  85. <style>
  86. [v-cloak] {
  87. display: none;
  88. }
  89. </style>
  90. <body>
  91. <div
  92. id="pre"
  93. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  94. >
  95. <div
  96. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  97. >
  98. <div
  99. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  100. >
  101. <div class="line-scale">
  102. <div></div>
  103. <div></div>
  104. <div></div>
  105. <div></div>
  106. <div></div>
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="container" id="active1" v-cloak>
  112. <div class="Va-document">
  113. <div class="title-head">
  114. <div class="my-content">
  115. <div>
  116. <a href="https://www.cwgmarkets.com" class="logo">
  117. <img src="../common/img/logo.png" alt="" />
  118. </a>
  119. </div>
  120. <div class="col-12 col-md-6 pl-0">
  121. <div class="user-area ml-auto">
  122. <ul class="nav">
  123. <!-- <li class="login" style="border: none">
  124. <a
  125. class="text-white"
  126. href="https://secure.cwgmarkets.com/#/signin"
  127. ><span>{{lang.headers1}}</span></a
  128. >
  129. </li> -->
  130. <li class="login" style="border-left:0;">
  131. <a
  132. class="text-white"
  133. href="javascript: $zopim.livechat.window.show();"
  134. ><span style="background: none; padding: 0"
  135. >{{lang.headers2}}</span
  136. >
  137. </a>
  138. </li>
  139. <li class="dropdown login">
  140. <div style="display: flex; justify-content: flex-end">
  141. <div class="menu-logo chooseLang">
  142. <img
  143. v-if="langList[language] == 'ENGLISH'"
  144. style="width: 15px; height: 10px; margin: 0 4px"
  145. src="../common/img/EN.jpg"
  146. alt=""
  147. />
  148. <img
  149. v-if="langList[language] == '中文简体'"
  150. style="width: 15px; height: 10px; margin: 0 4px"
  151. src="../common/img/CN.jpg"
  152. alt=""
  153. />
  154. <img
  155. v-if="langList[language] == '中文繁體'"
  156. style="width: 15px; height: 10px; margin: 0 4px"
  157. src="../common/img/CN.jpg"
  158. alt=""
  159. />
  160. <el-dropdown trigger="click" @command="chooseLang">
  161. <span class="menu">
  162. {{langList[language]}}
  163. <i class="el-icon-arrow-down el-icon--right"></i>
  164. </span>
  165. <el-dropdown-menu slot="dropdown">
  166. <el-dropdown-item command="cn"
  167. >中文简体</el-dropdown-item
  168. >
  169. <el-dropdown-item command="zhHant"
  170. >中文繁體</el-dropdown-item
  171. >
  172. <el-dropdown-item command="en"
  173. >English</el-dropdown-item
  174. >
  175. </el-dropdown-menu>
  176. </el-dropdown>
  177. </div>
  178. </div>
  179. </li>
  180. <!-- <li class="login dro-r">
  181. <a
  182. class="text-white"
  183. href="https://secure.cwgmarkets.com/#/signup"
  184. ><span style="background: none; padding: 0"
  185. >{{lang.headers3}}</span
  186. ></a
  187. >
  188. </li> -->
  189. </ul>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="content-info">
  195. <!-- 第一部分 -->
  196. <div class="my-box1" id="kaihu">
  197. <div class="my-content">
  198. <el-row>
  199. <el-col :span="14" :xs="24" :sm="24" :md="14" class="col-l">
  200. <div class="banner-title">
  201. <div>
  202. <img class="img1" v-if="language == 'cn'" src="img/item1_1.png" alt="" />
  203. <img class="img1" v-else src="img/item1_1en.png" alt="" />
  204. <!-- <img class="img1" src="img/item1_1.png" alt=""> -->
  205. <h5 class="title">{{lang.box1item1}}</h5>
  206. <p class="tit">{{lang.box1item2}}</p>
  207. <div class="bottom">
  208. <el-row>
  209. <el-col :span="12" :xs="24" :sm="12" :md="12" class="item">
  210. <p><span>√</span>{{lang.box1item3_1}}</p>
  211. <p><span>√</span>{{lang.box1item3_2}}</p>
  212. <p><span>√</span>{{lang.box1item3_3}}</p>
  213. </el-col>
  214. <el-col :span="12" :xs="24" :sm="12" :md="12" class="item">
  215. <p><span>√</span>{{lang.box1item3_4}}</p>
  216. <p><span>√</span>{{lang.box1item3_5}}</p>
  217. <p><span>√</span>{{lang.box1item3_6}}</p>
  218. </el-col>
  219. </el-row>
  220. </div>
  221. </div>
  222. </div>
  223. </el-col>
  224. <el-col :span="10" :xs="24" :sm="24" :md="10" class="col-r">
  225. <div class="banner-signup" v-loading="loading">
  226. <div class="title">
  227. <span>{{lang.box1item4}}</span>
  228. </div>
  229. <el-form
  230. :model="params"
  231. :rules="rules"
  232. ref="params"
  233. label-width="0"
  234. class="form"
  235. >
  236. <el-form-item prop="country" style="position: relative">
  237. <el-select
  238. filterable
  239. class="country"
  240. v-model="params.country"
  241. :placeholder="lang.box1item5"
  242. >
  243. <el-option
  244. v-for="item in mock_options"
  245. :key="item.id"
  246. :label="item.enName"
  247. :value="item.code"
  248. :disabled="notCountry.indexOf(item.code)!==-1"
  249. ></el-option>
  250. </el-select>
  251. <i class="iconfont icondingwei"></i>
  252. </el-form-item>
  253. <el-form-item prop="phone">
  254. <el-input
  255. class="m-input"
  256. v-model.trim="params.phone"
  257. :placeholder="lang.box1item6"
  258. prefix-icon="iconfont iconshouji"
  259. >
  260. </el-input>
  261. </el-form-item>
  262. <el-form-item prop="email">
  263. <el-input
  264. class="m-input"
  265. v-model.trim="params.email"
  266. :placeholder="lang.box1item7"
  267. prefix-icon="iconfont iconyouxiang1"
  268. >
  269. </el-input>
  270. </el-form-item>
  271. <el-form-item prop="emailCode">
  272. <el-row>
  273. <el-col :span="14">
  274. <el-input
  275. class="code"
  276. v-model.trim="params.emailCode"
  277. prefix-icon="iconfont iconyanzhengma"
  278. :placeholder="lang.box1item8"
  279. ></el-input>
  280. </el-col>
  281. <el-col :span="9" :push="1">
  282. <span @click="getCode(1)" class="getCode"
  283. >{{getCodeString}}</span
  284. >
  285. </el-col>
  286. </el-row>
  287. </el-form-item>
  288. <el-form-item prop="password">
  289. <el-input
  290. class="m-input"
  291. show-password
  292. v-model.trim="params.password"
  293. autocomplete="off"
  294. prefix-icon="iconfont iconmima"
  295. :placeholder="lang.box1item9"
  296. ></el-input>
  297. </el-form-item>
  298. <el-form-item>
  299. <ul class="pwd">
  300. <li :class="{ fit: rule1 }">{{lang.st1}}</li>
  301. <li :class="{ fit: rule2 }">{{lang.nd2}}</li>
  302. <li :class="{ fit: rule3 }">{{lang.rd3}}</li>
  303. </ul>
  304. </el-form-item>
  305. <el-form-item class="agree" prop="agree">
  306. <el-checkbox v-model="params.agree"> </el-checkbox>
  307. <span>{{lang.box1item10}}</span>
  308. </el-form-item>
  309. <el-form-item>
  310. <el-button
  311. class="s-btn"
  312. type="primary"
  313. @click="register"
  314. >
  315. {{lang.box1item11}}
  316. </el-button>
  317. </el-form-item>
  318. </el-form>
  319. </div>
  320. </el-col>
  321. </el-row>
  322. </div>
  323. <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
  324. <div class="banner-signup">
  325. <div class="close" @click="notRegisterMsgOpen = false">
  326. <i class="el-icon-close"></i>
  327. </div>
  328. <span class="" v-if="language == 'cn'">
  329. <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
  330. </span>
  331. <span class="" v-else>
  332. <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.
  333. </span>
  334. </div>
  335. </el-dialog>
  336. </div>
  337. <!-- 第二部分 -->
  338. <div class="my-box2">
  339. <div class="my-content">
  340. <h5 class="title">
  341. <span>{{lang.box2_1}}</span>
  342. <!-- <span style="color: #DF3737;">{{lang.box2_2}}</span>
  343. <span>{{lang.box2_3}}</span> -->
  344. </h5>
  345. <el-row class="con-box">
  346. <div style="width: 100%;border: 1px solid;margin-top: 20px;padding: 0 20px;position: relative;">
  347. <div style="width: 100%;height: 101%;background-color: #fff;position: relative;top: -1px;">
  348. <el-col :span="6" :xs="24" :sm="24" :md="6">
  349. <div class="box">
  350. <div>
  351. <img src="img/item2_1.png" alt="" />
  352. </div>
  353. <div class="tit" v-html="lang.box2item1"></div>
  354. </div>
  355. </el-col>
  356. <el-col :span="3" :xs="24" :sm="24" :md="3" class="box1">
  357. <div>
  358. <div>
  359. <img src="img/item2_4.png" alt="" />
  360. </div>
  361. </div>
  362. </el-col>
  363. <el-col :span="6" :xs="24" :sm="24" :md="6">
  364. <div class="box">
  365. <div>
  366. <img src="img/item2_2.png" alt="" />
  367. </div>
  368. <div class="tit" v-html="lang.box2item2"></div>
  369. </div>
  370. </el-col>
  371. <el-col :span="3" :xs="24" :sm="24" :md="3" class="box1">
  372. <div>
  373. <div>
  374. <img src="img/item2_4.png" alt="" />
  375. </div>
  376. </div>
  377. </el-col>
  378. <el-col :span="6" :xs="24" :sm="24" :md="6">
  379. <div class="box">
  380. <div>
  381. <img src="img/item2_3.png" alt="" />
  382. </div>
  383. <div class="tit" v-html="lang.box2item3"></div>
  384. </div>
  385. </el-col>
  386. </div>
  387. </div>
  388. <el-col :span="24" :xs="24" :sm="24" :md="24">
  389. <div class="btn">
  390. {{lang.box2item4}}
  391. </div>
  392. </el-col>
  393. </el-row>
  394. </div>
  395. </div>
  396. <!-- 第三部分 -->
  397. <div class="my-box3">
  398. <div class="my-content">
  399. <h5 class="title">
  400. <span v-html="lang.box3"></span>
  401. </h5>
  402. <div class="con-box">
  403. <div class="box box1">
  404. <div class="num">
  405. <img src="img/item3_1.png" alt="">
  406. <span class="number">{{lang.box3item1}}</span>
  407. </div>
  408. <img v-if="language == 'cn'" src="img/1.png" alt="" />
  409. <img v-else src="img/1-en.png" alt="" />
  410. </div>
  411. <div class="box box2">
  412. <div class="num">
  413. <img src="img/item3_2.png" alt="">
  414. <span class="number">{{lang.box3item2}}</span>
  415. </div>
  416. <img src="img/2.png" alt="" />
  417. </div>
  418. </div>
  419. <div class="con-box">
  420. <div class="box box1">
  421. <div class="num">
  422. <img src="img/item3_1.png" alt="">
  423. <span class="number">{{lang.box3item3}}</span>
  424. </div>
  425. <img src="img/3.png" alt="" />
  426. </div>
  427. <div class="box box2">
  428. <div class="num">
  429. <img src="img/item3_2.png" alt="">
  430. <span class="number">{{lang.box3item4}}</span>
  431. </div>
  432. <img src="img/4.png" alt="" />
  433. </div>
  434. </div>
  435. <div class="con-box">
  436. <div class="box box1">
  437. <div class="num">
  438. <img src="img/item3_1.png" alt="">
  439. <span class="number">{{lang.box3item5}}</span>
  440. </div>
  441. <img src="img/5.png" alt="" />
  442. </div>
  443. <div class="box box2">
  444. <div class="num">
  445. <img src="img/item3_2.png" alt="">
  446. <span class="number">{{lang.box3item6}}</span>
  447. </div>
  448. <img src="img/6.png" alt="" />
  449. </div>
  450. </div>
  451. <div class="con-box">
  452. <div class="box box1">
  453. <div class="num">
  454. <img src="img/item3_1.png" alt="">
  455. <span class="number">{{lang.box3item7}}</span>
  456. </div>
  457. <img src="img/7.png" alt="" />
  458. </div>
  459. <div class="box box2">
  460. <div class="num">
  461. <img src="img/item3_2.png" alt="">
  462. <span class="number">{{lang.box3item8}}</span>
  463. </div>
  464. <img src="img/8.png" alt="" />
  465. </div>
  466. </div>
  467. <el-row>
  468. <el-col :span="24" :xs="24" :sm="24" :md="24">
  469. <div class="btn">
  470. <a href="#kaihu">{{lang.box6item3}}</a>
  471. </div>
  472. </el-col>
  473. </el-row>
  474. </div>
  475. </div>
  476. <!-- 第四部分 -->
  477. <div class="my-box4">
  478. <div class="my-content">
  479. <h5 class="title">
  480. <span>FAQ</span>
  481. </h5>
  482. <el-row class="con-box">
  483. <el-col :span="12" :xs="24" :sm="24" :md="12">
  484. <div class="box">
  485. <div class="title">{{lang.box4item1_1}}</div>
  486. <div>{{lang.box4item1_2}}</div>
  487. </div>
  488. </el-col>
  489. <el-col :span="12" :xs="24" :sm="24" :md="12">
  490. <div class="box">
  491. <div class="title">{{lang.box4item2_1}}</div>
  492. <div>{{lang.box4item2_2}}</div>
  493. <div>{{lang.box4item2_3}}</div>
  494. </div>
  495. </el-col>
  496. <el-col :span="12" :xs="24" :sm="24" :md="12">
  497. <div class="box">
  498. <div class="title">{{lang.box4item3_1}}</div>
  499. <div v-html="lang.box4item3_2"></div>
  500. <div>{{lang.box4item3_3}}</div>
  501. </div>
  502. </el-col>
  503. <el-col :span="12" :xs="24" :sm="24" :md="12">
  504. <div class="box">
  505. <div class="title">{{lang.box4item4_1}}</div>
  506. <div>{{lang.box4item4_2}}</div>
  507. </div>
  508. </el-col>
  509. </el-row>
  510. </div>
  511. </div>
  512. <!-- 第5部分 -->
  513. <div class="my-box5">
  514. <div class="my-content">
  515. <h5 class="title">
  516. <span>{{lang.box5_1}}</span><br>
  517. <span>{{lang.box5_2}}</span>
  518. <span style="color: #DF3737;">{{lang.box5_3}}</span>
  519. <span>{{lang.box5_4}}</span>
  520. </h5>
  521. <el-row class="con-box">
  522. <el-col :span="4" :xs="24" :sm="24" :md="4">
  523. <div class="box">
  524. <div class="imgbox imgbox1">
  525. <div class="img">
  526. <div>
  527. <img src="img/2-1.png" alt="">
  528. <div>{{lang.box5item11}}</div>
  529. </div>
  530. </div>
  531. </div>
  532. <div class="tit">{{lang.box5item12}}</div>
  533. </div>
  534. </el-col>
  535. <el-col :span="4" :xs="24" :sm="24" :md="4">
  536. <div class="box">
  537. <div class="imgbox imgbox2">
  538. <div class="img">
  539. <div>
  540. <img src="img/2-2.png" alt="">
  541. <div>{{lang.box5item13}}</div>
  542. </div>
  543. </div>
  544. </div>
  545. <div class="tit">{{lang.box5item14}}</div>
  546. </div>
  547. </el-col>
  548. <el-col :span="4" :xs="24" :sm="24" :md="4">
  549. <div class="box">
  550. <div class="imgbox imgbox3">
  551. <div class="img">
  552. <div>
  553. <img src="img/2-3.png" alt="">
  554. <div>{{lang.box5item15}}</div>
  555. </div>
  556. </div>
  557. </div>
  558. <div class="tit">{{lang.box5item16}}</div>
  559. </div>
  560. </el-col>
  561. <el-col :span="4" :xs="24" :sm="24" :md="4">
  562. <div class="box">
  563. <div class="imgbox imgbox4">
  564. <div class="img">
  565. <div>
  566. <img src="img/2-4.png" alt="">
  567. <div>{{lang.box5item17}}</div>
  568. </div>
  569. </div>
  570. </div>
  571. <div class="tit">{{lang.box5item18}}</div>
  572. </div>
  573. </el-col>
  574. <el-col :span="4" :xs="24" :sm="24" :md="4">
  575. <div class="box">
  576. <div class="imgbox imgbox5">
  577. <div class="img">
  578. <div>
  579. <img src="img/2-5.png" alt="">
  580. <div>{{lang.box5item19}}</div>
  581. </div>
  582. </div>
  583. </div>
  584. <div class="tit">{{lang.box5item20}}</div>
  585. </div>
  586. </el-col>
  587. </el-row>
  588. </div>
  589. </div>
  590. <!-- 第六部分 -->
  591. <!-- <div class="my-box6">
  592. <div class="my-content">
  593. <h5 class="title">
  594. <span>{{lang.box6_1}}</span><br>
  595. <span>{{lang.box6_2}}</span>
  596. <span style="color: #DF3737;">{{lang.box6_3}}</span>
  597. <span>{{lang.box6_4}}</span>
  598. </h5>
  599. <el-row class="con-box">
  600. <img v-if="language == 'cn'" src="img/map_cn.png" alt="" />
  601. <img v-if="language == 'en'" src="img/map_en.png" alt="" />
  602. </el-row>
  603. </div>
  604. </div> -->
  605. <!-- 第9部分 -->
  606. <div class="my-box9">
  607. <div class="my-content">
  608. <h5 class="title">
  609. <span>{{lang.box9}}</span>
  610. </h5>
  611. <el-row class="con-box">
  612. <el-col :span="24" :xs="24" :sm="24" :md="24">
  613. <div class="box">
  614. <el-carousel :interval="2000" height="355px" indicator-position="none" type="card">
  615. <el-carousel-item>
  616. <div class="honor">
  617. <div style="height: 90px;display: flex;align-items: center;">
  618. <img src="img/honor-16.png" alt="">
  619. </div>
  620. <div>
  621. <p>{{lang.box9item11}}</p>
  622. <p>{{lang.box9item12}}</p>
  623. </div>
  624. <p class="bottom">{{lang.box9item13}}</p>
  625. </div>
  626. </el-carousel-item>
  627. <el-carousel-item>
  628. <div class="honor">
  629. <div style="height: 90px;display: flex;align-items: center;">
  630. <img src="img/honor-15.png" alt="">
  631. </div>
  632. <div>
  633. <p>{{lang.box9item21}}</p>
  634. <p>{{lang.box9item22}}</p>
  635. </div>
  636. <p class="bottom">{{lang.box9item23}}</p>
  637. </div>
  638. </el-carousel-item>
  639. <el-carousel-item>
  640. <div class="honor">
  641. <div style="height: 90px;display: flex;align-items: center;">
  642. <img src="img/honor-16.png" alt="">
  643. </div>
  644. <div>
  645. <p>{{lang.box9item31}}</p>
  646. <p>{{lang.box9item32}}</p>
  647. </div>
  648. <p class="bottom">{{lang.box9item33}}</p>
  649. </div>
  650. </el-carousel-item>
  651. <el-carousel-item>
  652. <div class="honor">
  653. <div style="height: 90px;display: flex;align-items: center;">
  654. <img src="img/honor-15.png" alt="">
  655. </div>
  656. <div>
  657. <p>{{lang.box9item41}}</p>
  658. <p>{{lang.box9item42}}</p>
  659. </div>
  660. <p class="bottom">{{lang.box9item43}}</p>
  661. </div>
  662. </el-carousel-item>
  663. <el-carousel-item>
  664. <div class="honor">
  665. <div style="height: 90px;display: flex;align-items: center;">
  666. <img src="img/honor-13.png" alt="">
  667. </div>
  668. <div>
  669. <p>{{lang.box9item51}}</p>
  670. <p>{{lang.box9item52}}</p>
  671. </div>
  672. <p class="bottom">{{lang.box9item53}}</p>
  673. </div>
  674. </el-carousel-item>
  675. <el-carousel-item>
  676. <div class="honor">
  677. <div style="height: 90px;display: flex;align-items: center;">
  678. <img src="img/honor-14.png" alt="">
  679. </div>
  680. <div>
  681. <p>{{lang.box9item61}}</p>
  682. <p>{{lang.box9item62}}</p>
  683. </div>
  684. <p class="bottom">{{lang.box9item63}}</p>
  685. </div>
  686. </el-carousel-item>
  687. <el-carousel-item>
  688. <div class="honor">
  689. <div style="height: 90px;display: flex;align-items: center;">
  690. <img src="img/honor-1.png" alt="">
  691. </div>
  692. <div>
  693. <p>{{lang.box9item71}}</p>
  694. <p>{{lang.box9item72}}</p>
  695. </div>
  696. <p class="bottom">{{lang.box9item73}}</p>
  697. </div>
  698. </el-carousel-item>
  699. <el-carousel-item>
  700. <div class="honor">
  701. <div style="height: 90px;display: flex;align-items: center;">
  702. <img src="img/honor-1.png" alt="">
  703. </div>
  704. <div>
  705. <p>{{lang.box9item81}}</p>
  706. <p>{{lang.box9item82}}</p>
  707. </div>
  708. <p class="bottom">{{lang.box9item83}}</p>
  709. </div>
  710. </el-carousel-item>
  711. <el-carousel-item>
  712. <div class="honor">
  713. <div style="height: 90px;display: flex;align-items: center;">
  714. <img src="img/honor-1.png" alt="">
  715. </div>
  716. <div>
  717. <p>{{lang.box9item91}}</p>
  718. <p>{{lang.box9item92}}</p>
  719. </div>
  720. <p class="bottom">{{lang.box9item93}}</p>
  721. </div>
  722. </el-carousel-item>
  723. <el-carousel-item>
  724. <div class="honor">
  725. <div style="height: 90px;display: flex;align-items: center;">
  726. <img src="img/honor-4.png" alt="">
  727. </div>
  728. <div>
  729. <p>{{lang.box9item101}}</p>
  730. <p>{{lang.box9item102}}</p>
  731. </div>
  732. <p class="bottom">{{lang.box9item103}}</p>
  733. </div>
  734. </el-carousel-item>
  735. <el-carousel-item>
  736. <div class="honor">
  737. <div style="height: 90px;display: flex;align-items: center;">
  738. <img src="img/honor-4.png" alt="">
  739. </div>
  740. <div>
  741. <p>{{lang.box9item111}}</p>
  742. <p>{{lang.box9item112}}</p>
  743. </div>
  744. <p class="bottom">{{lang.box9item113}}</p>
  745. </div>
  746. </el-carousel-item>
  747. <el-carousel-item>
  748. <div class="honor">
  749. <div style="height: 90px;display: flex;align-items: center;">
  750. <img src="img/honor-4.png" alt="">
  751. </div>
  752. <div>
  753. <p>{{lang.box9item121}}</p>
  754. <p>{{lang.box9item122}}</p>
  755. </div>
  756. <p class="bottom">{{lang.box9item123}}</p>
  757. </div>
  758. </el-carousel-item>
  759. <el-carousel-item>
  760. <div class="honor">
  761. <div style="height: 90px;display: flex;align-items: center;">
  762. <img src="img/honor-4.png" alt="">
  763. </div>
  764. <div>
  765. <p>{{lang.box9item131}}</p>
  766. <p>{{lang.box9item132}}</p>
  767. </div>
  768. <p class="bottom">{{lang.box9item133}}</p>
  769. </div>
  770. </el-carousel-item>
  771. <el-carousel-item>
  772. <div class="honor">
  773. <div style="height: 90px;display: flex;align-items: center;">
  774. <img src="img/honor-8.png" alt="">
  775. </div>
  776. <div>
  777. <p>{{lang.box9item141}}</p>
  778. <p>{{lang.box9item142}}</p>
  779. </div>
  780. <p class="bottom">{{lang.box9item143}}</p>
  781. </div>
  782. </el-carousel-item>
  783. <el-carousel-item>
  784. <div class="honor">
  785. <div style="height: 90px;display: flex;align-items: center;">
  786. <img src="img/honor-9.png" alt="">
  787. </div>
  788. <div>
  789. <p>{{lang.box9item151}}</p>
  790. <p>{{lang.box9item152}}</p>
  791. </div>
  792. <p class="bottom">{{lang.box9item153}}</p>
  793. </div>
  794. </el-carousel-item>
  795. <el-carousel-item>
  796. <div class="honor">
  797. <div style="height: 90px;display: flex;align-items: center;">
  798. <img src="img/honor-10.png" alt="">
  799. </div>
  800. <div>
  801. <p>{{lang.box9item161}}</p>
  802. <p>{{lang.box9item162}}</p>
  803. </div>
  804. <p class="bottom">{{lang.box9item163}}</p>
  805. </div>
  806. </el-carousel-item>
  807. <el-carousel-item>
  808. <div class="honor">
  809. <div style="height: 90px;display: flex;align-items: center;">
  810. <img src="img/honor-11.png" alt="">
  811. </div>
  812. <div>
  813. <p>{{lang.box9item171}}</p>
  814. <p>{{lang.box9item172}}</p>
  815. </div>
  816. <p class="bottom">{{lang.box9item173}}</p>
  817. </div>
  818. </el-carousel-item>
  819. <el-carousel-item>
  820. <div class="honor">
  821. <div style="height: 90px;display: flex;align-items: center;">
  822. <img src="img/honor-12.png" alt="">
  823. </div>
  824. <div>
  825. <p>{{lang.box9item181}}</p>
  826. <p>{{lang.box9item182}}</p>
  827. </div>
  828. <p class="bottom">{{lang.box9item183}}</p>
  829. </div>
  830. </el-carousel-item>
  831. </el-carousel>
  832. </div>
  833. </el-col>
  834. </el-row>
  835. </div>
  836. </div>
  837. <!-- 第8部分 -->
  838. <div class="my-box8">
  839. <div class="my-content">
  840. <h5 class="title">
  841. <span>{{lang.box8}}</span>
  842. </h5>
  843. <el-row class="con-box">
  844. <el-col :span="24" :xs="24" :sm="24" :md="24">
  845. <div class="box">
  846. <img src="img/item8_1.png" alt="" />
  847. <img src="img/item8_2.png" alt="" />
  848. <img src="img/item8_3.png" alt="" />
  849. <img src="img/item8_4.png" alt="" />
  850. <img src="img/item8_5.png" alt="" />
  851. <img src="img/item8_6.png" alt="" />
  852. <img src="img/item8_7.png" alt="" />
  853. </div>
  854. </el-col>
  855. <el-col :span="24" :xs="24" :sm="24" :md="24">
  856. <div class="btn">
  857. <a href="#kaihu">{{lang.box6item3}}</a>
  858. </div>
  859. </el-col>
  860. </el-row>
  861. </div>
  862. </div>
  863. <!-- 第七部分 -->
  864. <div class="my-box7">
  865. <div class="btn">
  866. <span>{{lang.box3item4_1}}</span><a href="https://www.cwgmarkets.com/twenty-percent-bonus" target="_blank">{{lang.box3item4_2}}</a><span>{{lang.box3item4_3}}</span>
  867. </div>
  868. <div class="my-content">
  869. <p>{{lang.box7item1}}</p>
  870. <p>{{lang.box7item2}}</p>
  871. <p>{{lang.box7item3}}</p>
  872. <p>{{lang.box7item4}}</p>
  873. <p>{{lang.box7item5}}</p>
  874. <p>
  875. <span>{{lang.box7item6}}</span>
  876. <span>{{lang.box7item7}}</span>
  877. <span>{{lang.box7item8}}</span>
  878. </p>
  879. <p>{{lang.box7item9}}</p>
  880. <p>{{lang.box7item10}}</p>
  881. <div class="bottom">
  882. <p>{{lang.box7item11}}</p>
  883. <p>
  884. <span>{{lang.box7item12}}</span>
  885. <span>{{lang.box7item13}}</span>
  886. <span>{{lang.box7item14}}</span>
  887. <span>{{lang.box7item15}}</span>
  888. </p>
  889. </div>
  890. </div>
  891. </div>
  892. </div>
  893. </div>
  894. <div class="myMp4" @click="openMP4">
  895. <img src="img/icon-1.png" alt="">
  896. </div>
  897. <el-dialog
  898. v-if="isPc"
  899. title=""
  900. :visible.sync="centerDialogVisible"
  901. width="850px"
  902. center>
  903. <div>
  904. <video id="videoplayer" controls = "true" width="800px" src="../common/MP4/pc_100cn.mp4" v-if="language == 'cn'"></video>
  905. <video id="videoplayer" controls = "true" width="800px" src="../common/MP4/pc_100.mp4" v-if="language != 'cn'"></video>
  906. <!-- <iframe width="325" height="175" src="" /> -->
  907. </div>
  908. </el-dialog>
  909. <el-dialog
  910. v-if="!isPc"
  911. title=""
  912. :visible.sync="centerDialogVisible"
  913. width="90%"
  914. center>
  915. <div>
  916. <video id="videoplayer" controls = "true" width="100%" src="../common/MP4/mobile_100cn.mp4" v-if="language == 'cn'"></video>
  917. <video id="videoplayer" controls = "true" width="100%" src="../common/MP4/mobile_100.mp4" v-if="language != 'cn'"></video>
  918. <!-- <iframe width="325" height="175" src="" /> -->
  919. </div>
  920. </el-dialog>
  921. </div>
  922. <script src="../common/js/jquery.js"></script>
  923. <script src="../common/js/app.js"></script>
  924. <script src="../common/js/chunk-vendors.js"></script>
  925. <script src="../../js/vue.min.js"></script>
  926. <script src="../../js/axios.min.js"></script>
  927. <script src="../../js/element-ui.js"></script>
  928. <script src="../../js/element@2.12.2.js"></script>
  929. <script src="js/active1.js"></script>
  930. <script>
  931. var $zopim = null;
  932. rep = setInterval(aTimer, 10000);
  933. function aTimer() {
  934. if ($zopim) {
  935. $zopim(function() {
  936. if (sessionStorage.getItem("lang") == "cn") {
  937. $zopim.livechat.setLanguage("zh_CN");
  938. } else {
  939. $zopim.livechat.setLanguage("en");
  940. }
  941. });
  942. }
  943. }
  944. </script>
  945. <script>
  946. if (window.location.host.split(".")[1] == "cwgmarkets") {
  947. var _hmt = _hmt || [];
  948. (function() {
  949. var hm = document.createElement("script");
  950. hm.src =
  951. "https://hm.baidu.com/hm.js?0ebbfee0cf6c62cbe89106958e36c2f2";
  952. var s = document.getElementsByTagName("script")[0];
  953. s.parentNode.insertBefore(hm, s);
  954. })();
  955. } else if (window.location.host.split(".")[1] == "cwgvu") {
  956. var _hmt = _hmt || [];
  957. (function() {
  958. var hm = document.createElement("script");
  959. hm.src =
  960. "https://hm.baidu.com/hm.js?183731d0eb75dadbb063d380ecd0e7ed";
  961. var s = document.getElementsByTagName("script")[0];
  962. s.parentNode.insertBefore(hm, s);
  963. })();
  964. }
  965. </script>
  966. <!-- Google Tag Manager (noscript) -->
  967. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  968. <!-- End Google Tag Manager (noscript) -->
  969. </body>
  970. </html>