CINXE.COM

Matrixport: All-in-one Crypto Financial Services Platform

<!DOCTYPE html> <html xml:lang="en" lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="facebook-domain-verification" content="adroywv27kafxrook2dkt1ye6j6w2m"> <title>Matrixport: All-in-one Crypto Financial Services Platform</title> <meta name="keywords" content="Matrixport"> <meta name="description" content="Matrixport is an all-in-one crypto financial services platform where users can earn, invest, trade, loan and buy crypto assets. Get started today! "> <meta property="og:title" content="Matrixport: All-in-one Crypto Financial Services Platform" /> <meta property="og:description" content="Matrixport is an all-in-one crypto financial services platform where users can earn, invest, trade, loan and buy crypto assets. Get started today! " /> <meta property="twitter:title" content="Matrixport: All-in-one Crypto Financial Services Platform"> <meta property="twitter:description" content="Matrixport is an all-in-one crypto financial services platform where users can earn, invest, trade, loan and buy crypto assets. Get started today! "> <meta property="og:type" content="website" /> <meta property="og:image" content="https://www.matrixport.com/public/img/MatrixportOpenGraph_EN.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="twitter:type" content="website"> <meta property="twitter:image" content="https://www.matrixport.com/public/img/MatrixportOpenGraph_EN.png"> <meta property="twitter:image:width" content="800" /> <meta property="twitter:image:height" content="418" /> <link rel="shortcut icon" href="/public/img/favicon.ico" type="image/x-icon" /> <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-TGFMGM4');</script> <link media="screen and (max-width:1200px)" rel="stylesheet" href="/public/css/scooter-rem_v1.01.css"/> <link media="screen and (min-width:769px)" rel="stylesheet" href="/public/css/scooter.css?v=2.1.12"/> <!-- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TGFMGM4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> --> <link rel="stylesheet" href="/public/css/owl.carousel_v1.0.css"> </head> <body> <div class="home" id="home"> <div id="home-nav" class="c-tab-nav-ab u-font-black f3 navbar-fixed"> <div class="w-1260 home-nav__container"> <div class="logo"> <a href="/"><img id="logoImg" src="/public/img/matrixport_logo.svg" alt="Matrixport logo"/></a> </div> <div class="menu o-grid__col--9-of-12"> <ul class="center-menu"> <li class="more-menu" id="prod" v-show="isshowprod === 'show'"> <a style="text-align: right;padding-right: 10px;"> Products </a> <img class="icon chevron_down" src="/public/img/icon_chevron_down.svg" /> <div id="product-hide-menu" class="hide-menu o-grid__col--12-of-12"> <div class="menu-list o-grid__col--10-of-12 o-grid__col--push-1-of-12"> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/earn-interest-with-defi-projects"> Earn </a></h3> <p> Earning Interest Should Be Easy </p> </div> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/invest-crypto-with-dual-currency"> Invest </a></h3> <p> More Tools, Higher Returns </p> </div> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/crypto-trade"> Trade </a></h3> <p> Instant Trading with Zero Fees </p> </div> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/crypto-collateralized-loans"> Loan </a></h3> <p> Lowest Interest & Secure Collateral </p> </div> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a target="_blank" rel="noreferer noopener" href="https://invest.matrixport.com/newRegister/en?channel=navigation"> Buy Crypto </a></h3> <p> Purchase with Bank Wire or Credit Card </p> </div> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/eth2-staking-yield"> ETH 2.0 </a> </h3> <p> Earn More ETH, Up to 10% APY </p> </div> </div> </div> </li> <!-- <li><a href="/institutions/prime-brokerage"> Institutions </a></li> --> <li class="more-menu"> <a> Institutions </a> <img class="icon chevron_down" src="/public/img/icon_chevron_down.svg" /> <div id="product-hide-menu" class="hide-menu o-grid__col--12-of-12"> <div class="o-grid__col--10-of-12 o-grid__col--push-1-of-12"> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/institutions/prime-brokerage"> Prime Brokerage </a></h3> </div> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="https://www.mycactus.com/"> Custody </a></h3> </div> <div class="u-l-fl o-grid__col--4-of-12" > <h3 class="f3"> <a href="https://www.matrixdock.com/"> RWA </a> </h3> </div> </div> </div> </li> <li class="more-menu"> <a style="text-align: right;padding-right: 10px;"> Security </a> <img class="icon chevron_down" src="/public/img/icon_chevron_down.svg" /> <div id="product-hide-menu" class="hide-menu o-grid__col--12-of-12"> <div class="menu-list o-grid__col--10-of-12 o-grid__col--push-1-of-12"> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/security"> Security First </a></h3> <p> Multi-dimensional Security Assurance </p> </div> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/verify"> Matrixport Verify </a></h3> <p> Help avoid fraud and asset loss </p> </div> </div> </div> </li> <li><a href="https://blog.matrixport.com/" style="min-width: unset;"> Blog </a></li> <!-- <li class="more-menu"> <a> Resources </a> <img class="icon chevron_down" src="/public/img/icon_chevron_down.svg" /> <div id="product-hide-menu" class="hide-menu o-grid__col--12-of-12"> <div class="o-grid__col--10-of-12 o-grid__col--push-1-of-12"> <div class="u-l-fl o-grid__col--6-of-12"> <h3 class="f3"><a href="/public/privatewealth-digitalassets-study2022/index.html"> Private Wealth in Digital Assets Study 2022 </a></h3> </div> <div class="u-l-fl o-grid__col--2-of-12"> <h3 class="f3"><a href="https://blog.matrixport.com/"> Blog </a></h3> </div> <div class="u-l-fl o-grid__col--2-of-12"> <h3 class="f3"><a href="/news"> News </a></h3> </div> <div class="u-l-fl o-grid__col--2-of-12"> <h3 class="f3"><a href="/learn/all"> Learn </a></h3> </div> </div> </div> </li> --> <li class="more-menu"> <a href="/faq"> Support </a> </li> <li class="more-menu"> <a href="/about"> About Us </a> </li> <!-- <li class="more-menu"> <a> About Us </a> <img class="icon chevron_down" src="/public/img/icon_chevron_down.svg" /> <div id="product-hide-menu" class="hide-menu o-grid__col--12-of-12"> <div class="o-grid__col--10-of-12 o-grid__col--push-1-of-12"> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/about"> Company </a></h3> </div> <div class="u-l-fl o-grid__col--4-of-12"> <h3 class="f3"><a href="/partners"> Partners </a></h3> </div> <div class="u-l-fl o-grid__col--4-of-12" > <h3 class="f3"> <a href="/careers"> Careers </a> <a class="gmtp-href" href="/gmtp">GMTP</a> </h3> </div> </div> </div> </li> --> </ul> </div> <div class="o-grid__col--3-of-12"> <ul class="language"> <li class="more-menu"> <!-- <img class="icon" src="/public/img/EN.svg" /> --> <span id="current-language"> English </span> <div class="hide-menu"> <ul> <li id="en"><a href="/"><span>English</span></a></li> <li id="zh"><a href="/zh/"><span>简体中文</span></a></li> <li id="ft"><a href="/zh-tw/"><span>繁體中文</span></a></li> <!-- <li id="ru"><a href="/ru/"><span>Русский</span></a></li> --> <!-- <li id="es"><a href="/es/"><span>Español</span></a></li> <li id="id"><a href="/id/"><span>Bahasa Indonesia</span></a></li> --> <!-- <li id="vi"><a href="/vi/"><span>Tiếng Việt</span></a></li> --> </ul> </div> <img class="icon chevron_down" src="/public/img/icon_chevron_down.svg" /> </li> <li> <a href="https://invest.matrixport.com/newRegister/en?channel=signupbutton" target="_blank" rel="noreferer noopener" class="signIn SignUp_button_HP"> Sign Up </a> <div id="raduis-white-box"> <ul> <!-- <li class="raduis"> <a target="_blank" rel="noreferer noopener" href="https://play.google.com/store/apps/details?id=com.matrixport.mark"><img class="icon google_store" src="/public/img/icon_play_store_blue.svg" /></a> </li> <li class="raduis"> <a target="_blank" rel="noreferer noopener" href="https://apps.apple.com/us/app/matrixport/id1488557973"><img class="icon apple_store" src="/public/img/icon_apple_store_blue.svg" /></a> </li> --> </ul> </div> <div id="raduis-black-box"> <ul> <!-- <li class="raduis-white"> <a target="_blank" rel="noreferer noopener" href="https://play.google.com/store/apps/details?id=com.matrixport.mark"><img class="icon google_store" src="/public/img/google-icon-white.png" /></a> </li> <li class="raduis-white"> <a target="_blank" rel="noreferer noopener" href="https://apps.apple.com/us/app/matrixport/id1488557973"><img class="icon apple_store" src="/public/img/appsotre-icon-white.png" /></a> </li> --> </ul> </div> </li> </ul> </div> </div> </div> <script> let isHKprod = localStorage.getItem("showHkProdCache") console.log(isHKprod) if(isHKprod != 'show'){ var t = document.getElementById('prod');//选取id为test的div元素 t.style.display = 'none'; } </script> <!-- <div class="fixed-adx-allScreen"> <div class="content o-grid__col--10-of-12 o-grid__col--push-1-of-12"> <div class="footer-banner-img"> <div class="adx_banner"> <a class="adx_banner_img" target="_blank" rel="noreferer,noopener" href="https://invest.matrixport.com/newRegister/en?channel=navigation"></a> <a class="adx_banner_close"></a> <img width="728px" height="90px" src="/public/img/en/adb.png?v=1.0" alt="Oferta de bienvenida - 1288USDC" alt="New joiner welcome offer"/> </div> </div> </div> </div> --> <div style="min-height: 930px;"> <div class="owl-carousel"> <div class="u-font-center u-v-center"> <div class="f-headline u-font-black banner-text"> <div id="timeline_txt" data-split-letters-big="1000"> Invest and Earn Crypto </div> <p class="u-font-black tagline f1" style="margin-top: 24px;" data-split-letters="1000"> Crypto financial products made simple and accessible </p> <div class="u-btn-group layout-h ai-center footer-btn-group"> <a class="appstore-btn-img GP_button_HP_Top" target="_blank" rel="noreferer,noopener" href="https://invest.matrixport.com/download/matrixport-release.apk"> <img class="blue" src="/public/img/local.png" alt="Download Matrixport app from local" /> <img class="orange" src="/public/img/local_orange.png" alt="Click to download Matrixport app from local" /> <div class="q-code-block"> <img src="/public/img/q-code-img-local.png" alt="Scan to download Matrixport app from local" /> </div> </a> <a class="appstore-btn-img GP_button_HP_Top" target="_blank" rel="noreferer,noopener" href="https://play.google.com/store/apps/details?id=com.matrixport.mark"> <img class="blue" src="/public/img/playstore.png" alt="Download Matrixport app from Google Play" /> <img class="orange" src="/public/img/playstore_orange.png" alt="Click to download Matrixport app from Google Play" /> <div class="q-code-block"> <img src="/public/img/q-code-img-gp.jpg" alt="Scan to download Matrixport app from Google Play" /> </div> </a> <a class="appstore-btn-img AS_button_HP_Top" target="_blank" rel="noreferer,noopener" href="https://apps.apple.com/us/app/matrixport/id1488557973"> <img class="blue" src="/public/img/appstore.png" alt="Download Matrixport app from App Store" /> <img class="orange" src="/public/img/appstore_orange.png" alt="Click to download Matrixport app from App Store" /> <div class="q-code-block"> <img src="/public/img/q-code-img-ap.png" alt="Scan to download Matrixport app from App Store" /> </div> </a> <!-- testflight --> <a class="appstore-btn-img AS_button_HP_Top" target="_blank" rel="noreferer,noopener" href="https://testflight.apple.com/join/s5rARDvM"> <img class="blue" src="/public/img/testflight.png" alt="Download Matrixport app from App Store" /> <img class="orange" src="/public/img/testflight_orange.png" alt="Click to download Matrixport app from App Store" /> <div class="q-code-block"> <img src="/public/img/q-code-img-tf.png" alt="Scan to download Matrixport app from App Store" /> </div> <!-- <div class="tip"> <span>Redeem Code: s5ARDvM</span> </div> --> <div class="popover"> <div class="l">Try out the iOS latest features</div> <img src="/public/img/trg_up.png" alt="Scan to download Matrixport app from App Store" /> </div> </a> <!-- <a class="ai-center" href=""><img class="q-code" src="/public/img/q-code.png" alt="Scan to download Matrixport app from App Store" /></a> --> </div> </div> <img class="bannner-img" src="/public/img/banner-01.png?v=11" /> </div> </div> </div> <div class="home-curve"> <img class="curve" src="/public/img/curve.svg" alt="Homepage background" /> </div> <div class="w-1260 o-grid__col--10-of-12 o-grid__col--push-1-of-12"> <div style="position: relative;padding-top: 100px;"> <div class="all-in-one o-grid__col--12-of-12" v-show="isshowprod === 'show'"> <div class="all-in-one-inner o-grid__col--12-of-12"> <div class="text u-l-fl wow fadeInUp animate__animated animate__slower o-grid__col--3-of-12 o-grid__col--push-1-of-12"> <div class="f-headline-sm "> All-in-one financial solutions for all levels of expertise </div> <br /> <br /> <br /> <div class="f-subhead mb56" style="color: #1cc1f7;"> Earning interest <br /> should be easy </div> <!-- <p class="f3 o-grid__col--10-of-12 l38">Up to 30% annualized interest rates; multi-currency and multiple tenors available </p> --> <a href="/earn-interest-with-crypto-savings"> <button class="c-btn c-btn--primary layout-h"> HOW TO EARN <img class="icon" src="/public/img/icon_btn_arrow-white.svg" /> </button> </a> </div> <div id="number_animate" class="task-card u-l-fr o-grid__col--7-of-12"> <div class="d-c-right ai-center"> <div> <!-- <div class="c-card c-custom-card o-grid__col--12-of-12"> <div class="u-font-center o-grid__col--10-of-12"> <img class="icon-lg" src="/public/img/icon_fixed_income.svg" /> <h2 class="f-subhead-sm-light"> Fixed income </h2> <h3 class="orange f32"> <div>up to</div> <span id="up-number01">0</span>% </h3> <p class="orange f3"> APY </p> <p class="o-grid__col--8-of-12 o-grid__col--push-2-of-12"> Multi-currency and multiple tenors </p> </div> </div> --> <div class="c-card c-custom-card u-font-center o-grid__col--12-of-12"> <div class="o-grid__col--10-of-12"> <img class="icon-lg" src="/public/img/icon_defi.svg" /> <h2 class="f-subhead-sm-light">DeFi</h2> <h3 class="orange f32"> <div>up to</div> <span id="up-number03">0</span>% </h3> <p class="orange f3"> APY </p> <p> Selected DeFi projects, one click experience </p> </div> </div> </div> <div class="c-card c-custom-card o-grid__col--12-of-12"> <div class="u-font-center o-grid__col--10-of-12"> <img class="icon-lg" src="/public/img/icon_flexi_saving.svg" /> <h2 class="f-subhead-sm-light"> Flexi Saving </h2> <h3 class="orange f32"> <div>up to</div> <span id="up-number02">0</span>% </h3> <p class="orange f3"> APY </p> <p> Withdraw at your convenience, interest compounds hourly </p> </div> </div> </div> <p class="u-font-center f-12-gray"> Please refer to the App for the most updated rates </p> </div> </div> <img class="bg-element" src="/public/img/home_elment.png" alt="Background of homepage" /> </div> <div style="margin-top: 120px;" v-show="isshowprod === 'show'"></div> <div class="o-grid__col--12-of-12" v-show="isshowprod === 'show'"> <div class="o-grid__col--push-1-of-12"> <div class="ai-center"> <div class="u-l-fl ai-center o-grid__col--6-of-12"> <div class="iphone-x ai-center" style="flex-direction: column;"> <img class="iphone-img morefun" src="/public/img/en/m_more_fun.png" alt="Double digit annualized yield regardless of market volatility" style="margin-left: -25px;width: 380px;" /> <!-- <div class="iphone-img-talk"> <img src="/public/img/dual-currency-screenshot.png" /> </div> --> <p class="f-12-gray" style="margin-top: -40px;"> Please refer to the App for the most updated rates </p> </div> </div> <div class="m-200 u-l-fr u-l-fl wow fadeInUp animate__animated animate__slower o-grid__col--5-of-12 ml4"> <div class="f-subhead" style="color: #1cc1f7;"> More Tools, Higher Returns </div> <div class="faq-nav-list"> <ul> <li class="nav-item header"> <div class="title"> <span> Dual Currency </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> Double-digit annualized yield regardless of market volatility </p> <img src="/public/img/en/home_dual_currency.png" alt="If Linked Price is $36,000, Annualized Yield is 73.00%"> </div> </li> <li class="nav-item header"> <div class="title"> <span> Smart Trend </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> On top of base yield, expect attractive upside up to 50% annualized yield when market moves in your favour! </p> <img src="/public/img/en/invest-smart-trend.png" alt="Smart Trend yield calculation" /> </div> </li> <li class="nav-item header"> <div class="title"> <span> Best-Buy Fund </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> Funds with consistent returns selected by our professional research team. </p> <img src="/public/img/Smart_Trend_chart.png" alt="Best Buy Fund chart"> </div> </li> <li class="nav-item header"> <div class="title"> <span> Range Sniper </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> Options Made Easy! </p> <img src="/public/img/invest-range-sniper-en.png" alt="Range Sniper yield calculation" /> </div> </li> </ul> </div> <a href="/invest-crypto-with-dual-currency"> <button class="c-btn c-btn--primary layout-h"> HOW TO INVEST <img class="icon" src="/public/img/icon_btn_arrow-white.svg" /> </button> </a> </div> </div> </div> </div> <div style="margin-top: 120px;"></div> <div class="zero-trade o-grid__col--12-of-12"> <div class="o-grid__col--push-1-of-12"> <div class="text u-l-fl wow fadeInUp animate__animated animate__slower o-grid__col--5-of-12"> <div class="f-subhead" style="color: #1cc1f7;"> Instant trading with <br> zero fees </div> <div class="faq-nav-list"> <ul> <li class="nav-item header"> <div class="title"> <span> Spot Trading </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> Buy and sell crypto at zero commission </p> </div> </li> <li class="nav-item header" v-show="isshowprod === 'show'"> <div class="title"> <span> Leveraged Trading </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> 1-click open & close: up to 5x leverage & market lowest interest rate </p> </div> </li> </ul> </div> <a href="/crypto-trade"> <button class="c-btn c-btn--primary layout-h"> HOW TO TRADE <img class="icon" src="/public/img/icon_btn_arrow-white.svg" /> </button> </a> </div> <div class="task-card ai-center iphone-x d-c-right u-l-fr o-grid__col--7-of-12"> <div class="relative"> <img class="iphone-img" src="/public/img/en/m_trade.png" alt="Trade crypto with mobile" style="width: 380px;"/> <div class="wow pulse animate__animated raduis-card2"> <span class="number">0</span> <p class="orange"> Fee </p> </div> </div> </div> <div class="clear"></div> </div> </div> <div style="margin-top: 120px;" v-show="isshowprod === 'show'"></div> <div class="loans o-grid__col--12-of-12" v-show="isshowprod === 'show'"> <div class="o-grid__col--push-1-of-12"> <div class="ai-center"> <div class="u-l-fl ai-center o-grid__col--6-of-12"> <div class="iphone-x ai-center" style="flex-direction: column;"> <img class="iphone-img morefun" src="/public/img/en/m_loans.png" alt="Loan with Matrixport App" style="margin-left: -25px;width: 380px;" /> <p class="f-12-gray" style="margin-top: 32px;"> Please refer to the App for the most updated rates </p> <!-- <div class="c-card u-font-center home-arp wow pulse animate__animated"> <h3 class="orange f32"><span>14.6</span>%</h3> <p class="orange f3">APR | 7-30 days </p> </div> --> </div> </div> <div class="text u-l-fl wow fadeInUp animate__animated animate__slower o-grid__col--5-of-12 ml4"> <div class="f-headline-sm" style="color: #1cc1f7;"> Loans </div> <div class="faq-nav-list"> <ul> <li class="nav-item header"> <div class="title"> <span> Collateralized loan </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> Borrow cash with crypto with instant approval at a competitive rate </p> </div> </li> <li class="nav-item header"> <div class="title"> <span> Zero cost loan </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> 0% interest and zero liquidation risk </p> </div> </li> </ul> </div> <a href="/crypto-collateralized-loans"> <button class="c-btn c-btn--primary layout-h"> HOW TO BORROW <img class="icon" src="/public/img/icon_btn_arrow-white.svg" /> </button> </a> </div> </div> <div class="clear"></div> </div> </div> <div class="clear"></div> <!-- <div style="margin-top: 120px;"></div> <div class="o-grid__col--12-of-12"> <div class="o-grid__col--push-1-of-12"> <div class="ai-center"> <div class="u-l-fl wow fadeInUp animate__animated animate__slower o-grid__col--5-of-12"> <div class="f-subhead" style="color: #1cc1f7;"> Buy Crypto </div> <div class="faq-nav-list"> <ul> <li class="nav-item header"> <div class="title"> <span> Credit card </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> Earn a 4 USDT cash rebate with your first purchase </p> </div> </li> <li class="nav-item header"> <div class="title"> <span> Bank wire </span><i class="my-icon nav-more"></i> </div> <div class="content"> <p class="home__fold-content-p"> Get 1:1 USDC with a simple USD bank wire </p> </div> </li> </ul> </div> <a target="_blank" rel="noreferer,noopener" href="https://invest.matrixport.com/newRegister/en?channel=navigation"> <button class="c-btn c-btn--primary layout-h"> HOW TO BUY CRYPTO <img class="icon" src="/public/img/icon_btn_arrow-white.svg" /> </button> </a> </div> <div class="u-l-fr ai-center d-c-right o-grid__col--7-of-12"> <div class="relative"> <img class="iphone-img" src="/public/img/en/m_buy_crypto.png" alt="Buy crypto with mobile" style="width: 380px;"/> <div class="raduis-card wow pulse animate__animated"> <span class="number">4</span> <p class="orange f3" style="margin-bottom: 0;">USDT</p> <p class="orange f3"> Rebate </p> </div> </div> </div> </div> </div> </div> --> <div style="margin-top: 120px;"></div> <div class="crypto o-grid__col--12-of-12"> <div class="o-grid__col--push-1-of-12"> <div class="ai-center" style="align-items:flex-start"> <div id="number_animate2" class="task-card u-l-fr o-grid__col--6-of-12" > <div class="u-l-fr o-grid__col--6-of-12" style="float: left;"> <div class="intro o-grid__col--12-of-12"> <div class="o-grid__col--12-of-12"> <img class="icon-lg" src="/public/img/icon_outstanding_loan.svg" /> <!--700--> <h2 class="f-subhead-light"><span>700</span> M+ </h2> <p class="f3"> Outstanding Loans</p> <p class="f3">(in USD)</p> </div> </div> <div class="intro o-grid__col--12-of-12"> <div class="o-grid__col--12-of-12"> <img class="icon-lg" src="/public/img/icon_employees_globally-17.svg" /> <!--200--> <h2 class="f-subhead-light"><span>300</span> + </h2> <p class="f3">Employees globally</p> </div> </div> </div> <div class="u-l-fr o-grid__col--6-of-12" > <div class="intro o-grid__col--12-of-12"> <div class="o-grid__col--12-of-12"> <img class="icon-lg" src="/public/img/icon_monthly_trading_volume.svg" /> <h2 class="f-subhead-light"> <span>5</span> B </h2> <p class="f3">Monthly Trading Volume</p> <p class="f3">(in USD)</p> </div> </div> <!-- <div class="intro o-grid__col--12-of-12"> <div class="o-grid__col--12-of-12"> <img class="icon-lg" src="/public/img/icon_asset_under_custody.svg" /> <h2 class="f-subhead-light"><span>10</span> B </h2> <p class="f3">Assets under </p> <p class="f3">Management & Custody</p> <p class="f3">(in USD)</p> </div> </div> --> </div> </div> <div class="u-l-fr o-grid__col--5-of-12" style="position: relative;"> <div class="text wow fadeInUp animate__animated animate__slower"> <div class="f-headline-sm"> One of the world's most trusted cryptocurrency financial platforms </div> <br /> <p class="f3 o-grid__col--10-of-12 l38"> We offer best-in-class security and 24/7 global customer support; making sure your crypto is always safeguarded and working in your best interest is our highest priority </p> <a href="/about"> <button class="c-btn c-btn--primary layout-h"> LEARN MORE ABOUT US <img class="icon" src="/public/img/icon_btn_arrow-white.svg" /> </button> </a> </div> <img src="/public/img/bottom_mask.png" alt="Homepage background design" style="margin-left: -95px;" /> </div> </div> </div> </div> <div style="margin-top: 120px;"></div> <section class="c-card c-card-bg o-grid__col--12-of-12" style="background: none;box-shadow:none;"> <img class="bg" src="/public/img/best-practice.png" alt=""> <div class="inner"> <div class="wow fadeInUp animate__animated animate__slower o-grid__col--7-of-12"> <ul class="fs16"> <li><img class="icon" src="/public/img/two-arrow.svg" alt="Homepage background style" /> Hong Kong Trust Company Licence<span class="fs12">[1]</span> </li> <li><img class="icon" src="/public/img/two-arrow.svg" alt="Homepage background style" /> Membership of SRO-VQF (FINMA-recognised Self-Regulatory Organisation) <span class="fs12">[2]</span> </li> <li><img class="icon" src="/public/img/two-arrow.svg" alt="Homepage background style" /> User Privacy Protection Policy<br /><br /> </li> <li style="padding-left: 7px;"><span class="fs12">[1]</span> Acquired by Matrix Trust Company Limited, a wholly owned subsidiary of Matrixport </li> <li style="padding-left: 7px;"><span class="fs12">[2]</span> Registered and obtained by ChainTech AG, a wholly owned subsidiary of Matrixport </li> </ul> <p class="wow fadeInUp animate__animated animate__slower f3 fs12" style="margin-top: 24px;"> <span class="fs12">Note:</span> Different entities shall only provide services according to the authorized scope of the license/qualification. </p> </div> <div class="rg wow fadeInUp animate__animated animate__slower o-grid__col--4-of-12"> <h3 class="font-color-white f-subhead u-font-center"> Best practices in regulatory compliance </h3> </div> </div> </section> <section id="investors"></section> <div style="margin-top: 120px;"></div> <section class="u-font-center o-grid__col--10-of-12 o-grid__col--push-1-of-12"> <div class="u-font-center o-grid__col--12-of-11"> <h3 class="f-headline-sm wow fadeInUp animate__animated animate__slower"> Backed by top investors in the East and West </h3> </div> </section> <section class="u-font-center o-grid__col--12-of-12"> <div style="margin-top: 120px;"></div> <div class="o-grid__col--12-of-12 logo-list-img"> <ul class="logo-list"> <li class="wow animate__animated fadeInUpBig" data-wow-delay="0.3s"><img class="brand" src="/public/img/logo/logo_01.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="0.6s"><img class="brand" src="/public/img/logo/logo_02.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="0.9s"><img class="brand" src="/public/img/logo/logo_03.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="1.2s"><img class="brand" src="/public/img/logo/logo_04.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="1.5s"><img class="brand" src="/public/img/logo/logo_05.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="1.8s"><img class="brand" src="/public/img/logo/logo_06.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="2.1s"><img class="brand" src="/public/img/logo/logo_07.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="2.4s"><img class="brand" src="/public/img/logo/logo_08.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="2.7s"><img class="brand" src="/public/img/logo/logo_09.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="3s"><img class="brand" src="/public/img/logo/logo_10.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="3.3s"><img class="brand" src="/public/img/logo/logo_11.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="3.6s"><img class="brand" src="/public/img/logo/logo_12.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="3.9s"><img class="brand" src="/public/img/logo/logo_13.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="4.2s"><img class="brand" src="/public/img/logo/logo_14.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="4.5s"><img class="brand" src="/public/img/logo/logo_15.jpg" /></li> <li class="wow animate__animated fadeInUpBig" data-wow-delay="4.8s"><img class="brand" src="/public/img/logo/logo_16.png" /></li> </ul> </div> </section> <div style="margin-top: 120px;"></div> <section class="c-card c-card-bg-wp home-brand-card-box o-grid__col--12-of-12"> <div class="c-card-bg-inner"> <div class="coverLayer"></div> <img id="brand_lg_bg" src="https://mban.matrixtechfin.com/046757b3-5642-40bf-a552-a32a5491cbd7.png" /> <div class="o-grid__col--6-of-12" style="top: 75px; position: absolute;padding: 0 80px 70px 80px;"> <h3 class="font-color-white f-headline-sm wow fadeInUp animate__animated animate__slower"> Success is best when shared </h3> <a href="/news" target="_blank" rel="noreferer,noopener"> <button class="c-btn layout-h" style="background-color: #fff;color: #1cc1f7;margin-top: 48px;"> View NEWS </button> </a> </div> </div> <div class="o-grid__col--12-of-12"> <div class="hover-img o-grid__col--7-of-12"> <div class="o-grid__col--12-of-12"> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://kr-asia.com/beyond-a-crypto-winter-qa-with-co-founder-and-ceo-of-matrixport-john-ge"><img class="brand brand-event current-brand" src="https://mban.matrixtechfin.com/952e13c8-51cb-4c45-b4dc-4e01d69ca1c4.png" data-key="https://mban.matrixtechfin.com/952e13c8-51cb-4c45-b4dc-4e01d69ca1c4.png" /></a> </div> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://techcrunch.com/2022/08/08/bitmain-matrixport-john-ge/"><img class="brand brand-event" src="https://mban.matrixtechfin.com/92f84d69-2ec2-4587-b9b0-ee3e7ad25ae5.png" data-key="https://mban.matrixtechfin.com/92f84d69-2ec2-4587-b9b0-ee3e7ad25ae5.png" /></a> </div> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://www.businessinsider.com/crypto-billionaire-bitcoin-mining-chip-manufacturer-bitmain-matrixport-jihan-wu-2022-5"><img class="brand brand-event" src="https://mban.matrixtechfin.com/b10442c9-a693-46b2-bd36-305f689f9bb2.png" data-key="https://mban.matrixtechfin.com/b10442c9-a693-46b2-bd36-305f689f9bb2.png" /></a> </div> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://www.forbes.com/sites/robertolsen/2021/12/23/billionaire-crypto-pioneer-says-market-will-grow-to-tens-of-trillions-of-dollars/?sh=681615374d9c"><img class="brand brand-event" src="https://mban.matrixtechfin.com/e608c36e-74c1-4e0b-9c08-b47589aab01a.png" data-key="https://mban.matrixtechfin.com/e608c36e-74c1-4e0b-9c08-b47589aab01a.png" /></a> </div> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://www.dealstreetasia.com/stories/matrixport-double-aum-users-2022-274076/?giftKey=IqDIdQyqIFQ8"><img class="brand brand-event" src="https://mban.matrixtechfin.com/7d04f87d-504d-4df2-8846-2ed2fc7dcdc3.png" data-key="https://mban.matrixtechfin.com/7d04f87d-504d-4df2-8846-2ed2fc7dcdc3.png" /></a> </div> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://www.theblockcrypto.com/post/124167/crypto-for-everyone-growing-wealth-in-an-era-of-low-yields"><img class="brand brand-event" src="https://mban.matrixtechfin.com/7760eeef-0c25-425f-896f-5a6ad2176ae3.png" data-key="https://mban.matrixtechfin.com/7760eeef-0c25-425f-896f-5a6ad2176ae3.png" /></a> </div> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://www.nasdaq.com/videos/innovation-in-the-crypto-space-to-secure-a-new-generation-of-investors"><img class="brand brand-event" src="https://mban.matrixtechfin.com/3f53a5dc-7f62-417e-bd55-30a2391431e3.png" data-key="https://mban.matrixtechfin.com/3f53a5dc-7f62-417e-bd55-30a2391431e3.png" /></a> </div> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://www.techinasia.com/singapore-crypto-startup-unicorn-2-years"><img class="brand brand-event" src="https://mban.matrixtechfin.com/60df1240-b24e-48a7-90e6-23689fe4f66f.png" data-key="https://mban.matrixtechfin.com/60df1240-b24e-48a7-90e6-23689fe4f66f.png" /></a> </div> <div class="news-logo-item current-brand o-grid__col--4-of-12"> <a target="_blank" rel="noreferer,noopener" href="https://fortune.com/2021/08/02/matrixport-bitmain-wu-jihan-unicorn-funding-crypto/"><img class="brand brand-event" src="https://mban.matrixtechfin.com/b2717237-3a7c-416e-87df-d34044f62b7a.png" data-key="https://mban.matrixtechfin.com/b2717237-3a7c-416e-87df-d34044f62b7a.png" /></a> </div> </div> </div> <div class="brand-card o-grid__col--5-of-12"> <a target="_blank" rel="noreferer,noopener" class="brand-content-url" href="https://kr-asia.com/beyond-a-crypto-winter-qa-with-co-founder-and-ceo-of-matrixport-john-ge"> <img id="brand_sm_bg" src="https://mban.matrixtechfin.com/9b06e205-3d4c-4c15-b56c-5d62117940f7.png" /> <div class="brand-card-content"> <p id="brand-content-timer" class="f3" data-time="1671638400"> </p> <h3 class="f-subhead-sm-light" id="brand-content-title"> Beyond a crypto winter: Q&amp;A with co-founder and CEO of Matrixport John Ge </h3> <div class="article-content" id="brand-content-sub-title"> Despite uncertainty in the industry, Matrixport remains optimistic about the future of digital assets, emphasizing the importance of prudence and resilience.… </div> </div> </a> </div> <div class="icon-arrow"> <a target="_blank" rel="noreferer,noopener" class="brand-content-url" href="https://kr-asia.com/beyond-a-crypto-winter-qa-with-co-founder-and-ceo-of-matrixport-john-ge"><img src="/public/img/icon_btn_arrow-white.svg" /></a> </div> </div> </section> </div> </div> <!-- <van-popup v-model="showHkpop" round="round"> <div class="pop_content"> <div class="title">Declaration of Non-Solicitation</div> <div class="desc">By clicking “Agree” below, you hereby agree and understand that the information contained in this website (including all webpages under www.matrixport.com) does not constitute any offer to sell or an invitation or solicitation of an offer to buy any investment product or service to any person in any jurisdiction where such offering or solicitation would be illegal.<br> The information contained in this website (including all webpages under www.matrixport.com) does not constitute investment, legal, tax or other advice. You agree to search for professional investment, legal, and tax advice before making an investment or any other decision.</div> <div class="hkcont" v-if="nowArea == 'HKG'"> <div class="title">Declaration of Residence Place</div> <div class="desc">Based on your IP address, you may reside in a place with limitation in accessing to our App/Website. To proceed, please select your place of residence.</div> <el-select class="hk_select" v-model="registerForm.iso" filterable="filterable" value-key="country_id" ref="selectCountry" popper-class="select-country-popper"> <el-option v-for="(item,index) in countrys" :value="item" :label="('en' === 'en' ? item.en_name : 'en' === 'zh' ? item.ch_name : 'en' === 'ru' ? item.ru_name : item.tw_name )" :key="index"></el-option> </el-select> </div> </div> </van-popup> --> </div> <section class="w-1260 content"> <div class="content u-font-center o-grid__col--12-of-12"> <div class="wow fadeInUp animate__animated animate__slower"> <h3 class="f-headline-sm mt160"> Subscribe to our newsletter </h3> <p class="f3 l38"> Stay ahead with the latest updates from Matrixport </p> </div> <div id="data_form" style="margin-top: 80px;"> <div class="input-warp o-grid__col--6-of-12" style="margin: 0 auto 20px"> <input class="c-input input-text" placeholder="Your Name" data-form="name" value="" /> </div> <div class="input-warp o-grid__col--6-of-12" style="margin: 0 auto 20px"> <input id="subscribe-input" data-form="email" value="" class="c-input input-text" placeholder="Email Address" /> </div> <div class="relative"> <button id="subscribe-btn" class="c-btn c-btn--primary layout-h" style="margin: 0 auto 20px"> SUBSCRIBE<img class="icon" src="/public/img/icon_btn_arrow-white.svg"> </button> <div class="subscribed-tooltips" style="left: 50%;transform: translateX(-50%);"> <div class="subscribed-tooltips-content"> Successfully subscribed, thank you! </div> <div class="subscribed-tooltips-bottom" style="left: 50%;transform: translateX(-50%);"></div> </div> </div> </div> </div> </section> <section class="content mw-1440 o-grid__col--12-of-12" style="margin-top:290px;position: relative;"> <section class="u-l-fl o-grid__col--5-of-12 o-grid__col--push-1-of-12" style="margin-left: 6.3%;"> <div class="'subscribe.class.Start.crypto']"> <div class="f-headline-sm wow fadeInUp animate__animated animate__slower" style="color: #1E2341"> Start your crypto journey today and invest like never before! </div> <br /> <!-- <p class="wow fadeInUp animate__animated animate__slower f3 o-grid__col--12-of-12 l38"> Want to start earning? Register now for a 1288 USDC free trial coupon </p> --> <div class="u-btn-group layout-h ai-center footer-btn-group" style="justify-content: flex-start;"> <a class="appstore-btn-img GP_button_HP_Bottom" target="_blank" rel="noreferer noopener" href="https://play.google.com/store/apps/details?id=com.matrixport.mark"> <img class="blue" src="/public/img/playstore.png" alt="Download Matrixport app from Google Play"/> <img class="orange" src="/public/img/playstore_orange.png" alt="Click to download Matrixport app from Google Play" /> <div class="q-code-block"> <img src="/public/img/q-code-img.jpg" alt="Scan to download Matrixport app from Google Play"/> </div> </a> <!-- <a class="appstore-btn-img AS_button_HP_Bottom" target="_blank" rel="noreferer noopener" href="https://apps.apple.com/us/app/matrixport/id1488557973"> <img class="blue" src="/public/img/appstore.png" alt="Download Matrixport app from App Store" /> <img class="orange" src="/public/img/appstore_orange.png" alt="Click to download Matrixport app from App Store" /> <div class="q-code-block"> <img src="/public/img/q-code-img.jpg" alt="Scan to download Matrixport app from Google Play"/> </div> </a> --> <a class="appstore-btn-img AS_button_HP_Bottom" target="_blank" rel="noreferer noopener" href="https://testflight.apple.com/join/s5rARDvM"> <img class="blue" src="/public/img/testflight.png" alt="Download Matrixport app from App Store" /> <img class="orange" src="/public/img/testflight_orange.png" alt="Click to download Matrixport app from App Store" /> <div class="q-code-block"> <img src="/public/img/q-code-img-tf.png" alt="Scan to download Matrixport app from Google Play"/> </div> </a> <a class="appstore-btn-img GP_button_HP_Top" target="_blank" rel="noreferer,noopener" href="https://invest.matrixport.com/download/matrixport-release.apk"> <img class="blue" src="/public/img/local.png" alt="Download Matrixport app from local" /> <img class="orange" src="/public/img/local_orange.png" alt="Click to download Matrixport app from local" /> <div class="q-code-block"> <img src="/public/img/q-code-img-local.png" alt="Scan to download Matrixport app from local" /> </div> </a> <!-- <a class="ai-center" href=""><img class="q-code" src="/public/img/q-code.png" alt="Scan to download Matrixport app from App Store" /></a> --> </div> </div> </section> <div class="c-d-right u-l-fr o-grid__col--6-of-12"> <img class="u-l-fr footer-img" src="/public/img/pattern.png" alt="A man is looking at an iphone with a Macbook" /> </div> <div style="clear:both;"></div> </section> <footer class="footer-pc" id="footer"> <div class="footer__container o-grid__col--12-of-12"> <div class="w-1260 content"> <div style="margin-left: 10px" v-show="isshowprod === 'show'"> <h3>Products</h3> <ul> <li><a href="/earn-interest-with-crypto-savings" title="Earn Interest on Crypto | Matrixport" >Earn</a></li> <li><a href="/invest-crypto-with-dual-currency" title="Crypto Invest: Dual Currency, Smart Trend | Matrixport" >Invest</a></li> <li><a href="/crypto-trade" title="Crypto Trade: Instant Trading with Zero Fees | Matrixport">Trade</a></li> <li><a href="/crypto-collateralized-loans" title="Crypto Loan: Lowest Interest & Secure Collateral | Matrixport">Loan</a</li> <li><a target="_blank" rel="noreferer,noopener" href="https://invest.matrixport.com/newRegister/en?channel=footer" title="Buy Crypto with Bank Wire or Credit Card | Matrixport">Buy Crypto</a></li> <li><a href="/eth2-staking-yield" title="Earn More ETH with Matrixport Ethereum 2.0 Staking">ETH 2.0</a</li> <li><a target="_blank" rel="noreferer,noopener" href="https://www.mycactus.com/en/" title="Crypto Custody | Matrixport">Custody</a></li> <li><a target="_blank" rel="noreferer,noopener" href="https://www.bit.com/" title="Derivatives Trading | Matrixport">Derivatives Trading</a></li> <li><a target="_blank" rel="noreferer,noopener" href="/nexusbtc" title="NexusBTC | Matrixport">NexusBTC</a></li> </ul> </div> <div> <h3>Institutions</h3> <ul> <li><a href="/institutions/prime-brokerage" title="Prime Brokerage | Matrixport">Prime Brokerage</a></li> <li><a target="_blank" href="https://www.mycactus.com" title="Custody | Matrixport">Custody</a></li> <li><a target="_blank" href="https://www.matrixdock.com/" title="RWA | Matrixport">RWA</a></li> </ul> </div> <div> <h3>Security</h3> <ul> <li><a href="/security">Security First</a></li> <li><a href="/verify">Matrixport Verify</a></li> </ul> </div> <div> <h3> <a href="https://blog.matrixport.com/"> <span> Blog </span> </a> </h3> </div> <div> <h3>Support</h3> <ul> <li><a href="/faq" title="General FAQ - Your Questions About Matrixport Answered">FAQ</a></li> </ul> </div> <div> <h3>About Us</h3> <ul> <li><a href="/aml">AML Statement</a></li> <li><a href="/careers">Careers</a></li> </ul> </div> <div> <h3>Follow Us</h3> <ul> <li><a target="_blank" rel="noreferer,noopener" href="https://x.com/Matrixport_EN"><img src="/public/img/Group.png?v=1.0" alt="Twitter logo" style="width: 18px;height: 18px;margin-left: 5px;"/>Twitter</a></li> <li><a target="_blank" rel="noreferer,noopener" href="https://t.me/Matrixport_EN"><img src="/public/img/feiji.png?v=1.0" alt="Telegram logo" />Telegram</a></li> <li><a target="_blank" rel="noreferer,noopener" href="https://www.linkedin.com/company/matrixport/"><img src="/public/img/in.png?v=1.0" alt="LinkedIn logo" />LinkedIn</a></li> <li><a target="_blank" rel="noreferer,noopener" href="https://www.youtube.com/@Matrixport_EN"><img style="width: 25px;height: 25px;" src="/public/img/icon_youtube.png" alt="YouTube logo" />Youtube</a></li> <li><a target="_blank" rel="noreferer,noopener" href="https://www.instagram.com/matrixport_/"><img src="/public/img/instagram.png?v=1.0" alt="Instagram logo" />Instagram</a></li> </ul> </div> </div> </div> <section class="w-1260 bottom content"> <div class="o-grid__col--12-of-12"> ALL RIGHTS RESERVED © {{new Date().getFullYear()}} Matrixport | <span class="pol" v-if="'en' === 'en'" @click="openBox()" > Privacy </span> <a href="/privacy-policy" v-else> Privacy Policy </a> | <a href="/terms-conditions"> Terms & Conditions </a> </div> </section> <van-popup v-model="showHkpop" v-if="nowArea" round="round" :close-on-click-overlay="false" overlay-class="over" > <div :class="['pop_content', nowArea === 'HKG' ? 'HKG':'']"> <div class="title">Declaration of Non-Solicitation</div> <div class="desc" v-html="`By clicking “Agree” below, you hereby agree and understand that the information contained in this website (including all webpages under www.matrixport.com) does not constitute any offer to sell or an invitation or solicitation of an offer to buy any investment product or service to any person in any jurisdiction where such offering or solicitation would be illegal.<br> The information contained in this website (including all webpages under www.matrixport.com) does not constitute investment, legal, tax or other advice. You agree to search for professional investment, legal, and tax advice before making an investment or any other decision.`"></div> <div class="hkcont" v-if="nowArea == 'HKG'"> <div class="title">Declaration of Residence Place</div> <div class="desc">Based on your IP address, you may reside in a place with limitation in accessing to our App/Website. To proceed, please select your place of residence.</div> <el-select class="hk_select" v-model="registerForm.iso" filterable="filterable" value-key="country_id" ref="selectCountry" popper-class="select-country-popper" @change="selectHk" > <el-option v-for="(item,index) in countrys" :value="item" :label="'en' === 'en' ? item.en_name : 'en' === 'zh-Hans' ? item.ch_name : 'en' === 'ru' ? item.ru_name : item.tw_name" :key="index" ></el-option> </el-select> <div class="desc special">Any information or content provided via the Website shall not constitute an offer to sell, or a solicitation of an offer to buy, to residents of Hong Kong.</div> </div> <van-button class="btn" color="#1cc1f7" @click="hk_agree()" block="block" >{{nowArea == 'HKG' ? 'Agree and Submit' : 'I Agree'}}</van-button > </div> </van-popup> <van-popup v-model="statementVisible" v-if="nowArea" round="round" :close-on-click-overlay="false" overlay-class="over" > <div class="pop_content hkStatement"> <div class="title">Disclaimers</div> <div class="desc">Any information or content provided via the Website shall not constitute an offer to sell, or a solicitation of an offer to buy, to residents of Hong Kong.</div> <van-button class="btn" color="#1cc1f7" @click="statement_agree()" >Got it</van-button > </div> </van-popup> <van-popup v-model="showPolpop" round="round" overlay-class="over"> <div class="pop_content"> <div class="title">Privacy</div> <van-button class="btn" color="#1cc1f7" @click="goPol1()" block="block" >Privacy Policy</van-button > <van-button class="btn" color="#1cc1f7" @click="goPol2()" block="block" >Candidate notice</van-button > </div> </van-popup> </footer> <!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vant/2.12.30/index.css" /> --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.15.14/theme-chalk/index.min.css" /> <link rel="stylesheet" href="https://unpkg.com/vant@2.12/lib/index.css" /> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vant/2.12.30/vant.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/element-ui/2.15.14/index.js"></script> <script src="/public/js/jquery.min.js"></script> <script src="/public/js/language.js?v=2.1.12"></script> <script src="/public/js/autohidingnavbar.min.js?v=2.1.12"></script> <script src="/public/js/owl.carousel.min.js"></script> <script src="/public/js/syalert.min.js"></script> <script src="/public/js/menu.js?v=2.1.12"></script> <script src="/public/js/tab.js?v=2.1.12"></script> <script src="/public/js/wow.js?v=2.1.12"></script> <script src="/public/js/validation.js?v=2.1.12"></script> <script async src="https://static.zdassets.com/ekr/snippet.js?key=2688ce35-b87b-4356-9c01-ce946ba8991b" id="ze-snippet" ></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-143194244-1" ></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-KG4HTWSMY0" ></script> <script src="/public/js/share.js?v=2.1.12"></script> <script> window.intercomSettings = { api_base: "https://api-iam.intercom.io", app_id: "kvgt8fuu", }; </script> <script> // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/kvgt8fuu' (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/kvgt8fuu';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})(); </script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "UA-143194244-1"); window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("js", new Date()); gtag("config", "G-KG4HTWSMY0"); $(function () { if (!document.querySelector('meta[property="og:url"]')) { $("head").append(`<meta property="og:url" content="${location.href}"/>`); $("head").append( `<meta property="twitter:url" content="${location.href}"/>` ); $("head").append(`<link rel="canonical" href="${location.href}"/>`); } // alternate多语言 let url_arr = location.pathname.split("/"); url_arr.splice(1, 1); let str = ""; let str_other = ""; location.pathname.split("/").map((item) => { if (item) { str = str + "/" + item; } }); url_arr.map((item) => { if (item) { str_other = str_other + "/" + item; } }); let alive_url; if ("en" == "en") { alive_url = str; } else { alive_url = str_other; } $("head").append( `<link rel="alternate" href="${location.origin}${alive_url}" hreflang="en">` ); $("head").append( `<link rel="alternate" href="${location.origin}/zh${alive_url}" hreflang="zh-Hans">` ); $("head").append( `<link rel="alternate" href="${location.origin}/zh-tw${alive_url}" hreflang="zh-Hant">` ); $("head").append( `<link rel="alternate" href="${location.origin}/vi${alive_url}" hreflang="vi">` ); }); </script> <script type="text/javascript"> new WOW().init(); $(".c-tab-nav-ab").autoHidingNavbar(); $("#home-nav-white").autoHidingNavbar(); validationEmail("en"); $(function () { // 截取url参数 function getQueryVariable(variable) { const query = window.location.search.substring(1); const vars = query.split("&"); for (var i = 0; i < vars.length; i++) { var pair = vars[i].split("="); if (pair[0] == variable) { return pair[1]; } } return false; } const channel = getQueryVariable("channel"); const invite_code = getQueryVariable("invite_code"); if (channel) { localStorage.setItem("channel", channel); } if (invite_code) { localStorage.setItem("invite_code", invite_code); } //如果是手机端,则跳转到手机页面 if (isMobile() && !location.pathname.includes("/institutions")) { var url = document.location.toString(); var arrUrl = url.split("//"); var start = arrUrl[1].indexOf("/"); var relUrl = arrUrl[1].substring(start); // 国际化路由特殊处理 var isI18nRouter = false; relUrl = relUrl.split("/").map(function (urlItem) { if (["zh", "zh-tw", "ru", "es", "en", "id", "vi"].includes(urlItem)) { isI18nRouter = true; return ""; } return urlItem; }); if (isI18nRouter) { relUrl.shift(); } relUrl = relUrl.join("/"); console.log("relUrl", relUrl); if (relUrl === "/404") { return; } window.location.href = "/m" + relUrl; //window.location.href = document.URL.replace("www.matrixport.com","m.matrixport.com"); } setTimeout(function () { window.zE( "webWidget", "setLocale", "en" ); }, 500); const isInsPage = location.href.includes("/institutions"); if (isInsPage) { showNavOfBackground($("#home-nav-white"), "navbar-fixed-white"); } function showNavOfBackground(el, className) { const cssFontBlack = { color: "#000", }; el.addClass(className); $(".chevron_down").attr("src", "/public/img/icon_chevron_down.svg"); $("#raduis-black-box").css({ display: "none", }); $("#raduis-white-box").css({ display: "block", }); $("#logoImg").attr("src", "/public/img/matrixport_logo.svg"); el.find(".center-menu a").css(cssFontBlack); el.find("#current-language").css(cssFontBlack); } function hideNavOfBackground(el, css) { // el.removeClass('navbar-hidden navbar-fixed-white'); $("#logoImg").attr("src", "/public/img/matrixport_white.svg"); $(".chevron_down").attr("src", "/public/img/icon_chevron_down_white.svg"); $("#raduis-white-box").css({ display: "block", }); $("#raduis-black-box").css({ display: "none", }); el.find(".center-menu a").css(css); el.find("#product-hide-menu a").css(css); el.find("#current-language").css(css); } $("#home-nav-white").hover( function () { const el = $(this); !el.hasClass("navbar-fixed-white") && $(window).scrollTop() === 0 && showNavOfBackground(el, "navbar-fixed-white"); }, function () { const el = $(this); const cssFontWhite = { color: "#fff", }; if ( el.hasClass("navbar-fixed-white") && $(window).scrollTop() === 0 && !isInsPage ) { hideNavOfBackground(el, cssFontWhite); el.removeClass("navbar-fixed-white"); $("#raduis-white-box").css({ display: "none", }); $("#raduis-black-box").css({ display: "block", }); } } ); $("#home-nav").hover( function () { const el = $(this); !el.hasClass("navbar-fixed") && $(window).scrollTop() === 0 && showNavOfBackground(el, "navbar-fixed"); }, function () { const el = $(this); if (el.hasClass("navbar-fixed") && $(window).scrollTop() === 0) { hideNavOfBackground(el, { color: "#000" }); $(".chevron_down").attr("src", "/public/img/icon_chevron_down.svg"); $("#raduis-white-box").css({ display: "block", }); $("#raduis-black-box").css({ display: "none", }); $("#logoImg").attr("src", "/public/img/matrixport_logo.svg"); // el.removeClass("navbar-fixed"); } } ); $(".appstore-btn-img").hover( function (e) { $(this).children(".q-code-block").show(); }, function (e) { $(this).children(".q-code-block").hide(); } ); $(".more-menu").hover( function (e) { const el = $(this); el.children("div.hide-menu").stop().fadeIn("normal"); }, function (e) { const el = $(this); el.children("div.hide-menu").stop().fadeOut("fast"); } ); })(); </script> <script type="text/javascript"> var vm = new Vue({ // 配置 el: "#footer", //配置模板 data: { showHkpop: true, showPolpop: false, registerForm: { country: {}, iso: {}, }, nowArea: "", countrys: [], selectArea: "", isshow: null, isshowprod: "", /** 是否展示过官方申明 **/ statementDisplayed: false, }, created() { this.isshow = localStorage.getItem("showHkpopCache"); this.isshowprod = localStorage.getItem("showHkProdCache"); this.statementDisplayed = sessionStorage.getItem("statementDisplayed") === "yes"; if (this.isshow === "show") { this.showHkpop = false; } }, mounted() { this.getCountries(); }, computed: { statementVisible() { /** 展示条件:已经展示过地区选择弹窗 & 已经展示过无招揽声明 **/ return !this.statementDisplayed && this.isshow === "show"; }, }, methods: { goPol1() { location.href = "/privacy-policy"; }, goPol2() { location.href = "/privacy-candidate"; }, getCountriesFromIp(data) { const vm = this; let params = {}; $.ajax({ url: "/app/v1/guest/anon/ip", type: "GET", headers: { "client-version": "web-1.0", "node-name": "bit", "LANGUAGE-NAME": "en", }, params, success: function (res) { vm.nowArea = res.data.alpha_country_code; // vm.nowArea = 'CDD' console.log(vm.nowArea); vm.registerForm.country = data.filter((item) => { return item.iso_code === vm.nowArea; })[0]; vm.registerForm.iso = data.filter((item) => { return item.iso_code === vm.nowArea; })[0]; console.log(vm.registerForm.country); }, }); }, getCountries() { const vm = this; let data = {}; $.ajax({ url: "/pfs/config/anon/countries", type: "GET", headers: { "client-version": "web-1.0", "node-name": "bit", "LANGUAGE-NAME": "en", }, data, success: function (res) { vm.countrys = res.data.content.filter((item) => { return item.phone_forbidden == 0; }); vm.getCountriesFromIp(vm.countrys); console.log("en"); console.log(vm.countryList); }, }); }, selectHk(e) { this.selectArea = e.iso_code; }, openBox() { this.showPolpop = true; }, hk_agree() { if (this.nowArea == "HKG") { if (this.selectArea != "") { localStorage.setItem("showHkpopCache", "show"); localStorage.setItem("showHkProdCache", "show"); this.isshowprod = "show"; location.reload(); } else { localStorage.setItem("showHkpopCache", "show"); } } else { localStorage.setItem("showHkpopCache", "show"); localStorage.setItem("showHkProdCache", "show"); this.isshowprod = "show"; location.reload(); } this.showHkpop = false; }, statement_agree() { sessionStorage.setItem("statementDisplayed", "yes"); this.statementDisplayed = true; }, }, watch: {}, }); </script> <style> footer .content ul li img { width: 25px; } @media screen and (max-width: 768px) { footer.footer-pc { display: none; } } .pol { margin-left: 5px; margin-right: 5px; cursor: pointer; } .pol:hover { color: #1cc1f7; } </style> <style> .van-overlay { background: rgba(30, 35, 65, 0.5); backdrop-filter: blur(9px); } .pop_content { padding: 40px; width: 680px; display: flex; flex-direction: column; align-items: center; } .pop_content .title { font-size: 20px; font-family: Matrixport-Bold, Matrixport; font-weight: bold; color: #1e2341; line-height: 36px; } .pop_content .desc { margin-top: 20px; font-size: 14px; font-family: Matrixport-Regular, Matrixport; font-weight: 400; color: #61657a; line-height: 20px; } .pop_content .btn { margin-top: 40px; width: 240px; height: 48px; border-radius: 4px; } .pop_content.HKG .btn { margin-top: 12px !important; } .pop_content.hkStatement .btn { width: 160px; } .pop_content .btn .van-button__content { font-size: 14px; font-family: Matrixport-Bold, Matrixport; font-weight: bold; color: #ffffff; line-height: 20px; } .pop_content .hkcont { margin-top: 40px; } .pop_content .hkcont .title { font-size: 16px; font-family: Matrixport-Bold, Matrixport; font-weight: bold; color: #1e2341; line-height: 24px; } .pop_content .hkcont .desc { font-size: 12px; font-family: Matrixport-Regular, Matrixport; font-weight: 400; color: #a5a7b3; line-height: 16px; margin-top: 10px; } .pop_content .hkcont .desc.special { margin-top: 20px; } .pop_content .hkcont .hk_select { margin-top: 10px; width: 520px; border-radius: 4px; } .pop_content .hkcont .hk_select .el-input__inner { background: #f8f8f9; color: #1e2341; font-family: Matrixport-Regular, Matrixport; } .el-range-editor.is-active, .el-range-editor.is-active:hover, .el-select .el-input.is-focus .el-input__inner { border-color: #1cc1f7; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover { background-color: #1cc1f7; color: #fff; } .el-select-dropdown__item.selected { color: #1cc1f7; background-color: #fff !important; } </style> <script src="/public/js/TweenMax.min.js"></script> <script src="/public/js/SplitText.min.js"></script> <script type="text/javascript"> setTimeout(function () { $(".popover").fadeOut(500); }, 5000); const newsList = JSON.parse(`[{"title":"Beyond a crypto winter: Q&A with co-founder and CEO of Matrixport John Ge","sub_title":"Despite uncertainty in the industry, Matrixport remains optimistic about the future of digital assets, emphasizing the importance of prudence and resilience.","front_cover":"https://mban.matrixtechfin.com/e4258ac3-63a7-4af8-9c1a-c33a2371fe51.png","sort":"22","time":1671638400,"publish_time":1673343433,"link":"https://kr-asia.com/beyond-a-crypto-winter-qa-with-co-founder-and-ceo-of-matrixport-john-ge","icon":"https://mban.matrixtechfin.com/952e13c8-51cb-4c45-b4dc-4e01d69ca1c4.png","home_front_cover":"https://mban.matrixtechfin.com/9b06e205-3d4c-4c15-b56c-5d62117940f7.png","home_background":"https://mban.matrixtechfin.com/046757b3-5642-40bf-a552-a32a5491cbd7.png"},{"title":"Matrixport co-founder welcomes crypto regulation to restore market confidence","sub_title":"The collapse of Three Arrow Capital and the counterparties wrapped in the crypto hedge fund’s troubles have drawn questions about the soundness of the heady digital asset investment space.","front_cover":"https://mban.matrixtechfin.com/c5837894-5880-4683-a518-4dabf9db065f.png","sort":"20","time":1659974400,"publish_time":1660025959,"link":"https://techcrunch.com/2022/08/08/bitmain-matrixport-john-ge/","icon":"https://mban.matrixtechfin.com/92f84d69-2ec2-4587-b9b0-ee3e7ad25ae5.png","home_front_cover":"https://mban.matrixtechfin.com/86de02bb-3c73-4dce-aa27-d12e0bac2a17.png","home_background":"https://mban.matrixtechfin.com/8c8497a8-1581-4d8d-8805-9e561a6e412f.png"},{"title":"A 36-year-old billionaire who helped build the world’s largest chip company for bitcoin mining now heads up a multi-billion-dollar crypto finance firm. He told us how he made his fortune — and why he is bullish on the future of DAOs.","sub_title":"Jihan Wu, a 36-year-old billionaire, cofounded a crypto finance firm and bitcoin mining chip giant. Wu told Insider how he made his fortune in crypto and his thoughts on bitcoin mining today.","front_cover":"https://mban.matrixtechfin.com/4a3b32a8-26f4-4331-8cd6-84ddbc6c2dca.png","sort":"18","time":1651766400,"publish_time":1654840399,"link":"https://www.businessinsider.com/crypto-billionaire-bitcoin-mining-chip-manufacturer-bitmain-matrixport-jihan-wu-2022-5","icon":"https://mban.matrixtechfin.com/b10442c9-a693-46b2-bd36-305f689f9bb2.png","home_front_cover":"https://mban.matrixtechfin.com/3c6a0700-8481-4bd1-824f-81b5480b924c.png","home_background":"https://mban.matrixtechfin.com/859e806d-0c3c-405f-8083-c0e75d6a41d3.png"},{"title":"Billionaire Crypto Pioneer Says Market Will Grow To Tens Of Trillions Of Dollars","sub_title":"Jihan Wu gives a rare interview to discuss his latest ventures, his departure from mining giant Bitmain and the future of the crypto market.","front_cover":"https://mban.matrixtechfin.com/41498559-4cc7-4b91-970e-4dc9761aef53.jpeg","sort":"16","time":1640188800,"publish_time":1640318512,"link":"https://www.forbes.com/sites/robertolsen/2021/12/23/billionaire-crypto-pioneer-says-market-will-grow-to-tens-of-trillions-of-dollars/?sh=681615374d9c","icon":"https://mban.matrixtechfin.com/e608c36e-74c1-4e0b-9c08-b47589aab01a.png","home_front_cover":"https://mban.matrixtechfin.com/5e9e4c90-0b36-4722-a304-ddd9834dfef8.jpeg","home_background":"https://mban.matrixtechfin.com/8c78aeef-159a-4947-81b1-7839cde43efd.jpeg"},{"title":"SG-based crypto investment unicorn Matrixport has big plans for 2022","sub_title":"Singapore-based cryptocurrency investment platform Matrixport says it plans to double the value of assets under its management and custody, and the numeber of users on its platform in 2o22, riding on the current surge in interest in digital coins.","front_cover":"https://mban.matrixtechfin.com/09d4c1af-208b-430b-9aee-97d66b02c9ed.jpeg","sort":"15","time":1639670400,"publish_time":1639994112,"link":"https://www.dealstreetasia.com/stories/matrixport-double-aum-users-2022-274076/?giftKey=IqDIdQyqIFQ8","icon":"https://mban.matrixtechfin.com/7d04f87d-504d-4df2-8846-2ed2fc7dcdc3.png","home_front_cover":"","home_background":""},{"title":"Crypto for Everyone: Growing Wealth in an Era of Low-Yields","sub_title":"A decade ago crypto was unknown and even lesser understood. Fast forward today, and the tables have turned. Over the last 10 years, gold’s return on investment (ROI) in USD is seeing -0.25% and the S&P 500 is showing +277% today. Both these benchmarks pal","front_cover":"https://mban.matrixtechfin.com/ad259c1a-a182-47eb-886d-8f7b666739da.jpeg","sort":"14","time":1636905600,"publish_time":1637058542,"link":"https://www.theblockcrypto.com/post/124167/crypto-for-everyone-growing-wealth-in-an-era-of-low-yields","icon":"https://mban.matrixtechfin.com/7760eeef-0c25-425f-896f-5a6ad2176ae3.png","home_front_cover":"https://mban.matrixtechfin.com/74fea791-6223-42b9-9d7a-7c9118f9e0bf.jpeg","home_background":"https://mban.matrixtechfin.com/4521c968-c40d-4f27-a2fc-4dfd4127ea5c.jpeg"},{"title":"Innovation in the Crypto Space to Secure a New Generation of Investors","sub_title":"Nasdaq Trade Talks","front_cover":"https://mban.matrixtechfin.com/fa19b491-64b9-419c-b77e-55d7270bad09.png","sort":"5","time":1632067200,"publish_time":1634630097,"link":"https://www.nasdaq.com/videos/innovation-in-the-crypto-space-to-secure-a-new-generation-of-investors","icon":"https://mban.matrixtechfin.com/3f53a5dc-7f62-417e-bd55-30a2391431e3.png","home_front_cover":"https://mban.matrixtechfin.com/9da8b2c7-9184-4b57-8848-ed1154ee2115.png","home_background":"https://mban.matrixtechfin.com/adc1eac8-3854-4f84-a18b-4d0568b52e76.jpeg"},{"title":"How a Singapore crypto startup became a unicorn in just 2 years","sub_title":"Imagine that you can earn up to 30% annualized interest rates with a savings account.","front_cover":"https://mban.matrixtechfin.com/d573a92a-569a-4e65-ac42-4429fe7119b2.png","sort":"7","time":1629820800,"publish_time":1634802147,"link":"https://www.techinasia.com/singapore-crypto-startup-unicorn-2-years","icon":"https://mban.matrixtechfin.com/60df1240-b24e-48a7-90e6-23689fe4f66f.png","home_front_cover":"https://mban.matrixtechfin.com/3b3d8fdc-e630-42c1-9f96-49dc822fc75b.png","home_background":"https://mban.matrixtechfin.com/31882ac8-5b53-4efa-95f2-97c559b60773.png"},{"title":"Matrixport, the second crypto startup from Bitmain’s founder, hits unicorn status","sub_title":"Matrixport, the crypto-finance venture led by Bitmain Technologies Ltd.’s billionaire founder Wu Jihan, has raised fresh capital from investors including DST Global and Tiger Global, ramping up its pre-money valuation to $1 billion in two years since its","front_cover":"https://mban.matrixtechfin.com/56af26ef-7b0f-4f9a-be1c-71548d186ef9.jpeg","sort":"0","time":1627833600,"publish_time":1635912892,"link":"https://fortune.com/2021/08/02/matrixport-bitmain-wu-jihan-unicorn-funding-crypto/","icon":"https://mban.matrixtechfin.com/b2717237-3a7c-416e-87df-d34044f62b7a.png","home_front_cover":"https://mban.matrixtechfin.com/85deaf47-d5c9-4dd6-8f8c-d0ec2139655f.jpeg","home_background":"https://mban.matrixtechfin.com/6b4dd16b-6eed-402d-bafc-d749e738348e.jpeg"}]`); const time = $('#brand-content-timer').data('time'); $('#brand-content-timer').html(Function( `"use strict"; return function (time) { return new Date(+time * 1000).toDateString() }`)()(time)); $('.adx_banner_close').click(function () { $('.adx_banner').hide(); }); $('.brand-event').hover(function (e) { const selected = $('.current-brand'); if (selected) selected.removeClass('current-brand'); $(this).addClass('current-brand'); const keyName = $(this).data('key'); console.log('keyName', keyName); const content = newsList.find((o) => o.icon === keyName); console.log(content) if (content) { $('#brand-content-title').text(content.title); $('#brand-content-sub-title').text(content.sub_title); $('#brand-content-timer').text(Function( `"use strict"; return function (time) { return new Date(+time * 1000).toDateString() }`)()(content.time)); $('.brand-content-url').attr({ href: content.link }); if (content.home_front_cover !== '') { $('#brand_sm_bg').attr({ src: content.home_front_cover }) } else { $('#brand_sm_bg').attr({ src: content.home_background }) } $('#brand_lg_bg').attr({ src: content.home_background }) } }) $(document).ready(function () { var owl = $('.owl-carousel'); owl.owlCarousel({ autoplay: true, autoplayTimeout: 3500, autoplayHoverPause: true, animateIn: 'fadeIn', animateOut: 'fadeOut', nav: true, loop: true, dots: true, items: 1, mouseDrag: false, }) }) var numberData = { score1: 0, score2: 0, score3: 0, score4: 0, score5: 0, score6: 0, score7: 0, }; var scoreDisplay = $("#up-number01"); var scoreDisplay2 = $("#up-number02"); var scoreDisplay3 = $("#up-number03"); function showScore(arr, numberDataKeyList, toFixed = 2) { arr.forEach(function (el, index) { el.text(numberData[numberDataKeyList[index]].toFixed(toFixed)); }) } $(window.document).on('scroll', function () { const scrollTop = $(window).scrollTop() const numberAnimate = $('#number_animate').offset().top; const numberAnimateTwo = $('#number_animate2').offset().top; const val = -200; const screenHeight = $(window).height(); if (scrollTop + screenHeight + val > numberAnimate) { TweenLite.to(numberData, .5, { score2: 6, score3: 10, onUpdate: function () { showScore([$("#up-number02"), $("#up-number03")], ['score2', 'score3']) } }) TweenLite.to(numberData, .5, { score1: 15, onUpdate: function () { showScore([$("#up-number01")], ['score1']) } }) } if (scrollTop + screenHeight + val > numberAnimateTwo) { TweenLite.to(numberData, .5, { score4: "5", onUpdate: function () { showScore([$("#up-number04")], ['score4'], 0) } }) TweenLite.to(numberData, .5, { score5: "10", onUpdate: function () { showScore([$("#up-number05")], ['score5'], 0) } }) TweenLite.to(numberData, .5, { score7: 290, onUpdate: function () { showScore([$("#up-number07")], ['score7'], 0) } }) TweenLite.to(numberData, .5, { score6: "700", ease: Bounce.easeOut, onUpdate: function () { showScore([$("#up-number06")], ['score6'], 0) } }) } }) </script> <script type="text/javascript"> var vm = new Vue({ // 配置 el: "#home", //配置模板 data: { showHkpop:false, registerForm: { country: {}, iso: {}, }, nowArea: "", countrys: [], isshow:null, isshowprod:'', }, created() { this.isshow = localStorage.getItem("showHkpopCache"); this.isshowprod = localStorage.getItem("showHkProdCache"); console.log(this.isshowprod) }, mounted() { this.getCountries(); }, computed: { }, methods: { getCountriesFromIp(data) { const vm = this; let params = {} $.ajax({ url: '/app/v1/guest/anon/ip', type: 'GET', headers: { 'client-version': 'web-1.0', 'node-name': 'bit', 'LANGUAGE-NAME': "en", }, params, success: function (res) { vm.nowArea = res.data.alpha_country_code; // vm.nowArea = 'CDD' console.log(vm.nowArea); vm.registerForm.country = data.filter(item => { return item.iso_code === vm.nowArea; })[0]; vm.registerForm.iso = data.filter(item => { return item.iso_code === vm.nowArea; })[0]; console.log(vm.registerForm.country); } }); }, getCountries() { const vm = this; let data = {} $.ajax({ url: '/pfs/config/anon/countries', type: 'GET', headers: { 'client-version': 'web-1.0', 'node-name': 'bit', 'LANGUAGE-NAME': "en", }, data, success: function (res) { vm.countrys = res.data.content.filter(item => { return item.phone_forbidden == 0; }); vm.getCountriesFromIp(vm.countrys); console.log("en") console.log(vm.countryList) } }); }, hk_agree() { this.showHkpop = false; }, }, watch: { }, }); </script> <style> .pop_content { padding: 40px; width: 600px; display: flex; flex-direction: column; align-items: center; } .pop_content .title { font-size: 20px; font-family: Matrixport-Bold, Matrixport; font-weight: bold; color: #1e2341; line-height: 36px; } .pop_content .btn { margin-top: 40px; width: 240px; height: 48px; border-radius: 4px; } .pop_content .desc { margin-top: 20px; font-size: 14px; font-family: Matrixport-Regular, Matrixport; font-weight: 400; color: #61657a; line-height: 20px; } .pop_content .btn .van-button__content { font-size: 14px; font-family: Matrixport-Bold, Matrixport; font-weight: bold; color: #ffffff; line-height: 20px; } .pop_content .hkcont { margin-top: 40px; } .pop_content .hkcont .title { font-size: 16px; font-family: Matrixport-Bold, Matrixport; font-weight: bold; color: #1e2341; line-height: 24px; } .pop_content .hkcont .desc { font-size: 12px; font-family: Matrixport-Regular, Matrixport; font-weight: 400; color: #a5a7b3; line-height: 16px; margin-top: 10px; } .pop_content .hkcont .hk_select { margin-top: 10px; width: 520px; border-radius: 4px; } .pop_content .hkcont .hk_select .el-input__inner { background: #f8f8f9; } .tip{ position: absolute; top: 45px; font-size: 14px; font-family: Matrixport-Medium,Matrixport; font-weight: 500; color: #1c2526; left: 45%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; } .popover{ line-height: 20px; position: absolute; min-width: 90%; top: 50px; display: flex; justify-content: center; } .popover .l{ font-size: 12px; font-family: Matrixport-Medium, Matrixport; color: #FFFFFF; background: #111111; border-radius: 4px; padding: 8px 10px; width: fit-content; } .popover img{ width: 30px; height: 5px; position: absolute; top: -5px; margin: 0; } </style> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10