cwg-crm
/
cwg_crm_person_front_vu_realse


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>CWGMarkets</title>
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="viewport"
    content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />

  <link rel="stylesheet" href="../../css/element-ui.css" />
  <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  <link rel="stylesheet" href="../../css/preloading.css" />
  <link rel="stylesheet" href="css/active5.css" />
  <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" />

  <!-- Start of cwgmarkets Zendesk Widget script -->
  <!-- <script
      id="ze-snippet"
      src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
    ></script> -->
  <script type="text/javascript">
    window.__lc = window.__lc || {};
    window.__lc.license = 18945964;
    (function (n, t, c) {
      function i(n) {
        return e._h ? e._h.apply(null, n) : e._q.push(n);
      }
      var e = {
        _q: [],
        _h: null,
        _v: "2.0",
        on: function () {
          i(["on", c.call(arguments)]);
        },
        once: function () {
          i(["once", c.call(arguments)]);
        },
        off: function () {
          i(["off", c.call(arguments)]);
        },
        get: function () {
          if (!e._h)
            throw new Error(
              "[LiveChatWidget] You can't use getters before load."
            );
          return i(["get", c.call(arguments)]);
        },
        call: function () {
          i(["call", c.call(arguments)]);
        },
        init: function () {
          var n = t.createElement("script");
          (n.async = !0),
            (n.type = "text/javascript"),
            (n.src = "https://cdn.livechatinc.com/tracking.js"),
            t.head.appendChild(n);
        },
      };
      !n.__lc.asyncInit && e.init(),
        (n.LiveChatWidget = n.LiveChatWidget || e);
    })(window, document, [].slice);
  </script>
  <noscript>
    <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow">Chat with us</a>, powered by
    <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a>
  </noscript>
  <script>
    (function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-T8P44WHV');
  </script>
</head>
<style>
  [v-cloak] {
    display: none;
  }
</style>

<body>
  <div id="pre" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; ">
    <div style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;">
      <div style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);">
        <div class="line-scale">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
      </div>
    </div>
  </div>
  <div class="container" id="active1" v-cloak>
    <div class="Va-document">
      <div class="title-head">
        <div class="my-content">
          <div>
            <a href="https://www.cwgmarkets.com" class="logo">
              <img src="../common/img/logo.png" alt="" />
            </a>
          </div>
          <div class="col-12 col-md-6 pl-0">
            <div class="user-area ml-auto">
              <ul class="nav">
                <!-- <li class="login" style="border: none">
                    <a
                      class="text-white"
                      href="https://secure.cwgmarkets.com/#/signin"
                      ><span>{{lang.headers1}}</span></a
                    >
                  </li> -->
                <li class="login" style="border-left:0;">
                  <a class="text-white" href="javascript: $zopim.livechat.window.show();"><span
                      style="background: none; padding: 0">{{lang.headers2}}</span>
                  </a>
                </li>
                <li class="dropdown login">
                  <div style="display: flex; justify-content: flex-end">
                    <div class="menu-logo chooseLang">
                      <img v-if="langList[language] == 'ENGLISH'" style="width: 15px; height: 10px; margin: 0 4px"
                        src="../common/img/EN.jpg" alt="" />
                      <img v-if="langList[language] == '中文简体'" style="width: 15px; height: 10px; margin: 0 4px"
                        src="../common/img/CN.jpg" alt="" />
                      <img v-if="langList[language] == '中文繁體'" style="width: 15px; height: 10px; margin: 0 4px"
                        src="../common/img/CN.jpg" alt="" />
                      <img v-if="langList[language] == 'Español'" style="width: 15px; height: 10px; margin: 0 4px"
                        src="img/ES.jpg" alt="" />
                      <img v-if="langList[language] == 'Português'" style="width: 15px; height: 10px; margin: 0 4px"
                        src="img/pt.png" alt="" />
                      <el-dropdown trigger="click" @command="chooseLang">
                        <span class="menu">
                          {{langList[language]}}
                          <i class="el-icon-arrow-down el-icon--right"></i>
                        </span>
                        <el-dropdown-menu slot="dropdown">
                          <!-- <el-dropdown-item command="cn"
                              >中文简体</el-dropdown-item
                            > -->
                          <el-dropdown-item command="zhHant">中文繁體</el-dropdown-item>
                          <el-dropdown-item command="en">English</el-dropdown-item>
                          <el-dropdown-item command="es">Español</el-dropdown-item>
                          <el-dropdown-item command="pt">Português</el-dropdown-item>
                        </el-dropdown-menu>
                      </el-dropdown>
                    </div>
                  </div>
                </li>

                <!-- <li class="login dro-r">
                    <a
                      class="text-white"
                      href="https://secure.cwgmarkets.com/#/signup"
                      ><span style="background: none; padding: 0"
                        >{{lang.headers3}}</span
                      ></a
                    >
                  </li> -->
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="content-info">
        <!-- 第一部分 -->
        <div class="my-box1" id="kaihu">
          <div class="my-content">
            <el-row>
              <el-col :span="14" :xs="24" :sm="24" :md="14" class="col-l">
                <div class="banner-title">
                  <div>
                    <h5 class="title100">100%</h5>
                    <h5 class="title"> <span>{{lang.box1item1_1}}</span><span
                        class="red">{{lang.box1item1_2}}</span><span>{{lang.box1item1_3}}</span><span
                        class="red">{{lang.box1item1_4}}</span><span>{{lang.box1item1_5}}</span> </h5>
                    <p class="tit">{{lang.box1item2}}</p>
                    <div class="bottom">
                      <div>
                        <div class="item">
                          <p>√ {{lang.box1item3_1}}</p>
                        </div>
                        <div class="item">
                          <p>√ {{lang.box1item3_2}}</p>
                        </div>
                        <div class="item">
                          <p>√ {{lang.box1item3_3}}</p>
                        </div>
                      </div>
                      <div>
                        <div class="item">
                          <p>√ {{lang.box1item3_4}}</p>
                        </div>
                        <div class="item">
                          <p>√ {{lang.box1item3_5}}</p>
                        </div>
                        <div class="item">
                          <p>√ {{lang.box1item3_6}}</p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </el-col>
              <el-col :span="10" :xs="24" :sm="24" :md="10" class="col-r">
                <div class="banner-signup" v-loading="loading">
                  <div class="title">
                    <span>{{lang.box1item4}}</span>
                  </div>
                  <el-form :model="params" :rules="rules" ref="params" label-width="0" class="form">
                    <el-form-item prop="country">
                      <el-select v-model="params.country" :placeholder="lang.box1item5">
                        <el-option v-for="item in mock_options" :key="item.id" :label="item.enName" :value="item.code"></el-option>
                      </el-select>
                    </el-form-item>
                    <el-form-item prop="phone">
                      <el-input v-model.trim="params.phone" :placeholder="lang.box1item6"></el-input>
                    </el-form-item>
                    <el-form-item prop="email">
                      <el-input class="m-input" v-model.trim="params.email" :placeholder="lang.box1item7"
                        prefix-icon="iconfont iconyouxiang1">
                      </el-input>
                    </el-form-item>
                    <el-form-item prop="emailCode">
                      <el-row>
                        <el-col :span="14">
                          <el-input class="code" v-model.trim="params.emailCode" prefix-icon="iconfont iconyanzhengma"
                            :placeholder="lang.box1item8"></el-input>
                        </el-col>
                        <el-col :span="9" :push="1">
                          <span @click="getCode(1)" class="getCode">{{getCodeString}}</span>
                        </el-col>
                      </el-row>
                    </el-form-item>
                    <el-form-item prop="password">
                      <el-input class="m-input" show-password v-model.trim="params.password" autocomplete="off"
                        prefix-icon="iconfont iconmima" :placeholder="lang.box1item9"></el-input>
                    </el-form-item>
                    <el-form-item>
                      <ul class="pwd">
                        <li :class="{ fit: rule1 }">{{lang.st1}}</li>
                        <li :class="{ fit: rule2 }">{{lang.nd2}}</li>
                        <li :class="{ fit: rule3 }">{{lang.rd3}}</li>
                      </ul>
                    </el-form-item>
                    <el-form-item class="agree" prop="agree">
                      <el-checkbox v-model="params.agree"> </el-checkbox>
                      <span>{{lang.box1item10}}</span>
                    </el-form-item>
                    <el-form-item>
                      <el-button type="primary" @click="register">{{lang.box1item11}}</el-button>
                    </el-form-item>
                  </el-form>
                </div>
              </el-col>
            </el-row>
          </div>


          <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
            <div class="banner-signup">
              <div class="close" @click="notRegisterMsgOpen = false">
                <i class="el-icon-close"></i>
              </div>
              <span class="" v-if="language == 'cn'">
                <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求，CWG
                不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符，且您并非马来西亚居民或法人，请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议，请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
              </span>
              <span class="" v-else>
                <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.
              </span>
            </div>
          </el-dialog>
        </div>
        <!-- 第二部分 -->
        <div class="my-box2">
          <div class="my-content">
            <h5 class="title">
              <span>{{lang.box2_1}}</span>
              <span style="color: #DF3737;">{{lang.box2_2}}</span>
              <span>{{lang.box2_3}}</span>
            </h5>
            <el-row class="con-box">
              <el-col :span="8" :xs="24" :sm="24" :md="8">
                <div class="box">
                  <div class="tit">{{lang.box2item1}}</div>
                  <div class="con">{{lang.box2item2}}</div>
                </div>
              </el-col>
              <el-col :span="8" :xs="24" :sm="24" :md="8">
                <div class="box">
                  <div class="tit">{{lang.box2item3}}</div>
                  <div class="con">{{lang.box2item4}}</div>
                </div>
              </el-col>
              <el-col :span="8" :xs="24" :sm="24" :md="8">
                <div class="box">
                  <div class="tit">{{lang.box2item5}}</div>
                  <div class="con">{{lang.box2item6}}</div>
                </div>
              </el-col>

              <el-col :span="24" :xs="24" :sm="24" :md="24" class="des-box">
                <div class="des">
                  {{lang.box2item7}}
                </div>
                <div class="des">
                  {{lang.box2item8}}
                </div>
              </el-col>
            </el-row>
          </div>
        </div>
        <!-- 第三部分 -->
        <!-- <div class="my-box3">
            <div class="my-content">
              <h5 class="title">
                <span>{{lang.box3}}</span>
              </h5>
              <el-row class="con-box">
                <el-col :span="8" :xs="24" :sm="24" :md="8">
                  <div class="box">
                    <div class="num">
                      <span class="number">01</span>
                    </div>
                    <div class="tit">{{lang.box3item1}}</div>
                    <img src="img/item3_1.png" alt="" />
                  </div>
                </el-col>
                <el-col :span="8" :xs="24" :sm="24" :md="8">
                  <div class="box">
                    <div class="num">
                      <span class="number">02</span>
                    </div>
                    <div class="tit">{{lang.box3item2}}</div>
                    <img src="img/item3_2.png" alt="" />
                  </div>
                </el-col>
                <el-col :span="8" :xs="24" :sm="24" :md="8">
                  <div class="box">
                    <div class="num">
                      <span class="number">03</span>
                    </div>
                    <div class="tit">{{lang.box3item3}}</div>
                    <img src="img/item3_3.png" alt="" />
                  </div>
                </el-col>
                <el-col :span="24" :xs="24" :sm="24" :md="24">
                  <div class="btn">
                    <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>
                  </div>
                </el-col>
              </el-row>
            </div>
          </div> -->
        <!-- 第四部分 -->
        <div class="my-box4">
          <div class="my-content">
            <h5 class="title">
              <span>FAQ</span>
            </h5>
            <el-row class="con-box">
              <el-col :span="24" :xs="24" :sm="24" :md="24">
                <div class="box">
                  <el-collapse accordion>
                    <el-collapse-item>
                      <template slot="title">
                        <span class="title">{{lang.box4item1_1}}</span>
                      </template>
                      <div>{{lang.box4item1_2}}</div>
                      <div>{{lang.box4item1_3}}</div>
                    </el-collapse-item>
                    <el-collapse-item>
                      <template slot="title">
                        <span class="title">{{lang.box4item2_1}}</span>
                      </template>
                      <div>{{lang.box4item2_2}}</div>
                      <div>{{lang.box4item2_3}}</div>
                    </el-collapse-item>
                    <el-collapse-item>
                      <template slot="title">
                        <span class="title">{{lang.box4item3_1}}</span>
                      </template>
                      <div>{{lang.box4item3_2}}</div>
                      <div>{{lang.box4item3_3}}</div>
                    </el-collapse-item>
                    <el-collapse-item>
                      <template slot="title">
                        <span class="title">{{lang.box4item4_1}}</span>
                      </template>
                      <div>{{lang.box4item4_2}}</div>
                      <div>{{lang.box4item4_3}}</div>
                    </el-collapse-item>
                  </el-collapse>
            </el-row>
          </div>
          </el-col>
          </el-row>
        </div>
      </div>
      <!-- 第5部分 -->
      <div class="my-box5">
        <div class="my-content">
          <h5 class="title">
            <span>{{lang.box5_1}}</span>
            <span style="color: #DF3737;">{{lang.box5_2}}</span>
            <span>{{lang.box5_3}}</span>
          </h5>
          <el-row class="con-box">
            <el-col :span="6" :xs="24" :sm="24" :md="6">
              <div class="box">
                <div class="imgbox">
                  <div class="img">
                    <img src="img/item5_1.png" alt="" />
                  </div>
                </div>
                <div class="tit">{{lang.box5item11}}</div>
                <p class="con">{{lang.box5item12}}</p>
                <p class="con">{{lang.box5item13}}</p>
                <p class="con">{{lang.box5item14}}</p>
                <p class="con">{{lang.box5item15}}</p>
                <p class="con">{{lang.box5item16}}</p>
              </div>
            </el-col>
            <el-col :span="6" :xs="24" :sm="24" :md="6">
              <div class="box">
                <div class="imgbox">
                  <div class="img">
                    <img src="img/item5_2.png" alt="" />
                  </div>
                </div>
                <div class="tit">{{lang.box5item21}}</div>
                <p class="con">{{lang.box5item22}}</p>
                <p class="con">{{lang.box5item23}}</p>
                <p class="con">{{lang.box5item24}}</p>
                <p class="con">{{lang.box5item25}}</p>
                <p class="con">{{lang.box5item26}}</p>
              </div>
            </el-col>
            <el-col :span="6" :xs="24" :sm="24" :md="6">
              <div class="box">
                <div class="imgbox">
                  <div class="img">
                    <img src="img/item5_3.png" alt="" />
                  </div>
                </div>
                <div class="tit">{{lang.box5item31}}</div>
                <p class="con">{{lang.box5item32}}</p>
                <p class="con">{{lang.box5item33}}</p>
                <p class="con">{{lang.box5item34}}</p>
                <p class="con">{{lang.box5item35}}</p>
                <p class="con">{{lang.box5item36}}</p>
              </div>
            </el-col>
            <el-col :span="6" :xs="24" :sm="24" :md="6">
              <div class="box">
                <div class="imgbox">
                  <div class="img">
                    <img src="img/item5_4.png" alt="" />
                  </div>
                </div>
                <div class="tit">{{lang.box5item41}}</div>
                <p class="con">{{lang.box5item42}}</p>
                <p class="con">{{lang.box5item43}}</p>
                <p class="con">{{lang.box5item44}}</p>
                <p class="con">{{lang.box5item45}}</p>
                <p class="con">{{lang.box5item46}}</p>
              </div>
            </el-col>
            <el-col :span="24" :xs="24" :sm="24" :md="24">
              <div class="btn">
                <a href="#kaihu">{{lang.box6item3}}</a>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
      <!-- 第六部分 -->
      <div class="my-box6">
        <div class="my-content">
          <h5 class="title">
            <span>{{lang.box6_1}}</span><br>
            <span>{{lang.box6_2}}</span>
            <span style="color: #DF3737;">{{lang.box6_3}}</span>
            <span>{{lang.box6_4}}</span>
          </h5>
          <el-row class="con-box">
            <img v-if="language == 'es'" src="img/map_es.jpg" alt="" />
            <img v-else src="img/map_en.png" alt="" />
          </el-row>
        </div>
      </div>
      <!-- 第9部分 -->
      <div class="my-box9">
        <div class="my-content">
          <h5 class="title">
            <span>{{lang.box9}}</span>
          </h5>
          <el-row class="con-box">
            <el-col :span="24" :xs="24" :sm="24" :md="24">
              <div class="box">
                <el-carousel :interval="2000" height="355px" indicator-position="none" type="card">
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-1.png" alt="">
                      <div>
                        <p>{{lang.box9item11}}</p>
                        <p>{{lang.box9item12}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item13}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-1.png" alt="">
                      <div>
                        <p>{{lang.box9item21}}</p>
                        <p>{{lang.box9item22}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item23}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-1.png" alt="">
                      <div>
                        <p>{{lang.box9item31}}</p>
                        <p>{{lang.box9item32}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item33}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-4.png" alt="">
                      <div>
                        <p>{{lang.box9item41}}</p>
                        <p>{{lang.box9item42}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item43}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-4.png" alt="">
                      <div>
                        <p>{{lang.box9item51}}</p>
                        <p>{{lang.box9item52}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item53}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-4.png" alt="">
                      <div>
                        <p>{{lang.box9item61}}</p>
                        <p>{{lang.box9item62}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item63}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-4.png" alt="">
                      <div>
                        <p>{{lang.box9item71}}</p>
                        <p>{{lang.box9item72}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item73}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-8.png" alt="">
                      <div>
                        <p>{{lang.box9item81}}</p>
                        <p>{{lang.box9item82}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item83}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-9.png" alt="">
                      <div>
                        <p>{{lang.box9item91}}</p>
                        <p>{{lang.box9item92}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item93}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-10.png" alt="">
                      <div>
                        <p>{{lang.box9item101}}</p>
                        <p>{{lang.box9item102}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item103}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-11.png" alt="">
                      <div>
                        <p>{{lang.box9item111}}</p>
                        <p>{{lang.box9item112}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item113}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-12.png" alt="">
                      <div>
                        <p>{{lang.box9item121}}</p>
                        <p>{{lang.box9item122}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item123}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-13.png" alt="">
                      <div>
                        <p>{{lang.box9item131}}</p>
                        <p>{{lang.box9item132}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item133}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-14.png" alt="">
                      <div>
                        <p>{{lang.box9item141}}</p>
                        <p>{{lang.box9item142}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item143}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-1.png" alt="">
                      <div>
                        <p>{{lang.box9item151}}</p>
                        <p>{{lang.box9item152}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item153}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-1.png" alt="">
                      <div>
                        <p>{{lang.box9item161}}</p>
                        <p>{{lang.box9item162}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item163}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-1.png" alt="">
                      <div>
                        <p>{{lang.box9item171}}</p>
                        <p>{{lang.box9item172}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item173}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-4.png" alt="">
                      <div>
                        <p>{{lang.box9item181}}</p>
                        <p>{{lang.box9item182}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item183}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-4.png" alt="">
                      <div>
                        <p>{{lang.box9item191}}</p>
                        <p>{{lang.box9item192}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item193}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-4.png" alt="">
                      <div>
                        <p>{{lang.box9item201}}</p>
                        <p>{{lang.box9item202}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item203}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-4.png" alt="">
                      <div>
                        <p>{{lang.box9item211}}</p>
                        <p>{{lang.box9item212}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item213}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-8.png" alt="">
                      <div>
                        <p>{{lang.box9item221}}</p>
                        <p>{{lang.box9item222}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item223}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-9.png" alt="">
                      <div>
                        <p>{{lang.box9item231}}</p>
                        <p>{{lang.box9item232}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item233}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-10.png" alt="">
                      <div>
                        <p>{{lang.box9item241}}</p>
                        <p>{{lang.box9item242}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item243}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-11.png" alt="">
                      <div>
                        <p>{{lang.box9item251}}</p>
                        <p>{{lang.box9item252}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item253}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-12.png" alt="">
                      <div>
                        <p>{{lang.box9item261}}</p>
                        <p>{{lang.box9item262}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item263}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-13.png" alt="">
                      <div>
                        <p>{{lang.box9item271}}</p>
                        <p>{{lang.box9item272}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item273}}</p>
                    </div>
                  </el-carousel-item>
                  <el-carousel-item>
                    <div class="honor">
                      <img src="img/honor-14.png" alt="">
                      <div>
                        <p>{{lang.box9item281}}</p>
                        <p>{{lang.box9item282}}</p>
                      </div>
                      <p class="bottom">{{lang.box9item283}}</p>
                    </div>
                  </el-carousel-item>
                </el-carousel>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>
      <!-- 第8部分 -->
      <div class="my-box8">
        <div class="my-content">
          <h5 class="title">
            <span>{{lang.box8}}</span>
          </h5>
          <el-row class="con-box">
            <el-col :span="24" :xs="24" :sm="24" :md="24">
              <div class="box">
                <img src="img/item81_1.png" alt="" />
                <img src="img/item81_2.png" alt="" />
                <img src="img/item81_3.png" alt="" />
                <img src="img/item81_4.png" alt="" />
                <img src="img/item81_5.png" alt="" />
                <!-- <img src="img/item8_6.png" alt="" />
                    <img src="img/item8_7.png" alt="" /> -->
              </div>
            </el-col>
            <el-col :span="24" :xs="24" :sm="24" :md="24">
              <div class="btn">
                <a href="#kaihu">{{lang.box6item3}}</a>
              </div>
            </el-col>
          </el-row>
        </div>
      </div>


      <!-- 第七部分 -->
      <div class="my-box7">
        <div class="btn">
          <span>{{lang.box3item4_1}}</span><a href="https://www.cwgmarkets.com/cwg-welcome-bonus"
            target="_blank">{{lang.box3item4_2}}</a><span>{{lang.box3item4_3}}</span>
        </div>
        <div class="my-content">
          <p>{{lang.box7item1}}</p>
          <p>{{lang.box7item2}}</p>
          <p>{{lang.box7item3}}</p>
          <p>{{lang.box7item4}}</p>
          <p>{{lang.box7item5}}</p>
          <p>
            <span>{{lang.box7item6}}</span>
            <a target="_blank"
              href="https://www.cwgvu.com/doc/Risk-Disclosures-and-Acknowledgements-2020-08.pdf">{{lang.box7item7}}</a>
            <span>{{lang.box7item8}}</span>
          </p>
          <p>{{lang.box7item9}}</p>
          <p>{{lang.box7item10}}</p>
          <div class="bottom">
            <p>{{lang.box7item11}}</p>
            <p>
              <a target="_blank" href="https://www.cwgvu.com/doc/Cookies-Policy2020-08.pdf">{{lang.box7item12}}</a>
              <span>{{lang.box7item13}}</span>
              <a target="_blank" href="https://www.cwgvu.com/doc/Privacy-Policy2020-08.pdf">{{lang.box7item14}}</a>
              <span>{{lang.box7item15}}</span>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>

  <script src="../common/js/jquery.js"></script>
  <script src="../common/js/app.js"></script>
  <script src="../common/js/chunk-vendors.js"></script>
  <script src="../../js/vue.min.js"></script>
  <script src="../../js/axios.min.js"></script>
  <script src="../../js/element-ui.js"></script>
  <script src="../../js/element@2.12.2.js"></script>
  <script src="js/active1.js"></script>

  <script>
    var $zopim = null;
    rep = setInterval(aTimer, 10000);

    function aTimer() {
      if ($zopim) {
        $zopim(function () {
          // if (sessionStorage.getItem("lang") == "cn") {
          //   $zopim.livechat.setLanguage("zh_CN");
          // } else {
          //   $zopim.livechat.setLanguage("en");
          // }
          $zopim.livechat.setLanguage("en");
        });
      }
    }
  </script>

  <script>
    if (window.location.host.split(".")[1] == "cwgmarkets") {
      var _hmt = _hmt || [];
      (function () {
        var hm = document.createElement("script");
        hm.src =
          "https://hm.baidu.com/hm.js?0ebbfee0cf6c62cbe89106958e36c2f2";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    } else if (window.location.host.split(".")[1] == "cwgvu") {
      var _hmt = _hmt || [];
      (function () {
        var hm = document.createElement("script");
        hm.src =
          "https://hm.baidu.com/hm.js?183731d0eb75dadbb063d380ecd0e7ed";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    }
  </script>
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0"
      style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->
</body>

</html>