cwg-crm
/
cwg_crm_person_front_vu_realse


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818
							<!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=""
                        />
                        <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="en"
                              >English</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>
                        <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_3}}</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" style="position: relative">
                        <el-select
                          filterable
                          class="country"
                          v-model="params.country"
                          :placeholder="lang.box1item5"
                        >
                          <el-option
                            v-for="item in mock_options"
                            :key="item.id"
                            :label="item.enName"
                            :value="item.code"
                            :disabled="notCountry.indexOf(item.code)!==-1"
                          ></el-option>
                        </el-select>
                        <i class="iconfont icondingwei"></i>
                      </el-form-item>
                      <el-form-item prop="phone">
                        <el-input
                          class="m-input"
                          id="inputKey"
                          v-model.trim="params.phone"
                          :placeholder="lang.box1item6"
                          prefix-icon="iconfont iconshouji"
                        >
                        </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
                          class="s-btn"
                          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 src="img/mapen.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>
                  </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/item8_1.png" alt="" />
                    <img src="img/item8_2.png" alt="" />
                    <img src="img/item8_3.png" alt="" />
                    <img src="img/item8_4.png" alt="" />
                    <img src="img/item8_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>