<template>
|
<div class="introduce">
|
<div class="introduce-1">
|
<div class="h1-title">{{$t('message.home["m2-ssc-s2-h1"]')}} & {{$t('message.home.fuwu')}}</div>
|
<ul>
|
<li>
|
<div class="left"><img src="@/assets/images/bbjy.767634e4.png"></div>
|
<div class="right">
|
<div class="title">{{$t('message.user.bibijiaoyi')}}</div>
|
<div class="desc"> {{$t('message.home.quicklyContent')}}
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="left"><img src="@/assets/images/yxhy.6998c283.png"></div>
|
<div class="right">
|
<div class="title">{{$t('message.home.yongxuheyue')}}</div>
|
<div class="desc"> {{$t('message.home.yongxuheyueContent')}}</div>
|
</div>
|
</li>
|
<li>
|
<div class="left"><img src="@/assets/images/kjmb.6a070961.png"></div>
|
<div class="right">
|
<div class="title">{{$t('message.home.jiaogeheyue')}}</div>
|
<div class="desc"> {{$t('message.home.jiaogeheyueContent')}}</div>
|
</div>
|
</li>
|
<li>
|
<div class="left"><img src="@/assets/images/jghy.57cada08.png"></div>
|
<div class="right">
|
<div class="title">{{$t('message.home["快捷買幣"]')}}</div>
|
<div class="desc"> {{$t('message.home.quicklyContent')}}
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="introduce-2">
|
<div class="h1-title">{{$t('message.home["值得信賴、安全的加密貨幣交易所"]')}}</div>
|
<ul>
|
<li>
|
<div class="left"><img
|
src="data:image/png;base64,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">
|
</div>
|
<div class="right">
|
<div class="title">{{$t('message.home["多層次的高級保障"]')}}</div>
|
<div class="desc"> {{$t('message.home["MultipleProtection"]')}}</div>
|
</div>
|
</li>
|
<li>
|
<div class="left"><img src="@/assets/images/yhysyx.7f978a10.png"></div>
|
<div class="right">
|
<div class="title">{{$t('message.home["用戶隱私優先"]')}}</div>
|
<div class="desc">
|
{{$t('message.home["UserPrivacyFirstContent"]')}}
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="left"><img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACxCAMAAABTNcfJAAAAAXNSR0IArs4c6QAAAs1QTFRFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAkUAAAABAcUAAAAAwgSAAAAAAABAwcSBw8jAAAAAwgRAAAAAAABChQyEypkAAAAAwcQBg0gCRMvDBo/Dg4QDyBPEideFS1uFzR+GjuOIEetAAAAAAABAQEBAwYQAwYRAwcQAwcRBg0fBg0gCRMvCRMwCRQwDBo/DBpADg4QDg8PDg8QDiFQDxAQDyBPDyFPEBAQEBARERERESdeESdfEideFC1uFC1vFS1uFS5uFzR+GDR+GjqOGjuNGjuOGzuOHR0fHR4eHUGdHUGeHh4gHh8fHkGcICAgIEesIEetIEisIEitISEhI068I069JlTMJlTNJlXMJlXNKVvbKVvcKywuLC0vLGHrLGHsL2j7L2j8MDAwOTs9Ojw+PHL8QEBAQUFBR0lMR0lNR0pMSEtNSXv8SXv9T09PUFBQVVdbVVhbVlhbVlhcVoT9V1lcV1ldX19fYGBgY438Y479ZGZrZGdrZWZsZWdrb29vb29wcHBwcJf9cnV6cnV7cnZ6c3V7c3Z6faD9faH9f39/gICAgIOJgIOKgISJgISKgIWJgYSKipm+iqr9jo6OjpGYjpKYjpOZj4+Pj5KZj5Kaj5OZkJCQl7P9l7T+naConaGnnaGonaKonp6enqGpnqKon5+foKCgo73+pL3+qq+3q6+3q7C3rLC4rq6ur6+vsLCwsMb+scb+uMPfub7Gur7Hur/Gur/Hu8nuvr6+vs/+v7+/xMvex8zVx83VyM3WyM7Wytn+y9n+zs7Oz8/P1tvl19zl19zm193l2OP+3t7e39/f5Or05Ov/5ev15ez+7u7u7u/v7+/v8fT/8vX//v7+/v7//v//////5+YG9QAAADh0Uk5TAAEQESAhMDE/QE9QXl9gb3B/gI+Qnp+grq++v87Oz8/e3t/f39/u7u/v7+/+/v7+/v7+/v7+/v69mwhLAAAMjUlEQVR42u2d/39TVxnHSwzVrJKytGulYbVGV+qsowrOUxxb0dJO3HWjo7YO01K9m476hdaSLyMCTuoomsiqNXybkLmquMlo/ILWzA2yblVAFqFZlwH21g6vdJy/wZOkzZd7b87NObk3JK9Xn1/g1dCbN0+e5/M85zn3nhQULNiCLdiCLdiC5a0V6/KLVw9K8ox33fL84m3bVqvJK16r5eNL84b3vR9ts1otDy/LK16r9evV+cVr7avV5RWv1dJoyAfexfO8VmtbRT7wfjjGa92aB8K22LQxxouETZ9XvFbLxtvyitdq7azOL95cF7bFps8n8+a4sC02fXa7ADinhU2KN5eFTZIXCdstOcr7nkopXqvlCyW5ytsgxWu1PlKdq7w9krxI2LR5xWu1rMzBZcei1Lxo2VGRcy5eVJaa12ppBcBUVqTNF15rO4haZWmReoqs1ermTKtRiDdiRoPSnYVWbyirNIEkqzSWFus0lLxfAwKrMRYXKsOq0ZUaa9AVzTv3Hjw56vefD573+/0nhw/utDeHscuWSIbhohIi3oiZli3JNKQ1xQi22T54MjgjZVf9wzs7wrkj/kQN5LxR6AzyENEC0DvovzqDtfMjO5tFzIZ7v0PFi6yKEli3rAbYjwRn0rLRgWZQlfB5YnkfVYNXbwTNR/wzBDZiB6BMmwbvt9cqz6s3AfvI1RlCuzQwh5xt3jCuf4bGgj/tQMiG+u5s8uqMtLhRZADqO7PIqykBHX+dycT+iOPd1qAwb1ENOJIidoPB4Lkz54LByzLAb2MCAs9bXUjhXrtIxy6fGh7cbW5KuLDZvvvgqXOpgKftbdniLTSBXye/+bnhvWbA2FxDvrEQx/EQQo4LBcY8Qw4GAPvgKSlvTx9anyXeYtBxPtGzZ/Y2AXbIx0FJ4wNeRG0fnhARn67fnhXeErArIXoRLePy8RBvAY8N9AqZp+/vJuetJeXVVIJn4s493MT0B+Roo8Z5WbD7VHIQbyLnJZ2+ak3NIzHnDgCHNz3aOT87gXkkgfiXDVngjYXvGTtwBCChcSfYBORL4iBWnndOzSYGKHAj5osjT98vLB19KvGi2KXERTZ7jOmKpt/0U8Jh8Dos71Ja3jNmdgxmYFNOMHglfKHn7yHgBQZK3suDYIiHmdlbbJdfVJ0V5i2obI7k21kzG4AZ2+wxcDgsbF9Wj7cERJqz4czdG7ULbNfE9NPx6mx5QFneWyP14vIA44MK2VR/1+jpe+aFzdKiLG8h+FlYzHpZDipmKCwG56uz0rwo4VD/MGF28FBJ+y0DNqnCW1AOkECcbXJChe0t9nOq8OrD/e/ZpmNQcbsQqc7tCvNqTXaVeOHsFzvleMvI18flzUGVeOGsa6PyvHqkaBNmVXgh/MtnWpXmLTB1IF6nOrzwGqM4rx6MzvTaVOKFHkSVmpnmzkCtaWBmUMl6IeJ1oQrSIc1Ls6lxKwgOA1V5Ueo5u674B+2K8CIHT4AT6vKiSGZ/HJ7Tjw70ZsqLIjhodpFA8NyYzxM275jcejrGi0oe86u5QdfIQEcmvAWm3YfSD2De52Kj7xb9g02XF7UVG+JTi/OHMhiwgxHwUpq0XgdK+H7vWCjqWB7NqtLmhbOOJxInFkYd5QaGsSPNgAgMMcBxLEQRv/Pt8YOjceJnaW9N0gJ7WgHBOQBzLECVb/GfdF2Jj2KbKe/qKAXpBATvRrg8zIwXKcXheEw8XU2ZcjJ5E40GlnidJ8EL4asb4i4+XUt1C6MuHQe7gS0EFeBFeZfgYnMFXUTIOpizgSGoCC/q5tdciU+7qWKiUtbBHMuM0fBKN38JLj5dewuNRsg5OMSSt0WpeWGgOe5iGp3QyzmYU5YXwrhQTD9VRQ68jM0yL/Q0J9QO8lpnwhc5XnFeyDOxvdVL5MKmlWmDnSBEw4tdHLrsGQRxqQP75t6Ub40aTJ8vQMObkHbTduL1kQmbchzjStGzRZdoLhpeCJnn4tWZeP6HjQinVAAHnAywDflC6CWeihe6YzHxPGnWLcWulH0SkhdpgkLU8SuIiX+Qlg6jB3dhVix5AQbXs6XHm6ATbxNuwmhAgMzBHmDjYKa8qDwPUsqEjiFzsAfbBKXNC729sYaN7JkTA07UAiIHe7A8rrR50aWvzOsaWYdpdGMlIm1RJuSFPPDPdxNkQlwzhruoSyjK/QrxQmh7jqr90eDq7mvChLQJRJmj54WuH81Xjiqy1RFBRIg0I3EnmpAXer87B3ywWrGywbpkNINheVpe+NqGeeBaos4HE5ScwKEizeAB6KflhaG5lR0h8DI3LoRDeM0IIEovJS/k1wRpQgJXmD2C+Bb1bZGxOkfHC+EaP41KVGJ6yz02gT+FRXxPuL90UPJC9kUaYBNGhh0OQdEQtjzRYauXjjcGvIuo0uFaH1tyCLhYUV2JGc1mmeMgTWnGAQtUzeGQyDlZ3hAbkgEma36wwG48sCcG7OYwTU5ABphsk5kE2CWVc3NbBy9RAxM28JmEBJu4d5UKWRb4FbIpPAGwQOUScy6KHJKuPhwe+Fmyp1dxa3yBS91MqpyLGuOKyp53DC+GMRF6kWaZjwMW6JhP4CtvIq0jtvUhiAEPg9dh4gVH+qWZm+sbRDmXfGOxwKV7bPjSTLoGLXfjlszJLmWTQ8QmcK10INn6UzY/52jGEqWu9NtLT5LvUM4xQ2O8zC/xgo9F1F6SjluxDbygPeNBYvxw3pD0rJPDrrLiObsh2kkQzgKLcGMJl+BFByO77cUJ1q1OBr9EIp62YofDPoF7OOCWA3YygrhPuaJxf5+ibMgt8xmPUDdk9m19gj4okHr7xBFe5k8PED/gbvTiOkDBB8rb8LsHHOOAaUYEjAxSSOdUMqtQcSPAMThi0e5Niml4RCQio6pXyLfpivDDQGHDE8IQi3ebfKkzJDIMnB4g3/TCjn5EaYcjDoh3m9jUKr9nAAFfBBSn5VR6iVyM/Aikyjkay4vmxh6MBDF/RsAv0BzRgJ23wjFxmvNOcfPLexjxvQlTqSM4Om2l28vXAWw1kCoWIRY99pUQSZH7agKympz0mj3i4CU0Nx/UePFKJSUjgX7USTiGPD5f5Fk69GiVVPxjOkF2JNxZVtHwym0snpBuX/ixoehOHWuTaIHCAcF+D6eXwbCmUTlYLiZQUKTWET7lr15jH8cotvOJcATTORjphAc/tWNp7iHtX4Or4uGI+B14PyWwgZHpwBia7fwTOHnvyMTBBZoamZYmREo86wH47UpUNQ7Vvo8WWC7tiIlnXXjecMpd/EQGR8Jp5brG8E0/6d80MWVbg88KB3LwD6syOZyjXM7FSQX5nX9Pjo+P/z5i4+NvTE6+k+TeC+yD+AeZppCDX6gtzoA3DReHewXH318+fmDfDqlnfnfsO3D8b2/+790b8JobPC4TPsjBF80ZHq8m5+Lrbxw/sKUBtFvxtuMnv2Hrf/5f/LVeBcHp3qoMT2vRYlZK18d/8YMITs9D4L5OHK9la2P9+u59R1//zw28RBwCSwoyNAMrXbMmj+9LIOppBPe1pjhNxtL3SGN9w9x/aN/xN9+9kUqDg39S4EhnjcktRSsK2O6HAGjsFDJbLH1bW9bWr0/0/5NHJZmn2JGLTUqc6KwT5t3kHyTTy9qzGT3Uua5lc/c8dc+3OlsbQf29m0SP4D95VBwbzq9eNFcpcoJWaWJQXH95PyZWe7Y8EHmSem0DMnSkSP2969tSnHqx//VkN/vAud5qZU78SgiK6ymcm2jbu7e0tbW0tDzctuUbPbh/mOTmKfaZXbVFBcrYfFBMHrAqbHFkm30AKHesrCG8pJncb1XB5pA9HXag5AmiRts/VcGdRz4BzLWKnniq+ch2q3p29F8MqFX4mGHtnSoCW9aBasWPRS78mHrALaCqsEBx039JLd52sFyVExf17erEQ3ttiUqHLapCbGmtVu/cUH2L8rwty9U8gFN3Z4+yvH3rytQ9DVl7h6LE2+5S/Whh7Qc7lQuHR7PybRuGdsXSTQ31lUo9ZcJi28qKbB3mrTVm7mTLV1Zk8xTkTJ1s2VqX5TOQteUtGSD3tVQVFWTbtJXtlMh97SsMN+Uoev0dFMiWm4YbQTYSBoZla+tNxI3U6vLGzu1pO3dz3XLDTf9eAi1y82N9Fnnax1atKMmRb9bQFlfU3d1tsaSgRi90312HaHPpSx80RSW3163+dHefxRIDj/y175tbVtet+EBxYUHumUZXXFJx+8q6Vas/FbFVqz5514eW32YoysVvIkjkDp8Ar9frdbrCHCddsAVbMCr7P1qLvt+Ill/qAAAAAElFTkSuQmCC">
|
</div>
|
<div class="right">
|
<div class="title">{{$t('message.home["實時監控"]')}}</div>
|
<div class="desc">
|
{{$t('message.home["realTimeMonitoring"]')}}
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
<div class="introduce-3">
|
<div class="h1-title">{{$t('message.home["3步完成交易"]')}}</div>
|
<div class="main">
|
<div class="left"><img src="@/assets/images/wcjy.01eb327a.png"></div>
|
<div class="right">
|
<dl>
|
<dt>{{$t('message.home["從帳戶充值開始"]')}}</dt>
|
<dd>{{$t('message.home["支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。"]')}}</dd>
|
<dt>{{$t('message.home["進行現貨交易"]')}}</dt>
|
<dd> {{$t('message.home["提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。"]')}}</dd>
|
<dt>{{$t('message.home["進行永續合約交易"]')}}</dt>
|
<dd>{{$t('message.home["多倍槓桿放大交易收益，無期限優化投資組合。"]')}}</dd>
|
</dl>
|
<button> {{$t('message.home["learn-more"]')}}<img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////USr75QAAAB50Uk5TAAgQGCAoLzhASFBfb3eAhoeOj5efp6+3x8/f5+/3xrwkAwAAAINJREFUSMftlEkKgDAMRWOd57lObe5/TFFXYhSzEFT61v8RksAHMBjehpsmHkuotZIsY0JEltEi0/Dk7w07TigafWYUoyJZBWwt8k3naHEQ5KXQHyf4ebmnWtl2GEJia0sQONUiDNHdq4pMfToPKTMPIzMPHTMPQVNHvJ5xbNO1hkeZAR7YGVKiApwnAAAAAElFTkSuQmCC">
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div>
|
<div class="download download-pc">
|
<div class="download-left">
|
<div class="download-title">{{$t('message.home["輕鬆玩賺數字貨幣."]')}}</div>
|
<div class="download-desc"> {{$t('message.home["download-desc"]')}}</div>
|
<div class="download-qrcod">
|
<div class="download-qrcod-left"><img src="@/assets/images/er-code.png"></div>
|
<div class="download-qrcod-right">
|
<div class="p1">{{$t('message.home["掃碼下載"]')}}</div>
|
<div class="p2">iOS & Android</div>
|
</div>
|
</div>
|
<div class="download-btn"><a href="app.mobileconfig" class="app-store">>
|
<img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAApCAMAAABnXgszAAAAAXNSR0IArs4c6QAAAEtQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////g5kLBwAAABh0Uk5TABAgMEBPUF9gb3CAkJ+gr76/z97f7u/+pQ2o+wAAAOhJREFUGBl9wQl2gzAMBcAv4YawGGqimH//kxbjLG1f5Bk4Qo+2IdPQoonkhgY1HiIaFhYBvsDC0LCwUDRkHq5oEJKpQ4vEOeAjGWJKc8BJhtVsW3vBmyZW1quExAcb8dRnOlbB6ULfikIzfTOKhb4JhdI34TTTZagSXSMq+jqclK6MqqPLUHV0GSqlT3AS+r5QGV0J1UrfBaeRvqwoAhssoDC2RAEwscVwELZEFJENikIzXRHVRI8pKrnR0eOpu/OjiLeRn5jgl2lnsd+3lIyVKf643vZ9/x4Eh27JJFfBfyEoXkIQPPwAAgVL7cJJiO8AAAAASUVORK5CYII="
|
class="app-store-icon">
|
<div>App Store</div>
|
</a><a href="app.apk" class="google-pay"><img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAMAAAAshTY2AAAAAXNSR0IArs4c6QAAAE5QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////kJcbLQAAABl0Uk5TABAgMEBfb3B/gI6PkJ6foK++v87e3+7v/jitggUAAACNSURBVCjPtdLLEoIwEERREoIxiqKQBO7//6gLi7LETO/s7anKY6a77p8Jj/nuLTwBlGhoAYAyNJU9zeP55OqVNo7nK7lXerz+qGxnpZAHpbB4pXCRSpJapW5SF6XVC705+81zsKdRo5hkcvacn97eYA729tcomjO639at+y/6VmPHd99Cu+1ugjW5Fr0A0N4q5uIDt0YAAAAASUVORK5CYII="
|
class="google-pay-icon">
|
<div>Google Play</div>
|
</a></div>
|
</div>
|
<div class="download-right"><img src="@/assets/images/download-img.4fed2226.png"></div>
|
</div>
|
</div>
|
<div>
|
<div class="invite invite-pc">
|
<div class="invite-left"><img src="@/assets/images/invite-img.b09d093f.png"></div>
|
<div class="invite-right">
|
<div class="invite-title">{{$t('message.home["邀請好友，享40%返佣"]')}}</div>
|
<div class="invite-desc">{{$t('message.home["邀請返佣"]')}}</div>
|
<button> {{$t('message.home["領取高額返佣"]')}}<img
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAMAAACrgNoQAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////USr75QAAAB50Uk5TAAgQGCAoLzhASFBfb3eAhoeOj5efp6+3x8/f5+/3xrwkAwAAAINJREFUSMftlEkKgDAMRWOd57lObe5/TFFXYhSzEFT61v8RksAHMBjehpsmHkuotZIsY0JEltEi0/Dk7w07TigafWYUoyJZBWwt8k3naHEQ5KXQHyf4ebmnWtl2GEJia0sQONUiDNHdq4pMfToPKTMPIzMPHTMPQVNHvJ5xbNO1hkeZAR7YGVKiApwnAAAAAElFTkSuQmCC">
|
</button>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
export default {
|
name: "pagePromote"
|
}
|
</script>
|
|
|
|
<style scoped lang="scss">
|
.introduce {
|
background: #fff;
|
width: 1200px;
|
margin: 0 auto;
|
|
.h1-title {
|
line-height: 136px;
|
font-size: 40px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
}
|
|
.introduce-1 ul {
|
display: flex;
|
flex-wrap: wrap;
|
align-items: center;
|
|
li {
|
box-sizing: border-box;
|
flex: 0 0 585px;
|
width: 585px;
|
height: 198px;
|
border-radius: 12px;
|
border: 1px solid #e3e5eb;
|
display: flex;
|
align-items: center;
|
margin-right: 24px;
|
margin-bottom: 24px;
|
padding-left: 24px;
|
|
&:nth-child(2n) {
|
margin-right: 0;
|
}
|
|
.left {
|
flex: 0 0 128px;
|
width: 128px;
|
height: 126px;
|
|
img {
|
width: 100%;
|
height: 100%
|
}
|
}
|
|
.right {
|
margin-left: 24px;
|
flex: 0 0 375px;
|
width: 375px;
|
|
.title {
|
font-size: 24px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
line-height: 34px;
|
}
|
|
.desc {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 400;
|
color: #707278;
|
line-height: 24px;
|
margin-top: 12px;
|
}
|
}
|
}
|
|
}
|
|
.introduce-2 {
|
margin-top: 76px;
|
|
ul {
|
display: flex;
|
justify-content: center;
|
|
li {
|
width: 340px;
|
text-align: center;
|
margin-left: 90px;
|
|
&:first-child {
|
margin-left: 0
|
}
|
|
img {
|
display: block;
|
width: 88px;
|
height: 88px;
|
margin: 0 auto;
|
}
|
|
.title {
|
font-size: 24px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
line-height: 34px;
|
margin-top: 24px;
|
}
|
|
.desc {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 400;
|
color: #707278;
|
line-height: 24px;
|
margin-top: 10px;
|
}
|
}
|
}
|
|
}
|
|
.introduce-3 {
|
margin-top: 56px;
|
|
.main {
|
display: flex;
|
|
.left {
|
flex: 0 0 720px;
|
width: 720px;
|
height: 405px;
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.right {
|
flex: 0 0 384px;
|
width: 384px;
|
margin-left: 60px;
|
|
dl dt {
|
font-size: 20px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
line-height: 30px;
|
}
|
|
dl dd {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 400;
|
color: #707278;
|
line-height: 24px;
|
margin-top: 4px;
|
margin-bottom: 20px;
|
}
|
|
button {
|
cursor: pointer;
|
padding: 0 16px;
|
height: 48px;
|
background: #2a64fb;
|
border-radius: 24px;
|
color: #fff;
|
outline: none;
|
border: none;
|
font-size: 18px;
|
font-family: PingFang SC;
|
font-weight: 600;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
|
img {
|
width: 24px;
|
height: 24px;
|
}
|
}
|
}
|
}
|
}
|
}
|
|
.download {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
background: #17181e;
|
height: 521px;
|
margin-top: 120px;
|
|
.download-left {
|
flex: 0 0 640px;
|
|
.download-title {
|
font-size: 40px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #fff;
|
line-height: 58px;
|
}
|
|
.download-desc {
|
font-size: 20px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #9b9da5;
|
line-height: 30px
|
}
|
|
.download-qrcod {
|
margin-top: 40px;
|
width: 459px;
|
height: 120px;
|
background: #212631;
|
padding: 16px;
|
box-sizing: border-box;
|
display: flex;
|
align-items: center;
|
|
.download-qrcod-left {
|
flex: 0 0 88px;
|
width: 88px;
|
height: 88px;
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
.download-qrcod-right {
|
margin-left: 16px;
|
|
.p1 {
|
font-size: 18px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #9da5b0;
|
line-height: 28px;
|
}
|
|
.p2 {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 700;
|
color: #fff;
|
line-height: 24px;
|
margin-top: 6px;
|
}
|
}
|
}
|
|
.download-btn {
|
display: flex;
|
margin-top: 40px;
|
|
a {
|
flex: 0 0 126px;
|
width: 126px;
|
height: 48px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
margin-left: 16px;
|
|
&:first-child {
|
margin-left: 0;
|
}
|
|
.app-store-icon {
|
flex: 0 0 17px;
|
width: 17px;
|
height: 20px;
|
}
|
|
.google-pay-icon {
|
flex: 0 0 14px;
|
width: 14px;
|
height: 15px;
|
}
|
|
div {
|
font-size: 16px;
|
font-family: Noto Sans SC;
|
font-weight: 700;
|
color: #fff;
|
line-height: 24px;
|
margin-left: 9px;
|
}
|
}
|
}
|
}
|
|
.download-right {
|
flex: 0 0 540px;
|
width: 540px;
|
height: 298px;
|
margin-left: 36px;
|
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
}
|
|
}
|
|
.invite {
|
display: flex;
|
height: 448px;
|
align-items: center;
|
justify-content: center;
|
background: #f7f9fc;
|
.invite-left {
|
width: 288px;
|
height: 328px;
|
img {
|
width: 100%;
|
height: 100%;
|
}
|
|
}
|
.invite-right {
|
margin-left: 150px;
|
.invite-title {
|
font-size: 40px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #23262f;
|
line-height: 45px;
|
}
|
.invite-desc{
|
font-size: 20px;
|
font-family: Noto Sans SC;
|
font-weight: 500;
|
color: #707278;
|
line-height: 30px;
|
margin-top: 12px;
|
}
|
button{
|
cursor: pointer;
|
padding: 0 16px;
|
height: 48px;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
outline: none;
|
border: none;
|
background: #2a64fb;
|
margin-top: 32px;
|
border-radius: 24px;
|
font-size: 18px;
|
font-family: PingFang SC;
|
font-weight: 600;
|
color: #fff;
|
img{
|
width: 24px;
|
height: 24px
|
}
|
}
|
}
|
}
|
</style>
|
