{"version":3,"file":"CeOaOnpc.js","sources":["../../../../components/allCompany.vue","../../../../pages/index.vue"],"sourcesContent":["<script setup>\n  const lang = useI18n().locale.value\n  const router = useRouter()\n  const gotoDetail = (index) => {\n  if (index === 0) {\n    if (lang === 'cn') {\n      router.push(`/wantai`)\n    } else {\n      router.push(`hk/wantai`)\n\n\n    }\n  }\n}\n\n</script>\n\n<template>\n  <div>\n    <ul f-c-b flex-wrap>\n        <li w-141 h-80 mb-16 lt-xl:(w-82 h-46 mb-12) v-for=\"(i,idx) in 16\" :style=\" idx === 0 ? { cursor: 'pointer' } : {}\" >\n          <img   :src=\"index.cn['block7_'+i]\" alt=\"\" srcset=\"\" @click=\"gotoDetail(idx)\">\n        </li>\n    </ul>\n  </div>\n</template>\n\n","<script setup>\nimport useGetCode from '@/assets/hooks/useGetCode'\nimport Http from \"../assets/api/index.js\";\n\n\nconst switchLocalePath = useSwitchLocalePath()\nconst isregion = ref(false);\nconst region = ref('86'), mobile = ref(''), captcha = ref('')\nconst isloading = ref(false), login_loading = ref(false)\nconst { smsBtnText, resume, isActive } = useGetCode(60)\nconst formRef = ref();\nconst locale = ref(useI18n().locale.value)\n\nconst isEn = computed(() => {\n  if (locale.value == 'en') {\n    return true\n  } else {\n    return false\n  }\n\n})\nconst formState = reactive({\n  title: '',\n  name: '',\n  phone: \"\",\n  message: \"\",\n  region: 'CN',\n  product: [],\n  captcha: '',\n  domain: 'www.forthright.com.hk',\n  type: 14\n})\nconst rules = {\n}\nconst labelCol = {\n  span: 3,\n};\nconst activeKey = ref('1')\nfunction hadleChange(item) {\n  formState.region = item.code\n  region.value = item.no\n  isregion.value = false\n}\nfunction regionFn() {\n  isregion.value = !isregion.value\n}\nconst indexImg = (value) => getImgURL('index', value)\nasync function send_sms() {\n  if (!formState.phone) return\n  if (isloading.value || isActive.value) return\n  isloading.value = true\n  const data = await sendSms({\n    region: formState.region,\n    mobile: formState.phone\n  })\n  if (data.status == 0) {\n    resume()\n  } else {\n    console.log(data.info)\n  }\n  isloading.value = false\n}\nconst lang = useI18n().locale.value;\n\nasync function holdingContact() {\n  if (!formState.phone || !formState.captcha) return\n  if (login_loading.value) return\n  login_loading.value = true\n  const data = await holdingContactUs(Object.assign({ ...formState }, { product: formState.product.join() }))\n  if (data.status == 0) {\n    message.success('提交成功');\n  } else {\n    console.log(data.info)\n  }\n  login_loading.value = false\n}\nconst isIp = ref(true)\nconst getIp = async ()  => {\n  const data =  await getIP({})\n  console.log(data.data.Country)\n  isIp.value = data.data.Country === '中国' ? true : false\n}\n  getIp()\nconst isPC = ref(true)\nonMounted(() => {\n  isPC.value = useDeviceType().value=='pc'\n})\nconsole.log(isPC.value)\n\n</script>\n\n<template>\n  <div>\n    <div>\n      <div  flex w-full bg-cover h-550 lt-xl:h-319 bg-center :style=\"{ backgroundImage: 'url(' + (isPC? index.cn.banner:index.cn.m1_banner) + ')' }\">\n        <div flex justify-center mt-193 lt-xl:(mt-27)>\n          <div ml-100 lt-xl:(ml-26)>\n            <div class=\"invest-content\" text-40 lt-xl:(text-20) >{{ $t('fdzytz') }}</div>\n            <div mt-37 class=\"invest-introduce\" w=\"60%\" lt-xl:w=\"40%\" text-22 line-height-36 lt-xl:(text-11 line-height-22 mt-20)>\n              {{ $t('fdgxcihtz') }}\n            </div>\n          </div>\n        </div>\n        <div mt-193 ml--100 lt-xl:(mt-120 ml--240)>\n          <div class=\"vertical-text\" >\n            <div ml-8 class=\"vertical-name\" text-26 line-height-28 lt-xl:(text-13 line-height-28)>{{ $t('namehzw') }}</div>\n            <div class=\"vertical-title\" text-18 line-height-20 lt-xl:(text-12 line-height-10)>{{ $t('fdzksxceo') }}</div>\n          </div>\n        </div>\n      </div>\n      <!-- </a-carousel> -->\n      <div>\n        <div w-full bg-cover h-full bg-center bg-no-repeat lt-xl:(h-410) :style=\"{ backgroundImage: 'url(' + index.cn.banner1 + ')' }\"\n          overflow-auto>\n          <div class=\"licensed-broker\" h-50 text-36 line-height-50 mt-104 lt-xl:(text-36 mt-50 line-height-50)>{{ $t('licensed_broker') }}</div>\n          <div class=\"licensed-broker-content\" h-20 text-16 line-height-20 mt-16 lt-xl:(text-16  line-height-20)>{{ $t('licensed_broker_content')\n            }}</div>\n          <div class=\"introduce-warp\" mt-20>\n            <div w-282 bg-cover h-199 lt-xl:(w-171 h-119) bg-center\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner2 + ')' }\">\n              <div mt-50 lt-xl:(mt-15)>\n                <div text-center lt-xl:(text-14)>{{ $t('introduce_category1') }}</div>\n                <div text-center lt-xl:(text-12)>{{ $t('category1_content1') }}</div>\n              </div>\n            </div>\n            <div w-282 bg-cover h-199 lt-xl:(w-171 h-119) bg-center\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner2 + ')' }\">\n              <div mt-50 lt-xl:(mt-15)>\n                <div text-center lt-xl:(text-14)>{{ $t('introduce_category2') }}</div>\n                <div text-center lt-xl:(text-12)>{{ $t('category1_content2') }}</div>\n              </div>\n            </div>\n            <div w-282 bg-cover h-199 lt-xl:(w-171 h-119) bg-center\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner2 + ')' }\">\n              <div mt-50 lt-xl:(mt-15)>\n                <div text-center lt-xl:(text-14)>{{ $t('d4l') }}</div>\n                <div text-center lt-xl:(text-12)>{{ $t('category1_content3') }}</div>\n              </div>\n            </div>\n            <div w-282 bg-cover h-199 lt-xl:(w-171 h-119) bg-center\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner2 + ')' }\">\n              <div mt-50 lt-xl:(mt-15)>\n                <div text-center lt-xl:(text-14)>{{ $t('d5l') }}</div>\n                <div text-center lt-xl:(text-12)>{{ $t('category1_content4') }}</div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div>\n        <div w-full flex justify-center>\n          <div class=\"certified-team\" w-384 mt-60 mb-20 text-center  h-full lt-xl:(h-full w-179 text-24) bg-center bg-no-repeat\n            :style=\"{ backgroundImage: 'url(' + index.cn.banner3 + ')' }\" overflow-auto font-size-48>\n            {{ $t('cztd') }}\n          </div>\n        </div>\n        <div flex justify-center gap-24 lt-xl:(block)>\n          <div w-598 lt-xl:(w-340 bg-contain ml-20) bg-cover bg-no-repeat overflow-auto\n            :style=\"{ backgroundImage: 'url(' + index.cn.banner4 + ')'}\" >\n            <div flex justify-between mt-18 pl-16 pr-16 lt-xl:(mt-9 pl-8 pr-8)>\n              <div flex lt-xl:(text-12)>\n                <div>  {{ $t('zwg') }}</div>\n                <div ml-14 lt-xl:(ml-14)>CHIM Wai Kwok</div>\n              </div>\n              <div lt-xl:(text-12)>{{ $t('zybh') }}：ANX997</div>\n            </div>\n            <div flex mt-34 justify-center  lt-xl:(mt-9)>\n              <div w-96 h-80  m-16 bg-no-repeat lt-xl:(text-12 w-49 h-40 m-16)\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d1l') }}</div>\n              <div w-96 h-80  m-16 bg-no-repeat lt-xl:(text-12 w-49 h-40 m-16)\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d2l') }}</div>\n              <div w-96 h-80  m-16 bg-no-repeat lt-xl:(text-12 w-49 h-40 m-16)\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d4l') }}</div>\n              <div w-96 h-80  m-16 bg-no-repeat lt-xl:(text-12 w-49 h-40 m-16)\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d5l') }}</div>\n\n            </div>\n          </div>\n          <div w-598 lt-xl:(w-340 bg-contain ml-20 mt-24) bg-cover bg-no-repeat overflow-auto\n            :style=\"{ backgroundImage: 'url(' + index.cn.banner4 + ')' }\">\n            <div flex justify-between mt-18 pl-16 pr-16 lt-xl:(mt-9 pl-8 pr-8)>\n              <div flex lt-xl:(text-12)>\n                <div>{{ $t('fzc') }}</div>\n                <div ml-14 lt-xl:(ml-14)>FAN Chun Chiu</div>\n              </div>\n              <div lt-xl:(text-12)>{{ $t('zybh') }}：AXN054</div>\n            </div>\n            <div flex mt-34 justify-center lt-xl:(mt-9)>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover'}\" text-center flex\n                justify-center flex-items-center>{{ $t('d1l') }}</div>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d2l') }}</div>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d4l') }}</div>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d5l') }}</div>\n            </div>\n          </div>\n        </div>\n        <div flex justify-center gap-24 mt-16 lt-xl:(block)>\n          <div w-598 lt-xl:(w-340 bg-contain ml-20 mt-24) bg-cover bg-no-repeat overflow-auto\n            :style=\"{ backgroundImage: 'url(' + index.cn.banner4 + ')' }\">\n            <div flex justify-between mt-18 pl-16 pr-16 lt-xl:(mt-9 pl-8 pr-8)>\n              <div flex lt-xl:(text-12)>\n                <div>{{ $t('jjw') }}</div>\n                <div ml-14>JIANG Jiwei</div>\n              </div>\n              <div lt-xl:(text-12)>{{ $t('zybh') }}：AQY202</div>\n            </div>\n            <div flex mt-34 justify-center lt-xl:(mt-9)>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d1l') }}</div>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d2l') }}</div>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d4l') }}</div>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d5l') }}</div>\n\n            </div>\n          </div>\n          <div w-598 lt-xl:(w-340 bg-contain ml-20 mt-24) bg-cover bg-no-repeat overflow-auto\n            :style=\"{ backgroundImage: 'url(' + index.cn.banner4 + ')' }\" >\n            <div flex justify-between mt-18 pl-16 pr-16 lt-xl:(mt-9 pl-8 pr-8)>\n              <div flex lt-xl:(text-12)>\n                <div>{{ $t('xrj') }}</div>\n                <div ml-14>TSE Yat Kei Teddy</div>\n              </div>\n              <div lt-xl:(text-12)>{{ $t('zybh') }}：AOG833</div>\n            </div>\n            <div flex mt-34 justify-center lt-xl:(mt-9)>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d1l') }}</div>\n              <div w-96 h-80 lt-xl:(text-12 w-49 h-40 m-16) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>{{ $t('d4l') }}</div>\n              <!-- <div w-96 h-80 lt-xl:( w-96) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>第一类</div>\n              <div w-96 h-80 lt-xl:( w-96) m-16 bg-no-repeat\n                :style=\"{ backgroundImage: 'url(' + index.cn.banner5 + ')', backgroundSize: 'cover' }\" text-center flex\n                justify-center flex-items-center>第一类</div> -->\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- // 产品介绍 -->\n\n      <div pyx>\n        <div mwc>\n          <div w-full flex justify-center>\n            <div class=\"certified-team\" w-384 mt-60 mb-20 text-center h-full lt-xl:(h-full w-179 text-24 mt-0) bg-center bg-no-repeat\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner3 + ')' }\" overflow-auto font-size-42>\n              {{  $t('cpjs') }}\n            </div>\n          </div>\n          <ul f-c-b flex-wrap flex-row items-stretch>\n            <!-- https://imgoss.techfx88.com/www_img/www_upload/default17271584035412.png -->\n            <li class=\"group\" bg-no-repeat\n              :style=\"{ backgroundImage: 'url(' + (isPC? index.cn.banner8:index.cn.m2_banner) + ')', backgroundSize: 'cover' }\" bds-palebluishgray\n              px-30 w=\"32%\" h-404 pt-60 pb-44 mb-20 relative hover:(bg-accent text-black) lt-xl:( px-15 pt-15 h-175\n              mb-15) lt-xl:w='100%' cp :class=\"{ 'pt-30!': isEn }\">\n              <NuxtLink :to=\"localePath('/stock_trade')\" external>\n                <p titc l-n mb-25 lt-xl:mb-15 :class=\"{ 'xl:text-20': isEn }\">{{ $t('zqjy') }}</p>\n                <p titm lt-xl:mb-10 lt-xl:w=\"70%\" :class=\"{ 'xl:text-16': isEn }\">{{ $t('zqjyjs') }}</p>\n                <div f-c-b absolute bottom-49 right-0 w-full px-30 lt-xl:(px-15 bottom-15 absolute)>\n                  <p text-accent titm group-hover:text-paleyellowish>{{ $t('learn_more') }}</p>\n                  <!-- <img lt-xl:h-30 :src=\"index.cn.block4_1\" alt=\"\" srcset=\"\"> -->\n                </div>\n              </NuxtLink>\n            </li>\n            <li class=\"group\" bg-no-repeat\n              :style=\"{ backgroundImage: 'url(' + (isPC? index.cn.banner6:index.cn.m3_banner) + ')', backgroundSize: 'cover' }\" bds-palebluishgray\n              px-30 w=\"32%\" h-404 pt-60 pb-44 mb-20 relative hover:(bg-accent text-black) lt-xl:(px-15 pt-15 h-175\n              mb-15) lt-xl:w='100%' cp :class=\"{ 'pt-30!': isEn }\">\n              <NuxtLink :to=\"localePath('/futures_trade')\" external>\n                <p titc l-n mb-25 lt-xl:mb-15 :class=\"{ 'xl:text-20': isEn }\">{{ $t('qhjy') }}</p>\n                <p titm lt-xl:mb-10 lt-xl:w=\"70%\" :class=\"{ 'xl:text-16': isEn }\">{{ $t('qhjyjs') }}</p>\n                <div f-c-b absolute bottom-49 right-0 w-full px-30 lt-xl:(px-15 bottom-15 absolute)>\n                  <p text-accent titm group-hover:text-paleyellowish>{{ $t('learn_more') }}</p>\n                  <!-- <img lt-xl:h-30 :src=\"index.cn.block4_2\" alt=\"\" srcset=\"\"> -->\n                </div>\n              </NuxtLink>\n            </li>\n            <li class=\"group\" bg-no-repeat\n              :style=\"{ backgroundImage: 'url(' + (isPC? index.cn.banner7:index.cn.m4_banner) + ')', backgroundSize: 'cover' }\" bds-palebluishgray\n              px-30 w=\"32%\" h-404 pt-60 pb-44 mb-20 relative hover:(bg-accent text-black) lt-xl:(px-15 pt-15 h-175\n              mb-15) lt-xl:w='100%' cp :class=\"{ 'pt-30!': isEn }\">\n              <NuxtLink :to=\"localePath('/fund')\" external>\n                <p titc l-n mb-25 lt-xl:mb-15 :class=\"{ 'xl:text-20': isEn }\">{{ $t('jjjy') }}</p>\n                <p titm lt-xl:mb-10 lt-xl:w=\"71%\" :class=\"{ 'xl:text-16': isEn }\">{{ $t('jjjyjs') }}</p>\n                <div f-c-b absolute bottom-49 right-0 w-full px-30 lt-xl:(px-15 bottom-15 absolute)>\n                  <p text-accent titm group-hover:text-paleyellowish>{{ $t('learn_more') }}</p>\n                  <!-- <img lt-xl:h-30 :src=\"index.cn.block4_3\" alt=\"\" srcset=\"\"> -->\n                </div>\n              </NuxtLink>\n            </li>\n\n          </ul>\n        </div>\n      </div>\n\n      <!-- //财富服务 -->\n      <div >\n        <div mwc>\n          <div w-full flex justify-center>\n            <div class=\"certified-team\" w-384 mt-0 mb-20 text-center h-full lt-xl:(h-full w-179 text-24) bg-center bg-no-repeat\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner3 + ')' }\" overflow-auto font-size-42>\n              {{ $t('cffw') }}\n            </div>\n          </div>\n          <ul f-c-b flex-wrap flex-row items-stretch justify-around mb-20>\n            <li class=\"group\" bg-no-repeat\n              :style=\"{ backgroundImage: 'url(' + (isPC? index.cn.banner13:index.cn.m7_banner) + ')', backgroundSize: 'cover' }\" bds-palebluishgray\n              px-30 w=\"100%\" h-419 pt-60 pb-44 mb-20 relative hover:(bg-accent text-black) lt-xl:(px-15 pt-15 h-175\n              mb-15) lt-xl:w='100%' cp :class=\"{ 'pt-30!': isEn }\">\n              <NuxtLink :to=\"localePath('/wealth_planning')\" external>\n                <p titc l-n mb-25 lt-xl:mb-15 :class=\"{ 'xl:text-20': isEn }\">{{ $t('private_wealth') }}</p>\n                <p titm lt-xl:mb-10 w=\"70%\"  :class=\"{ 'xl:text-16': isEn }\">\n                  {{ $t('srcfjs') }}</p>\n                <div f-c-b absolute bottom-49 right-0 w-full px-30 lt-xl:(px-15 bottom-15 absolute)>\n                  <p text-accent titm group-hover:text-paleyellowish>{{ $t('learn_more') }}</p>\n                  <!-- <img lt-xl:h-30 :src=\"index.cn.block4_1\" alt=\"\" srcset=\"\"> -->\n                </div>\n              </NuxtLink>\n            </li>\n\n          </ul>\n          <div w-full flex justify-center>\n            <div class=\"certified-team\" w-384 mt-0 mb-20 text-center h-full lt-xl:(h-full w-179 text-24) bg-center bg-no-repeat\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner3 + ')' }\" overflow-auto font-size-42>\n              {{ $t('partners') }}\n            </div>\n          </div>\n          <ul f-c-b flex-wrap flex-row items-stretch justify-around>\n\n            <li class=\"group\" bg-no-repeat\n              :style=\"{ backgroundImage: 'url(' + (isPC? index.cn.banner14:index.cn.m8_banner) + ')', backgroundSize: 'cover' }\" bds-palebluishgray\n              px-30 w=\"100%\" h-419 w- pt-60 pb-44 mb-20 relative hover:(bg-accent text-black) lt-xl:(px-15 pt-15 h-175\n              mb-15) lt-xl:w='100%' cp :class=\"{ 'pt-30!': isEn }\">\n              <NuxtLink :to=\"localePath('/global_investment')\" external>\n                <p titc l-n mb-25 lt-xl:mb-15 :class=\"{ 'xl:text-20': isEn }\">  {{ $t('hqtz') }}</p>\n                <p titm lt-xl:mb-10 w=\"70%\"  :class=\"{ 'xl:text-16': isEn }\">\n                  {{ $t('hqtzjs') }}\n                </p>\n                <div f-c-b absolute bottom-49 right-0 w-full px-30 lt-xl:(px-15 bottom-15 absolute)>\n                  <p text-accent titm group-hover:text-paleyellowish>{{ $t('learn_more') }}</p>\n                  <!-- <img lt-xl:h-30 :src=\"index.cn.block4_2\" alt=\"\" srcset=\"\"> -->\n                </div>\n              </NuxtLink>\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <!-- // 方的证券是客户的资金安全 -->\n\n      <div pyx>\n        <div mwc>\n          <div w-full mb-16>\n            <div class=\"fund-security\" font-size-36 line-height-50 lt-xl:( text-24)>{{ $t('fdzqkhzj') }}</div>\n            <div class=\"fund-security\" font-size-36 line-height-50 lt-xl:(text-24)>{{ $t('qfwhh') }}</div>\n          </div>\n          <ul f-c-b flex-wrap flex-row >\n            <li flex justify-center flex-items-center bg-no-repeat h-354 bg-cover\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner11 + ')'}\" w=\"33%\" mb-20\n              relative lt-xl:(h-300 bg-contain pb-0) lt-xl:w='100%' cp :class=\"{ 'pt-30!': isEn }\">\n              <NuxtLink  external>\n                <div mt-80 lt-xl:(mt-20) text-center>\n                  <p text-center titc l-n mb-25 lt-xl:mb-15 :class=\"{ 'xl:text-20': isEn }\">{{ $t('scjg') }}</p>\n                  <p titm lt-xl:mb-10 :class=\"{ 'xl:text-16': isEn }\">{{ $t('scjgja') }}</p>\n                  <!-- <p titm lt-xl:mb-10 :class=\"{ 'xl:text-16': isEn }\">{{ $t('scjg') }}</p> -->\n                </div>\n\n              </NuxtLink>\n            </li>\n            <li flex justify-center flex-items-center bg-no-repeat h-354 bg-cover\n              :style=\"{ backgroundImage: 'url(' + index.cn.banner10 + ')'}\" px-30 w=\"33%\"\n              pt-60 pb-44 mb-20 relative lt-xl:(h-300 bg-contain) lt-xl:w='100%' cp :class=\"{ 'pt-30!': isEn }\">\n              <NuxtLink  external>\n                <div mt-80 lt-xl:(mt-20) text-center>\n                  <p text-center titc l-n mb-25 lt-xl:mb-15 :class=\"{ 'xl:text-20': isEn }\">{{ $t('qsjrzz') }}</p>\n                  <p titm lt-xl:mb-10 :class=\"{ 'xl:text-16': isEn }\">{{ $t('qsjrzzjs') }}</p>\n                  <!-- <p titm lt-xl:mb-10 :class=\"{ 'xl:text-16': isEn }\">客户资金独立托管于银行</p> -->\n                </div>\n\n              </NuxtLink>\n            </li>\n            <li bg-no-repeat flex justify-center  flex-items-center  h-354 :style=\"{ backgroundImage: 'url(' + index.cn.banner9 + ')' }\" bg-cover\n              px-30 w=\"33%\" pt-60 pb-44 mb-20 relative lt-xl:(h-300 bg-contain pb-0) lt-xl:w='100%' cp\n              :class=\"{ 'pt-30!': isEn }\">\n              <NuxtLink  external>\n                <div mt-80 lt-xl:(mt-20) text-center>\n                  <p text-center titc l-n mb-25 lt-xl:mb-15 :class=\"{ 'xl:text-20': isEn }\">{{ $t('ytzly') }}</p>\n                  <p titm lt-xl:mb-10 :class=\"{ 'xl:text-16': isEn }\">{{ $t('ytzlyjs') }}</p>\n                </div>\n\n              </NuxtLink>\n            </li>\n\n          </ul>\n        </div>\n      </div>\n\n      <!-- // 下载中心 -->\n      <div v-if=\"!isIp\" w-full bg-cover h-470 bg-center bg-no-repeat  :style=\"{ backgroundImage: 'url(' + (isPC? index.cn.banner12:index.cn.m9_banner) + ')' }\"\n        overflow-auto lt-xl:(h-500 bg-contain bg-bottom  overflow-hidden)>\n\n        <div mwc>\n          <div class=\"invest-globally\" font-size-36 line-height-50>{{ $t('tzqqjzzj') }}</div>\n          <div class=\"capital-account\" font-size-18 line-height-32 mt-30>\n            {{ $t('tzqqjzzjjs') }}<span\n              class=\"stock-content\"> {{ $t('tzqqjzzjj1') }}</span>{{ $t('tzqqjzzjj3') }}\n          </div>\n          <ul f-c mb-24 lt-xl:(mb-20 f-c-b mt-160 gap-4) mt-60  >\n            <li mr-16 lt-xl:mr-0 >\n              <NuxtLink :to=\"localePath('/download')\" external>\n                <div >\n                  <button lt-xl:(w-80)  lt-xl:(text-13 pl-8 pr-8 pt-4 pb-4) pl-16 pr-16 pt-8 pb-8  class=\"more-detail\" >{{  $t('learn_more') }}</button>\n\n                </div>\n              </NuxtLink>\n            </li>\n            <li mr-16 lt-xl:mr-0 >\n              <a-popover :overlay-inner-style=\"{ padding: 0 }\">\n                <template #content>\n                  <a-qrcode error-level=\"H\" value=\"https://apps.apple.com/hk/app/sptrader-pro-hd/id1043451438\"\n                    :bordered=\"false\" />\n                </template>\n                <div >\n                  <button lt-xl:(w-90) lt-xl:(text-13 pl-8 pr-8 pt-4 pb-4) pl-16 pr-16 pt-8 pb-8 class=\"download-content\">iPhone{{ $t('download') }}</button>\n                </div>\n              </a-popover>\n            </li>\n            <li mr-16 lt-xl:mr-0>\n              <a-popover :overlay-inner-style=\"{ padding: 0 }\">\n                <template #content>\n                  <a-qrcode error-level=\"H\"\n                    value=\"https://play.google.com/store/apps/details?id=hk.com.sharppoint.spmobile.sptraderprohd\"\n                    :bordered=\"false\" />\n                </template>\n                <div >\n                  <button lt-xl:(w-100) lt-xl:(text-13 pl-8 pr-8 pt-4 pb-4) pl-16 pr-16 pt-8 pb-8 class=\"download-content\" >Android{{ $t('download') }}</button>\n                </div>\n              </a-popover>\n            </li>\n            <li>\n              <a href=\"https://spsystem.biz/download/temp/EP/FRT/sptrader_forthright_setup_r87911.zip\">\n                <div >\n                <button lt-xl:(w-65) lt-xl:(text-13 pl-8 pr-8 pt-4 pb-4) pl-16 pr-16 pt-8 pb-8 class=\"download-content\">PC{{ $t('download') }}</button>\n              </div>\n              </a>\n            </li>\n          </ul>\n        </div>\n\n\n      </div>\n\n      <div pb-30>\n        <div mwc>\n\n          <div>\n            <p tit mb-40 lt-xl:mb-20>{{ $t('partners') }}</p>\n            <all-company></all-company>\n          </div>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</template>\n<style lang=\"less\" scoped>\n\n.licensed-broker {\n\n  // height: 3.125rem;\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 600;\n  // font-size: 2.25rem;\n  color: #AA7322;\n  // line-height: 3.125rem;\n  text-align: center;\n  font-style: normal;\n}\n\n.licensed-broker-content {\n\n  // height: 1.25rem;\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 300;\n\n  color: #373B50;\n\n  text-align: center;\n  font-style: normal;\n}\n\n.introduce-warp {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 2rem;\n  justify-content: center;\n\n}\n\n.certified-team {\n  background-size: 100%;\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 600;\n  color: #AA7322;\n  font-style: normal;\n\n}\n\n// .licensed-introduce {\n//   background-image: url('https://imgoss.techfx88.com/www_img/www_upload/default17255225348088.png');\n\n//   background-size: 100% 100%;\n//   background-repeat: no-repeat;\n//   background-position: center 0;\n\n// }\n.fund-security {\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 600;\n  color: #504137;\n  text-align: center;\n  font-style: normal;\n\n}\n\n.invest-globally {\n\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 600;\n\n  color: #504137;\n\n\n  font-style: normal;\n}\n\n.capital-account {\n\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 400;\n\n  color: #333333;\n\n  text-align: left;\n  font-style: normal;\n}\n\n.more-detail {\n  border: 1px solid #AA7322;\n  color: #AA7322;\n  // line-height: 38px;\n  background-color: #ffffff;\n\n}\n\n.stock-content {\n  color: #AA7322;\n}\n.investment-but{\n  border: 1px solid #DBB882;\n  background: transparent;\n  color: #DBB882;\n}\n.vertical-text {\n    writing-mode: vertical-rl;\n\n}\n.vertical-title  {\n\nfont-family: PingFangSC, PingFang SC;\nfont-weight: 400;\n\ncolor: #FFFFFF;\n\n\nfont-style: normal;\n}\n.vertical-name  {\n\n\nfont-family: PingFangSC, PingFang SC;\nfont-weight: 400;\n\ncolor: #DBB882;\n\n\nfont-style: normal;\n}\n.invest-content {\n\nfont-family: PingFangSC, PingFang SC;\nfont-weight: 600;\n\ncolor: #DBB882;\nline-height: 40px;\n\nfont-style: normal;\n\n}\n.invest-introduce {\n  // width: 80%;\n\nfont-family: PingFangSC, PingFang SC;\nfont-weight: 400;\n\ncolor: #FFFFFF;\n\ntext-align: left;\nfont-style: normal;\n}\n.download-content {\n  border-style: none;\n\n    background-color: rgb(73 78 82);\n\n    font-size: 3.5rem;\n\n    color: rgb(255 255 255);\n\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n}\n</style>\n"],"names":["lang","useI18n","router","useRouter","gotoDetail","index","useSwitchLocalePath","ref","useGetCode","locale","isEn","computed","reactive","isIp","data","getIP","isPC","onMounted","useDeviceType"],"mappings":"+zBACE,MAAMA,EAAOC,IAAU,OAAO,MACxBC,EAASC,EAAW,EACpBC,EAAcC,GAAU,CAC1BA,IAAU,IACRL,IAAS,KACXE,EAAO,KAAK,SAAS,EAErBA,EAAO,KAAK,WAAW,EAK7B,4xLCRyBI,EAAqB,EAC7BC,EAAI,EAAK,EACXA,EAAI,IAAI,EAAYA,EAAI,EAAE,EAAaA,EAAI,EAAE,EAC1CA,EAAI,EAAK,EAAmBA,EAAI,EAAK,EACdC,EAAW,EAAE,EACtCD,EAAM,EACtB,MAAME,EAASF,EAAIN,IAAU,OAAO,KAAK,EAEnCS,EAAOC,EAAS,IAChBF,EAAO,OAAS,IAMrB,EACiBG,EAAS,CACzB,MAAO,GACP,KAAM,GACN,MAAO,GACP,QAAS,GACT,OAAQ,KACR,QAAS,CAAE,EACX,QAAS,GACT,OAAQ,wBACR,KAAM,EACR,CAAC,EAMiBL,EAAI,GAAG,EAyBZN,EAAS,EAAC,OAAO,MAc9B,MAAMY,EAAON,EAAI,EAAI,GACP,SAAa,CACzB,MAAMO,EAAQ,MAAMC,EAAM,EAAE,EAC5B,QAAQ,IAAID,EAAK,KAAK,OAAO,EAC7BD,EAAK,MAAQC,EAAK,KAAK,UAAY,IACrC,GACS,EACT,MAAME,EAAOT,EAAI,EAAI,EACrB,OAAAU,EAAU,IAAM,CACdD,EAAK,MAAQE,EAAe,EAAC,OAAO,IACtC,CAAC,EACD,QAAQ,IAAIF,EAAK,KAAK"}