{"version":3,"file":"CdRco1dM.js","sources":["../../../../pages/futures_trade.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst lang = useI18n().locale.value;\n\n</script>\n\n<template>\n  <div>\n    <div w-full bg-cover h-550 lt-xl:h-275 bg-center\n      :style=\"{ backgroundImage: 'url(' + (useDeviceType().value == 'pc' ? futures_trade.cn.banner : futures_trade.cn.m_banner) + ')' }\">\n      <div mwc relative h-full>\n        <div text-left text-white pt-115 mb-99 lt-xl:pt-35 lt-xl:mb-27>\n          <p text-40 fw l-n mb-37 text-accent lt-xl:text-18 lt-xl:mb-10>{{ $t('qhyw') }}</p>\n          <p titz max-w-491 lt-xl:text-13 lt-xl:max-w-250>\n            {{ $t('lyggfdtzsy') }}\n            </p>\n        </div>\n        <div>\n          <!-- <button btn-accent> {{ $t('ljkh') }}</button> -->\n        </div>\n      </div>\n    </div>\n    <div pyx lt-xl:pb-0>\n      <div mwc>\n        <ul f-c-b mb-20 flex-wrap flex-row items-stretch lt-xl:mb-0>\n          <li class=\"group\" w=\"49%\" bds-palebluishgray px-30 pt-50 mb-20 h-435 relative hover:bg-accent hover:text-white\n            lt-xl:px-15 lt-xl:pt-15 lt-xl:h-auto lt-xl:mb-15 lt-xl:pb-50 lt-xl:w='49%'>\n            <p titc l-n mb-25 lt-xl:mb-15>{{ $t('hqqh') }}</p>\n            <p titm lt-xl:mb-10>{{ $t('hqqhsqqxdjrsc') }}</p>\n            <div f-c-b absolute bottom-49 right-0 w-full px-30 lt-xl:px-15 lt-xl:bottom-15 lt-xl:absolute>\n              <p text-accent titm group-hover:text-paleyellowish></p>\n              <img lt-xl:h-30 :src=\"futures_trade.cn.block2_1\" alt=\"\" srcset=\"\">\n            </div>\n          </li>\n          <li class=\"group\" w=\"49%\" bds-palebluishgray px-30 pt-50 mb-20 h-435 relative hover:bg-accent hover:text-white\n            lt-xl:px-15 lt-xl:pt-15 lt-xl:h-auto lt-xl:mb-15 lt-xl:pb-50 lt-xl:w='49%'>\n            <p titc l-n mb-25 lt-xl:mb-15>{{ $t('xgqh') }}</p>\n            <p titm lt-xl:mb-10>{{ $t('xgqhszxgjys') }}</p>\n            <div f-c-b absolute bottom-49 right-0 w-full px-30 lt-xl:px-15 lt-xl:bottom-15 lt-xl:absolute>\n              <p text-accent titm group-hover:text-paleyellowish></p>\n              <img lt-xl:h-30 :src=\"futures_trade.cn.block2_2\" alt=\"\" srcset=\"\">\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n    <div pyx pt-0 lt-xl:pt-30 lt-xl:pb-0>\n      <div mwc>\n        <p tit mb-80 lt-xl:mb-30>{{ $t('qhdys') }}</p>\n        <ul f-c-a mb-80 lt-xl:mb-40 lt-xl:f-col flex items-baseline>\n          <li w-300 f-c-c f-col lt-xl:w-full lt-xl:mb-20 lt-xl:flex-row lt-xl:items-start>\n            <img mb-24 :src=\"futures_trade.cn.block3_1\" alt=\"\" srcset=\"\" lt-xl:mb-15 lt-xl:w-30 lt-xl:mr-20>\n            <div f-c-c f-col lt-xl:items-start>\n              <p titc mb-20 lt-xl:mb-10>{{ $t('ggdhbl') }}</p>\n              <p titm text-left>{{ $t('yzqxbjqhdggl') }}</p>\n            </div>\n          </li>\n          <li w-300 f-c-c f-col lt-xl:w-full lt-xl:mb-20 lt-xl:flex-row lt-xl:items-start>\n            <img mb-24 :src=\"futures_trade.cn.block3_2\" alt=\"\" srcset=\"\" lt-xl:mb-15 lt-xl:w-30 lt-xl:mr-20>\n            <div f-c-c f-col lt-xl:items-start>\n              <p titc mb-20 lt-xl:mb-10>{{ $t('tzmkd') }}</p>\n              <p titm text-left>{{ $t('qhdgglg') }}</p>\n            </div>\n          </li>\n          <li w-300 f-c-c f-col lt-xl:w-full lt-xl:mb-0 lt-xl:flex-row lt-xl:items-start>\n            <img mb-24 :src=\"futures_trade.cn.block3_3\" alt=\"\" srcset=\"\" lt-xl:mb-15 lt-xl:w-30 lt-xl:mr-20>\n            <div f-c-c f-col lt-xl:items-start>\n              <p titc mb-20 lt-xl:mb-10>{{ $t('dyhdtzxz') }}</p>\n              <p titm text-left>{{ $t('tgwmdptkyz') }}</p>\n            </div>\n          </li>\n\n        </ul>\n      </div>\n      <div relative xl:h-440 xl:items-start xl:f-c>\n        <div flex-1 bg-test1 w-full h-505 lt-xl:hidden></div>\n        <div mwc m-0 bg-white relative flex-shrink-0 lt-xl:px-0 lt-xl:mb=\"-60\">\n          <div w-1200 h-505 bg-center bg-cover xl:f-c lt-xl:w-full lt-xl:h-auto\n            :style=\"{ backgroundImage: 'url(' + (useDeviceType().value == 'pc' ? futures_trade.cn.block4 : futures_trade.cn.m_block4) + ')' }\"\n            text-white>\n            <div lt-xl:pt-30 lt-xl:pb-93 lt-xl:px-15>\n              <p tit mb-40 lt-xl:mb-15 textl-left lh-50 lt-xl:hidden>{{ $t('lygzqh') }} <br />\"{{ $t('cynx') }}\"</p>\n              <p mb-15 text-18 textl-left xl:hidden>{{ $t('lygzqh') }} \"{{ $t('cynx') }}\"</p>\n              <p titm mb-60 max-w-365 lt-xl:mb-30>\n                {{ $t('gzqhsymgtdgp') }} </p>\n            </div>\n          </div>\n          <div bg-mistywhite w-793 h-508 absolute right-0 top-32 pt-60 pl-40 class=\"tabs\" lt-xl:relative lt-xl:h-auto lt-xl:max-h-448 lt-xl:py-30 lt-xl:pl-15 lt-xl:abs_l lt-xl:w='95%' lt-xl:top=\"-70\">\n            <ul>\n              <li f-c mb-60 lt-xl:mb-30>\n                <img w-80 h-80 mr-20 lt-xl:w-40 lt-xl:h-40 lt-xl:mr-15 :src=\"futures_trade.cn.block4_1\" alt=\"\" srcset=\"\">\n                <div>\n                  <p titc mb-6>{{ $t('szhq') }}</p>\n                  <p titm>{{ $t('yyggzqbgg') }}</p>\n                </div>\n              </li>\n              <li f-c mb-60 lt-xl:mb-30>\n                <img w-80 h-80 mr-20 lt-xl:w-40 lt-xl:h-40 lt-xl:mr-15 :src=\"futures_trade.cn.block4_2\" alt=\"\" srcset=\"\">\n                <div>\n                  <p titc mb-6>{{ $t('hphq') }}</p>\n                  <p titm>{{ $t('knzjxpzqjhq') }}</p>\n                </div>\n              </li>\n              <li f-c>\n                <img w-80 h-80 mr-20 lt-xl:w-40 lt-xl:h-40 lt-xl:mr-15 :src=\"futures_trade.cn.block4_3\" alt=\"\" srcset=\"\">\n                <div>\n                  <p titc mb-6>{{ $t('xdhq') }}</p>\n                  <p titm>{{ $t('yymkcz') }}</p>\n                </div>\n              </li>\n            </ul>\n          </div>\n        </div>\n        <div flex-1 bg-mistywhite w- h-508 mt-32 lt-xl:hidden></div>\n      </div>\n    </div>\n\n    <div pyx lt-xl:pt-30>\n      <div mwc f-c-b items-start>\n        <div>\n          <p tit mb-38 lt-xl:mb-20>{{ $t('khfw') }}</p>\n          <p titm mb-65 lt-xl:mb-30>{{ $t('blgjylhdjyl') }}</p>\n          <ul>\n            <li f-c items-start mb-50 lt-xl:mb-20>\n              <div text-accent mr-30 i-material-symbols-radio-button-unchecked text-14 lt-xl:text-7 lt-xl:ml-0 lt-xl:mr-15 lt-xl:mb-0 lt-xl:mt-5></div>\n              <div>\n                <p titc mb-16 lt-xl:mb-10>{{ $t('zhdzzyfw') }}</p>\n                <p titm>{{ $t('zczzdy') }}</p>\n              </div>\n            </li>\n            <li f-c items-start mb-50 lt-xl:mb-20>\n              <div text-accent mr-30 i-material-symbols-radio-button-unchecked text-14 lt-xl:text-7 lt-xl:ml-0 lt-xl:mr-15 lt-xl:mb-0 lt-xl:mt-5></div>\n              <div>\n                <p titc mb-16>{{ $t('24xskhfw') }}</p>\n                <p titm>{{ $t('zksqjsshqygjs') }}</p>\n              </div>\n            </li>\n            <li f-c items-start mb-50 lt-xl:mb-20>\n              <div text-accent mr-30 i-material-symbols-radio-button-unchecked text-14 lt-xl:text-7 lt-xl:ml-0 lt-xl:mr-15 lt-xl:mb-0 lt-xl:mt-5></div>\n              <div>\n                <p titc mb-16>{{ $t('khjlhxsjyy') }}</p>\n                <p titm>{{ $t('hyjyrskxllzy') }}</p>\n              </div>\n            </li>\n            <li f-c items-start mb-50 lt-xl:mb-0>\n              <div text-accent mr-30 i-material-symbols-radio-button-unchecked text-14 lt-xl:text-7 lt-xl:ml-0 lt-xl:mr-15 lt-xl:mb-0 lt-xl:mt-5></div>\n              <div>\n                <p titc mb-16>{{ $t('djvipfw') }}</p>\n                <p titm>{{ $t('zxwmdzjjg') }}</p>\n              </div>\n            </li>\n          </ul>\n        </div>\n        <div>\n          <img w-560 lt-xl:hidden :src=\"futures_trade.cn.block5\" alt=\"\" srcset=\"\">\n        </div>\n      </div>\n    </div>\n    <!-- <div v-if=\"lang !== 'cn'\" mt-90 w-full bg-cover h-470 bg-center bg-no-repeat :style=\"{ backgroundImage: 'url(' + index.cn.banner12 + ')' }\"\n        overflow-auto>\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 lt-xl:f-c-b mt-60>\n            <li mr-16 lt-xl:mr-0>\n              <button btn-inkgray class=\"more-detail\">{{  $t('learn_more') }}</button>\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 f-c cp>\n                  <button btn-inkgray>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 f-c cp>\n                  <button btn-inkgray>Android{{ $t('download') }}</button>\n                </div>\n              </a-popover>\n\n            </li>\n            <li>\n              <a href=\"https://spsystem.biz/download/temp/EP/FRT/sptrader_forthright_setup_r87911.zip\">\n                <button btn-inkgray>PC{{ $t('download') }}</button>\n              </a>\n            </li>\n          </ul>\n        </div>\n\n\n      </div> -->\n\n  </div>\n</template>\n<style lang=\"less\" scoped>\n.invest-globally {\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 600;\n  color: #504137;\n  font-style: normal;\n}\n\n.capital-account {\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 400;\n  color: #333333;\n  text-align: left;\n  font-style: normal;\n}\n\n.more-detail {\n  border: 1px solid #AA7322;\n  color: #AA7322;\n  background-color: #ffffff;\n}\n\n\n</style>\n"],"names":["useI18n"],"mappings":"k5HACa,OAAAA,EAAQ,EAAE,OAAO"}