{"version":3,"file":"Dong131I.js","sources":["../../../../pages/fund.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' ? fund.cn.banner : fund.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('fund1') }}</p>\n          <p titz w-720 lt-xl:text-13 lt-xl:max-w-260>{{ $t('fund2') }}{{ $t('fund3') }}<br />\n            {{ $t('fund4') }}</p>\n        </div>\n        <div>\n          <!-- <button btn-accent>{{ $t('contact_us') }}</button> -->\n        </div>\n      </div>\n    </div>\n    <div pyxh lt-xl:pt-30>\n      <div mwc>\n        <p tit l-n mb-80 lt-xl:mb-20>{{ $t('fund20') }}</p>\n        <ul f-c-b flex-wrap>\n          <li f-c-c f-s mb-40 w=\"50%\" lt-xl:w-full lt-xl:mb-20>\n            <img mr-20 w-60 lt-xl:mr-15 lt-xl:w-30 :src=\"fund.cn.block6_1\" alt=\"\" srcset=\"\">\n            <div w-694 lt-xl:w-full>\n              <p titc mb-16 lt-xl:text-16 lt-xl:mb-9>{{ $t('fund21') }}</p>\n              <p titm lt-xl:text-14>{{ $t('fund22') }}</p>\n            </div>\n          </li>\n          <li f-c-c f-s mb-40 w=\"50%\" lt-xl:w-full lt-xl:mb-20>\n            <img mr-20 w-60 lt-xl:mr-15 lt-xl:w-30 :src=\"fund.cn.block6_2\" alt=\"\" srcset=\"\">\n            <div w-694 lt-xl:w-full>\n              <p titc mb-16 lt-xl:text-16 lt-xl:mb-9>{{ $t('fund23') }}</p>\n              <p titm lt-xl:text-14>{{ $t('fund24') }}</p>\n            </div>\n          </li>\n          <li f-c-c f-s mb-40 w=\"50%\" lt-xl:w-full lt-xl:mb-20>\n            <img mr-20 w-60 lt-xl:mr-15 lt-xl:w-30 :src=\"fund.cn.block6_3\" alt=\"\" srcset=\"\">\n            <div w-694 lt-xl:w-full>\n              <p titc mb-16 lt-xl:text-16 lt-xl:mb-9>{{ $t('fund25') }}</p>\n              <p titm lt-xl:text-14>{{ $t('fund26') }}</p>\n            </div>\n          </li>\n          <li f-c-c f-s mb-40 w=\"50%\" lt-xl:w-full lt-xl:mb-0>\n            <img mr-20 w-60 lt-xl:mr-15 lt-xl:w-30 :src=\"fund.cn.block6_4\" alt=\"\" srcset=\"\">\n            <div w-694 lt-xl:w-full>\n              <p titc mb-16 lt-xl:text-16 lt-xl:mb-9>{{ $t('fund27') }}</p>\n              <p titm lt-xl:text-14>{{ $t('fund28') }}</p>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n    <div bg-mistywhite>\n      <div mwc>\n        <div f-c lt-xl:mb-5>\n          <img mr-65 lt-xl:mr-15 lt-xl:w-138 :src=\"fund.cn.block2_1\" alt=\"\" srcset=\"\">\n          <div lt-xl:mb-5>\n            <p tit mb-40 lt-xl:mb-17>{{ $t('fund5') }}</p>\n            <p titm mb-59 lt-xl:mb-0>{{ $t('fund6') }}\n            </p>\n            <img lt-xl:hidden :src=\"fund[lang].block2_2\" alt=\"\" srcset=\"\">\n          </div>\n        </div>\n        <img xl:hidden :src=\"fund[lang].block2_2\" alt=\"\" srcset=\"\">\n      </div>\n    </div>\n    <div pyx>\n      <div mwc>\n        <p tit l-n mb-40 lt-xl:mb-20>{{ $t('fund_type') }}</p>\n        <ul f-c-b mb-20 flex-wrap flex-row items-stretch lt-xl:mb-0>\n          <li class=\"group\" w=\"18%\" bds-palebluishgray px-30 pt-50 pb-110 mr-20 min-h-475  relative hover:bg-accent hover:text-white  lt-xl:px-15 lt-xl:pt-15 lt-xl:min-h-275 lt-xl:h-275 lt-xl:mb-15 lt-xl:pb-50 lt-xl:mr-0 lt-xl:w='49%'>\n            <p titc l-n mb-25 lt-xl:mb-15>{{ $t('fund12') }}</p>\n            <p titm lt-xl:mb-10>{{ $t('fund13') }}</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 h-47 lt-xl:h-30 :src=\"fund.cn.block5_1\" alt=\"\" srcset=\"\">\n            </div>\n          </li>\n          <li class=\"group\" w=\"18%\" bds-palebluishgray px-30 pt-50 pb-110 mr-20 min-h-475 relative hover:bg-accent hover:text-white  lt-xl:px-15 lt-xl:pt-15 lt-xl:min-h-275 lt-xl:h-275 lt-xl:mb-15 lt-xl:pb-50 lt-xl:mr-0 lt-xl:w='49%'>\n            <p titc l-n mb-25 lt-xl:mb-15>{{ $t('fund14') }}</p>\n            <p titm lt-xl:mb-10>{{ $t('fund15') }}</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 h-47 lt-xl:h-30 :src=\"fund.cn.block5_2\" alt=\"\" srcset=\"\">\n            </div>\n          </li>\n          <li class=\"group\" w=\"18%\" bds-palebluishgray px-30 pt-50 pb-110 mr-20 min-h-475 relative hover:bg-accent hover:text-white  lt-xl:px-15 lt-xl:pt-15 lt-xl:min-h-275 lt-xl:h-275 lt-xl:mb-15 lt-xl:pb-50 lt-xl:mr-0 lt-xl:w='49%'>\n            <p titc l-n mb-25 lt-xl:mb-15>{{ $t('fund16') }}</p>\n            <p titm lt-xl:mb-10>{{ $t('fund17') }}</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 h-47 lt-xl:h-30 :src=\"fund.cn.block5_3\" alt=\"\" srcset=\"\">\n            </div>\n          </li>\n          <li class=\"group\" w=\"18%\" bds-palebluishgray px-30 pt-50 pb-110 min-h-475 relative hover:bg-accent hover:text-white  lt-xl:px-15 lt-xl:pt-15 lt-xl:min-h-275 lt-xl:h-275 lt-xl:mb-15 lt-xl:pb-50 lt-xl:mr-0 lt-xl:w='49%'>\n            <p titc l-n mb-25 lt-xl:mb-15>{{ $t('fund18') }}</p>\n            <p titm lt-xl:mb-10>{{ $t('fund19') }}</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 h-47 lt-xl:h-30 :src=\"fund.cn.block5_5\" alt=\"\" srcset=\"\">\n            </div>\n          </li>\n          <li class=\"group\" w=\"18%\" bds-palebluishgray px-30 pt-50 pb-110 min-h-475 relative hover:bg-accent hover:text-white  lt-xl:px-15 lt-xl:pt-15 lt-xl:min-h-275 lt-xl:h-275 lt-xl:pb-50 lt-xl:mr-0 lt-xl:w='49%'>\n            <p titc l-n mb-25 lt-xl:mb-15>{{ $t('fund29') }}</p>\n            <p titm lt-xl:mb-10>{{ $t('fund30') }}</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 h-47 lt-xl:h-30 :src=\"fund.cn.block5_4\" alt=\"\" srcset=\"\">\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\n    <div>\n      <div f-c-b h-550 lt-xl:h-auto>\n        <div flex-1 bg-subtle h-full></div>\n        <div mwc f-c h-full lt-xl:px-0 lt-xl:h-auto>\n          <div w=\"60%\" bg-subtle h-full pt-149 lt-xl:w-full lt-xl:pt-30 lt-xl:px-15 lt-xl:h-auto lt-xl:pb-40>\n            <p text-sand tit mb-40 lt-xl:mb-15 lt-xl:text-18>{{ $t('fund10') }}</p>\n            <p max-w-560 titm mb-60 text-white>{{ $t('fund11') }}</p>\n            <!-- <button btn2-sand lt-xl:mb-25>{{ $t('learn_more') }}</button> -->\n            <img xl:hidden h-200 ma :src=\"fund.cn.block4\" alt=\"\" srcset=\"\">\n          </div>\n          <div w=\"40%\" bg-mistywhite h-full relative lt-xl:hidden>\n            <img abs_t left=\"-30%\" :src=\"fund.cn.block4\" alt=\"\" srcset=\"\">\n          </div>\n        </div>\n        <div flex-1 bg-mistywhite h-full></div>\n      </div>\n    </div>\n    <!-- // 管家式2投资体验 -->\n    <div pyx>\n      <div class=\"investment-experience\" flex>\n        <div w=\"60%\">\n          <div w-full bg-cover bg-right h-268 bg-center bg-no-repeat lt-xl:h-130\n            :style=\"{ backgroundImage: 'url(' + index.cn.banner15 + ')' }\">\n            <div pl-150 lt-xl:pl-16 lt-xl:pr-16 flex items-center h=\"100%\">\n              <div>\n                <div class=\"private-butler\" text-36 lt-xl:text-18>{{ $t('sxgjsfw') }}</div>\n                <div class=\"investment-product\" text-18 mt-10 line-height-25 color=\"#ffffff\" lt-xl:text-12 lt-xl:line-height-14>{{ $t('sxgjsfwjs') }}</div>\n              </div>\n\n            </div>\n          </div>\n          <div h-268 mt-24 class=\"investment-mechanism\" lt-xl:h-130>\n            <div pl-150 flex items-center h=\"100%\" lt-xl:pl-16 lt-xl:pr-16>\n              <div>\n                <div class=\"financial-expert\" text-36 lt-xl:text-18>{{ $t('gktmdtzjj') }}</div>\n                <div class=\"investment-product\" text-18 mt-10 line-height-25 color=\"#ffffff\" lt-xl:text-12 lt-xl:line-height-14>{{ $t('wkhtghsdtzcp') }}</div>\n              </div>\n\n            </div>\n          </div>\n        </div>\n        <div w=\"40%\" flex items-center p-53 lt-xl:pl-16 lt-xl:pr-16>\n          <div>\n            <div class=\"financial-expert\"  text-36 lt-xl:text-18>{{ $t('dwlczjzdce') }}</div>\n            <div class=\"return-investment\" text-18 mt-24 line-height-25 lt-xl:text-12 lt-xl:line-height-14 lt-xl:mt-16>{{ $t('yhdghdtzhb') }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div pyx pt-0 lt-xl:pt-0>\n      <div mwc>\n        <p tit mb-80 lt-xl:mb-20 mt-52 lt-xl:mt-0>{{ $t('jjzh') }}</p>\n        <ul f-c-a flex-wrap items-start>\n          <li w=\"50%\" f-c-c xl:f-col mb-80 lt-xl:w='100%' lt-xl:w-full lt-xl:mb-20 lt-xl:f-s inline-flex>\n            <div flex>\n              <img h=\"50%\" :src=\"fund_group.cn.block4_1\" alt=\"\" srcset=\"\" lt-xl:mr-15 lt-xl:w-30>\n              <div ml-20 w=\"60%\" f-c-c f-col lt-xl:items-start lt-xl:ml-0 lt-xl:w=\"100%\">\n                <p w=\"100%\" titc mb-20 lt-xl:text-16 lt-xl:mb-9 text-left> {{ $t('jysj') }}</p>\n                <p titm text-left lt-xl:text-14>{{ $t('jjzhshshzhxs') }}</p>\n              </div>\n            </div>\n\n          </li>\n          <li w=\"50%\" f-c-c xl:f-col mb-80 lt-xl:w='100%' lt-xl:w-full lt-xl:mb-20 lt-xl:f-s>\n            <div flex>\n\n              <img h=\"50%\" mb-24 :src=\"fund_group.cn.block4_2\" alt=\"\" srcset=\"\" lt-xl:mr-15 lt-xl:mb-15 lt-xl:w-30>\n              <div ml-20 w=\"60%\" f-c-c f-col lt-xl:items-start lt-xl:ml-0 lt-xl:w=\"100%\">\n                <p w=\"100%\" titc mb-20 lt-xl:text-16 lt-xl:mb-9 text-left>{{  $t('lhpz') }}</p>\n                <p titm text-left lt-xl:text-14>{{  $t('jjzhlhcz') }}</p>\n              </div>\n            </div>\n\n          </li>\n          <li w=\"50%\" f-c-c xl:f-col mb-80 lt-xl:w='100%' lt-xl:w-full lt-xl:mb-20 lt-xl:f-s>\n            <div flex>\n              <img h=\"50%\" mb-24 :src=\"fund_group.cn.block4_3\" alt=\"\" srcset=\"\" lt-xl:mr-15 lt-xl:mb-15 lt-xl:w-30>\n              <div ml-20 w=\"60%\" f-c-c f-col lt-xl:items-start lt-xl:ml-0 lt-xl:w=\"100%\">\n                <p w=\"100%\" titc mb-20 lt-xl:text-16 lt-xl:mb-9 text-left>{{ $t('dysy') }}</p>\n                <p titm text-left lt-xl:text-14>{{  $t('jjzhdyh') }}</p>\n              </div>\n            </div>\n          </li>\n          <li w=\"50%\" f-c-c xl:f-col mb-80 lt-xl:w='100%' lt-xl:w-full lt-xl:mb-20 lt-xl:f-s>\n            <div flex>\n              <img h=\"50%\" mb-24 :src=\"fund_group.cn.block4_4\" alt=\"\" srcset=\"\" lt-xl:mr-15 lt-xl:mb-15 lt-xl:w-30>\n              <div ml-20 w=\"60%\" f-c-c f-col lt-xl:items-start lt-xl:ml-0 lt-xl:w=\"100%\">\n                <p w=\"100%\" titc mb-20 lt-xl:text-16 lt-xl:mb-9 text-left>{{  $t('dttz') }}</p>\n                <p titm text-left lt-xl:text-14>\n                  {{  $t('yxdzhjj') }}\n                  </p>\n              </div>\n            </div>\n          </li>\n        </ul>\n      </div>\n    </div>\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.investment-experience {\n  background-color: #F9F9FA;\n}\n\n.investment-mechanism {\n  background-color: #212F46\n}\n\n.financial-expert {\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 500;\n  color: #DBB882;\n  text-align: left;\n  font-style: normal;\n\n}\n\n.return-investment {\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 400;\n  color: #333333;\n  text-align: left;\n  font-style: normal;\n\n}\n\n.investment-product {\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 400;\n  text-align: left;\n  font-style: normal;\n}\n\n.private-butler {\n  font-family: PingFangSC, PingFang SC;\n  font-weight: 500;\n  text-align: left;\n  font-style: normal;\n  color: #FFFFFF;\n}\n</style>\n"],"names":["lang","useI18n"],"mappings":"y6OACM,MAAAA,EAAOC,IAAU,OAAO"}