Skip to content

O
offical_web
Commit 90959994 by qinjianhui
Options

feat: 一件定制修改之前

parent e8226ee2
Showing with 3790 additions and 115 deletions
package-lock.json
......@@ -6544,9 +6544,9 @@
"dev": true
},
"fastq": {
"version": "1.17.1",
"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
"integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
"version": "1.18.0",
"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz",
"integrity": "sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==",
"requires": {
"reusify": "^1.0.4"
}
......
src/assets/css/common.css
......@@ -1055,3 +1055,8 @@ ul li {
--tw-text-opacity: 1;
color: rgba(37, 84, 254, var(--tw-text-opacity));
}
.bg-colorBg {
--tw-bg-opacity: 1;
background-color: rgba(248, 249, 255, var(--tw-bg-opacity));
}
\ No newline at end of file
src/assets/images/product/hd.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735112162652" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11483" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M800.1 896.2H223.9c-53 0-96-43-96-96V271.9c0-53 43-96 96-96h48v96h-48v528.2h576.3V271.9h-48v-96h48c53 0 96 43 96 96v528.2c0 53.1-43 96.1-96.1 96.1zM608 127.8h96v192.1h-96V127.8z m-144 48h96v96h-96v-96z m-144.1-48h96v192.1h-96V127.8z" fill="#0070E0" p-id="11484"></path><path d="M656.1 750.6V366.4h96v384.2h-96zM464 510.5h96v240.1h-96V510.5z m-192.1 96h96v144.1h-96V606.5z" fill="#99C6F3" p-id="11485"></path></svg>
\ No newline at end of file
src/assets/images/product/help.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735111977409" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4386" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M572.235294 654.336V707.764706h-120.470588V542.117647h59.738353a105.411765 105.411765 0 1 0-105.411765-105.411765h-120.470588c0-124.747294 101.135059-225.882353 225.882353-225.882353 124.747294 0 225.882353 101.135059 225.882353 225.882353 0 103.710118-69.888 191.096471-165.150118 217.630118zM512 1024C229.225412 1024 0 794.774588 0 512S229.225412 0 512 0s512 229.225412 512 512-229.225412 512-512 512z m0-120.470588c216.244706 0 391.529412-175.284706 391.529412-391.529412S728.244706 120.470588 512 120.470588 120.470588 295.755294 120.470588 512s175.284706 391.529412 391.529412 391.529412z m-60.235294-165.647059h120.470588v90.352941h-120.470588v-90.352941z" fill="#3481F5" p-id="4387"></path></svg>
\ No newline at end of file
src/assets/images/product/join.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735113645538" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24628" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M365.10055 74.4c30.3 0 58.9 10.5 81.9 29.8l8.3 7.6 61.2 61.2 58.5-58.7c23.9-24 56.4-37.5 90.3-37.4 30.3 0 58.9 10.5 81.9 29.8l8.3 7.7 231.1 231c24.1 24 37.4 56 37.4 90.3 0 30.2-10.5 58.9-29.8 81.9l-7.7 8.3-386.2 386.3c-23.9 24-56.3 37.5-90.2 37.4-30.3 0-59-10.4-82-29.7l-8.3-7.7L37.40055 529.7C13.40055 505.8-0.09945 473.4 0.00055 439.5c0-30.3 10.5-58.9 29.8-81.9l7.7-8.3 237.4-237.5c23.9-24 56.4-37.5 90.2-37.4z m-25 93.2l-5.1 4.3L97.60055 409.4c-14.8 14.8-16.7 38.1-4.4 55l4.4 5.1L479.80055 852c8.1 7.8 18.9 12.1 30.1 12l6.6-0.5c6.6-0.9 12.9-3.4 18.3-7.2l5.1-4.4 32.7-32.6-66.4-66.3c-6.4-6.4-10.6-14.6-12-23.6l-0.4-6.5c-0.1-21 15.3-38.9 36-42l6.5-0.5 6.5 0.5c6.6 1 12.8 3.5 18.3 7.4l5.3 4.5 66.4 66.4 33.4-33.4-66.4-66.4c-16.6-16.7-16.5-43.7 0.2-60.2 6.4-6.3 14.6-10.5 23.5-11.9l6.4-0.5c8.8 0 17.4 2.7 24.9 8l5.3 4.5 66.3 66.3 81.2-81.4L608.20055 385l-26.3 26.3c-29.4 29.5-69.3 46-110.9 45.9-41.6 0.1-81.4-16.4-110.8-45.9-22.6-22.7-22.6-59.5 0-82.2l96.1-96.1-61.1-61.1c-15-14.3-38-16.1-55.1-4.3z m364.5-2c-21.9-21-56.4-21-78.3 0l-88.8 88.7 1-1-118 117.8 17.6 7.4c31.6 13.3 68.3 6.4 92.8-18.1l56.4-56.4c9.9-10.1 25.7-11.7 37.5-3.8l4.7 3.8 238.3 238.5 67.8-67.8c10.3-10.3 16.2-24.2 16.3-38.8 0-14.9-5.8-28.8-16.2-39.3l-231.1-231z" fill="#3A9CFF" opacity=".3" p-id="24629"></path><path d="M665.30055 76.9c30.3 0 58.9 10.5 81.9 29.8l8.3 7.7 231.1 231c24.1 24 37.4 56 37.4 90.3 0 30.2-10.5 58.9-29.8 81.9l-7.7 8.3-118.7 118.5-310.6-310.5 30.1-30c4.1-4.2 9.4-7 15.2-8.1l5.8-0.6c5.9 0 11.6 1.7 16.5 5l4.7 3.8 238.3 238.5 67.8-67.8c10.3-10.3 16.2-24.2 16.3-38.8 0-14.9-5.8-28.8-16.2-39.3l-231.1-231c-21.9-21-56.4-21-78.3 0l-88.8 88.7 1-1-31 30.9-20.2-20.2 20.2 20.2-87 86.9 17.6 7.4c31.6 13.3 68.3 6.4 92.8-18.1l26.3-26.4 51 51.1-26.3 26.3c-29.4 29.5-69.3 46-110.9 45.9-41.6 0.1-81.4-16.4-110.8-45.9-20.5-20.6-22.8-53.1-5.3-76.3l5.2-6 96.1-96.1 60.1-60.1 0.2 0.2 58.5-58.7c23.9-24 56.4-37.5 90.3-37.5z" fill="#3A9CFF" p-id="24630"></path></svg>
\ No newline at end of file
src/assets/images/product/lg.svg 0 → 100644
<svg width="936" height="674" viewBox="0 0 936 674" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_bddd_4607_59)">
<g clip-path="url(#clip0_4607_59)">
<path d="M25.6338 89.0889H1021.51V617.549C1021.51 626.14 1014.54 633.105 1005.95 633.105H41.1896C32.5984 633.105 25.6338 626.14 25.6338 617.549V89.0889Z" fill="#F2F4FC"/>
<path d="M25.6338 89.0889H1021.51V617.549C1021.51 626.14 1014.54 633.105 1005.95 633.105H41.1896C32.5984 633.105 25.6338 626.14 25.6338 617.549V89.0889Z" fill="white" fill-opacity="0.5"/>
<path d="M250.425 121.218V132.278H248.605V131.665H240.17V132.278H238.35V121.218H243.093C243.18 120.78 243.25 120.343 243.303 119.923H236.565V118.173H240.678C240.433 117.613 240.17 117.105 239.873 116.615L241.658 115.933C242.008 116.563 242.323 117.315 242.62 118.173H246.085C246.435 117.455 246.75 116.703 247.03 115.898L248.833 116.545C248.605 117.14 248.36 117.683 248.115 118.173H252.21V119.923H245.245C245.175 120.36 245.088 120.798 244.983 121.218H250.425ZM240.17 130.02H248.605V128.655H240.17V130.02ZM240.17 127.08H248.605V125.75H240.17V127.08ZM240.17 124.175H248.605V122.863H240.17V124.175ZM267.558 119.713V128.288H265.721V121.498H257.986V128.288H256.148V119.713H260.593C260.698 119.258 260.786 118.803 260.856 118.313H254.118V116.598H269.658V118.313H262.833C262.746 118.803 262.641 119.258 262.518 119.713H267.558ZM263.218 128.008C265.458 128.708 267.488 129.548 269.326 130.563L268.188 132.295C266.246 131.105 264.251 130.195 262.203 129.53L263.218 128.008ZM260.961 122.25H262.816V125.033C262.711 126.993 262.063 128.568 260.891 129.74C259.771 130.825 257.916 131.648 255.361 132.243L254.311 130.615C256.866 130.055 258.598 129.355 259.491 128.533C260.366 127.64 260.856 126.468 260.961 125.033V122.25Z" fill="#202020" fill-opacity="0.8"/>
<rect x="33.4121" y="104.645" width="163.336" height="38.8896" rx="3.88896" fill="#0F37FF" fill-opacity="0.05"/>
<rect x="56.7461" y="112.423" width="23.3337" height="23.3337" rx="3.88896" fill="#0F37FF" fill-opacity="0.05"/>
<path d="M61.6089 117.283V130.895H75.2202V117.283H61.6089ZM65.4978 128.95H63.5534V122.144H65.4978V128.95ZM69.3868 128.95H67.4423V119.228H69.3868V128.95ZM73.2758 128.95H71.3313V125.061H73.2758V128.95Z" fill="#0F37FF" fill-opacity="0.1"/>
<path d="M75.2194 115.339H61.6081C60.5386 115.339 59.6636 116.214 59.6636 117.283V130.895C59.6636 131.964 60.5386 132.839 61.6081 132.839H75.2194C76.2889 132.839 77.1639 131.964 77.1639 130.895V117.283C77.1639 116.214 76.2889 115.339 75.2194 115.339ZM75.2194 130.895H61.6081V117.283H75.2194V130.895ZM63.5525 122.145H65.497V128.95H63.5525V122.145ZM67.4415 119.228H69.386V128.95H67.4415V119.228ZM71.3304 125.061H73.2749V128.95H71.3304V125.061Z" fill="#0F37FF"/>
<path d="M99.7477 121.93V130.533H98.3321V130.056H91.7714V130.533H90.3558V121.93H94.0445C94.1126 121.59 94.167 121.25 94.2078 120.923H88.9675V119.562H92.1661C91.9756 119.126 91.7714 118.732 91.54 118.35L92.9284 117.82C93.2006 118.31 93.4456 118.895 93.677 119.562H96.372C96.6443 119.004 96.8893 118.419 97.1071 117.792L98.509 118.296C98.3321 118.759 98.1415 119.181 97.951 119.562H101.136V120.923H95.7187C95.6643 121.263 95.5962 121.604 95.5145 121.93H99.7477ZM91.7714 128.777H98.3321V127.715H91.7714V128.777ZM91.7714 126.49H98.3321V125.456H91.7714V126.49ZM91.7714 124.231H98.3321V123.21H91.7714V124.231ZM113.073 120.76V127.429H111.644V122.148H105.628V127.429H104.199V120.76H107.656C107.738 120.406 107.806 120.052 107.86 119.671H102.62V118.337H114.707V119.671H109.398C109.33 120.052 109.248 120.406 109.153 120.76H113.073ZM109.698 127.211C111.44 127.756 113.019 128.409 114.448 129.199L113.563 130.546C112.052 129.621 110.501 128.913 108.908 128.396L109.698 127.211ZM107.942 122.733H109.384V124.898C109.303 126.422 108.799 127.647 107.887 128.559C107.016 129.403 105.573 130.043 103.586 130.505L102.769 129.24C104.757 128.804 106.104 128.26 106.798 127.62C107.479 126.926 107.86 126.014 107.942 124.898V122.733Z" fill="#0F37FF"/>
<rect x="56.7461" y="159.37" width="23.3337" height="23.3337" rx="3.88896" fill="#0F37FF" fill-opacity="0.05"/>
<path d="M61.6089 177.842H75.2202V164.23H61.6089V177.842ZM67.4423 166.175H73.2758V168.119H67.4423V166.175ZM67.4423 170.064H73.2758V172.008H67.4423V170.064ZM67.4423 173.953H73.2758V175.897H67.4423V173.953ZM63.5534 166.175H65.4978V168.119H63.5534V166.175ZM63.5534 170.064H65.4978V172.008H63.5534V170.064ZM63.5534 173.953H65.4978V175.897H63.5534V173.953Z" fill="#0F37FF" fill-opacity="0.1"/>
<path d="M67.4415 166.175H73.2749V168.12H67.4415V166.175ZM67.4415 170.064H73.2749V172.009H67.4415V170.064ZM67.4415 173.953H73.2749V175.897H67.4415V173.953ZM63.5525 166.175H65.497V168.12H63.5525V166.175ZM63.5525 170.064H65.497V172.009H63.5525V170.064ZM63.5525 173.953H65.497V175.897H63.5525V173.953ZM76.2889 162.286H60.5386C60.0525 162.286 59.6636 162.675 59.6636 163.161V178.911C59.6636 179.3 60.0525 179.786 60.5386 179.786H76.2889C76.6778 179.786 77.1639 179.3 77.1639 178.911V163.161C77.1639 162.675 76.6778 162.286 76.2889 162.286ZM75.2194 177.842H61.6081V164.231H75.2194V177.842Z" fill="#0F37FF"/>
<path d="M94.2487 168.156C93.6362 167.053 92.9148 166.209 92.0709 165.61L93.2551 164.848C94.3712 165.638 95.3784 167.176 96.2768 169.449C97.5698 172.607 99.2304 174.839 101.272 176.146L100.387 177.275C98.2776 176.023 96.4946 173.559 95.0381 169.912L94.9973 169.789C94.0717 173.015 92.2614 175.519 89.5392 177.289L88.668 176.064C91.4856 174.213 93.3503 171.586 94.2487 168.156ZM109.384 164.766C109.575 165.12 109.779 165.501 109.97 165.937H114.775V167.325H104.852V170.184C104.811 173.205 104.376 175.628 103.559 177.452L102.347 176.377C103.028 174.893 103.382 172.824 103.409 170.184V165.937H108.377C108.2 165.61 108.01 165.311 107.792 165.039L109.384 164.766ZM108.037 167.448L109.384 167.761C109.303 168.033 109.208 168.305 109.126 168.578H114.176V169.816H108.649C108.336 170.551 108.01 171.205 107.656 171.776H109.575V170.347H110.991V171.776H113.89V173.056H110.991V174.145H114.897V175.438H110.991V177.479H109.575V175.438H104.879V174.145H109.575V173.056H106.227L105.927 171.803C106.349 171.273 106.744 170.606 107.125 169.816H105.383V168.578H107.642C107.778 168.21 107.901 167.829 108.037 167.448Z" fill="#202020" fill-opacity="0.8"/>
<rect x="56.7461" y="206.317" width="23.3337" height="23.3337" rx="3.88896" fill="#0F37FF" fill-opacity="0.05"/>
<path d="M61.6089 224.788H75.2202V211.177H61.6089V224.788ZM67.4423 213.121H73.2758V215.066H67.4423V213.121ZM67.4423 217.01H73.2758V218.955H67.4423V217.01ZM67.4423 220.899H73.2758V222.844H67.4423V220.899ZM63.5534 213.121H65.4978V215.066H63.5534V213.121ZM63.5534 217.01H65.4978V218.955H63.5534V217.01ZM63.5534 220.899H65.4978V222.844H63.5534V220.899Z" fill="#0F37FF" fill-opacity="0.1"/>
<path d="M67.4415 213.122H73.2749V215.067H67.4415V213.122ZM67.4415 217.011H73.2749V218.956H67.4415V217.011ZM67.4415 220.9H73.2749V222.845H67.4415V220.9ZM63.5525 213.122H65.497V215.067H63.5525V213.122ZM63.5525 217.011H65.497V218.956H63.5525V217.011ZM63.5525 220.9H65.497V222.845H63.5525V220.9ZM76.2889 209.233H60.5386C60.0525 209.233 59.6636 209.622 59.6636 210.108V225.859C59.6636 226.248 60.0525 226.734 60.5386 226.734H76.2889C76.6778 226.734 77.1639 226.248 77.1639 225.859V210.108C77.1639 209.622 76.6778 209.233 76.2889 209.233ZM75.2194 224.789H61.6081V211.178H75.2194V224.789Z" fill="#0F37FF"/>
<path d="M98.4954 216.396V212.816H99.9246V217.757H95.7868V222.33H99.176V218.777H100.605V224.304H99.176V223.705H89.4983V218.777H90.9275V222.33H94.3167V217.757H90.1789V212.816H91.6081V216.396H94.3167V211.795H95.7868V216.396H98.4954ZM109.384 211.713C109.575 212.067 109.779 212.448 109.97 212.884H114.775V214.272H104.852V217.131C104.811 220.152 104.376 222.575 103.559 224.399L102.347 223.324C103.028 221.84 103.382 219.771 103.409 217.131V212.884H108.377C108.2 212.557 108.01 212.258 107.792 211.985L109.384 211.713ZM108.037 214.395L109.384 214.708C109.303 214.98 109.208 215.252 109.126 215.524H114.176V216.763H108.649C108.336 217.498 108.01 218.151 107.656 218.723H109.575V217.294H110.991V218.723H113.89V220.003H110.991V221.091H114.897V222.384H110.991V224.426H109.575V222.384H104.879V221.091H109.575V220.003H106.227L105.927 218.75C106.349 218.219 106.744 217.552 107.125 216.763H105.383V215.524H107.642C107.778 215.157 107.901 214.776 108.037 214.395Z" fill="#202020" fill-opacity="0.8"/>
<rect x="56.7461" y="253.264" width="23.3337" height="23.3337" rx="3.88896" fill="#0F37FF" fill-opacity="0.05"/>
<path d="M61.6089 271.736H75.2202V258.125H61.6089V271.736ZM67.4423 260.069H73.2758V262.014H67.4423V260.069ZM67.4423 263.958H73.2758V265.903H67.4423V263.958ZM67.4423 267.847H73.2758V269.792H67.4423V267.847ZM63.5534 260.069H65.4978V262.014H63.5534V260.069ZM63.5534 263.958H65.4978V265.903H63.5534V263.958ZM63.5534 267.847H65.4978V269.792H63.5534V267.847Z" fill="#0F37FF" fill-opacity="0.1"/>
<path d="M67.4415 260.07H73.2749V262.014H67.4415V260.07ZM67.4415 263.959H73.2749V265.903H67.4415V263.959ZM67.4415 267.848H73.2749V269.792H67.4415V267.848ZM63.5525 260.07H65.497V262.014H63.5525V260.07ZM63.5525 263.959H65.497V265.903H63.5525V263.959ZM63.5525 267.848H65.497V269.792H63.5525V267.848ZM76.2889 256.181H60.5386C60.0525 256.181 59.6636 256.57 59.6636 257.056V272.806C59.6636 273.195 60.0525 273.681 60.5386 273.681H76.2889C76.6778 273.681 77.1639 273.195 77.1639 272.806V257.056C77.1639 256.57 76.6778 256.181 76.2889 256.181ZM75.2194 271.736H61.6081V258.125H75.2194V271.736Z" fill="#0F37FF"/>
<path d="M91.3222 262.553H92.697V264.404H94.0717V265.683H92.697V267.099C93.2823 266.99 93.8403 266.868 94.3712 266.732V268.065C93.8267 268.202 93.2687 268.338 92.697 268.46V271.332H91.3222V268.732C90.56 268.868 89.7569 268.977 88.9266 269.086L88.7361 267.698C89.648 267.589 90.5056 267.48 91.3222 267.344V265.683H89.1989L88.8994 264.431C89.2533 263.723 89.58 262.825 89.8794 261.75H88.7225V260.389H90.2197C90.3286 259.871 90.4511 259.327 90.56 258.755L91.9075 258.959C91.7986 259.449 91.7034 259.926 91.5945 260.389H94.0037V261.75H91.2406C90.9547 262.743 90.6553 263.628 90.3422 264.404H91.3222V262.553ZM94.4937 260.389H96.5218L96.8076 258.755L98.2096 258.891C98.1143 259.409 98.0326 259.899 97.951 260.389H101.041V261.75H97.6787C97.5835 262.158 97.4882 262.539 97.4065 262.907H101.395V264.254H97.0662C96.9301 264.731 96.794 265.18 96.6579 265.602H100.85V266.772C100.442 267.603 99.8021 268.447 98.931 269.304C99.3938 269.59 99.8429 269.889 100.265 270.202L99.4618 271.427C98.0735 270.352 96.6579 269.495 95.1879 268.868L95.9501 267.739C96.5762 268.011 97.1887 268.31 97.7876 268.637C98.4546 268.038 98.9854 267.453 99.3938 266.854H94.8884C95.1606 266.024 95.4056 265.153 95.6506 264.254H94.1126V262.907H95.9909C96.0726 262.526 96.1679 262.131 96.2495 261.75H94.4937V260.389ZM103.763 258.851C104.661 259.558 105.424 260.28 106.05 260.988L105.029 261.995C104.498 261.314 103.749 260.579 102.769 259.79L103.763 258.851ZM111.508 271.128C110.773 271.128 109.97 271.114 109.112 271.101C108.241 271.087 107.533 271.005 106.962 270.869C106.417 270.706 105.954 270.393 105.56 269.93C105.383 269.699 105.219 269.59 105.056 269.59C104.797 269.59 104.335 270.202 103.654 271.427L102.606 270.447C103.287 269.358 103.886 268.664 104.43 268.365V264.635H102.633V263.329H105.75V268.515L105.886 268.651C106.186 269.005 106.499 269.277 106.812 269.454C107.207 269.658 107.792 269.767 108.581 269.794C109.357 269.808 110.269 269.821 111.304 269.821C111.984 269.821 112.665 269.808 113.373 269.808C114.067 269.78 114.598 269.753 114.979 269.726L114.625 271.128H111.508ZM107.384 259.381H113.808V260.688H107.384V259.381ZM106.513 262.444H114.802V263.791H110.637C110.038 265.289 109.439 266.473 108.84 267.344C110.269 267.153 111.481 266.936 112.488 266.677C112.216 266.037 111.916 265.425 111.603 264.84L112.76 264.458C113.468 265.711 114.094 267.126 114.638 268.732L113.373 269.045C113.237 268.637 113.114 268.256 112.978 267.888C111.508 268.27 109.602 268.583 107.248 268.828L106.894 267.589C107.438 267.426 108.214 266.16 109.221 263.791H106.513V262.444Z" fill="#202020" fill-opacity="0.8"/>
<rect x="56.7461" y="300.21" width="23.3337" height="23.3337" rx="3.88896" fill="#0F37FF" fill-opacity="0.05"/>
<path d="M61.6089 318.682H75.2202V305.07H61.6089V318.682ZM67.4423 307.015H73.2758V308.959H67.4423V307.015ZM67.4423 310.904H73.2758V312.848H67.4423V310.904ZM67.4423 314.793H73.2758V316.737H67.4423V314.793ZM63.5534 307.015H65.4978V308.959H63.5534V307.015ZM63.5534 310.904H65.4978V312.848H63.5534V310.904ZM63.5534 314.793H65.4978V316.737H63.5534V314.793Z" fill="#0F37FF" fill-opacity="0.1"/>
<path d="M67.4415 307.016H73.2749V308.96H67.4415V307.016ZM67.4415 310.905H73.2749V312.849H67.4415V310.905ZM67.4415 314.794H73.2749V316.738H67.4415V314.794ZM63.5525 307.016H65.497V308.96H63.5525V307.016ZM63.5525 310.905H65.497V312.849H63.5525V310.905ZM63.5525 314.794H65.497V316.738H63.5525V314.794ZM76.2889 303.127H60.5386C60.0525 303.127 59.6636 303.516 59.6636 304.002V319.752C59.6636 320.141 60.0525 320.627 60.5386 320.627H76.2889C76.6778 320.627 77.1639 320.141 77.1639 319.752V304.002C77.1639 303.516 76.6778 303.127 76.2889 303.127ZM75.2194 318.683H61.6081V305.071H75.2194V318.683Z" fill="#0F37FF"/>
<path d="M90.1517 305.811C91.05 306.519 91.8122 307.227 92.4384 307.934L91.4175 308.942C90.9003 308.261 90.1517 307.526 89.1716 306.737L90.1517 305.811ZM97.8829 318.075C97.1343 318.075 96.3176 318.061 95.4465 318.048C94.5754 318.034 93.854 317.952 93.2823 317.816C92.7378 317.653 92.2614 317.34 91.8531 316.877C91.6625 316.646 91.4992 316.537 91.3495 316.537C91.0772 316.537 90.6145 317.136 89.9339 318.361L88.8858 317.394C89.5664 316.305 90.1653 315.611 90.7097 315.312V311.582H88.913V310.275H92.03V315.448L92.1798 315.597C92.4928 315.951 92.8059 316.224 93.1189 316.401C93.5137 316.605 94.1126 316.714 94.9156 316.741C95.7051 316.754 96.6307 316.768 97.6787 316.768C98.3593 316.768 99.0399 316.754 99.7477 316.754C100.455 316.727 100.986 316.7 101.367 316.673L101.014 318.075H97.8829ZM96.5762 311.732C97.2568 312.113 97.8965 312.494 98.4954 312.902C98.9038 312.521 99.2713 312.14 99.5843 311.732L100.605 312.521C100.251 312.93 99.8838 313.311 99.5163 313.637C100.115 314.087 100.673 314.549 101.19 315.039L100.306 316.101C99.1215 314.89 97.6107 313.76 95.7732 312.698L96.5762 311.732ZM94.902 309.404V310.262H98.931V309.404H94.902ZM98.931 308.234V307.376H94.902V308.234H98.931ZM94.902 311.514V314.549C95.6643 314.413 96.4265 314.223 97.1615 314.005L97.4882 315.284C96.3993 315.57 95.0109 315.856 93.3503 316.128L93.0373 314.931C93.3639 314.808 93.5273 314.617 93.5273 314.372V306.124H100.319V311.514H94.902ZM112.91 310.942H109.902C108.935 310.942 108.459 310.507 108.459 309.636V309.472L107.071 309.881L106.322 308.751C107.084 308.56 107.792 308.356 108.459 308.138V305.77H109.847V307.648C111.236 307.104 112.365 306.519 113.264 305.879L114.162 306.818C112.937 307.648 111.494 308.37 109.847 308.996V309.363C109.847 309.608 109.983 309.745 110.269 309.745H112.638C112.855 309.745 113.005 309.69 113.114 309.595C113.237 309.486 113.318 309.173 113.359 308.656L114.638 309.064C114.543 309.99 114.353 310.52 114.08 310.684C113.822 310.847 113.427 310.942 112.91 310.942ZM113.305 311.432V315.72H111.862V312.712H105.75V315.897H104.321V311.432H113.305ZM109.793 315.57C111.535 316.019 113.114 316.578 114.543 317.244L113.74 318.469C112.229 317.694 110.678 317.081 109.071 316.632L109.793 315.57ZM108.119 313.107L109.493 313.229C109.303 315.053 108.894 316.264 108.268 316.85C107.601 317.612 105.982 318.102 103.409 318.333L102.851 317.04C105.002 316.945 106.404 316.605 107.084 316.033C107.683 315.461 108.023 314.495 108.119 313.107ZM104.525 308.846C104.049 309.159 103.532 309.459 102.974 309.758L102.538 308.37C104.144 307.608 105.328 306.696 106.104 305.661L107.275 306.219C106.921 306.764 106.458 307.295 105.914 307.785V311.065H104.525V308.846Z" fill="#202020" fill-opacity="0.8"/>
<path d="M204.526 90.0605V633.542" stroke="#0F37FF" stroke-opacity="0.1" stroke-width="1.94448"/>
<g filter="url(#filter1_bdd_4607_59)">
<rect x="694.384" y="151.936" width="294.895" height="194.985" rx="7.77791" fill="white" shape-rendering="crispEdges"/>
<path d="M718.797 170.441C718.933 170.694 719.079 170.966 719.215 171.277H722.647V172.269H715.559V174.311C715.53 176.469 715.219 178.2 714.636 179.502L713.77 178.734C714.257 177.675 714.509 176.197 714.529 174.311V171.277H718.077C717.951 171.044 717.815 170.83 717.659 170.636L718.797 170.441ZM717.834 172.356L718.797 172.58C718.739 172.774 718.671 172.969 718.612 173.163H722.219V174.048H718.272C718.048 174.573 717.815 175.04 717.562 175.448H718.933V174.427H719.944V175.448H722.015V176.362H719.944V177.14H722.734V178.063H719.944V179.522H718.933V178.063H715.579V177.14H718.933V176.362H716.541L716.327 175.468C716.629 175.088 716.911 174.612 717.183 174.048H715.939V173.163H717.552C717.65 172.901 717.737 172.629 717.834 172.356ZM723.901 171.345H726.429C726.536 171.044 726.633 170.742 726.721 170.431L727.751 170.558C727.673 170.83 727.596 171.092 727.508 171.345H732.321V172.337H727.129C726.76 173.154 726.322 173.922 725.797 174.622V179.512H724.796V175.798C724.572 176.031 724.348 176.245 724.115 176.459L723.483 175.643C724.572 174.69 725.408 173.581 726.011 172.337H723.901V171.345ZM726.4 175.944H729.112V175.195C729.618 174.913 730.094 174.583 730.561 174.213H727.139V173.28H731.825V174.213C731.329 174.699 730.765 175.166 730.123 175.604V175.944H732.447V176.926H730.123V178.404C730.123 179.113 729.773 179.473 729.073 179.473H727.878L727.615 178.52C727.946 178.54 728.296 178.55 728.675 178.55C728.967 178.55 729.112 178.394 729.112 178.093V176.926H726.4V175.944Z" fill="#202020" fill-opacity="0.8"/>
<rect x="710.347" y="194.456" width="38.6747" height="8.05723" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="710.347" y="210.292" width="64.4578" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="790.919" y="194.456" width="38.6747" height="8.05723" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="790.919" y="210.292" width="64.4578" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="710.498" y="253.457" width="259.443" height="8.05723" rx="3.88896" fill="#FFC83C"/>
<rect x="710.498" y="253.457" width="149.864" height="8.05723" rx="3.88896" fill="#6184FF"/>
<rect x="710.498" y="253.457" width="149.864" height="8.05723" rx="3.88896" fill="#16296C" fill-opacity="0.15"/>
<rect x="710.498" y="280.851" width="259.443" height="8.05723" rx="3.88896" fill="#FFC83C"/>
<rect x="710.498" y="280.851" width="69.2922" height="8.05723" rx="3.88896" fill="#6184FF"/>
<rect x="710.498" y="280.851" width="69.2922" height="8.05723" rx="3.88896" fill="#16296C" fill-opacity="0.15"/>
<rect x="710.498" y="308.246" width="259.443" height="8.05723" rx="3.88896" fill="#FFC83C"/>
<rect x="710.498" y="308.246" width="225.602" height="8.05723" rx="3.88896" fill="#6184FF"/>
<rect x="710.498" y="308.246" width="225.602" height="8.05723" rx="3.88896" fill="#16296C" fill-opacity="0.15"/>
<rect x="694.87" y="152.422" width="293.922" height="194.013" rx="7.29179" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" shape-rendering="crispEdges"/>
</g>
</g>
<g filter="url(#filter2_bdd_4607_59)">
<rect x="694.684" y="361.48" width="295.561" height="217.782" rx="7.77791" fill="white" shape-rendering="crispEdges"/>
<path d="M712.136 381.522H713.011V384.419C713.011 385.897 712.768 387.734 711.115 388.804C710.989 388.619 710.717 388.298 710.512 388.143C712.01 387.277 712.136 385.615 712.136 384.419V381.522ZM712.554 386.879L713.244 386.383C713.663 386.888 714.207 387.579 714.44 388.026L713.701 388.6C713.488 388.143 712.982 387.413 712.554 386.879ZM710.911 380.151H714.256V386.266H713.371V381.074H711.767V386.315H710.911V380.151ZM714.44 383.388H719.515V384.448H714.44V383.388ZM717.697 384.049C718.028 385.595 718.708 387.054 719.739 387.802C719.486 387.997 719.136 388.415 718.961 388.706C717.795 387.773 717.095 386.15 716.686 384.273L717.697 384.049ZM715.033 388.94C714.965 388.687 714.771 388.25 714.606 388.036C714.81 387.938 715.072 387.715 715.072 387.297V379.966H716.151V388.026C716.151 388.026 715.033 388.561 715.033 388.94ZM718.222 380.161L719.302 380.501C718.786 381.551 717.94 382.62 717.153 383.281C716.968 383.058 716.57 382.62 716.326 382.416C717.075 381.872 717.804 381.016 718.222 380.161ZM715.033 388.94L714.878 387.938L715.276 387.579L717.347 386.85C717.338 387.17 717.376 387.647 717.425 387.9C715.578 388.638 715.238 388.784 715.033 388.94ZM722.811 381.133V382.192H726.836V381.133H722.811ZM721.674 380.122H728.052V383.204H721.674V380.122ZM720.42 383.709H729.179V384.769H720.42V383.709ZM722.49 385.333H727.254V386.393H722.49V385.333ZM726.827 385.333H728.091C728.091 385.333 728.061 385.663 728.032 385.819C727.828 387.413 727.595 388.181 727.235 388.512C726.943 388.794 726.622 388.862 726.166 388.891C725.796 388.92 725.154 388.911 724.484 388.891C724.464 388.551 724.299 388.084 724.075 387.773C724.727 387.831 725.446 387.841 725.738 387.841C725.961 387.841 726.088 387.831 726.214 387.744C726.477 387.55 726.671 386.859 726.817 385.488L726.827 385.333ZM722.49 384.001L723.745 384.176C723.472 385.099 723.113 386.198 722.831 386.908L721.567 386.713C721.868 386.004 722.247 384.886 722.49 384.001ZM730.375 380.812L730.959 380.024C731.61 380.267 732.505 380.686 732.952 381.016L732.339 381.891C731.921 381.551 731.046 381.084 730.375 380.812ZM730.103 383.029C730.832 382.824 731.911 382.474 732.961 382.124L733.166 383.126C732.242 383.466 731.25 383.806 730.443 384.088L730.103 383.029ZM734.186 379.859L735.285 380.015C734.955 380.977 734.449 381.891 733.555 382.63C733.38 382.377 733 382.027 732.748 381.891C733.516 381.327 733.963 380.549 734.186 379.859ZM734.595 380.617H737.891V381.473H733.992L734.595 380.617ZM737.648 380.617H737.823L738.007 380.569L738.873 380.773C738.669 381.356 738.406 382.008 738.182 382.436L737.162 382.173C737.327 381.813 737.531 381.23 737.648 380.754V380.617ZM731.27 384.399H737.949V386.976H736.734V385.459H732.417V387.083H731.27V384.399ZM734.002 385.712H735.139C734.799 387.413 733.943 388.444 730.521 388.93C730.443 388.658 730.2 388.191 730.006 387.958C733.098 387.618 733.71 386.918 734.002 385.712ZM734.605 387.569L735.275 386.743C736.384 387.034 738.027 387.569 738.892 387.948L738.163 388.881C737.375 388.493 735.762 387.909 734.605 387.569ZM735.45 381.036H736.598C736.316 382.494 735.693 383.699 733.516 384.399C733.409 384.137 733.127 383.748 732.903 383.554C734.809 383.019 735.227 382.076 735.45 381.036ZM736.325 381.599C736.792 382.474 737.755 383.126 739.009 383.379C738.775 383.593 738.474 384.011 738.328 384.302C736.977 383.894 736.014 383.009 735.48 381.804L736.325 381.599ZM741.138 383.447H748.508V384.594H741.138V383.447ZM740.399 380.783H748.294V381.891H740.399V380.783ZM740.477 383.447H741.702V384.827C741.702 386.052 741.517 387.88 740.613 389.027C740.419 388.794 739.894 388.347 739.641 388.191C740.409 387.2 740.477 385.799 740.477 384.798V383.447ZM741.789 382.261L742.82 381.823C743.121 382.212 743.491 382.766 743.646 383.145L742.557 383.631C742.431 383.262 742.091 382.679 741.789 382.261ZM745.931 381.901L747.244 382.319C746.845 382.883 746.437 383.476 746.126 383.865L745.202 383.495C745.464 383.048 745.776 382.387 745.931 381.901ZM743.316 380.024L744.521 379.742C744.794 380.073 745.066 380.549 745.183 380.88L743.919 381.23C743.831 380.899 743.569 380.394 743.316 380.024Z" fill="#202020" fill-opacity="0.8"/>
<rect x="710.24" y="408.146" width="38.8896" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="710.24" y="423.703" width="178.892" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<path d="M710.24 452.87H974.689" stroke="#202020" stroke-opacity="0.1" stroke-width="0.972239"/>
<rect x="710.24" y="466.481" width="38.8896" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="710.24" y="482.037" width="93.3349" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<path d="M710.24 511.204H974.689" stroke="#202020" stroke-opacity="0.1" stroke-width="0.972239"/>
<rect x="710.24" y="524.815" width="38.8896" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="710.24" y="540.371" width="124.447" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="695.17" y="361.966" width="294.588" height="216.809" rx="7.29179" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter3_bdd_4607_59)">
<rect x="235.787" y="256.736" width="443.341" height="217.782" rx="7.77791" fill="white" shape-rendering="crispEdges"/>
<path d="M257.27 276.749H259.214C258.942 276.35 258.66 275.99 258.368 275.67L259.214 275.261C259.545 275.621 259.856 276.02 260.148 276.457L259.574 276.749H261.46C261.762 276.263 262.024 275.757 262.248 275.213L263.23 275.563C263.016 276 262.773 276.399 262.52 276.749H264.25V280.978H261.266V281.698H265.116V282.65H261.266V284.352H260.255V282.65H256.404V281.698H260.255V280.978H257.27V276.749ZM263.268 280.084V279.277H261.266V280.084H263.268ZM260.255 280.084V279.277H258.252V280.084H260.255ZM258.252 278.421H260.255V277.634H258.252V278.421ZM261.266 277.634V278.421H263.268V277.634H261.266ZM267.002 279.393H273.983V281.941H270.978V282.32H274.167V282.971H270.978V283.379H274.867V284.138H266.098V283.379H269.967V282.971H266.817V282.32H269.967V281.941H267.002V279.393ZM273.02 281.357V280.939H270.978V281.357H273.02ZM269.967 281.357V280.939H267.964V281.357H269.967ZM267.964 280.395H269.967V279.986H267.964V280.395ZM270.978 279.986V280.395H273.02V279.986H270.978ZM267.216 275.446H273.778V277.945H267.216V275.446ZM272.806 277.381V276.982H268.188V277.381H272.806ZM268.188 276.418H272.806V276.02H268.188V276.418ZM266.098 278.314H274.867V279.034H266.098V278.314ZM278.698 275.475L279.573 276.01C279.126 276.807 278.669 277.468 278.212 277.974C277.765 278.479 277.123 279.034 276.267 279.646L275.713 278.742C276.316 278.411 276.899 277.945 277.444 277.332C277.881 276.827 278.299 276.214 278.698 275.475ZM278.96 280.045H277.21V279.063H283.122C283.083 280.327 283.024 281.338 282.927 282.116C282.83 282.893 282.674 283.428 282.441 283.739C282.217 284.031 281.858 284.196 281.362 284.225H279.495L279.223 283.224C279.797 283.243 280.341 283.263 280.847 283.263C281.323 283.263 281.634 283.059 281.79 282.67C281.945 282.261 282.052 281.386 282.091 280.045H279.991C279.767 281.036 279.466 281.824 279.077 282.417C278.572 283.127 277.823 283.768 276.831 284.332L276.17 283.486C277.045 283.02 277.706 282.504 278.153 281.941C278.494 281.454 278.766 280.823 278.96 280.045ZM281.741 275.359C282.266 276.807 283.248 277.954 284.687 278.791L283.997 279.597C282.499 278.635 281.449 277.391 280.856 275.854L281.741 275.359ZM287.905 279.568V284.284H286.904V279.831C286.612 280.648 286.243 281.396 285.805 282.086L285.367 280.968C286.038 280.122 286.534 279.16 286.845 278.081H285.601V277.099H286.904V275.3H287.905V277.099H289.111V278.081H287.905V278.47C288.352 278.917 288.79 279.393 289.227 279.909L288.673 280.725C288.381 280.259 288.119 279.87 287.905 279.568ZM293.602 275.31L294.098 276.224C293.019 276.574 291.813 276.788 290.481 276.865V278.304H294.322V279.286H292.99V284.284H291.969V279.286H290.481C290.404 281.357 289.898 283.01 288.974 284.245L288.255 283.477C289.033 282.456 289.451 281.036 289.509 279.218V276C291.045 275.961 292.406 275.738 293.602 275.31Z" fill="#202020" fill-opacity="0.8"/>
<path d="M552.487 281.413V282.07H548.807C548.802 281.906 548.829 281.747 548.887 281.596C548.981 281.345 549.13 281.098 549.335 280.855C549.543 280.612 549.842 280.331 550.231 280.012C550.837 279.516 551.245 279.123 551.458 278.835C551.671 278.543 551.777 278.269 551.777 278.01C551.777 277.74 551.68 277.512 551.485 277.327C551.292 277.139 551.04 277.046 550.729 277.046C550.4 277.046 550.136 277.145 549.939 277.342C549.742 277.54 549.641 277.813 549.639 278.162L548.936 278.09C548.984 277.566 549.166 277.167 549.479 276.894C549.793 276.618 550.215 276.48 550.744 276.48C551.278 276.48 551.701 276.628 552.013 276.924C552.324 277.221 552.48 277.588 552.48 278.026C552.48 278.248 552.434 278.467 552.343 278.683C552.252 278.898 552.1 279.124 551.887 279.362C551.677 279.6 551.326 279.927 550.835 280.342C550.425 280.687 550.162 280.921 550.045 281.045C549.929 281.166 549.833 281.289 549.757 281.413H552.487ZM553.224 279.324C553.224 278.666 553.291 278.137 553.425 277.737C553.562 277.334 553.763 277.024 554.029 276.807C554.298 276.589 554.634 276.48 555.039 276.48C555.338 276.48 555.6 276.541 555.826 276.662C556.051 276.781 556.237 276.955 556.384 277.183C556.531 277.408 556.646 277.684 556.729 278.01C556.813 278.335 556.855 278.773 556.855 279.324C556.855 279.978 556.788 280.506 556.654 280.908C556.519 281.308 556.318 281.618 556.05 281.839C555.784 282.056 555.447 282.165 555.039 282.165C554.503 282.165 554.081 281.973 553.775 281.588C553.408 281.125 553.224 280.37 553.224 279.324ZM553.927 279.324C553.927 280.239 554.033 280.847 554.246 281.151C554.461 281.453 554.725 281.603 555.039 281.603C555.353 281.603 555.617 281.451 555.829 281.147C556.045 280.844 556.152 280.236 556.152 279.324C556.152 278.408 556.045 277.799 555.829 277.498C555.617 277.196 555.351 277.046 555.032 277.046C554.718 277.046 554.467 277.179 554.28 277.445C554.044 277.784 553.927 278.41 553.927 279.324ZM561.146 281.413V282.07H557.466C557.461 281.906 557.488 281.747 557.546 281.596C557.64 281.345 557.789 281.098 557.994 280.855C558.202 280.612 558.501 280.331 558.89 280.012C559.496 279.516 559.904 279.123 560.117 278.835C560.33 278.543 560.436 278.269 560.436 278.01C560.436 277.74 560.339 277.512 560.144 277.327C559.951 277.139 559.699 277.046 559.388 277.046C559.059 277.046 558.795 277.145 558.598 277.342C558.401 277.54 558.3 277.813 558.298 278.162L557.595 278.09C557.643 277.566 557.825 277.167 558.138 276.894C558.452 276.618 558.874 276.48 559.403 276.48C559.937 276.48 560.36 276.628 560.672 276.924C560.983 277.221 561.139 277.588 561.139 278.026C561.139 278.248 561.093 278.467 561.002 278.683C560.911 278.898 560.759 279.124 560.546 279.362C560.336 279.6 559.985 279.927 559.494 280.342C559.084 280.687 558.821 280.921 558.704 281.045C558.588 281.166 558.492 281.289 558.416 281.413H561.146ZM565.476 281.413V282.07H561.796C561.791 281.906 561.817 281.747 561.875 281.596C561.969 281.345 562.119 281.098 562.324 280.855C562.531 280.612 562.83 280.331 563.22 280.012C563.825 279.516 564.234 279.123 564.447 278.835C564.659 278.543 564.766 278.269 564.766 278.01C564.766 277.74 564.668 277.512 564.473 277.327C564.281 277.139 564.029 277.046 563.717 277.046C563.388 277.046 563.125 277.145 562.927 277.342C562.73 277.54 562.63 277.813 562.627 278.162L561.925 278.09C561.973 277.566 562.154 277.167 562.468 276.894C562.782 276.618 563.203 276.48 563.733 276.48C564.267 276.48 564.69 276.628 565.001 276.924C565.313 277.221 565.468 277.588 565.468 278.026C565.468 278.248 565.423 278.467 565.332 278.683C565.24 278.898 565.088 279.124 564.876 279.362C564.666 279.6 564.315 279.927 563.824 280.342C563.414 280.687 563.15 280.921 563.034 281.045C562.917 281.166 562.821 281.289 562.745 281.413H565.476ZM566.137 280.399V279.712H568.237V280.399H566.137ZM568.803 279.324C568.803 278.666 568.87 278.137 569.004 277.737C569.141 277.334 569.342 277.024 569.608 276.807C569.876 276.589 570.213 276.48 570.618 276.48C570.917 276.48 571.179 276.541 571.404 276.662C571.63 276.781 571.816 276.955 571.962 277.183C572.109 277.408 572.225 277.684 572.308 278.01C572.392 278.335 572.433 278.773 572.433 279.324C572.433 279.978 572.366 280.506 572.232 280.908C572.098 281.308 571.897 281.618 571.628 281.839C571.362 282.056 571.026 282.165 570.618 282.165C570.081 282.165 569.66 281.973 569.353 281.588C568.986 281.125 568.803 280.37 568.803 279.324ZM569.505 279.324C569.505 280.239 569.612 280.847 569.824 281.151C570.04 281.453 570.304 281.603 570.618 281.603C570.932 281.603 571.195 281.451 571.408 281.147C571.623 280.844 571.731 280.236 571.731 279.324C571.731 278.408 571.623 277.799 571.408 277.498C571.195 277.196 570.929 277.046 570.61 277.046C570.297 277.046 570.046 277.179 569.858 277.445C569.623 277.784 569.505 278.41 569.505 279.324ZM573.132 280.612L573.85 280.551C573.903 280.901 574.026 281.164 574.218 281.341C574.413 281.516 574.648 281.603 574.921 281.603C575.25 281.603 575.529 281.479 575.756 281.231C575.984 280.983 576.098 280.654 576.098 280.244C576.098 279.854 575.988 279.546 575.768 279.321C575.55 279.095 575.264 278.983 574.91 278.983C574.689 278.983 574.491 279.033 574.313 279.135C574.136 279.233 573.997 279.362 573.896 279.522L573.254 279.438L573.793 276.579H576.562V277.232H574.34L574.04 278.728C574.374 278.495 574.725 278.379 575.092 278.379C575.578 278.379 575.988 278.547 576.322 278.884C576.657 279.221 576.824 279.654 576.824 280.183C576.824 280.687 576.677 281.122 576.383 281.489C576.026 281.94 575.539 282.165 574.921 282.165C574.415 282.165 574.001 282.023 573.679 281.74C573.36 281.456 573.178 281.08 573.132 280.612ZM577.386 280.399V279.712H579.486V280.399H577.386ZM582.627 282.07H581.943V277.714C581.779 277.871 581.562 278.028 581.294 278.185C581.028 278.342 580.789 278.46 580.576 278.538V277.878C580.958 277.698 581.292 277.48 581.579 277.224C581.865 276.969 582.067 276.72 582.186 276.48H582.627V282.07ZM585.433 279.051C585.15 278.947 584.94 278.799 584.803 278.607C584.666 278.414 584.598 278.184 584.598 277.916C584.598 277.51 584.743 277.17 585.035 276.894C585.326 276.618 585.713 276.48 586.197 276.48C586.683 276.48 587.074 276.622 587.37 276.905C587.666 277.186 587.815 277.529 587.815 277.934C587.815 278.193 587.746 278.418 587.609 278.611C587.475 278.8 587.27 278.947 586.994 279.051C587.336 279.162 587.596 279.342 587.773 279.59C587.953 279.838 588.042 280.135 588.042 280.479C588.042 280.955 587.874 281.355 587.537 281.679C587.201 282.003 586.757 282.165 586.208 282.165C585.659 282.165 585.216 282.003 584.879 281.679C584.542 281.353 584.374 280.946 584.374 280.46C584.374 280.098 584.465 279.795 584.647 279.552C584.832 279.307 585.094 279.14 585.433 279.051ZM585.297 277.893C585.297 278.156 585.381 278.371 585.551 278.538C585.721 278.705 585.941 278.789 586.212 278.789C586.475 278.789 586.69 278.707 586.857 278.542C587.027 278.375 587.112 278.171 587.112 277.931C587.112 277.68 587.025 277.47 586.85 277.3C586.678 277.128 586.463 277.042 586.204 277.042C585.943 277.042 585.727 277.126 585.555 277.293C585.383 277.46 585.297 277.66 585.297 277.893ZM585.076 280.464C585.076 280.659 585.122 280.847 585.213 281.03C585.307 281.212 585.445 281.354 585.627 281.455C585.809 281.554 586.006 281.603 586.216 281.603C586.542 281.603 586.812 281.498 587.025 281.288C587.237 281.078 587.344 280.811 587.344 280.487C587.344 280.157 587.233 279.885 587.013 279.67C586.795 279.455 586.522 279.347 586.193 279.347C585.871 279.347 585.604 279.454 585.392 279.666C585.181 279.879 585.076 280.145 585.076 280.464Z" fill="#202020" fill-opacity="0.8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M598.916 277.261C598.774 277.118 598.543 277.118 598.4 277.261C598.258 277.403 598.258 277.634 598.4 277.776L600.209 279.584H595.255C595.054 279.584 594.891 279.748 594.891 279.949C594.891 280.15 595.054 280.314 595.255 280.314H600.209L598.4 282.122C598.258 282.264 598.258 282.495 598.4 282.637C598.543 282.78 598.774 282.78 598.916 282.637L601.347 280.207C601.489 280.064 601.489 279.834 601.347 279.691L598.916 277.261Z" fill="#202020" fill-opacity="0.5"/>
<path d="M611.932 281.413V282.07H608.252C608.247 281.906 608.274 281.747 608.332 281.596C608.425 281.345 608.575 281.098 608.78 280.855C608.988 280.612 609.286 280.331 609.676 280.012C610.281 279.516 610.69 279.123 610.903 278.835C611.116 278.543 611.222 278.269 611.222 278.01C611.222 277.74 611.124 277.512 610.93 277.327C610.737 277.139 610.485 277.046 610.174 277.046C609.845 277.046 609.581 277.145 609.384 277.342C609.186 277.54 609.086 277.813 609.084 278.162L608.381 278.09C608.429 277.566 608.61 277.167 608.924 276.894C609.238 276.618 609.66 276.48 610.189 276.48C610.723 276.48 611.146 276.628 611.457 276.924C611.769 277.221 611.925 277.588 611.925 278.026C611.925 278.248 611.879 278.467 611.788 278.683C611.697 278.898 611.545 279.124 611.332 279.362C611.122 279.6 610.771 279.927 610.28 280.342C609.87 280.687 609.607 280.921 609.49 281.045C609.374 281.166 609.277 281.289 609.202 281.413H611.932ZM612.669 279.324C612.669 278.666 612.736 278.137 612.87 277.737C613.007 277.334 613.208 277.024 613.474 276.807C613.742 276.589 614.079 276.48 614.484 276.48C614.783 276.48 615.045 276.541 615.27 276.662C615.496 276.781 615.682 276.955 615.829 277.183C615.976 277.408 616.091 277.684 616.174 278.01C616.258 278.335 616.3 278.773 616.3 279.324C616.3 279.978 616.233 280.506 616.098 280.908C615.964 281.308 615.763 281.618 615.494 281.839C615.229 282.056 614.892 282.165 614.484 282.165C613.948 282.165 613.526 281.973 613.22 281.588C612.852 281.125 612.669 280.37 612.669 279.324ZM613.372 279.324C613.372 280.239 613.478 280.847 613.691 281.151C613.906 281.453 614.17 281.603 614.484 281.603C614.798 281.603 615.062 281.451 615.274 281.147C615.489 280.844 615.597 280.236 615.597 279.324C615.597 278.408 615.489 277.799 615.274 277.498C615.062 277.196 614.796 277.046 614.477 277.046C614.163 277.046 613.912 277.179 613.725 277.445C613.489 277.784 613.372 278.41 613.372 279.324ZM620.591 281.413V282.07H616.911C616.906 281.906 616.933 281.747 616.991 281.596C617.085 281.345 617.234 281.098 617.439 280.855C617.647 280.612 617.945 280.331 618.335 280.012C618.94 279.516 619.349 279.123 619.562 278.835C619.775 278.543 619.881 278.269 619.881 278.01C619.881 277.74 619.783 277.512 619.589 277.327C619.396 277.139 619.144 277.046 618.833 277.046C618.504 277.046 618.24 277.145 618.043 277.342C617.845 277.54 617.745 277.813 617.743 278.162L617.04 278.09C617.088 277.566 617.269 277.167 617.583 276.894C617.897 276.618 618.319 276.48 618.848 276.48C619.382 276.48 619.805 276.628 620.116 276.924C620.428 277.221 620.584 277.588 620.584 278.026C620.584 278.248 620.538 278.467 620.447 278.683C620.356 278.898 620.204 279.124 619.991 279.362C619.781 279.6 619.43 279.927 618.939 280.342C618.529 280.687 618.266 280.921 618.149 281.045C618.033 281.166 617.936 281.289 617.861 281.413H620.591ZM621.332 280.601L622.015 280.509C622.094 280.897 622.227 281.177 622.414 281.349C622.604 281.518 622.834 281.603 623.105 281.603C623.427 281.603 623.698 281.492 623.918 281.269C624.141 281.046 624.252 280.77 624.252 280.441C624.252 280.127 624.15 279.869 623.945 279.666C623.74 279.461 623.479 279.359 623.162 279.359C623.033 279.359 622.872 279.384 622.68 279.435L622.756 278.835C622.801 278.84 622.838 278.842 622.866 278.842C623.157 278.842 623.419 278.766 623.652 278.614C623.885 278.462 624.002 278.228 624.002 277.912C624.002 277.661 623.917 277.453 623.747 277.289C623.577 277.124 623.358 277.042 623.09 277.042C622.824 277.042 622.603 277.126 622.425 277.293C622.248 277.46 622.134 277.71 622.084 278.045L621.4 277.923C621.484 277.465 621.674 277.11 621.97 276.86C622.266 276.607 622.634 276.48 623.075 276.48C623.379 276.48 623.659 276.546 623.914 276.677C624.17 276.807 624.365 276.984 624.499 277.209C624.636 277.434 624.704 277.674 624.704 277.927C624.704 278.167 624.64 278.386 624.51 278.584C624.381 278.781 624.19 278.938 623.937 279.055C624.266 279.131 624.522 279.289 624.704 279.53C624.886 279.768 624.978 280.066 624.978 280.426C624.978 280.912 624.8 281.325 624.446 281.664C624.091 282.001 623.643 282.169 623.101 282.169C622.613 282.169 622.206 282.023 621.882 281.732C621.561 281.441 621.377 281.064 621.332 280.601ZM625.581 280.399V279.712H627.682V280.399H625.581ZM628.248 279.324C628.248 278.666 628.315 278.137 628.449 277.737C628.586 277.334 628.787 277.024 629.053 276.807C629.321 276.589 629.658 276.48 630.063 276.48C630.362 276.48 630.624 276.541 630.849 276.662C631.074 276.781 631.26 276.955 631.407 277.183C631.554 277.408 631.669 277.684 631.753 278.01C631.836 278.335 631.878 278.773 631.878 279.324C631.878 279.978 631.811 280.506 631.677 280.908C631.543 281.308 631.341 281.618 631.073 281.839C630.807 282.056 630.471 282.165 630.063 282.165C629.526 282.165 629.105 281.973 628.798 281.588C628.431 281.125 628.248 280.37 628.248 279.324ZM628.95 279.324C628.95 280.239 629.056 280.847 629.269 281.151C629.484 281.453 629.749 281.603 630.063 281.603C630.377 281.603 630.64 281.451 630.853 281.147C631.068 280.844 631.176 280.236 631.176 279.324C631.176 278.408 631.068 277.799 630.853 277.498C630.64 277.196 630.374 277.046 630.055 277.046C629.741 277.046 629.491 277.179 629.303 277.445C629.068 277.784 628.95 278.41 628.95 279.324ZM632.577 280.612L633.295 280.551C633.348 280.901 633.471 281.164 633.663 281.341C633.858 281.516 634.092 281.603 634.366 281.603C634.695 281.603 634.973 281.479 635.201 281.231C635.429 280.983 635.543 280.654 635.543 280.244C635.543 279.854 635.433 279.546 635.213 279.321C634.995 279.095 634.709 278.983 634.354 278.983C634.134 278.983 633.935 279.033 633.758 279.135C633.581 279.233 633.442 279.362 633.34 279.522L632.699 279.438L633.238 276.579H636.006V277.232H633.785L633.485 278.728C633.819 278.495 634.17 278.379 634.537 278.379C635.023 278.379 635.433 278.547 635.767 278.884C636.101 279.221 636.268 279.654 636.268 280.183C636.268 280.687 636.122 281.122 635.828 281.489C635.471 281.94 634.984 282.165 634.366 282.165C633.859 282.165 633.445 282.023 633.124 281.74C632.805 281.456 632.623 281.08 632.577 280.612ZM636.831 280.399V279.712H638.931V280.399H636.831ZM642.072 282.07H641.388V277.714C641.223 277.871 641.007 278.028 640.739 278.185C640.473 278.342 640.233 278.46 640.021 278.538V277.878C640.403 277.698 640.737 277.48 641.023 277.224C641.309 276.969 641.512 276.72 641.631 276.48H642.072V282.07ZM644.878 279.051C644.595 278.947 644.384 278.799 644.248 278.607C644.111 278.414 644.043 278.184 644.043 277.916C644.043 277.51 644.188 277.17 644.479 276.894C644.771 276.618 645.158 276.48 645.641 276.48C646.128 276.48 646.519 276.622 646.815 276.905C647.111 277.186 647.259 277.529 647.259 277.934C647.259 278.193 647.191 278.418 647.054 278.611C646.92 278.8 646.715 278.947 646.439 279.051C646.781 279.162 647.04 279.342 647.218 279.59C647.397 279.838 647.487 280.135 647.487 280.479C647.487 280.955 647.319 281.355 646.982 281.679C646.645 282.003 646.202 282.165 645.653 282.165C645.103 282.165 644.66 282.003 644.324 281.679C643.987 281.353 643.819 280.946 643.819 280.46C643.819 280.098 643.91 279.795 644.092 279.552C644.277 279.307 644.539 279.14 644.878 279.051ZM644.741 277.893C644.741 278.156 644.826 278.371 644.996 278.538C645.165 278.705 645.386 278.789 645.657 278.789C645.92 278.789 646.135 278.707 646.302 278.542C646.472 278.375 646.557 278.171 646.557 277.931C646.557 277.68 646.469 277.47 646.295 277.3C646.123 277.128 645.907 277.042 645.649 277.042C645.388 277.042 645.172 277.126 645 277.293C644.827 277.46 644.741 277.66 644.741 277.893ZM644.521 280.464C644.521 280.659 644.567 280.847 644.658 281.03C644.752 281.212 644.89 281.354 645.072 281.455C645.254 281.554 645.45 281.603 645.66 281.603C645.987 281.603 646.257 281.498 646.469 281.288C646.682 281.078 646.788 280.811 646.788 280.487C646.788 280.157 646.678 279.885 646.458 279.67C646.24 279.455 645.967 279.347 645.638 279.347C645.316 279.347 645.049 279.454 644.836 279.666C644.626 279.879 644.521 280.145 644.521 280.464Z" fill="#202020" fill-opacity="0.8"/>
<rect x="541.28" y="268.889" width="114.028" height="22.3615" rx="3.40284" stroke="#202020" stroke-opacity="0.1" stroke-width="0.972239"/>
<rect x="259.122" y="303.404" width="15.5558" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.1"/>
<path d="M282.735 307.293H656.075" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" stroke-dasharray="1.94 1.94"/>
<rect x="259.122" y="330.52" width="15.5558" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.1"/>
<path d="M282.735 334.409H656.075" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" stroke-dasharray="1.94 1.94"/>
<rect x="259.122" y="357.635" width="15.5558" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.1"/>
<path d="M282.735 361.524H656.075" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" stroke-dasharray="1.94 1.94"/>
<rect x="259.122" y="384.75" width="15.5558" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.1"/>
<path d="M282.735 388.639H656.075" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" stroke-dasharray="1.94 1.94"/>
<rect x="259.122" y="411.865" width="15.5558" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.1"/>
<path d="M282.735 415.754H656.075" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" stroke-dasharray="1.94 1.94"/>
<rect x="259.122" y="438.98" width="15.5558" height="7.77791" rx="3.88896" fill="#202020" fill-opacity="0.1"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M656.075 446.758L282.735 446.758L282.735 445.786L656.075 445.786L656.075 446.758Z" fill="#0F37FF" fill-opacity="0.5"/>
<path d="M286.688 442.052C286.688 442.052 320.647 367.368 342.023 367.848C363.399 368.327 368.244 426.382 384.394 426.382C402.158 426.382 425.576 304.995 451.31 303.487C477.045 301.979 485.425 389.951 506.324 389.438C527.223 388.925 529.295 374.212 546.072 374.662C562.848 375.113 569.269 392.078 588.265 392.078C607.26 392.078 627.234 389.44 634.608 392.078C641.982 394.716 655.709 406.025 655.709 406.025" stroke="#879BFF" stroke-width="1.61145"/>
<path d="M286.688 419.492C286.688 419.492 320.647 392.571 342.023 392.744C363.399 392.917 368.244 413.844 384.394 413.844C402.158 413.844 425.576 370.088 451.31 369.544C477.045 369 485.425 400.711 506.324 400.526C527.223 400.342 529.295 395.038 546.072 395.2C562.848 395.363 569.269 401.478 588.265 401.478C607.26 401.478 627.234 400.527 634.608 401.478C641.982 402.429 656.515 398.543 656.515 398.543" stroke="#A9E088" stroke-width="1.61145"/>
<path d="M286.688 409.018C286.688 409.018 320.573 395.358 341.903 395.068C363.232 394.778 368.066 359.675 384.181 359.675C401.907 359.675 428.6 397.631 454.278 398.543C479.957 399.455 484.992 351.501 505.846 351.811C526.699 352.121 528.766 363.364 545.507 363.091C562.247 362.819 570.171 376.941 587.608 380.417C605.318 383.947 615.992 377.73 633.85 380.417C642.503 381.719 655.709 385.34 655.709 385.34" stroke="#B89AE6" stroke-width="1.61145"/>
<rect x="236.273" y="257.222" width="442.369" height="216.809" rx="7.29179" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter4_bdd_4607_59)">
<rect x="235.122" y="490.396" width="441.536" height="88.6295" rx="7.77791" fill="white" shape-rendering="crispEdges"/>
<path d="M257.415 504.771L258.358 505.16C257.677 507.183 256.773 508.728 255.655 509.808L254.848 509.108C256.005 508.019 256.86 506.57 257.415 504.771ZM261.206 509.924C261.887 510.965 262.48 512.083 262.976 513.269L262.023 513.697C261.897 513.386 261.77 513.084 261.644 512.792C259.972 513.045 258.095 513.23 256.024 513.366L255.849 512.374C256.501 512.229 257.463 510.76 258.727 507.97L259.729 508.32C258.97 509.885 258.192 511.227 257.395 512.335C258.698 512.248 259.981 512.112 261.226 511.917C260.924 511.305 260.613 510.741 260.292 510.235L261.206 509.924ZM261.041 504.694C261.566 506.444 262.49 507.873 263.812 508.981L263.083 509.827C261.692 508.631 260.72 507.085 260.166 505.18L261.041 504.694ZM272.368 509.954V513.687H271.337V513.23H266.806V513.687H265.776V509.954H272.368ZM266.806 512.277H271.337V510.906H266.806V512.277ZM266.544 506.92C266.213 507.358 265.824 507.756 265.397 508.116L264.794 507.319C265.649 506.628 266.223 505.783 266.524 504.791L267.536 504.908C267.429 505.277 267.293 505.617 267.137 505.948H268.654V504.684H269.675V505.948H272.737V506.92H269.675V508.174H273.486V509.166H264.599V508.174H268.654V506.92H266.544Z" fill="#202020" fill-opacity="0.8"/>
<rect x="254.459" y="524.122" width="399.639" height="16.1145" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="254.459" y="546.682" width="399.639" height="16.1145" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="235.608" y="490.882" width="440.564" height="87.6573" rx="7.29179" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter5_bdd_4607_59)">
<rect x="235.122" y="151.992" width="101.521" height="89.2886" rx="7.77791" fill="white" shape-rendering="crispEdges"/>
<path d="M258.747 173.477C258.309 172.69 257.794 172.087 257.191 171.659L258.037 171.115C258.834 171.679 259.554 172.777 260.195 174.401C261.119 176.656 262.305 178.251 263.763 179.184L263.131 179.991C261.624 179.097 260.351 177.337 259.31 174.731L259.281 174.644C258.62 176.948 257.327 178.737 255.383 180.001L254.76 179.126C256.773 177.804 258.105 175.927 258.747 173.477ZM269.558 171.056C269.694 171.309 269.84 171.581 269.976 171.892H273.408V172.884H266.32V174.926C266.291 177.084 265.98 178.815 265.397 180.118L264.531 179.35C265.017 178.29 265.27 176.812 265.29 174.926V171.892H268.838C268.712 171.659 268.576 171.445 268.42 171.251L269.558 171.056ZM268.595 172.972L269.558 173.195C269.5 173.39 269.431 173.584 269.373 173.779H272.98V174.663H269.033C268.809 175.188 268.576 175.655 268.323 176.063H269.694V175.042H270.705V176.063H272.776V176.977H270.705V177.755H273.495V178.679H270.705V180.137H269.694V178.679H266.34V177.755H269.694V176.977H267.302L267.088 176.083C267.39 175.704 267.672 175.227 267.944 174.663H266.699V173.779H268.313C268.411 173.516 268.498 173.244 268.595 172.972Z" fill="#202020" fill-opacity="0.8"/>
<rect x="254.459" y="193.775" width="32.2289" height="8.05723" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="254.459" y="209.61" width="56.4006" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="235.608" y="152.478" width="100.549" height="88.3163" rx="7.29179" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter6_bdd_4607_59)">
<rect x="349.534" y="151.992" width="101.521" height="89.2886" rx="7.77791" fill="white" shape-rendering="crispEdges"/>
<path d="M376.193 174.401V171.844H377.213V175.373H374.258V178.64H376.679V176.102H377.7V180.05H376.679V179.622H369.766V176.102H370.787V178.64H373.208V175.373H370.252V171.844H371.273V174.401H373.208V171.115H374.258V174.401H376.193ZM383.97 171.056C384.107 171.309 384.252 171.581 384.389 171.892H387.821V172.884H380.733V174.926C380.704 177.084 380.393 178.815 379.809 180.118L378.944 179.35C379.43 178.29 379.683 176.812 379.702 174.926V171.892H383.251C383.125 171.659 382.988 171.445 382.833 171.251L383.97 171.056ZM383.008 172.972L383.97 173.195C383.912 173.39 383.844 173.584 383.786 173.779H387.393V174.663H383.445C383.222 175.188 382.988 175.655 382.736 176.063H384.107V175.042H385.118V176.063H387.189V176.977H385.118V177.755H387.908V178.679H385.118V180.137H384.107V178.679H380.752V177.755H384.107V176.977H381.715L381.501 176.083C381.802 175.704 382.084 175.227 382.357 174.663H381.112V173.779H382.726C382.823 173.516 382.911 173.244 383.008 172.972Z" fill="#202020" fill-opacity="0.8"/>
<rect x="368.872" y="193.775" width="32.2289" height="8.05723" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="368.872" y="209.61" width="56.4006" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="350.02" y="152.478" width="100.549" height="88.3163" rx="7.29179" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter7_bdd_4607_59)">
<rect x="463.947" y="151.992" width="101.521" height="89.2886" rx="7.77791" fill="white" shape-rendering="crispEdges"/>
<path d="M485.481 173.837H486.463V175.159H487.445V176.073H486.463V177.084C486.881 177.006 487.28 176.919 487.659 176.822V177.774C487.27 177.872 486.872 177.969 486.463 178.056V180.108H485.481V178.251C484.937 178.348 484.363 178.426 483.77 178.504L483.634 177.512C484.286 177.434 484.898 177.356 485.481 177.259V176.073H483.965L483.751 175.179C484.004 174.673 484.237 174.031 484.451 173.263H483.624V172.291H484.694C484.772 171.922 484.859 171.533 484.937 171.124L485.9 171.27C485.822 171.62 485.754 171.96 485.676 172.291H487.397V173.263H485.423C485.219 173.973 485.005 174.605 484.781 175.159H485.481V173.837ZM487.747 172.291H489.195L489.4 171.124L490.401 171.222C490.333 171.591 490.275 171.941 490.216 172.291H492.423V173.263H490.022C489.954 173.555 489.886 173.827 489.827 174.09H492.676V175.052H489.584C489.487 175.392 489.39 175.713 489.293 176.015H492.287V176.851C491.995 177.444 491.538 178.047 490.916 178.659C491.247 178.863 491.568 179.077 491.869 179.301L491.295 180.176C490.304 179.408 489.293 178.795 488.243 178.348L488.787 177.541C489.234 177.736 489.672 177.949 490.1 178.183C490.576 177.755 490.955 177.337 491.247 176.909H488.029C488.223 176.316 488.398 175.694 488.573 175.052H487.475V174.09H488.816C488.875 173.817 488.943 173.536 489.001 173.263H487.747V172.291ZM494.368 171.192C495.009 171.698 495.554 172.213 496.001 172.719L495.272 173.438C494.893 172.952 494.358 172.427 493.658 171.863L494.368 171.192ZM499.9 179.962C499.375 179.962 498.801 179.952 498.189 179.943C497.566 179.933 497.061 179.875 496.652 179.777C496.264 179.661 495.933 179.437 495.651 179.106C495.525 178.941 495.408 178.863 495.291 178.863C495.107 178.863 494.776 179.301 494.29 180.176L493.541 179.476C494.027 178.698 494.455 178.202 494.844 177.988V175.324H493.561V174.391H495.787V178.095L495.884 178.193C496.098 178.445 496.322 178.64 496.546 178.766C496.827 178.912 497.246 178.99 497.809 179.009C498.364 179.019 499.015 179.029 499.754 179.029C500.24 179.029 500.726 179.019 501.232 179.019C501.728 178.999 502.107 178.98 502.379 178.961L502.126 179.962H499.9ZM496.954 171.572H501.543V172.505H496.954V171.572ZM496.332 173.759H502.253V174.722H499.278C498.85 175.791 498.422 176.637 497.994 177.259C499.015 177.123 499.88 176.968 500.6 176.783C500.405 176.326 500.191 175.888 499.968 175.47L500.794 175.198C501.3 176.093 501.747 177.104 502.136 178.251L501.232 178.474C501.134 178.183 501.047 177.911 500.95 177.648C499.9 177.92 498.539 178.144 496.857 178.319L496.604 177.434C496.993 177.318 497.547 176.413 498.266 174.722H496.332V173.759Z" fill="#202020" fill-opacity="0.8"/>
<rect x="483.284" y="193.775" width="32.2289" height="8.05723" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="483.284" y="209.61" width="56.4006" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="464.433" y="152.478" width="100.549" height="88.3163" rx="7.29179" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter8_bdd_4607_59)">
<rect x="578.359" y="151.992" width="101.521" height="89.2886" rx="7.77791" fill="white" shape-rendering="crispEdges"/>
<path d="M599.058 171.202C599.7 171.708 600.244 172.213 600.691 172.719L599.962 173.438C599.593 172.952 599.058 172.427 598.358 171.863L599.058 171.202ZM604.58 179.962C604.045 179.962 603.462 179.952 602.84 179.943C602.218 179.933 601.702 179.875 601.294 179.777C600.905 179.661 600.565 179.437 600.273 179.106C600.137 178.941 600.02 178.863 599.913 178.863C599.719 178.863 599.388 179.291 598.902 180.166L598.154 179.476C598.64 178.698 599.068 178.202 599.457 177.988V175.324H598.173V174.391H600.4V178.086L600.507 178.193C600.73 178.445 600.954 178.64 601.177 178.766C601.459 178.912 601.887 178.99 602.461 179.009C603.025 179.019 603.686 179.029 604.434 179.029C604.921 179.029 605.407 179.019 605.912 179.019C606.418 178.999 606.797 178.98 607.069 178.961L606.816 179.962H604.58ZM603.647 175.431C604.133 175.704 604.59 175.976 605.018 176.268C605.309 175.995 605.572 175.723 605.796 175.431L606.525 175.995C606.272 176.287 606.009 176.559 605.747 176.793C606.175 177.113 606.573 177.444 606.943 177.794L606.311 178.552C605.465 177.687 604.386 176.88 603.073 176.122L603.647 175.431ZM602.451 173.769V174.381H605.329V173.769H602.451ZM605.329 172.933V172.32H602.451V172.933H605.329ZM602.451 175.276V177.444C602.995 177.347 603.54 177.211 604.065 177.055L604.298 177.969C603.52 178.173 602.529 178.377 601.343 178.572L601.119 177.716C601.352 177.629 601.469 177.493 601.469 177.318V171.426H606.321V175.276H602.451ZM615.314 174.867H613.165C612.475 174.867 612.135 174.556 612.135 173.934V173.817L611.143 174.109L610.608 173.302C611.153 173.166 611.658 173.02 612.135 172.865V171.173H613.126V172.515C614.118 172.126 614.925 171.708 615.567 171.251L616.208 171.922C615.333 172.515 614.303 173.03 613.126 173.477V173.74C613.126 173.915 613.223 174.012 613.428 174.012H615.119C615.275 174.012 615.382 173.973 615.46 173.905C615.547 173.827 615.605 173.604 615.635 173.234L616.548 173.526C616.48 174.187 616.344 174.566 616.15 174.683C615.965 174.799 615.683 174.867 615.314 174.867ZM615.596 175.217V178.28H614.565V176.131H610.2V178.406H609.179V175.217H615.596ZM613.087 178.173C614.332 178.494 615.46 178.893 616.48 179.369L615.907 180.244C614.828 179.69 613.719 179.252 612.572 178.931L613.087 178.173ZM611.891 176.413L612.873 176.501C612.737 177.804 612.446 178.669 611.998 179.087C611.522 179.631 610.365 179.981 608.528 180.147L608.129 179.223C609.665 179.155 610.666 178.912 611.153 178.504C611.58 178.095 611.823 177.405 611.891 176.413ZM609.325 173.37C608.984 173.594 608.615 173.808 608.216 174.022L607.905 173.03C609.053 172.485 609.898 171.834 610.453 171.095L611.289 171.494C611.036 171.883 610.705 172.262 610.316 172.612V174.955H609.325V173.37Z" fill="#202020" fill-opacity="0.8"/>
<rect x="597.697" y="193.775" width="32.2289" height="8.05723" rx="3.88896" fill="#202020" fill-opacity="0.2"/>
<rect x="597.697" y="209.61" width="56.4006" height="15.5558" rx="3.88896" fill="#202020" fill-opacity="0.03"/>
<rect x="578.845" y="152.478" width="100.549" height="88.3163" rx="7.29179" stroke="#0F37FF" stroke-opacity="0.2" stroke-width="0.972239" shape-rendering="crispEdges"/>
</g>
<g filter="url(#filter9_bdd_4607_59)">
<path d="M25.6338 35.4084C25.6338 26.8171 32.5984 19.8525 41.1896 19.8525H1005.95C1014.54 19.8525 1021.51 26.8171 1021.51 35.4084V89.7974H25.6338V35.4084Z" fill="white" shape-rendering="crispEdges"/>
<g clip-path="url(#clip1_4607_59)">
<path d="M74.1418 45.0576C74.1776 45.0098 74.1776 44.9442 74.1418 44.8964L71.5569 41.4498C71.5315 41.416 71.4917 41.3961 71.4494 41.3961L67.085 41.396C66.9744 41.396 66.9112 41.5223 66.9776 41.6109L71.7448 47.9671C71.7985 48.0388 71.9059 48.0388 71.9596 47.9671L74.1418 45.0576Z" fill="#39A0FB"/>
<path d="M80.6413 59.8292C80.6055 59.7815 80.6055 59.7158 80.6413 59.6681L82.8235 56.7585C82.8772 56.6869 82.9846 56.6869 83.0383 56.7585L91.4984 68.0386C91.5648 68.1272 91.5016 68.2535 91.391 68.2535L87.0266 68.2535C86.9843 68.2535 86.9445 68.2336 86.9192 68.1997L80.6413 59.8292Z" fill="#39A0FB"/>
<path d="M70.4489 49.9814C70.4847 49.9337 70.4847 49.868 70.4489 49.8203L64.1711 41.4498C64.1457 41.416 64.1059 41.3961 64.0636 41.3961L59.6992 41.396C59.5886 41.396 59.5254 41.5223 59.5918 41.6109L68.0519 52.891C68.1056 52.9626 68.213 52.9626 68.2667 52.891L70.4489 49.9814Z" fill="#39A0FB"/>
<path d="M76.9484 64.7531C76.9126 64.7053 76.9126 64.6397 76.9484 64.5919L79.1306 61.6824C79.1843 61.6107 79.2917 61.6107 79.3454 61.6824L84.1126 68.0386C84.179 68.1272 84.1158 68.2535 84.0052 68.2535L79.6408 68.2535C79.5985 68.2535 79.5587 68.2336 79.5334 68.1997L76.9484 64.7531Z" fill="#39A0FB"/>
<path d="M79.5335 41.4497C79.5588 41.4159 79.5986 41.396 79.6409 41.396H91.391C91.5017 41.396 91.5648 41.5223 91.4984 41.6109L74.3878 64.425C74.3534 64.471 74.3519 64.5338 74.3843 64.5812L76.745 68.0436C76.8057 68.1327 76.7419 68.2535 76.634 68.2535H64.8022L67.5999 68.2535L59.6992 68.2534C59.5886 68.2534 59.5254 68.1271 59.5918 68.0386L79.5335 41.4497Z" fill="#3154F3"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M102.214 49.2285C103.317 50.3905 104.476 51.7316 105.105 52.7207L105.103 52.7182C105.116 52.7373 105.133 52.7532 105.152 52.7648C105.171 52.7763 105.193 52.7832 105.216 52.7848C105.238 52.7864 105.261 52.7827 105.282 52.774C105.302 52.7654 105.321 52.752 105.336 52.7348L106.562 51.3144C106.584 51.2891 106.597 51.2569 106.599 51.2232C106.6 51.1895 106.591 51.1562 106.571 51.1288C105.816 50.0898 104.362 48.5682 103.12 47.3206C103.099 47.2989 103.085 47.271 103.08 47.2408C103.074 47.2105 103.079 47.1794 103.092 47.1517C103.247 46.8138 103.394 46.4773 103.52 46.1394C103.528 46.1202 103.531 46.0996 103.53 46.0789C103.529 46.0582 103.524 46.0379 103.515 46.0194C103.506 46.0008 103.493 45.9844 103.478 45.9711C103.462 45.9579 103.444 45.9481 103.425 45.9424L101.703 45.4305C101.668 45.4199 101.631 45.423 101.598 45.4391C101.566 45.4552 101.54 45.4832 101.527 45.5175C100.634 47.7889 98.9911 50.3137 97.0848 51.8941C97.0682 51.908 97.0548 51.9255 97.0457 51.9453C97.0365 51.9651 97.0317 51.9867 97.0317 52.0086C97.0317 52.0305 97.0365 52.0521 97.0457 52.0719C97.0548 52.0917 97.0682 52.1092 97.0848 52.1231C97.5569 52.5304 97.998 52.9736 98.4043 53.4489C98.4168 53.464 98.4322 53.4765 98.4495 53.4855C98.4668 53.4946 98.4857 53.5 98.5051 53.5016C98.5246 53.5031 98.5441 53.5007 98.5626 53.4945C98.5811 53.4883 98.5981 53.4785 98.6129 53.4655C99.9403 52.2447 101.077 50.8251 101.984 49.2554C101.996 49.2359 102.012 49.2193 102.031 49.2069C102.049 49.1945 102.071 49.1868 102.093 49.1842C102.115 49.1816 102.138 49.1842 102.159 49.1919C102.18 49.1996 102.199 49.2121 102.214 49.2285ZM102.814 60.7596C103.863 59.1446 105.092 57.0306 105.83 55.1572L105.836 55.1598C105.849 55.1274 105.85 55.0916 105.839 55.0585C105.828 55.0255 105.806 54.9974 105.777 54.9793L104.465 54.1424C104.447 54.1301 104.426 54.1222 104.404 54.1196C104.382 54.1169 104.36 54.1195 104.339 54.1271L104.177 54.1783C104.08 54.2099 103.979 54.2258 103.877 54.2256H98.7008C98.6816 54.2254 98.6625 54.2292 98.6447 54.2365C98.6268 54.2439 98.6106 54.2548 98.5969 54.2686C98.5833 54.2824 98.5724 54.2989 98.565 54.317C98.5576 54.3351 98.5538 54.3545 98.5538 54.3741V56.0926C98.5538 56.1324 98.5693 56.1704 98.5969 56.1985C98.6244 56.2266 98.6618 56.2424 98.7008 56.2424H102.833C102.857 56.2431 102.881 56.2502 102.902 56.2629C102.923 56.2755 102.941 56.2934 102.953 56.3148C102.966 56.3362 102.973 56.3605 102.974 56.3854C102.975 56.4103 102.969 56.4351 102.958 56.4573C102.493 57.4017 101.932 58.4076 101.408 59.2547C101.396 59.2728 101.381 59.2883 101.364 59.3C101.346 59.3117 101.326 59.3193 101.305 59.3225C101.284 59.3257 101.263 59.3242 101.243 59.3182C101.223 59.3123 101.204 59.302 101.188 59.288C100.857 58.9949 100.539 58.7044 100.248 58.4255C100.223 58.4018 100.19 58.3879 100.156 58.386C100.122 58.3841 100.088 58.3945 100.061 58.4152L98.7436 59.4159C98.7266 59.4287 98.7126 59.4451 98.7025 59.4639C98.6924 59.4828 98.6865 59.5036 98.685 59.525C98.6836 59.5464 98.6867 59.5679 98.6942 59.5879C98.7017 59.608 98.7134 59.6261 98.7285 59.6411C100.034 60.9566 101.664 62.6791 102.465 63.8448C102.476 63.8616 102.491 63.8758 102.508 63.8865C102.525 63.8972 102.544 63.9042 102.564 63.9069C102.584 63.9097 102.605 63.9082 102.624 63.9026C102.643 63.897 102.661 63.8873 102.677 63.8743L104.114 62.6675C104.144 62.6434 104.163 62.6084 104.168 62.5701C104.172 62.5318 104.162 62.4933 104.138 62.4628C103.737 61.9276 103.301 61.4205 102.833 60.9451C102.809 60.9209 102.795 60.8894 102.791 60.8557C102.788 60.822 102.796 60.7881 102.814 60.7596ZM103.787 52.8628C103.211 52.1456 102.587 51.4708 101.918 50.8435C101.895 50.8216 101.865 50.808 101.833 50.8047C101.802 50.8015 101.77 50.8088 101.743 50.8256L100.524 51.5691C100.505 51.5806 100.489 51.5964 100.477 51.6152C100.465 51.634 100.457 51.6554 100.454 51.6777C100.452 51.7 100.454 51.7227 100.461 51.744C100.468 51.7653 100.48 51.7847 100.495 51.8007C101.144 52.4733 101.748 53.1893 102.302 53.9441C102.313 53.9601 102.327 53.9738 102.344 53.9842C102.36 53.9946 102.378 54.0017 102.397 54.0049C102.416 54.0081 102.435 54.0075 102.454 54.003C102.473 53.9984 102.49 53.9902 102.506 53.9786L103.755 53.0752C103.771 53.0637 103.785 53.0489 103.795 53.0318C103.806 53.0147 103.813 52.9957 103.815 52.9758C103.818 52.956 103.817 52.9357 103.812 52.9163C103.807 52.8969 103.799 52.8787 103.787 52.8628ZM115.421 62.6112C114.629 61.7385 113.172 60.4947 112.041 59.5797V59.5848C112.015 59.5624 111.982 59.5502 111.948 59.5502C111.914 59.5502 111.88 59.5624 111.854 59.5848L111.034 60.3219C111.029 60.3261 111.022 60.3285 111.016 60.3288C111.009 60.3291 111.003 60.3272 110.998 60.3235C110.992 60.3197 110.988 60.3143 110.986 60.308C110.984 60.3018 110.984 60.295 110.986 60.2886C111.627 58.4882 111.73 56.067 111.73 52.7566C111.73 52.7171 111.714 52.6792 111.687 52.6512C111.66 52.6231 111.623 52.6072 111.584 52.6069H109.972C109.933 52.6069 109.896 52.6225 109.869 52.6503C109.841 52.6782 109.826 52.7159 109.826 52.7553C109.811 58.9463 109.685 61.1921 105.538 62.5293C105.515 62.537 105.494 62.5505 105.477 62.5686C105.46 62.5868 105.448 62.6089 105.441 62.6331C105.435 62.6573 105.434 62.6827 105.44 62.7071C105.446 62.7314 105.458 62.7539 105.474 62.7725C105.836 63.1831 106.14 63.6426 106.378 64.1379C106.393 64.1711 106.42 64.1975 106.453 64.2121C106.486 64.2267 106.523 64.2285 106.557 64.2172C108.654 63.5083 109.91 62.5447 110.664 61.0884C110.675 61.0687 110.689 61.0517 110.707 61.0385C110.725 61.0254 110.745 61.0165 110.767 61.0126C110.789 61.0087 110.811 61.0098 110.832 61.0158C110.853 61.0218 110.873 61.0327 110.889 61.0475C111.952 62.0021 113.24 63.1973 113.93 64.0214C113.943 64.0365 113.958 64.0488 113.976 64.0576C113.994 64.0664 114.013 64.0715 114.032 64.0726C114.052 64.0737 114.071 64.0707 114.089 64.0639C114.108 64.0571 114.125 64.0465 114.139 64.0329L115.413 62.8211C115.427 62.8078 115.438 62.7919 115.446 62.7741C115.454 62.7564 115.459 62.7373 115.46 62.7178C115.46 62.6983 115.457 62.6788 115.45 62.6606C115.444 62.6423 115.434 62.6255 115.421 62.6112ZM109.314 49.8667C109.286 49.9509 109.259 50.0339 109.232 50.1153V50.109C109.222 50.1386 109.203 50.1644 109.178 50.1825C109.153 50.2007 109.123 50.2103 109.092 50.2101H106.89C106.852 50.2104 106.815 50.2263 106.787 50.2544C106.76 50.2824 106.745 50.3203 106.745 50.3598V59.4159C106.745 59.4554 106.76 59.4933 106.787 59.5214C106.815 59.5494 106.852 59.5653 106.89 59.5657H108.659C108.698 59.5657 108.735 59.5499 108.763 59.5218C108.79 59.4937 108.806 59.4556 108.806 59.4159V52.0579C108.806 52.0185 108.821 51.9808 108.848 51.9529C108.876 51.9251 108.913 51.9094 108.951 51.9094H112.584C112.604 51.9093 112.623 51.913 112.64 51.9204C112.658 51.9277 112.675 51.9386 112.688 51.9524C112.702 51.9662 112.713 51.9827 112.72 52.0008C112.728 52.0189 112.731 52.0383 112.731 52.0579V59.3404C112.731 59.3599 112.735 59.3792 112.742 59.3972C112.75 59.4152 112.761 59.4316 112.774 59.4454C112.788 59.4592 112.804 59.4701 112.821 59.4776C112.839 59.485 112.858 59.4889 112.877 59.4889H114.745C114.783 59.4889 114.82 59.4732 114.848 59.4454C114.875 59.4175 114.89 59.3798 114.89 59.3404V50.3636C114.89 50.3241 114.875 50.2862 114.848 50.2582C114.82 50.2301 114.783 50.2142 114.745 50.2139H111.418C111.394 50.214 111.37 50.2081 111.349 50.1967C111.328 50.1853 111.31 50.1687 111.296 50.1485C111.283 50.1282 111.275 50.1049 111.272 50.0806C111.27 50.0563 111.273 50.0317 111.282 50.0091C111.334 49.8794 111.387 49.7476 111.441 49.614C111.575 49.2822 111.712 48.939 111.85 48.5887C111.861 48.5611 111.88 48.5374 111.904 48.5207C111.928 48.5041 111.957 48.4952 111.986 48.4953H115.157C115.176 48.4953 115.195 48.4915 115.212 48.484C115.23 48.4765 115.246 48.4656 115.26 48.4518C115.273 48.438 115.284 48.4217 115.291 48.4037C115.299 48.3857 115.302 48.3664 115.302 48.3469V46.5553C115.302 46.516 115.287 46.4782 115.26 46.4504C115.232 46.4225 115.195 46.4069 115.157 46.4069H106.439C106.401 46.4069 106.363 46.4225 106.336 46.4503C106.308 46.4781 106.293 46.5158 106.292 46.5553V48.3494C106.293 48.3889 106.308 48.4267 106.336 48.4545C106.363 48.4823 106.401 48.4979 106.439 48.4979H109.552C109.575 48.4978 109.597 48.5033 109.618 48.5137C109.638 48.5242 109.656 48.5393 109.669 48.558C109.683 48.5767 109.692 48.5983 109.696 48.6212C109.7 48.6441 109.698 48.6676 109.692 48.6898C109.577 49.0769 109.442 49.4837 109.314 49.8667ZM134.633 63.471V61.7127C134.633 61.6931 134.629 61.6737 134.621 61.6556C134.614 61.6375 134.603 61.6211 134.59 61.6073C134.576 61.5935 134.56 61.5826 134.542 61.5752C134.524 61.5678 134.505 61.5641 134.486 61.5643H127.378C127.359 61.5643 127.34 61.5604 127.322 61.5529C127.304 61.5453 127.288 61.5343 127.274 61.5203C127.261 61.5064 127.25 61.4899 127.243 61.4718C127.236 61.4536 127.232 61.4342 127.232 61.4146V60.3537C127.232 60.3142 127.248 60.2763 127.275 60.2483C127.302 60.2203 127.339 60.2043 127.378 60.204H132.347C132.385 60.204 132.423 60.1884 132.45 60.1605C132.477 60.1327 132.493 60.0949 132.493 60.0556V58.4944C132.493 58.455 132.477 58.4172 132.45 58.3894C132.423 58.3616 132.385 58.3459 132.347 58.3459H127.378C127.359 58.3459 127.34 58.3421 127.322 58.3345C127.304 58.327 127.288 58.3159 127.274 58.302C127.261 58.2881 127.25 58.2716 127.243 58.2534C127.236 58.2353 127.232 58.2158 127.232 58.1962V57.2749C127.232 57.2355 127.248 57.1977 127.275 57.1699C127.302 57.142 127.339 57.1264 127.378 57.1264H133.249C133.268 57.1266 133.287 57.1229 133.305 57.1155C133.323 57.1081 133.339 57.0972 133.353 57.0834C133.367 57.0696 133.377 57.0532 133.385 57.0351C133.392 57.017 133.396 56.9976 133.396 56.978V55.3144C133.396 55.2747 133.381 55.2366 133.353 55.2085C133.325 55.1805 133.288 55.1647 133.249 55.1647H127.378C127.339 55.1647 127.302 55.149 127.275 55.1212C127.248 55.0934 127.232 55.0556 127.232 55.0163V54.0949C127.232 54.0554 127.217 54.0175 127.19 53.9895C127.162 53.9614 127.125 53.9455 127.086 53.9452H124.964C124.925 53.9455 124.888 53.9614 124.861 53.9895C124.833 54.0175 124.818 54.0554 124.818 54.0949V55.0163C124.818 55.0359 124.814 55.0553 124.807 55.0734C124.8 55.0915 124.789 55.1079 124.775 55.1217C124.761 55.1355 124.745 55.1464 124.727 55.1538C124.709 55.1611 124.69 55.1649 124.671 55.1647H122.222C122.197 55.164 122.172 55.1568 122.151 55.1438C122.129 55.1307 122.111 55.1123 122.099 55.0903C122.086 55.0682 122.079 55.0433 122.079 55.0178C122.079 54.9923 122.084 54.9671 122.096 54.9446C122.229 54.7002 122.349 54.4622 122.464 54.2254C122.474 54.2059 122.48 54.1844 122.48 54.1625C122.481 54.1406 122.477 54.1188 122.468 54.0987C122.459 54.0787 122.446 54.0608 122.43 54.0464C122.414 54.032 122.395 54.0215 122.374 54.0156L121.287 53.6957C121.274 53.6917 121.264 53.6833 121.257 53.672C121.25 53.6608 121.247 53.6473 121.249 53.6341C121.25 53.6209 121.257 53.6087 121.267 53.5999C121.276 53.591 121.289 53.5859 121.302 53.5856H132.506C132.526 53.5856 132.544 53.5818 132.562 53.5743C132.58 53.5668 132.596 53.5559 132.609 53.5421C132.623 53.5283 132.634 53.512 132.641 53.494C132.648 53.4759 132.652 53.4566 132.652 53.4372V46.2992C132.652 46.2797 132.648 46.2604 132.641 46.2424C132.634 46.2244 132.623 46.208 132.609 46.1942C132.596 46.1805 132.58 46.1695 132.562 46.1621C132.544 46.1546 132.526 46.1508 132.506 46.1508H119.373C119.354 46.1506 119.335 46.1543 119.317 46.1617C119.299 46.1691 119.283 46.18 119.269 46.1938C119.256 46.2076 119.245 46.224 119.237 46.2421C119.23 46.2602 119.226 46.2796 119.226 46.2992V53.4372C119.226 53.4568 119.23 53.4762 119.237 53.4943C119.245 53.5123 119.256 53.5288 119.269 53.5426C119.283 53.5564 119.299 53.5673 119.317 53.5747C119.335 53.5821 119.354 53.5858 119.373 53.5856H120.092C120.098 53.5857 120.104 53.5873 120.109 53.5903C120.114 53.5933 120.119 53.5976 120.122 53.6028C120.125 53.608 120.127 53.614 120.128 53.6201C120.128 53.6263 120.127 53.6324 120.125 53.6381C119.403 55.1515 118.358 56.4809 117.065 57.5282C117.046 57.5433 117.031 57.5627 117.022 57.5848C117.012 57.6069 117.008 57.6311 117.01 57.6552C117.012 57.6792 117.019 57.7025 117.032 57.723C117.044 57.7435 117.062 57.7605 117.082 57.7726C117.673 58.1477 118.233 58.5701 118.757 59.0357C118.784 59.0597 118.818 59.073 118.853 59.073C118.889 59.073 118.923 59.0597 118.95 59.0357C119.559 58.4698 120.116 57.8492 120.616 57.1814C120.629 57.1636 120.647 57.1492 120.667 57.1392C120.686 57.1293 120.708 57.124 120.73 57.1239H124.671C124.69 57.1237 124.709 57.1274 124.727 57.1348C124.745 57.1422 124.761 57.1531 124.775 57.1669C124.789 57.1807 124.8 57.1971 124.807 57.2152C124.814 57.2333 124.818 57.2527 124.818 57.2723V58.1936C124.818 58.2334 124.803 58.2714 124.775 58.2995C124.748 58.3276 124.71 58.3434 124.671 58.3434H119.896C119.857 58.3434 119.82 58.359 119.793 58.3868C119.765 58.4147 119.75 58.4524 119.75 58.4918V60.053C119.75 60.0924 119.765 60.1301 119.793 60.158C119.82 60.1858 119.857 60.2014 119.896 60.2014H124.671C124.71 60.2014 124.748 60.2172 124.775 60.2453C124.803 60.2734 124.818 60.3115 124.818 60.3512V61.412C124.818 61.4317 124.814 61.4511 124.807 61.4693C124.8 61.4875 124.789 61.504 124.775 61.5179C124.761 61.5318 124.745 61.5428 124.727 61.5503C124.71 61.5578 124.69 61.5617 124.671 61.5617H117.486C117.447 61.5617 117.41 61.5774 117.383 61.6052C117.355 61.633 117.34 61.6708 117.34 61.7102V63.471C117.34 63.5103 117.355 63.5481 117.383 63.5759C117.41 63.6038 117.447 63.6194 117.486 63.6194H134.486C134.505 63.6196 134.524 63.6159 134.542 63.6085C134.56 63.6011 134.576 63.5902 134.59 63.5764C134.603 63.5626 134.614 63.5462 134.621 63.5281C134.629 63.51 134.633 63.4906 134.633 63.471ZM130.072 49.0108H121.689C121.67 49.011 121.651 49.0073 121.633 48.9999C121.615 48.9925 121.599 48.9816 121.585 48.9678C121.572 48.954 121.561 48.9376 121.553 48.9195C121.546 48.9014 121.542 48.882 121.542 48.8624V48.0946C121.542 48.0549 121.558 48.0168 121.585 47.9887C121.613 47.9606 121.65 47.9448 121.689 47.9448H130.072C130.111 47.9452 130.148 47.9611 130.175 47.9891C130.203 48.0172 130.218 48.0551 130.218 48.0946V48.8624C130.218 48.9017 130.203 48.9395 130.175 48.9673C130.148 48.9952 130.111 49.0108 130.072 49.0108ZM130.072 51.7698H121.689C121.65 51.7698 121.613 51.754 121.585 51.7259C121.558 51.6978 121.542 51.6597 121.542 51.62V50.8394C121.542 50.7997 121.558 50.7617 121.585 50.7336C121.613 50.7055 121.65 50.6897 121.689 50.6897H130.072C130.091 50.6897 130.111 50.6936 130.128 50.7011C130.146 50.7087 130.162 50.7197 130.176 50.7337C130.189 50.7476 130.2 50.7641 130.207 50.7822C130.215 50.8004 130.218 50.8198 130.218 50.8394V51.62C130.218 51.6396 130.215 51.6591 130.207 51.6772C130.2 51.6954 130.189 51.7119 130.176 51.7258C130.162 51.7397 130.146 51.7508 130.128 51.7583C130.111 51.7659 130.091 51.7698 130.072 51.7698Z" fill="#0B1019"/>
<rect x="788.17" y="39.269" width="31.1116" height="31.1116" rx="15.5558" fill="#0F37FF" fill-opacity="0.05"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M798.5 50.15C798.5 47.2426 800.857 44.8857 803.765 44.8857C806.672 44.8857 809.029 47.2426 809.029 50.15C809.029 53.0574 806.672 55.4143 803.765 55.4143C800.857 55.4143 798.5 53.0574 798.5 50.15ZM803.765 46.259C801.616 46.259 799.874 48.0011 799.874 50.15C799.874 52.2989 801.616 54.041 803.765 54.041C805.913 54.041 807.656 52.2989 807.656 50.15C807.656 48.0011 805.913 46.259 803.765 46.259Z" fill="#0F37FF"/>
<path d="M807.054 57.1356C809.102 58.4581 810.402 60.5907 810.402 62.9674H811.775C811.775 60.0641 810.185 57.5227 807.799 55.9818L807.054 57.1356Z" fill="#0F37FF"/>
<path d="M797.127 62.9674C797.127 60.5907 798.427 58.4581 800.475 57.1356L799.73 55.9818C797.344 57.5227 795.754 60.0641 795.754 62.9674H797.127Z" fill="#0F37FF"/>
<path d="M805.596 55.6431C804.078 56.0595 803.367 56.0582 801.934 55.6431L802.85 57.4741H804.681L805.596 55.6431Z" fill="#0F37FF" fill-opacity="0.2"/>
<path d="M803.765 64.7983L805.596 63.1961L804.681 58.3896L802.85 58.3896L801.934 63.1961L803.765 64.7983Z" fill="#0F37FF" fill-opacity="0.2"/>
<rect x="834.837" y="47.0469" width="155.558" height="15.5558" rx="7.77791" fill="#0F37FF" fill-opacity="0.05"/>
</g>
</g>
<defs>
<filter id="filter0_bddd_4607_59" x="-4.36621" y="-0.662598" width="1056.02" height="673.961" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="5"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="10"/>
<feGaussianBlur stdDeviation="15"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.07 0"/>
<feBlend mode="multiply" in2="effect3_dropShadow_4607_59" result="effect4_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect4_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter1_bdd_4607_59" x="684.661" y="142.213" width="314.339" height="216.374" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter2_bdd_4607_59" x="684.962" y="351.758" width="315.005" height="239.171" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter3_bdd_4607_59" x="226.065" y="247.013" width="462.786" height="239.171" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter4_bdd_4607_59" x="225.399" y="480.673" width="460.981" height="110.019" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter5_bdd_4607_59" x="225.399" y="142.27" width="120.966" height="110.678" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter6_bdd_4607_59" x="339.812" y="142.27" width="120.966" height="110.678" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter7_bdd_4607_59" x="454.224" y="142.27" width="120.966" height="110.678" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter8_bdd_4607_59" x="568.637" y="142.27" width="120.966" height="110.678" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<filter id="filter9_bdd_4607_59" x="15.9114" y="10.1301" width="1015.32" height="91.3341" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feGaussianBlur in="BackgroundImageFix" stdDeviation="4.86119"/>
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="1.94448"/>
<feGaussianBlur stdDeviation="1.94448"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0283 0"/>
<feBlend mode="multiply" in2="effect1_backgroundBlur_4607_59" result="effect2_dropShadow_4607_59"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.88896"/>
<feGaussianBlur stdDeviation="3.88896"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.379167 0 0 0 0 0.51575 0 0 0 0 1 0 0 0 0.0417 0"/>
<feBlend mode="multiply" in2="effect2_dropShadow_4607_59" result="effect3_dropShadow_4607_59"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_4607_59" result="shape"/>
</filter>
<clipPath id="clip0_4607_59">
<path d="M25.6338 89.0889H1021.51V617.549C1021.51 626.14 1014.54 633.105 1005.95 633.105H41.1896C32.5984 633.105 25.6338 626.14 25.6338 617.549V89.0889Z" fill="white"/>
</clipPath>
<clipPath id="clip1_4607_59">
<rect width="32.2289" height="32.2289" fill="white" transform="translate(59.4312 38.7104)"/>
</clipPath>
</defs>
</svg>
src/assets/images/product/platform.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735112224989" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15492" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M0 0m512 0l0 0q512 0 512 512l0 0q0 512-512 512l0 0q-512 0-512-512l0 0q0-512 512-512Z" fill="#007BF6" p-id="15493"></path><path d="M512 0h4.2496A309.248 309.248 0 0 0 512 51.2v972.8C229.2224 1024 0 794.7776 0 512S229.2224 0 512 0z" fill="#339EFA" p-id="15494"></path><path d="M757.76 348.0576L523.264 258.048a31.8464 31.8464 0 0 0-22.4768 0l-234.496 90.0096A15.872 15.872 0 0 0 256 363.008v36.9664c0 8.8064 7.168 15.9744 15.9744 15.9744h480.1024c8.8064 0 16.0256-7.168 16.0256-15.9744V363.008a16.0768 16.0768 0 0 0-10.3424-14.9504zM320 448v160.0512h-15.9744a16.0256 16.0256 0 0 0-15.9744 15.9744v48.0768h448.1536v-48.0768a16.0256 16.0256 0 0 0-15.9744-15.9744h-16.0256V448h-64v160.0512h-96.1024V448h-64v160.0512H384V448H320zM752.128 704.0512H271.9232a16.0256 16.0256 0 0 0-15.9744 15.9744v32c0 8.8064 7.168 15.9744 15.9744 15.9744h480.1024c8.8064 0 16.0256-7.168 16.0256-15.9744v-32a15.9744 15.9744 0 0 0-16.0256-15.9744z" fill="#FFFFFF" p-id="15495"></path></svg>
\ No newline at end of file
src/assets/images/product/us.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735113584264" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22404" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M731.8528 775.0144c-25.0368-106.3424-97.3824-190.6688-191.7952-233.0624 58.4704-44.8 95.0784-116.6848 90.7776-196.8128-6.2464-115.7632-99.2768-210.4832-214.9376-218.5216C280.576 117.1968 167.4752 224.5632 167.4752 357.888c0 74.9568 35.7888 141.6704 91.136 184.064-94.4128 42.3936-166.7584 126.72-191.7952 233.0624-7.168 30.4128-15.6672 71.6288 5.632 95.1296 18.6368 20.5824 62.464 21.76 90.2144 21.76h487.9872c4.9152 0 43.4688-1.1264 48.2304-2.304 48.4352-11.9296 43.8784-68.1472 32.9728-114.5856z m-196.2496 42.9568H267.008c-25.856 0-46.7968-20.9408-46.7968-46.7968 0-25.856 20.9408-46.7968 46.7968-46.7968h268.5952c25.856 0 46.7968 20.9408 46.7968 46.7968 0 25.856-20.992 46.7968-46.7968 46.7968z" fill="#2595E8" p-id="22405"></path><path d="M540.0064 541.952c55.3472-42.3936 91.136-109.1072 91.136-184.064 0-127.8464-103.9872-231.8336-231.8336-231.8336-127.8464 0-231.8336 103.9872-231.8336 231.8336 0 74.9568 35.7888 141.6704 91.136 184.064-94.4128 42.3936-166.7584 126.72-191.7952 233.0624-6.656 28.3136-16.896 65.6384 1.8944 87.9616 7.0144 8.3456 19.8656 16.6912 36.9664 20.6848 42.496 9.3184 87.3472 6.0416 132.6592 6.0416 104.0896 0 202.0864-25.9584 287.8976-71.7312H267.008c-25.856 0-46.7968-20.9408-46.7968-46.7968 0-25.856 20.9408-46.7968 46.7968-46.7968h268.5952c25.856 0 46.7968 20.9408 46.7968 46.7968 0 5.0688-0.8192 9.8816-2.304 14.4384 42.8544-28.8256 81.92-62.9248 116.1728-101.376a339.44576 339.44576 0 0 0-156.2624-142.2848z" fill="#3A9CED" p-id="22406"></path><path d="M829.1328 515.1744c38.3488-36.6592 62.3104-88.2688 62.3104-145.3568 0-110.9504-90.2656-201.2672-201.2672-201.2672-24.9856 0-45.2608 20.2752-45.2608 45.2608s20.2752 45.2608 45.2608 45.2608c61.0304 0 110.6944 49.664 110.6944 110.6944 0 57.1392-43.4688 104.2432-99.072 110.08-3.84-0.1536-7.7312-0.3072-11.6224-0.3072-24.9856 0-45.2608 20.2752-45.2608 45.2608v0.9216c0 24.9856 20.2752 45.2608 45.2608 45.2608 4.3008 0 8.6016-0.2048 12.8512-0.4608 103.8336 6.656 186.3168 93.2352 186.3168 198.7072 0 24.9856 20.2752 45.2608 45.2608 45.2608s45.2608-20.2752 45.2608-45.2608c0.0512-109.312-60.9792-204.7488-150.7328-254.0544z" fill="#2595E8" p-id="22407"></path><path d="M850.9952 248.9856c-36.7616-48.7936-95.1808-80.4352-160.8192-80.4352-24.9856 0-45.2608 20.2752-45.2608 45.2608s20.2752 45.2608 45.2608 45.2608c61.0304 0 110.6944 49.664 110.6944 110.6944 0 57.1392-43.4688 104.2432-99.072 110.08-3.84-0.1536-7.7312-0.3072-11.6224-0.3072-24.9856 0-45.2608 20.2752-45.2608 45.2608v0.9216c0 24.9856 20.2752 45.2608 45.2608 45.2608 4.3008 0 8.6016-0.2048 12.8512-0.4608 22.8352 1.4848 44.6464 6.8096 64.768 15.36 53.248-90.88 83.8144-196.6592 83.8144-309.6064 0-9.1136-0.2048-18.2272-0.6144-27.2896z" fill="#3A9CED" p-id="22408"></path><path d="M644.864 213.8112c0 11.1104 4.0448 21.2992 10.7008 29.184 7.3216-23.1936 13.2608-46.9504 17.7664-71.2192-16.64 6.7072-28.4672 22.9888-28.4672 42.0352zM110.592 670.5152c229.5296-14.7968 424.6528-155.8528 516.6592-354.4576-19.7632-107.9296-114.432-190.0032-227.9936-190.0032-127.8464 0-231.8336 103.9872-231.8336 231.8336 0 74.9568 35.7888 141.6704 91.136 184.064-60.7232 27.2384-112.1792 71.936-147.968 128.5632z" fill="#59ADF8" p-id="22409"></path><path d="M455.936 133.0688c-18.1248-4.5568-37.12-7.0144-56.6272-7.0144-127.8464 0-231.8336 103.9872-231.8336 231.8336 0 14.1824 1.28 28.0576 3.7376 41.5744 121.344-55.6032 221.4912-149.5552 284.7232-266.3936z" fill="#6BC2FC" p-id="22410"></path></svg>
\ No newline at end of file
src/assets/images/product/zx.svg 0 → 100644
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1735112261447" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19531" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M763.9 99.7H260.1c-58.8 0-106.5 47.7-106.5 106.5v662.7c0 40.1 41.7 66.5 77.9 49.4l234.6-110.8c28.8-13.6 62.1-13.6 90.9-0.1l235.5 110.9c36.2 17.1 77.9-9.4 77.9-49.4V206.2c0-58.8-47.7-106.5-106.5-106.5z m-92.5 479.4H352.6c-21 0-38.1-17-38.1-38s17-38.1 38-38.1h318.7c21.1 0 38.1 17.1 38.1 38.1s-16.9 38-37.9 38z m0-173.8H352.6c-21 0-38.1-17-38.1-38.1 0-21 17-38.1 38.1-38.1h318.7c21 0 38.1 17 38.1 38.1s-17 38.1-38 38.1z" fill="#2595E8" p-id="19532"></path><path d="M870.4 471.3v-265c0-58.8-47.7-106.5-106.5-106.5H260.1c-58.8 0-106.5 47.7-106.5 106.5v632.9c44.5 9.7 90 14.6 135.6 14.6 31.9 0 63.2-2.4 93.8-6.9l83.2-39.3c23.6-11.1 50.1-13 74.8-5.9C688.4 737.5 806.7 619 870.4 471.3z m-199 107.8H352.6c-21 0-38.1-17-38.1-38s17-38.1 38-38.1h318.7c21.1 0 38.1 17.1 38.1 38.1s-16.9 38-37.9 38z m0-173.8H352.6c-21 0-38.1-17-38.1-38.1 0-21 17-38.1 38.1-38.1h318.7c21 0 38.1 17 38.1 38.1s-17 38.1-38 38.1z" fill="#3A9CED" p-id="19533"></path><path d="M362.9 579.1h-10.3c-21 0-38.1-17-38.1-38s17-38.1 38-38.1h142.6c38.1-28.6 72.9-61.4 103.6-97.6H352.6c-21 0-38.1-17-38.1-38.1 0-21 17-38.1 38.1-38.1h301.6c43.5-70.1 72.7-148 86.1-229.4H260.1c-58.8 0-106.5 47.7-106.5 106.5V628c73.9-4.4 144.4-21.4 209.3-48.9z" fill="#59ADF8" p-id="19534"></path><path d="M498.5 99.7H260.1c-58.8 0-106.5 47.7-106.5 106.5v167.7C298.8 326.5 420.8 228 498.5 99.7z" fill="#6BC2FC" p-id="19535"></path></svg>
\ No newline at end of file
src/components/head.vue
......@@ -20,7 +20,10 @@
:key="item.path">
<a class="navbar_item_a" :href="item.path">{{ item.name }}</a>
<i v-if="item.children" class="el-icon-arrow-down"></i>
<div class="navbar-panel" v-if="item.children">
<template v-if="item.children">
<div
class="navbar-panel"
v-if="item.path === '/product/production'">
<div class="navbar-panel-left">
<div class="left-title">
<span>九猫产品</span>
......@@ -28,7 +31,7 @@
<div class="left-content">
<div
class="left-content-item"
:class="{ active: $route.path === child.path }"
:class="{ lfActive: $route.path === child.path }"
v-for="child in item.children"
:key="child.path">
<a :href="child.path" class="item-router">
......@@ -51,12 +54,78 @@
<img src="../assets/images/home/play.png" />
</div>
</div>
<div class="right-bottom-content">
<a class="right-bottom-content" href="/financial">
<img width="30" src="../assets/images/home/fincial.png" />
<span>如何通过财务管控向内部要效益?</span>
</a>
</div>
</div>
<div
class="navbar-panel navbar-panel-support"
v-if="item.path === '/support'">
<div class="navbar-panel-left">
<div class="left-title">
<span>资源</span>
</div>
<div class="left-content">
<div
class="left-content-item"
:class="{ lfActive: $route.path === child.path }"
v-for="(child, index) in item.children"
:key="index">
<a :href="child.path" class="item-router">
<img :src="child.icon" />
<div class="content-name">
<div class="name">{{ child.name }}</div>
<div class="sub-title">{{ child.subTitle }}</div>
</div>
</a>
</div>
</div>
</div>
<div class="navbar-panel-right">
<div class="right-title">
<span>支持</span>
</div>
<div class="right-content">
<div
class="right-content-item"
:class="{ lfActive: $route.path === '/help' }">
<a class="item-router" href="">
<img src="../assets/images/product/help.svg" />
<div class="content-name">
<div class="name">帮助中心</div>
<div class="sub-title">
快速上手产品,获取使用问题的答案
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div
class="navbar-panel navbar-panel-about"
v-if="item.path === '/about'">
<div class="navbar-panel-left">
<div class="left-content">
<div
class="left-content-item"
:class="{ lfActive: $route.path === child.path }"
v-for="(child, index) in item.children"
:key="index">
<a :href="child.path" class="item-router">
<img :src="child.icon" />
<div class="content-name">
<div class="name">{{ child.name }}</div>
<div class="sub-title">{{ child.subTitle }}</div>
</div>
</a>
</div>
</div>
</div>
</div>
</template>
</li>
</ul>
</nav>
......@@ -99,6 +168,11 @@ import productionSvg from '../assets/images/home/production.svg'
import customSvg from '../assets/images/home/custom.svg'
import logisticsSvg from '../assets/images/home/logistics.svg'
import platformSvg from '../assets/images/home/platform.svg'
import hdSvg from '../assets/images/product/hd.svg'
import zxSvg from '../assets/images/product/zx.svg'
import platform from '../assets/images/product/platform.svg'
import usSvg from '../assets/images/product/us.svg'
import joinSvg from '../assets/images/product/join.svg'
export default {
props: {
......@@ -145,11 +219,53 @@ export default {
],
},
// { name: '核心功能', path: '/function' },
// { name: '价格', path: '/price' },
{ name: '需求痛点', path: '/demand_pain_point' },
{ name: '价格', path: '/price' },
// { name: '需求痛点', path: '/demand_pain_point' },
{ name: '一件定制', path: 'https://jomalls.com/custom/' },
{ name: '关于我们', path: '/about_us' },
{ name: '帮助', path: '/help' },
{ name: '案例', path: '/case' },
{
name: '资源与支持',
path: '/support',
children: [
{
name: '活动信息',
subTitle: '活动信息',
path: '',
icon: hdSvg,
},
{
name: '入住流程平台',
subTitle: '入住流程平台',
path: '',
icon: platformSvg,
},
{
name: '资讯',
subTitle: '资讯',
path: '',
icon: zxSvg,
},
],
},
{
name: '关于',
path: '/about',
children: [
{
name: '关于我们',
subTitle: '九猫ERP以精细化管理方案，帮助卖家实现业务增长',
path: '/about',
icon: usSvg,
},
{
name: '加入我们',
subTitle: '加入九猫，一切皆有可能',
path: '/join',
icon: joinSvg,
},
],
},
// { name: '帮助', path: '/help' },
],
userInfo: JSON.parse(localStorage.getItem('userInfo')),
playIcon: false,
......@@ -296,7 +412,7 @@ export default {
display: flex;
align-items: center;
justify-content: center;
gap: 80px;
gap: 60px;
width: 100%;
padding: 0;
height: 60px;
......@@ -402,7 +518,8 @@ export default {
border-bottom: 1px solid #91a0c3;
line-height: initial;
}
.left-content {
.left-content,
.right-content {
margin-top: 20px;
line-height: initial;
}
......@@ -412,6 +529,7 @@ export default {
}
.left-content-item {
padding: 10px;
width: 350px;
&:not(:last-child) {
margin-bottom: 20px;
......@@ -419,7 +537,7 @@ export default {
&:hover {
background-color: #f8f9ff;
}
&.active {
&.lfActive {
background-color: #eef1ff;
}
img {
......@@ -433,8 +551,11 @@ export default {
white-space: nowrap;
text-decoration: none;
color: #000;
overflow: hidden;
}
.content-name {
flex: 1;
overflow: hidden;
.name {
font-size: 16px;
margin-bottom: 8px;
......@@ -442,6 +563,7 @@ export default {
.sub-title {
font-size: 14px;
color: #777;
white-space: normal;
}
}
}
......@@ -467,9 +589,16 @@ export default {
}
}
.right-title {
white-space: nowrap;
font-weight: 500;
font-size: 16px;
padding-bottom: 20px;
width: 100%;
color: #91a0c3;
border-bottom: 1px solid #91a0c3;
line-height: initial;
white-space: nowrap;
}
.right-bottom-content {
white-space: nowrap;
font-size: 14px;
......@@ -477,6 +606,52 @@ export default {
align-items: center;
gap: 5px;
cursor: pointer;
padding: 10px;
&:hover {
background-color: #eef1ff;
}
}
}
.navbar-panel.navbar-panel-support {
.navbar-panel-right {
gap: 0;
}
img {
width: 30px;
vertical-align: middle;
}
.item-router {
display: flex;
align-items: flex-start;
gap: 20px;
white-space: nowrap;
text-decoration: none;
color: #000;
}
.content-name {
.name {
font-size: 16px;
margin-bottom: 8px;
}
.sub-title {
font-size: 14px;
color: #777;
}
}
.right-content-item {
padding: 10px;
width: 280px;
&:hover {
background-color: #f8f9ff;
}
&.lfActive {
background-color: #eef1ff;
}
}
}
.navbar-panel.navbar-panel-about {
.left-content {
margin-top: 0;
}
}
.video-cont {
......
src/components/product-intro.vue
......@@ -41,7 +41,7 @@
class="home-module-item flex justify-center"
v-for="(item, index) in moduleItems"
:key="index">
<div class="content flex w-full-70 gap-100 fade-up-animation">
<div class="content flex w-full-70 gap-28 fade-up-animation">
<div class="img">
<img :src="item.img" />
</div>
......@@ -108,17 +108,17 @@
p-id="6693"></path>
</svg>
<p class="reason-card-title">全生态产品</p>
<p class="text-textPrimary font-normal mt-10 text-sm font-size-18">
<p class="text-textPrimary font-normal mt-2 text-sm lg:text-lg">
贴合跨境卖家核心使用场景
</p>
<div class="mt-16 flex flex-col items-center">
<p class="text-textPrimary mb-10 font-light font-size-14">
<div class="mt-6 flex flex-col items-center">
<p class="text-textPrimary mb-2.5 font-light text-sm">
SaaS软件，无需下载即可使用
</p>
<p class="text-textPrimary mb-10 font-light font-size-14">
<p class="text-textPrimary mb-2.5 font-light text-sm">
对接支付、物流等系统，全链路闭环管理
</p>
<p class="text-textPrimary mb-10 font-light font-size-14">
<p class="text-textPrimary mb-2.5 font-light text-sm">
功能版块全，包含进销存、财务、广告等
</p>
</div>
......@@ -154,17 +154,17 @@
p-id="8658"></path>
</svg>
<p class="reason-card-title">全方位保障</p>
<p class="text-textPrimary font-normal mt-10 text-sm font-size-18">
<p class="text-textPrimary font-normal mt-2 text-sm lg:text-lg">
深度开发能力与数据安全护航
</p>
<div class="mt-16 flex flex-col items-center">
<p class="text-textPrimary mb-10 font-light font-size-14">
<div class="mt-6 flex flex-col items-center">
<p class="text-textPrimary mb-2.5 font-light text-sm">
自研亿级任务调度引擎，运行快速
</p>
<p class="text-textPrimary mb-10 font-light font-size-14">
<p class="text-textPrimary mb-2.5 font-light text-sm">
定期检测漏洞，签署、严守保密协议
</p>
<p class="text-textPrimary mb-10 font-light font-size-14">
<p class="text-textPrimary mb-2.5 font-light text-sm">
亚马逊SPN服务商，国家高新技术企业认定
</p>
</div>
......@@ -199,17 +199,17 @@
p-id="16055"></path>
</svg>
<p class="reason-card-title">全周期服务</p>
<p class="text-textPrimary font-normal mt-10 text-sm font-size-18">
<p class="text-textPrimary font-normal mt-2 text-sm lg:text-lg">
全程专业服务，满足卖家需求
</p>
<div class="mt-16 flex flex-col items-center">
<p class="text-textPrimary mb-10 font-light font-size-14">
<div class="mt-6 flex flex-col items-center">
<p class="text-textPrimary mb-2.5 font-light text-sm">
软件顾问、实施、售后全流程服务
</p>
<p class="text-textPrimary mb-10 font-light font-size-14">
<p class="text-textPrimary mb-2.5 font-light text-sm">
一体化专业服务，深度赋能客户
</p>
<p class="text-textPrimary mb-10 font-light font-size-14">
<p class="text-textPrimary mb-2.5 font-light text-sm">
为软件使用负责，持续交付新功能
</p>
</div>
......
src/components/productDesc.vue
......@@ -5,7 +5,7 @@
v-for="(item, index) in moduleItems"
:data-id="item.id"
:key="index">
<div class="content mx-auto flex w-full-70 gap-100 fade-up-animation gap-20">
<div class="content mx-auto flex w-full-70 gap-28 fade-up-animation gap-20">
<div class="img">
<img :src="item.img" />
</div>
......@@ -85,7 +85,7 @@ export default {
.home-module-item:nth-child(even) .content {
flex-direction: row-reverse;
}
.home-module-item:nth-child(odd) {
.home-module-item:nth-child(even) {
background-color: #f8f9ff;
}
......
src/components/productLogisticsDesc.vue 0 → 100644
<template>
<div class="product-logistics-desc py-16">
<div class="card flex gap-10 h-96 justify-between w-full-70 mx-auto">
<img :src="moduleItems.img" class="img" />
<div class="word">
<div
class="item-content flex gap-2"
v-for="(item, index) of moduleItems.contents"
:key="index">
<div class="icon">
<img
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIuOTQxNCIgY3k9IjEyIiByPSIxMiIgZmlsbD0iIzBGMzdGRiIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KPGNpcmNsZSBjeD0iMTIuOTQxNCIgY3k9IjEyIiByPSI0IiBmaWxsPSIjMEYzN0ZGIi8+Cjwvc3ZnPgo="
width="22"
alt="" />
</div>
<div class="content mb-5">
<h4 class="text-sm font-bold mb-2">{{ item.title }}</h4>
<p class="text-xs text-gray-400">
{{ item.subTitle }}
</p>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'productLogisticsDesc',
props: {
moduleItems: Object,
},
}
</script>
<style lang="scss" scoped>
.product-logistics-desc:nth-child(even) .card {
flex-direction: row-reverse;
}
.product-logistics-desc:nth-child(even) {
background-color: #f8f9ff;
}
</style>
src/components/templateList.vue 0 → 100644
<template>
<el-skeleton style="width: 100%" :loading="loading" animated>
<template slot="template">
<el-skeleton-item variant="image" style="width: 90%; height: 200px" />
<div style="padding: 14px">
<el-skeleton-item variant="h3" style="width: 50%" />
<div
style="
display: flex;
align-items: center;
justify-items: space-between;
margin-top: 16px;
height: 16px;
">
<el-skeleton-item variant="text" style="margin-right: 16px" />
<el-skeleton-item variant="text" style="width: 30%" />
</div>
</div>
</template>
<template>
<el-card
class="product-item"
shadow="hover"
:body-style="{ padding: '0px', marginBottom: '1px' }">
<router-link :to="`product/${product.sku}`">
<el-image
fit="contain"
:src="product.img_url | imageFilter(220)"></el-image>
<div class="title">
<span>{{ product.title }}</span>
</div>
<div class="price">
￥{{ product.min_price }} - ￥{{ product.max_price }}
</div>
</router-link>
</el-card>
</template>
</el-skeleton>
</template>
<script>
export default {
name: 'templateList',
props: ['product', 'loading'],
}
</script>
<style scoped>
.product-item {
padding: 10px 5px;
cursor: pointer;
margin: 10px 5px;
text-align: center;
}
.product-item a {
color: #333;
text-decoration: none;
}
.product-item:hover a {
color: black;
text-decoration: underline;
}
.product-item .el-image {
max-width: 100%;
transition: all 0.3s;
}
.product-item:hover .el-image {
transform: scale(1.09);
}
.product-item .title {
padding: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
.product-item .price {
margin: 5px auto;
color: #333;
font-size: 14px;
font-weight: bold;
line-height: 14px;
letter-spacing: 0px;
display: flex;
align-items: center;
justify-content: center;
}
</style>
src/router/index.js
......@@ -9,6 +9,10 @@ import aboutPage from '../views/aboutus/aboutPage'
import helpPage from '../views/helpPage'
import productionManagement from '../views/product/productionManagement.vue'
import ProductionCustom from '../views/product/productionCustom.vue'
import ProductionLogistics from '../views/product/productionLogistics.vue'
import ProductionPlatform from '../views/product/productPlatform.vue'
import CasePage from '../views/case/casePage.vue'
import FinancialPage from '../views/support/financialPage.vue'
Vue.use(VueRouter)
......@@ -55,10 +59,30 @@ const routes = [
component: productionManagement,
},
{
path:'/product/custom',
name:'custom',
component:ProductionCustom,
}
path: '/product/custom',
name: 'custom',
component: ProductionCustom,
},
{
path: '/product/logistics',
name: 'logistics',
component: ProductionLogistics,
},
{
path: '/product/platform',
name: 'platform',
component: ProductionPlatform,
},
{
path: '/case',
name: 'case',
component: CasePage,
},
{
path: '/financial',
name: 'financial',
component: FinancialPage,
},
],
},
{
......@@ -94,8 +118,7 @@ const routes = [
{
path: '/after-sales-agreement',
name: 'after-sales-agreement',
component: (resolve) =>
require(['../views/agreement'], resolve),
component: (resolve) => require(['../views/agreement'], resolve),
},
]
......
src/views/case/casePage.vue 0 → 100644
<template>
<div class="case-page bg-colorBg">
<div class="lx-module-case-banner text-center">
<h3 class="case-banner-title">倾听企业故事，探寻出海方案最优解</h3>
<span class="text-lg">链接九猫ERP，共创您的品牌出海新高度</span>
</div>
<div class="case-swiper">
<div class="w-full-70 mx-auto bg-white pt-10 px-10 rounded-xl">
<el-carousel
indicator-position="outside"
:autoplay="false"
height="380px"
:loop="false">
<el-carousel-item
v-for="(item, index) in swiperCaseList"
:key="index">
<div class="case-swiper-container h-full flex gap-10">
<div class="left-image flex-1">
<img :src="item.img" />
</div>
<div class="right-content flex flex-col gap-4 flex-1">
<div class="company-logo h-16">
<img :src="item.companyLogo" />
</div>
<div class="company-title text-4xl font-medium">
{{ item.title }}
</div>
<div class="company-sub-title text-sm text-gray-500">
{{ item.subTitle }}
</div>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
</div>
<div class="cooperation-case py-20">
<div class="w-full-70 mx-auto">
<div class="cooperation-case-title">合作客户案例</div>
<div class="cooperation-case-list grid grid-cols-4 gap-10 mt-10">
<div
class="case-item-card bg-white"
v-for="(item, index) in caseList"
:key="index">
<div class="image">
<img :src="item.img" />
</div>
<div class="content p-6">
<div class="logo">
<img :src="item.companyLogo" />
</div>
<div class="company-title text-xl font-medium leading-8 mt-2">
{{ item.title }}
</div>
<div class="flex items-center gap-2 justify-between text-sm mt-2">
<span class="category-tag text-gray-500">{{ item.type }}</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bg">
<div class="footer-banner">
<div class="footer-title">与众多优秀企业共同选择，实现业绩高效增长</div>
<!---->
</div>
</div>
</div>
</template>
<script>
export default {
name: 'casePage',
data() {
return {
swiperCaseList: [
{
img: '',
companyLogo: '',
title: 'xxxx1',
subTitle: 'xxxx11',
},
{
img: '',
companyLogo: '',
title: 'xxxx2',
subTitle: 'xxxx22',
},
{
img: '',
companyLogo: '',
title: 'xxxx3',
subTitle: 'xxxx33',
},
{
img: '',
companyLogo: '',
title: 'xxxx5',
subTitle: 'xxxx55',
},
{
img: '',
companyLogo: '',
title: 'xxxx6',
subTitle: 'xxxx66',
},
],
caseList: [
{
img: '',
companyLogo: '',
title: 'xxxx1',
type: '3C类',
},
{
img: '',
companyLogo: '',
title: 'xxxx1',
type: '制造业',
},
{
img: '',
companyLogo: '',
title: 'xxxx1',
type: '办公类用品',
},
{
img: '',
companyLogo: '',
title: 'xxxx1',
type: '办公类用品11',
},
{
img: '',
companyLogo: '',
title: 'xxxx1',
type: '母婴类',
},
],
}
},
}
</script>
<style lang="scss" scoped>
.lx-module-case-banner {
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/case-banner-bg.12883c4.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
height: 344px;
width: 100%;
.case-banner-title {
color: #1a2035;
font-weight: 500;
font-size: 44px;
line-height: 1;
line-height: 64px;
font-style: normal;
}
span {
color: #3a4057;
font-weight: 400;
font-size: 18px;
line-height: 1;
line-height: 28px;
margin-top: 8px;
text-align: center;
font-style: normal;
}
}
.left-image {
border: 1px solid #e5e5e5;
}
.cooperation-case-title {
font-weight: 500;
font-size: 36px;
line-height: 1;
line-height: 54px;
font-style: normal;
width: 1280px;
color: #1a2035;
}
.case-item-card {
.image {
height: 160px;
width: 100%;
overflow: hidden;
border: 1px solid #e5e5e5;
}
.logo {
width: 120px;
height: 48px;
border: 1px solid #e5e5e5;
}
.category-tag {
border-radius: 4px;
font-style: normal;
background: #e6e8ef;
padding: 4px 12px;
color: #3a4057;
}
}
.footer-banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2.5rem 15px;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/history-card-sm-bg.cbfbf77.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: 100% 5.375rem;
}
.footer-banner .footer-title {
font-weight: 500;
font-size: 1.25rem;
margin-bottom: 1.25rem;
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
letter-spacing: 2px;
}
.footer-banner .footer-description {
line-height: 1.75rem;
display: none;
font-weight: 300;
font-size: 1.125rem;
margin-top: 0.5rem;
margin-bottom: 2.5rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.footer-banner {
padding: 5rem 0;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/app-promotion-bg.252059a.png);
background-size: cover;
}
.footer-banner .footer-title {
font-size: 2.25rem;
line-height: 3.125rem;
margin-bottom: 0;
}
.footer-banner .footer-description {
display: block;
}
}
</style>
src/views/homePage/index.vue
......@@ -16,8 +16,12 @@
</el-carousel> -->
<div class="banner-container gap-20">
<div class="left-content">
<h3 class="left-content-title font-bold">在以亚马逊为主的跨境电商ERP中</h3>
<h2 class="left-content-title-high-light font-bold">九猫ERP市占率第一</h2>
<h3 class="left-content-title font-bold">
在以亚马逊为主的跨境电商ERP中
</h3>
<h2 class="left-content-title-high-light font-bold">
九猫ERP市占率第一
</h2>
<p class="left-content-description">
<span class="high-light">60万+</span>
<span>跨境卖家的一致选择，支持</span>
......@@ -39,7 +43,7 @@
<product-intro />
<div class="docking-platform flex justify-center">
<div>
<div class="flex justify-center flex-col items-center">
<div class="flex justify-center flex-col items-center mb-10 gap-2">
<h3 class="text-textContent lx-title mb-8" style="text-align: center">
对接平台
</h3>
......@@ -240,4 +244,23 @@ export default {
.platforms img {
width: 100%;
}
.lx-title {
font-size: 2.25rem;
color: #1a2035;
font-weight: 500;
font-size: 1.25rem;
line-height: 1.75rem;
margin-bottom: 0.25rem;
max-width: 840px;
text-align: center;
--tw-text-opacity: 1;
color: rgba(26, 32, 53, var(--tw-text-opacity));
letter-spacing: 1px;
}
@media (min-width: 1024px) {
.lx-title {
font-size: 2.25rem;
line-height: 2.75rem;
}
}
</style>
src/views/price/pricePage.vue
<template>
<div class="price-page">
<div class="header-banner">
<div class="image">
<img
src="../../assets/images/footer.jpg"
style="width: 100%; height: 100%; object-fit: cover" />
</div>
<div class="text">
<h2>专业化的服务团队，让您物超所值</h2>
<hr />
<ul>
<li>
<i class="i1"></i>
<span>与时俱进</span>
</li>
<li>
<i class="i2"></i>
<span>客户至上</span>
</li>
<li>
<i class="i3"></i>
<span>人尽奇才</span>
</li>
<li>
<i class="i4"></i>
<span>互利共赢</span>
</li>
</ul>
<div class="header-banner pt-28">
<div class="content-container flex flex-col items-center gap-2">
<h3 class="banner-title font-medium text-4xl">九猫ERP版本对比</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
<span>每个版本均包含全系统功能与客户服务，有效提升运营管理效率</span>
</div>
</div>
</div>
<div class="content-body">
......@@ -52,6 +32,178 @@
</div>
</div>
</div>
<div
class="lx-section mt-12 py-12 bg-colorBg px-[15px] lg:px-0 lg:mt-28 lg:py-28">
<div
class="flex justify-between items-center flex-col-reverse lg:flex-row mx-auto w-full-70">
<div class="lx-l-section lg:w-2/4">
<h3
class="hidden lg:block text-4xl text-textTitle font-medium tracking-1px">
获得 600000+ 客户的认可
</h3>
<div class="grid gap-x-5 lg:mt-16 lg:block lg:gap-x-0 grid-cols-3">
<div
class="flex justify-center flex-col lg:items-start items-center mt-12">
<h3 class="lx-title">
60
<span class="highlight-text">天</span>
</h3>
<div
class="text-sm font-normal text-textContent mt-1 lg:text-left lg:text-base lg:mt-0 text-center">
支持60天无理由退款
</div>
</div>
<div
class="flex justify-center flex-col lg:items-start items-center mt-12">
<h3 class="lx-title">一体化服务</h3>
<div
class="text-sm font-normal text-textContent mt-1 lg:text-left lg:text-base lg:mt-0 text-center">
顾问、实施、售后全程服务
</div>
</div>
<div
class="flex justify-center flex-col lg:items-start items-center mt-12">
<h3 class="lx-title">
15
<span class="highlight-text">天</span>
</h3>
<div
class="text-sm font-normal text-textContent mt-1 lg:text-left lg:text-base lg:mt-0 text-center">
平均15天迭代更新一次
</div>
</div>
</div>
</div>
<div
class="lx-r-section flex flex-col justify-center items-center lg:w-2/4">
<h3
class="lg:hidden text-xl mb-13 text-textTitle font-medium tracking-1px text-center">
获得 600000+ 客户的认可
</h3>
<div class="w-full">
<img
width="100%"
src="https://static.distributetop.com/office-site-new/office-site-resource/image/f82253344129c62059d13f3f333725dd.png"
alt="亚马逊ERP系统一套多少钱-九猫ERP" />
</div>
</div>
</div>
</div>
<div class="lx-section my-12 lg:my-130px mx-auto max-w-7xl">
<div
class="flex justify-center flex-col items-center lx-large-title aos-init aos-animate"
data-aos="fade-up">
<h3
class="text-4xl font-medium tracking-wider w-full lx-title-no-description"
style="text-align: center">
常见问题
</h3>
</div>
<div>
<div class="grid grid-cols-2 gap-16 mt-16">
<div class="lx-question-card">
<div class="mb-4 flex items-center" style="font-size: 0px">
<span
class="inline-flex flex-shrink-0 justify-center items-center text-white text-lg font-medium w-10 h-10 mr-4 rounded-full bg-blue-600">
01
</span>
<span class="text-lg text-textTitle font-medium">
使用九猫ERP，需要支付多少费用？
</span>
</div>
<div class="lx-question-description">
九猫ERP包含免费版、包年版，您只要注册即可免费接入使用九猫ERP全系统功能，在每月订单量≤5000单的情况下，支持长期免费使用。包年版则是根据单量情况选择所需套餐，按年付费即可。详细可以线上咨询客服或者致电我们
xxx。
</div>
</div>
<div class="lx-question-card">
<div class="mb-4 flex items-center" style="font-size: 0px">
<span
class="inline-flex flex-shrink-0 justify-center items-center text-white text-lg font-medium w-10 h-10 mr-4 rounded-full bg-blue-600">
02
</span>
<span class="text-lg text-textTitle font-medium">
我该怎么申请使用免费版呢？
</span>
</div>
<div class="lx-question-description">
您点击“免费试用”按钮并提交信息，九猫会在收到您的申请后24h内联系您，给您开通并配置免费版。
</div>
</div>
<div class="lx-question-card">
<div class="mb-4 flex items-center" style="font-size: 0px">
<span
class="inline-flex flex-shrink-0 justify-center items-center text-white text-lg font-medium w-10 h-10 mr-4 rounded-full bg-blue-600">
03
</span>
<span class="text-lg text-textTitle font-medium">
如何购买九猫ERP系统？
</span>
</div>
<div class="lx-question-description">
您可以选择以下任意一种方式：
</div>
<div class="lx-question-description">
①点击任一“免费试用”按钮并完成注册，客服人员将会在24h内与您沟通，协助您完成购买；
</div>
<div class="lx-question-description">
②拨打&nbsp;400-800-8024&nbsp;或点击右侧&nbsp;咨询&nbsp;按钮，工作人员将协助您完成购买。
</div>
</div>
<div class="lx-question-card">
<div class="mb-4 flex items-center" style="font-size: 0px">
<span
class="inline-flex flex-shrink-0 justify-center items-center text-white text-lg font-medium w-10 h-10 mr-4 rounded-full bg-blue-600">
04
</span>
<span class="text-lg text-textTitle font-medium">
数据都在九猫ERP上，是否安全？
</span>
</div>
<div class="lx-question-description">
安全的。数据上，九猫有多重保障，与数据安全公司合作定期监测漏洞，与客户均签订并严守《商业合作保密协议》，九猫所有员工均签署高赔偿额保密协议。而且九猫是亚马逊SPN服务商，经过亚马逊官方严格的技术和安全审核；获国家信息安全等级保护认证，为卖家提供优质安全的信息服务。
</div>
</div>
</div>
<div class="other-questions mt-16 shadow-lg rounded-md px-8 py-8">
<el-collapse v-model="activeNames">
<el-collapse-item
v-for="(item, index) in collapses"
:key="index"
:title="item.title"
:name="index">
<template slot="title">
<div class="cus-title">
<span class="text-textSup font-medium text-base mr-2.5">
{{ item.index }}
</span>
<span class="title">{{ item.title }}</span>
</div>
</template>
<div class="question-content">
<div
class="cont-item text-textTitle text-sm lg:text-base font-light mt-3"
v-for="(c, index1) in item.contents"
:key="index1">
<span>
{{ c }}
</span>
</div>
</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
</div>
<div class="footer-bg">
<div class="footer-banner">
<div class="footer-title">选择九猫，开始高效管理跨境电商业务</div>
<div class="footer-description">
已有超过60万卖家在使用九猫ERP，提升业务管理效益
</div>
<!---->
</div>
</div>
</div>
</template>
<script>
......@@ -68,7 +220,7 @@ export default {
},
{
label: '适用范围',
value: 'radius'
value: 'radius',
},
{
label: '收费方式',
......@@ -112,7 +264,7 @@ export default {
},
{ label: '专属产品经理', value: 'exclusivePM' },
],
activeNames: ['1'],
prices: [
{
name: 'shopify版',
......@@ -121,7 +273,7 @@ export default {
radius: 'shopify',
accountsCount: '不限',
deploymentType: 'SaaS',
rechargeAmount: '0',//充值金额
rechargeAmount: '0', //充值金额
featureCustomization: false, // 功能定制
permissionManage: true, // 权限管理
financialManage: true, // 财务管理
......@@ -249,6 +401,94 @@ export default {
exclusivePM: true, // 专属产品经理
},
],
collapses: [
{
index: '05.',
title: '我购买九猫ERP后，后续的培训和服务收费吗？',
contents: [
'您购买九猫ERP后，九猫将安排售后实施与您对接，全程提供免费的培训与服务，保证您使用过程的顺畅。',
],
},
{
index: '06.',
title: '购买九猫ERP后，我可以申请退款吗？',
contents: ['可以的，九猫ERP支持60天无理由退款。'],
},
{
index: '07.',
title: 'ERP对卖家有什么作用？',
contents: [
'对于跨境卖家而言，ERP帮助实现站点统一管理，批量处理订单，提高人效比。除此之外，ERP还能帮助卖家优化供应链流程，整合多维数据帮助快速进行利润核算，大大节省时间。',
'九猫ERP能集中对企业的人员、财务、货物、数据等进行管理；将运营、物流、仓储、财务等多个部门的数据整合到一起，流程化管控，高效协同；而且数据实时更新变动，相关的负责人随时可以了解最新动态。功能上也很丰富，几乎涵盖了跨境电商卖家店铺管理的全维度，包含多站点协同管理、订单管理、商品管理、采购管理、库存管理、广告管理、客服管理、利润统计等。',
],
},
{
index: '08.',
title: '九猫ERP适合什么样的卖家？',
contents: [
'九猫ERP适合精细化运营的跨境电商卖家，规模不限，大中小型企业都可使用。九猫ERP提供从采购、运营、销售、广告、发货到数据统计等多维功能。',
'采购管理上，系统支持按产品、供应商、采购员等维度查看产品的采购量、到货量等，自动统计对应的采购货值情况；支持按任意时间维度查询采购情况，一键生成环比分析图。',
'运营提效上，九猫整合了Listing的销量、库存、流量、广告、利润等数据，支持备注运营笔记，以数据趋势图展示；九猫还提供了关键词监控、Listing自动调价等多种运营工具。',
'销售管理上，支持批量刊登Listing，多站点统一在九猫ERP进行操作；批量处理订单，无需登录多个电商后台就能跟进异常订单处理、分析订单利润等。',
'广告管理上，涵盖了SP、SB、SD全广告类型，一键同步投放多类型广告；提供分时策略，自动化执行广告预设任务；多维广告可视化分析报表，清晰一览广告花费和效果。',
'发货管理上，支持卖家快捷创建发货计划，是否设定审批发货数量、物流方式等；系统数据实时跟踪，结合最大补货量、在途数据、7/14/30天销量等提供补货建议。',
'数据管理上，九猫ERP提供了利润报表、产品表现报表、业绩报表等多维数据报表，帮助卖家清晰了解产品的销量表现、利润表现、人员表现等，深度整合运营维度所有数据。',
],
},
{
index: '09.',
title: '使用九猫ERP接入多个店铺是否会导致关联呢？',
contents: [
'不会的。九猫是亚马逊SPN服务商，可以在亚马逊SPN官方网站搜索到九猫；授权的方式是通过SP-API的方式授权，跟您使用收款工具授权方式一样的。',
],
},
{
index: '10.',
title: '在我司没有程序员或者开发人员的情况下，可以使用九猫ERP吗？',
contents: [
'可以的。九猫的软件顾问、售后、实施会全力帮助您上手使用九猫ERP，同时九猫也会紧跟平台变化更新功能，平均15天更新迭代一次，您在线使用即可享受到新功能，无需自行配置程序员使用九猫ERP。',
],
},
{
index: '11.',
title: '与其他ERP/工具型软件相比，九猫ERP有何不同？',
contents: [
'与工具型软件相比，九猫ERP为卖家提供了从采购、销售、运营、发货、财务到数据统计等一站式功能，满足卖家店铺运营管理多维需求。',
'相较于市面上其它ERP，九猫ERP有以下优势：',
'①全面维度分析：如利润报表实时整合海量数据，告别人工统计，精准管控资金；产品表现报表整合Listing相关所有运营指标，提供深度的产品表现分析等；',
'②智能补货建议：从运营前端到供应链后端，依据销量、亚马逊最大补货限制规则、头程时效等提供补货建议，全流程支撑客户经营；',
'③严控数据安全：定期漏洞监测，多种预警模型，支持客户系统独立部署和SaaS部署两种环境，严格遵守保密协议，数据所有权始终为客户。',
],
},
{
index: '12.',
title: '九猫ERP系统支持自发货吗？',
contents: [
'支持的。九猫已对接自发货流程，可以直接在系统上进行物流下单，支持仓库打单、拣货、验货、发货等流程。',
],
},
{
index: '13.',
title: '是否可以在系统中打印商品标签、箱唛等？',
contents: [
'可以的。可以在系统发货计划中打印商品标签，FBA货件里支持打印商品标签、箱唛、卡板标签，而且支持自定义打印商品表现，包含自定义打印尺寸、文案及文案位置。',
],
},
{
index: '14.',
title: '九猫ERP系统支持海外仓中转货件吗？',
contents: [
'支持的。九猫系统会根据您本地仓、海外仓、FBA仓的库存情况，亚马逊的销量情况，结合备货时长和预测销量等，自动帮您计算出建议采购量，建议从本地仓发往海外仓的数量，和海外仓发往FBA仓的数量。',
],
},
{
index: '15.',
title: '九猫ERP系统有没有APP或小程序？',
contents: [
'有的。您可以在九猫ERP APP和小程序中查看销量数据、审批订单等。',
],
},
],
}
},
methods: {
......@@ -404,12 +644,12 @@ export default {
flex: 1;
}
.price-item:hover {
/* .price-item:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
border-radius: 8px;
background-color: #a0cfff;
border-right: none;
}
} */
.price-item:not(:last-child) {
border-right: solid 1px #eee;
......@@ -461,6 +701,122 @@ export default {
background-size: 100%;
background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1735 5.25388L17.2461 6.32649C17.5846 6.66499 17.5846 7.21382 17.2461 7.55233L13.7974 11.0004L17.2461 14.4489C17.5846 14.7874 17.5846 15.3363 17.2461 15.6748L16.1735 16.7474C15.835 17.0859 15.2862 17.0859 14.9477 16.7474L11.4983 13.2974L8.05233 16.7461C7.71382 17.0846 7.16499 17.0846 6.82649 16.7461L5.75388 15.6735C5.41537 15.335 5.41537 14.7862 5.75388 14.4477L9.19907 11.0004L5.75388 7.55358C5.41537 7.21507 5.41537 6.66625 5.75388 6.32774L6.82649 5.25513C7.16499 4.91663 7.71382 4.91663 8.05233 5.25513L11.4983 8.70123L14.9477 5.25388C15.2862 4.91537 15.835 4.91537 16.1735 5.25388Z' fill='%23FF4930'/%3E%3C/svg%3E%0A");
}
.lx-title {
font-size: 2.25rem;
color: #1a2035;
font-size: 1.25rem;
--tw-text-opacity: 1;
color: rgba(37, 84, 254, var(--tw-text-opacity));
line-height: 1;
}
.lx-question-card {
border-radius: 1rem;
padding: 2.5rem;
box-shadow: 0 0 10px 0 rgba(180, 189, 221, 0.08),
0 6px 14px 0 hsla(0, 0%, 100%, 0.3), 0 12px 20px 0 rgba(180, 189, 221, 0.2);
}
.lx-question-card .lx-question-description {
font-weight: 300;
font-size: 1rem;
padding-left: 3.5rem;
--tw-text-opacity: 1;
color: rgba(92, 94, 102, var(--tw-text-opacity));
line-height: 26px;
}
.other-questions {
&::v-deep {
.el-collapse {
border: none;
}
.el-collapse-item__header {
border: none;
flex-direction: row-reverse;
font-size: 16px;
}
.el-collapse-item__wrap {
border: none;
}
.el-collapse-item__wrap {
--tw-bg-opacity: 1;
background-color: rgba(248, 249, 255, var(--tw-bg-opacity));
border-radius: 0.375rem;
margin-bottom: 0.5rem;
padding-left: 3.875rem;
padding-right: 1.875rem;
border: none;
font-size: 16px;
}
}
}
.cus-title {
flex: 1;
margin-left: 16px;
}
.text-textSup {
--tw-text-opacity: 1;
color: rgba(155, 158, 169, var(--tw-text-opacity));
}
.cont-item {
position: relative;
&::before {
content: '';
width: 8px;
height: 8px;
border-radius: 50%;
background: #70b3ff;
position: absolute;
left: -20px;
top: 8px;
}
}
.footer-banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2.5rem 15px;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/history-card-sm-bg.cbfbf77.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: 100% 5.375rem;
}
.footer-banner .footer-title {
font-weight: 500;
font-size: 1.25rem;
margin-bottom: 1.25rem;
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
letter-spacing: 2px;
}
.footer-banner .footer-description {
line-height: 1.75rem;
display: none;
font-weight: 300;
font-size: 1.125rem;
margin-top: 0.5rem;
margin-bottom: 2.5rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.footer-banner {
padding: 5rem 0;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/app-promotion-bg.252059a.png);
background-size: cover;
}
.footer-banner .footer-title {
font-size: 2.25rem;
line-height: 3.125rem;
margin-bottom: 0;
}
.footer-banner .footer-description {
display: block;
}
.lx-title {
font-size: 2.25rem;
}
}
@media screen and (max-width: 1100px) {
.image {
......@@ -536,4 +892,5 @@ export default {
padding-bottom: 0;
}
}
</style>
src/views/product/productPlatform.vue 0 → 100644
<template>
<div class="product-platform">
<div class="banner-container">
<div
class="content-container flex items-center gap-20 w-full-70 mx-auto pt-10">
<div class="left-content">
<h3 class="banner-title font-semibold text-4xl">
多平台全球库存统一管理 订单自动履约
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
<span>领星ERP集成</span>
<span class="high-light font-bold">20+</span>
<span>主流跨境电商平台，跨境业务一站式管理</span>
</div>
</div>
<div class="right-image">
<video
width="100%"
class="video"
src="../../assets/video/platform-video.mp4"
autoplay
loop
muted></video>
</div>
</div>
</div>
<div class="all-platform-wrap py-12 lg:py-20">
<div class="cont-title">
<div class="flex justify-center flex-col items-center gap-2">
<h3 class="font-medium text-3xl" style="text-align: center">
支持20+主流跨境电商平台
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
统一集成管理多个平台的业务，全面提高运营管理效益
</div>
</div>
</div>
<div
class="platforms mt-4 grid grid-cols-9 gap-x-5 gap-y-8 w-full-70 mx-auto">
<div class="platform-item">
<img src="../../assets/logo1.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo2.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo3.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo4.jpg" />
</div>
<div class="platform-item">
<a href="https://hubs.ly/Q02Y1gQR0" target="_blank">
<img src="../../assets/logo19.png" />
</a>
</div>
<div class="platform-item">
<img src="../../assets/logo6.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo7.png" />
</div>
<div class="platform-item">
<img src="../../assets/logo8.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo9.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo10.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo11.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo12.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo13.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo14.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo15.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo16.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo17.jpg" />
</div>
<div class="platform-item">
<img src="../../assets/logo18.jpg" />
</div>
</div>
</div>
<div class="platform-module mt-12 lg:mt-28">
<div class="cont-title">
<div class="flex justify-center flex-col items-center gap-2">
<h3 class="font-medium text-3xl" style="text-align: center">
九猫解决方案
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
打通多平台之间的数据壁垒，轻松管理货物、订单、利润等
</div>
</div>
</div>
<ProductDesc :moduleItems="moduleItems" />
</div>
<div class="footer-bg">
<div class="footer-banner">
<div class="footer-title">开启高效管理多平台业务！</div>
<div class="footer-description">
选用九猫ERP，让你的跨境电商全面高效增长
</div>
<!---->
</div>
</div>
</div>
</template>
<script>
import ProductDesc from '../../components/productDesc.vue'
import purchaseImg from '../../assets/images/home/01.png'
import financesImg from '../../assets/images/home/02.png'
import statementsImg from '../../assets/images/home/03.png'
import adImg from '../../assets/images/home/04.png'
export default {
name: 'productPlatform',
components: { ProductDesc },
data() {
return {
moduleItems: [
{
id: 'realtime-profit-stats',
img: purchaseImg,
title: '实时利润统计',
subTitle:
'打通采购、发货、物流等环节，1688一键下单，智能提供补货建议',
items: [
{
title: '采购业务场景全覆盖',
subTitle: '支持1688下单/委外加工/退换货等采购方式，可多维度管理',
},
{
title: '智能补货建议',
subTitle:
'自动追踪全球销量与库存情况，区分物流渠道运输时效和费用提供补货方案',
},
{
title: '物流全链条追踪管理',
subTitle: '全链条跟踪物流轨迹，对比物流价格，优化物流成本',
},
{
title: '一站式管库存',
subTitle:
'集成海外仓与物流商，统一管理本地仓/海外仓/FBA仓库存和在途库存',
},
],
},
{
id: 'profit-report-daily',
img: financesImg,
title: '每日利润报表',
subTitle:
'每日实时利润统计，订单级回款跟踪，自动提现，业财一体化管理',
items: [
{
title: '实时看利润',
subTitle: '精准核算利润，实时整合提供利润报表，反哺销售决策调整',
},
{
title: '成本严控制',
subTitle: '业务成本一目了然，隐形费用自动识别，精准统计所有成本',
},
{
title: '资金流追踪',
subTitle: '全链条跟踪物流轨迹，对比物流价格，优化物流成本',
},
],
},
{
id: 'settlement-center',
img: statementsImg,
title: '结算中心',
subTitle:
'自动形成利润报表、采购报表、库存报表、业绩报表等，数据可视化',
items: [
{
title: '利润报表',
subTitle:
'实时整合平台数据，精准核算利润，每日出具利润报表，支撑财务核算所需',
},
{
title: '产品表现报表',
subTitle:
'整合Listing所有运营数据，支持同比、环比分析，快速识别爆款产品',
},
{
title: 'BI自定义数据分析',
subTitle:
'自定义经营数据驾驶舱，实时监测业务数据，可联动分析，了解业务实况',
},
],
},
{
id: 'performance-report',
img: adImg,
title: '业绩报表',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'replenishment-advice',
img: adImg,
title: '补货建议',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'shipping-management',
img: adImg,
title: '发货管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'warehouse-management',
img: adImg,
title: '海外仓备货',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'purchasing-management',
img: adImg,
title: '采购管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'self-delivery',
img: adImg,
title: '自发货',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'logistics-management',
img: adImg,
title: '物流管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'inventory-management',
img: adImg,
title: '库存管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'data-decision',
img: adImg,
title: '数据决策',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'operation-tool',
img: adImg,
title: '运营工具',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ai-tool',
img: adImg,
title: 'AI工具',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'authority-management',
img: adImg,
title: '权限管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'terminal-applicable',
img: adImg,
title: '多终端适用',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'visualization-ad-report',
img: adImg,
title: '可视化广告报表',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-analysis',
img: adImg,
title: '广告溯源分析',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'keyword-management',
img: adImg,
title: '关键词管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-budget-management',
img: adImg,
title: '广告预算管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-placement-management',
img: adImg,
title: '广告投放管理',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-efficiency-tool',
img: adImg,
title: '高效投放工具',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
{
id: 'ad-smart-suggestion',
img: adImg,
title: '智能化建议',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
],
}
},
}
</script>
<style lang="scss" scoped>
.left-content {
width: 30%;
display: flex;
flex-direction: column;
gap: 20px;
}
.right-image {
width: 70%;
position: relative;
height: 100%;
.video {
width: 100%;
height: 100%;
object-fit: fill;
}
}
.all-platform-wrap {
background-color: #f8f9ff;
}
.platform-item {
border-radius: 10px;
background-color: #fff;
img {
width: 100%;
object-fit: scale-down;
}
}
.footer-banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2.5rem 15px;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/history-card-sm-bg.cbfbf77.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: 100% 5.375rem;
}
.footer-banner .footer-title {
font-weight: 500;
font-size: 1.25rem;
margin-bottom: 1.25rem;
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
letter-spacing: 2px;
}
.footer-banner .footer-description {
line-height: 1.75rem;
display: none;
font-weight: 300;
font-size: 1.125rem;
margin-top: 0.5rem;
margin-bottom: 2.5rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.footer-banner {
padding: 5rem 0;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/app-promotion-bg.252059a.png);
background-size: cover;
}
.footer-banner .footer-title {
font-size: 2.25rem;
line-height: 3.125rem;
margin-bottom: 0;
}
.footer-banner .footer-description {
display: block;
}
}
</style>
src/views/product/productionCustom.vue
......@@ -44,9 +44,15 @@
</div>
<div class="cont-content">
<div class="cont-content-left flex items-center gap-20">
<div class="left-container flex items-center gap-10">
<div
class="left-container flex items-center gap-10 py-10 px-10"
ref="leftContainer"
:class="{ leftHover: isLeftHover }"
@mouseover="hoverLeft">
<div>
<div class="btn-title">您负责</div>
<div class="btn-title text-sm font-bold lg:text-xl mb-12">
您负责
</div>
<div class="flex flex-col gap-5">
<div class="flex gap-4">
<div class="icon">
......@@ -55,7 +61,7 @@
width="30" />
</div>
<div class="text flex flex-col gap-2">
<div class="text-lg font-bold">选品&设计</div>
<div class="text-sm font-bold lg:text-xl">选品&设计</div>
<div class="text-sm text-gray-500">
海量产品批量设计，免费生成高清商品效果图
</div>
......@@ -67,8 +73,8 @@
src="../../assets/images/product/kd.svg"
width="30" />
</div>
<div class="text">
<div class="text-lg font-bold">刊登&销售</div>
<div class="text flex flex-col gap-2">
<div class="text-sm font-bold lg:text-xl">刊登&销售</div>
<div class="text-sm text-gray-500">
批量汇出，主流电商一键刊登，便捷销售
</div>
......@@ -76,13 +82,18 @@
</div>
</div>
</div>
<div>
<div ref="rightImage" class="img-hidden">
<img src="../../assets/images/product/01.png" />
</div>
</div>
<div class="right-container flex items-center gap-10">
<div
class="right-container flex items-center gap-10 py-10 px-10"
:class="{ rightHover: isRightHover }"
@mouseover="hoverRight">
<div>
<div class="btn-title">JMDIY负责</div>
<div class="btn-title text-sm font-bold lg:text-xl mb-12">
JMDIY负责
</div>
<div class="flex flex-col gap-5">
<div class="flex gap-2">
<div class="icon">
......@@ -90,8 +101,8 @@
src="../../assets/images/product/sc.svg"
width="30" />
</div>
<div class="text">
<div class="text-lg font-bold">生产</div>
<div class="text flex flex-col gap-2">
<div class="text-sm font-bold lg:text-xl">生产</div>
<div class="text-sm text-gray-500">
一件起订，极速生产，一件享批发价
</div>
......@@ -103,8 +114,8 @@
src="../../assets/images/product/fh.svg"
width="30" />
</div>
<div class="text">
<div class="text-lg font-bold">发货</div>
<div class="text flex flex-col gap-2">
<div class="text-sm font-bold lg:text-xl">发货</div>
<div class="text-sm text-gray-500">
高效稳定物流，一件代发，全球交付
</div>
......@@ -112,7 +123,7 @@
</div>
</div>
</div>
<div>
<div class="img-hidden">
<img src="../../assets/images/product/02.png" />
</div>
</div>
......@@ -120,8 +131,322 @@
</div>
</div>
</div>
<div class="product-custom-template py-28">
<div class="cont-title">
<div class="flex justify-center flex-col items-center gap-2">
<h3 class="font-medium text-3xl" style="text-align: center">
高效选品 潮流热卖
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
追求柔性供应链最优解 支持独品/代工
</div>
</div>
</div>
<div class="template-container w-full-70 mx-auto">
<div class="product_listing_page">
<div class="mt20 ml20 mr20">
<el-row>
<el-col :span="4">
<div
class="all_category"
@click="
($event) => {
setPid('all')
}
">
全部分类
</div>
<el-collapse
accordion
v-for="typeItem in typeList"
:key="typeItem.id">
<el-collapse-item :title="typeItem.title" :name="typeItem.id">
<ul
class="product_category_list"
v-for="item in typeItem.children"
:key="item.id">
<li
@click="
($event) => {
setPid(item.id)
}
">
{{ item.title }}
</li>
</ul>
</el-collapse-item>
</el-collapse>
</el-col>
<el-col class="product_listing_content" :span="20">
<el-row v-if="diyList.length > 0">
<el-col
:lg="4"
:md="6"
:sm="8"
:xs="12"
v-for="item in diyList"
:key="item.id">
<ProductItem
:loading="loading"
:product="item"
:key="item.id" />
</el-col>
</el-row>
<div v-else>
<el-empty :image-size="200"></el-empty>
</div>
<el-row
style="
display: flex;
justify-content: center;
margin-top: 50px;
">
<div class="pagination" v-if="totalPage > 1">
<el-pagination
layout="prev, pager, next"
:page-size="24"
:pager-count="5"
:current-page="p"
:total="rowCount"
:page-count="totalPage"
@current-change="changePage"></el-pagination>
</div>
</el-row>
</el-col>
</el-row>
</div>
</div>
</div>
</div>
<div class="product-custom-container">
<div>
<div class="cont-title mt-28">
<div class="flex justify-center flex-col items-center gap-2">
<h3 class="font-medium text-3xl" style="text-align: center">
按需打印最佳实践
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
模式扩展 跨境场景全覆盖
</div>
</div>
</div>
<div class="product-custom-module">
<ProductDesc :moduleItems="moduleItems" />
</div>
</div>
</div>
<div class="product-custom-bottom py-28">
<div class="cont-title">
<div class="flex justify-center flex-col items-center gap-2">
<h3 class="font-medium text-3xl" style="text-align: center">
是什么让JM脱颖而出
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
选择JM的8大理由
</div>
</div>
</div>
<div class="product-custom-bottom-module w-full-70 mx-auto pt-10">
<div class="bottom-reason-list grid grid-cols-4 gap-14">
<div
class="reason-item flex flex-col items-center gap-4"
v-for="(item, index) in reasonList"
:key="index">
<img :src="item.icon" width="36" style="height: 36px" />
<div class="reason-item-title font-bold text-sm lg:text-2xl">
{{ item.title }}
</div>
<div class="reason-item-content text-gray-500 text-sm text-center">
{{ item.subTitle }}
</div>
</div>
</div>
</div>
</div>
<div class="footer-bg">
<div class="footer-banner">
<div class="footer-title">高效选品 潮流热卖</div>
<div class="footer-description">追求柔性供应链最优解 支持独品/代工</div>
<!---->
</div>
</div>
</div>
</template>
<script>
import ProductDesc from '../../components/productDesc.vue'
import purchaseImg from '../../assets/images/home/01.png'
import financesImg from '../../assets/images/home/02.png'
import statementsImg from '../../assets/images/home/03.png'
import adImg from '../../assets/images/home/04.png'
export default {
name: 'productionCustom',
components: { ProductDesc },
data() {
return {
isLeftHover: true,
isRightHover: false,
moduleItems: [
{
id: 'realtime-profit-stats',
img: purchaseImg,
title: '实时利润统计',
subTitle:
'打通采购、发货、物流等环节，1688一键下单，智能提供补货建议',
items: [
{
title: '采购业务场景全覆盖',
subTitle: '支持1688下单/委外加工/退换货等采购方式，可多维度管理',
},
{
title: '智能补货建议',
subTitle:
'自动追踪全球销量与库存情况，区分物流渠道运输时效和费用提供补货方案',
},
{
title: '物流全链条追踪管理',
subTitle: '全链条跟踪物流轨迹，对比物流价格，优化物流成本',
},
{
title: '一站式管库存',
subTitle:
'集成海外仓与物流商，统一管理本地仓/海外仓/FBA仓库存和在途库存',
},
],
},
{
id: 'profit-report-daily',
img: financesImg,
title: '每日利润报表',
subTitle:
'每日实时利润统计，订单级回款跟踪，自动提现，业财一体化管理',
items: [
{
title: '实时看利润',
subTitle: '精准核算利润，实时整合提供利润报表，反哺销售决策调整',
},
{
title: '成本严控制',
subTitle: '业务成本一目了然，隐形费用自动识别，精准统计所有成本',
},
{
title: '资金流追踪',
subTitle: '全链条跟踪物流轨迹，对比物流价格，优化物流成本',
},
],
},
{
id: 'settlement-center',
img: statementsImg,
title: '结算中心',
subTitle:
'自动形成利润报表、采购报表、库存报表、业绩报表等，数据可视化',
items: [
{
title: '利润报表',
subTitle:
'实时整合平台数据，精准核算利润，每日出具利润报表，支撑财务核算所需',
},
{
title: '产品表现报表',
subTitle:
'整合Listing所有运营数据，支持同比、环比分析，快速识别爆款产品',
},
{
title: 'BI自定义数据分析',
subTitle:
'自定义经营数据驾驶舱，实时监测业务数据，可联动分析，了解业务实况',
},
],
},
{
id: 'performance-report',
img: adImg,
title: '业绩报表',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
],
reasonList: [
{
icon: require('../../assets/images/product/03.png'),
title: '1512+商品',
subTitle: '12大热销品类，市场热点全覆盖，新品持续上架',
},
{
icon: require('../../assets/images/product/04.png'),
title: '自有工厂/百家合作工厂',
subTitle: '我们非常认真地控制和优化每一个产品的工艺及成本',
},
{
icon: require('../../assets/images/product/05.png'),
title: '素材市场/官方成品',
subTitle: '超万张高清热卖素材/主题免费用，丰富的官方设计的精美成品',
},
{
icon: require('../../assets/images/product/06.png'),
title: '专业设计器',
subTitle: '图文，主题，饰品，刺绣，来图定制，POD定制类型全覆盖',
},
{
icon: require('../../assets/images/product/07.png'),
title: '最快48小时交付',
subTitle:
'产能智能派单，MES生产计划系统，柔性订单打印助手，工厂超期赔付等提供时效保障',
},
{
icon: require('../../assets/images/product/09.png'),
title: '30天签收售后，质量保证',
subTitle: '您的产品是在严格控制下生产。订单签收30天内，都可申请销售',
},
{
icon: require('../../assets/images/product/10.png'),
title: '一件/小单/FBA全球代发',
subTitle:
'一件起订/小单享受批发折扣价/FBA装箱，代贴标服务大品牌合作物流全球代发',
},
{
icon: require('../../assets/images/product/11.png'),
title: '全印服饰，新款打版',
subTitle:
'一款多图，一图多款任意全印服饰打版，轻松适应款式多变的全印服装市场特性',
},
],
diyList:[],
}
},
methods: {
hoverLeft() {
this.isLeftHover = true
this.isRightHover = false
},
hoverRight() {
this.isRightHover = true
this.isLeftHover = false
},
},
}
</script>
<style lang="scss" scoped>
.content-container {
width: 70vw;
......@@ -145,4 +470,122 @@
object-fit: fill;
}
}
.btn-title {
border: 1px solid #000;
padding: 10px 20px;
border-radius: 30px;
display: inline-block;
}
.left-container {
background-color: rgb(66, 165, 245, 0.1);
border-radius: 10px;
transition: all 0.3s ease;
height: 340px;
width: 35%;
position: relative;
justify-content: space-between;
cursor: pointer;
&.leftHover {
flex: 1;
min-width: 35%;
& .img-hidden {
opacity: 1;
}
}
}
.right-container {
background-color: rgb(243, 229, 245, 0.5);
border-radius: 10px;
transition: all 0.3s ease;
height: 340px;
width: 35%;
position: relative;
justify-content: space-between;
cursor: pointer;
&.rightHover {
flex: 1;
min-width: 35%;
& .img-hidden {
opacity: 1;
}
}
}
.img-hidden {
opacity: 0;
position: absolute;
top: 10px;
right: 10%;
transition: opacity 0.3s ease;
img {
height: 100%;
object-fit: fill;
}
}
.reason-item-title {
transition: all 0.3s ease-in-out;
}
.reason-item-content {
transition: all 0.3s ease-in-out;
}
.reason-item {
transition: all 0.3s ease-in-out;
cursor: pointer;
&:hover {
transform: translateY(-10px);
& .reason-item-title {
font-size: 20px;
}
& .reason-item-content {
visibility: visible;
}
}
}
.reason-item-content {
visibility: hidden;
}
.footer-banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2.5rem 15px;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/history-card-sm-bg.cbfbf77.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: 100% 5.375rem;
}
.footer-banner .footer-title {
font-weight: 500;
font-size: 1.25rem;
margin-bottom: 1.25rem;
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
letter-spacing: 2px;
}
.footer-banner .footer-description {
line-height: 1.75rem;
display: none;
font-weight: 300;
font-size: 1.125rem;
margin-top: 0.5rem;
margin-bottom: 2.5rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.footer-banner {
padding: 5rem 0;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/app-promotion-bg.252059a.png);
background-size: cover;
}
.footer-banner .footer-title {
font-size: 2.25rem;
line-height: 3.125rem;
margin-bottom: 0;
}
.footer-banner .footer-description {
display: block;
}
}
</style>
src/views/product/productionLogistics.vue 0 → 100644
<template>
<div class="product-logistics">
<div class="banner-container">
<div class="content-container flex items-center gap-20">
<div class="left-content">
<h3 class="banner-title font-semibold text-4xl">
海外仓管理， 用九猫WMS
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
<span>全面覆盖海外仓业务场景，无纸化智能化管理海外仓</span>
</div>
</div>
<div class="right-image">
<img src="../../assets/images/product/lg.svg" />
</div>
</div>
</div>
<div class="product-logistics-cont py-28">
<div class="w-full-70 mx-auto">
<div class="cont-title">
<div class="flex justify-center flex-col items-center gap-2">
<h3 class="font-medium text-3xl" style="text-align: center">
为什么选择九猫WMS
</h3>
<div
class="text-xs px-8 lg:text-lg lg:px-0 font-light text-textContent mt-[6px] mb-8">
领星旗下产品，助海外仓全面实现数字化
</div>
</div>
</div>
<div class="reason-list flex justify-between py-10">
<div class="section-reason-item">
<div class="season-top flex flex-col items-center">
<img src="../../assets/images/product/12.png" width="100" />
<p class="reason-card-title">核心场景覆盖</p>
<p class="text-textPrimary font-normal mt-2 text-sm lg:text-lg">
贴合海外仓全业务场景
</p>
<div class="mt-6 flex flex-col items-center">
<p class="text-textPrimary mb-2.5 font-light text-sm">
覆盖一件代发、备货中转、FBA退货、财务等场景
</p>
<p class="text-textPrimary mb-2.5 font-light text-sm">
SKU+箱多维度库存记录，助您精确管理库存
</p>
<p class="text-textPrimary mb-2.5 font-light text-sm">
深度对接领星ERP，辐射50万+优质客户群
</p>
</div>
</div>
<div class="reason-card-type flex flex-col items-center">
<p class="reason-tip">50%</p>
<p class="reason-tip-description">仓储效率提升</p>
</div>
</div>
<div class="section-reason-item">
<div class="season-top flex flex-col items-center">
<img src="../../assets/images/product/13.png" width="100" />
<p class="reason-card-title">极致产品体验</p>
<p class="text-textPrimary font-normal mt-2 text-sm lg:text-lg">
SaaS软件，无需下载即可使用
</p>
<div class="mt-6 flex flex-col items-center">
<p class="text-textPrimary mb-2.5 font-light text-sm">
对接多家ERP、电商平台、物流服务商，全链路轻松管理
</p>
<p class="text-textPrimary mb-2.5 font-light text-sm">
定期检测漏洞，签署、严守保密协议
</p>
<p class="text-textPrimary mb-2.5 font-light text-sm">
客服、财务、仓储人员快速上手，0学习成本
</p>
</div>
</div>
<div class="reason-card-type flex flex-col items-center">
<p class="reason-tip">1天</p>
<p class="reason-tip-description">快速上手</p>
</div>
</div>
<div class="section-reason-item">
<div class="season-top flex flex-col items-center">
<img src="../../assets/images/product/14.png" width="100" />
<p class="reason-card-title">全程专业服务</p>
<p class="text-textPrimary font-normal mt-2 text-sm lg:text-lg">
专业顾问全程服务，为您保驾护航
</p>
<div class="mt-6 flex flex-col items-center">
<p class="text-textPrimary mb-2.5 font-light text-sm">
软件顾问、实施全周期跟踪式服务
</p>
<p class="text-textPrimary mb-2.5 font-light text-sm">
数据初始化和数据迁移协助，一天迁移，快速上手
</p>
<p class="text-textPrimary mb-2.5 font-light text-sm">
持续跟进用户需求，持续交付新功能
</p>
</div>
</div>
<div class="reason-card-type flex flex-col items-center">
<p class="reason-tip">24h</p>
<p class="reason-tip-description">在线服务</p>
</div>
</div>
</div>
</div>
</div>
<div class="product-logistics-container mb-28 py-10">
<div class="cont-title">
<div>
<h3 class="font-medium text-3xl" style="text-align: center">
九猫WMS，提供更高效的解决方案
</h3>
</div>
</div>
<div class="w-full-70 mx-auto">
<div class="navigate bg-white py-2 px-2 flex gap-2 mt-10">
<div
class="navigate-item text flex-1 text-center"
:class="navigateKey === 'df' ? 'navigate-item-active' : ''"
@click="changeNavigate('df', 0)">
一件代发
</div>
<div
class="navigate-item text flex-1 text-center"
:class="navigateKey === 'bh' ? 'navigate-item-active' : ''"
@click="changeNavigate('bh', 1)">
备货中转
</div>
<div
class="navigate-item text flex-1 text-center"
:class="navigateKey === 'th' ? 'navigate-item-active' : ''"
@click="changeNavigate('th', 2)">
退货管理
</div>
<div
class="navigate-item text flex-1 text-center"
:class="navigateKey === 'cw' ? 'navigate-item-active' : ''"
@click="changeNavigate('cw', 3)">
财务管理
</div>
<div
class="navigate-item text flex-1 text-center"
:class="navigateKey === 'pda' ? 'navigate-item-active' : ''"
@click="changeNavigate('pda', 4)">
PDA
</div>
</div>
<div class="horseback">
<el-carousel
height="460px"
:autoplay="false"
ref="logisticsCarousel"
:pause-on-hover="false"
:initial-index="0"
:loop="false">
<el-carousel-item v-for="(item, index) in moduleItems" :key="index">
<ProductLogisticsDesc
ref="logisticsDesc"
:moduleItems="item.content" />
</el-carousel-item>
</el-carousel>
</div>
</div>
</div>
<div>
<div class="module-container">
<ProductLogisticsDesc
v-for="(item, index) in moduleBtItems"
:key="index"
:moduleItems="item.content" />
</div>
</div>
<div class="footer-bg">
<div class="footer-banner">
<div class="footer-title">亚马逊ERP一体化管理，开启高效决策新体验</div>
<div class="footer-description">
九猫ERP助力精准核算业务利润与高效决策，业财一体化不再是难事
</div>
<!---->
</div>
</div>
</div>
</template>
<script>
import ProductLogisticsDesc from '../../components/productLogisticsDesc.vue'
export default {
name: 'ProductLogistics',
components: {
ProductLogisticsDesc,
},
data() {
return {
navigateKey: 'df',
moduleItems: [
{
key: 'df',
content: {
img: require('../../assets/images/product/15.png'),
contents: [
{
title: '多种订单创建方式32',
subTitle:
'支持对接ERP/电商平台自动下单、批量导入、手动创建等方式，灵活下单',
},
{
title: '多种尾程物流对接36',
subTitle:
'已对接多家打单系统和美洲、欧洲等地常用物流渠道，一键生成物流面单',
},
{
title: '智能提效拣货流程78',
subTitle:
'拣货单/PDA智能推荐库位信息，并支持二次分拣、复核等流程，提升拣货效率',
},
],
},
},
{
key: 'bh',
content: {
img: require('../../assets/images/product/15.png'),
contents: [
{
title: '多种订单创建方式121',
subTitle:
'支持对接ERP/电商平台自动下单、批量导入、手动创建等方式，灵活下单',
},
{
title: '多种尾程物流对接55',
subTitle:
'已对接多家打单系统和美洲、欧洲等地常用物流渠道，一键生成物流面单',
},
{
title: '智能提效拣货流程23',
subTitle:
'拣货单/PDA智能推荐库位信息，并支持二次分拣、复核等流程，提升拣货效率',
},
],
},
},
{
key: 'th',
content: {
img: require('../../assets/images/product/15.png'),
contents: [
{
title: '多种订单创建方式56',
subTitle:
'支持对接ERP/电商平台自动下单、批量导入、手动创建等方式，灵活下单',
},
{
title: '多种尾程物流对接89',
subTitle:
'已对接多家打单系统和美洲、欧洲等地常用物流渠道，一键生成物流面单',
},
{
title: '智能提效拣货流程67',
subTitle:
'拣货单/PDA智能推荐库位信息，并支持二次分拣、复核等流程，提升拣货效率',
},
],
},
},
{
key: 'cw',
content: {
img: require('../../assets/images/product/15.png'),
contents: [
{
title: '多种订单创建方式1167',
subTitle:
'支持对接ERP/电商平台自动下单、批量导入、手动创建等方式，灵活下单',
},
{
title: '多种尾程物流对接11',
subTitle:
'已对接多家打单系统和美洲、欧洲等地常用物流渠道，一键生成物流面单',
},
{
title: '智能提效拣货流程142',
subTitle:
'拣货单/PDA智能推荐库位信息，并支持二次分拣、复核等流程，提升拣货效率',
},
],
},
},
{
key: 'pda',
content: {
img: require('../../assets/images/product/15.png'),
contents: [
{
title: '多种订单创建方式556',
subTitle:
'支持对接ERP/电商平台自动下单、批量导入、手动创建等方式，灵活下单',
},
{
title: '多种尾程物流对接111',
subTitle:
'已对接多家打单系统和美洲、欧洲等地常用物流渠道，一键生成物流面单',
},
{
title: '智能提效拣货流程123',
subTitle:
'拣货单/PDA智能推荐库位信息，并支持二次分拣、复核等流程，提升拣货效率',
},
],
},
},
],
moduleBtItems: [
{
key: 'df',
content: {
img: require('../../assets/images/product/15.png'),
contents: [
{
title: '多种订单创建方式32',
subTitle:
'支持对接ERP/电商平台自动下单、批量导入、手动创建等方式，灵活下单',
},
{
title: '多种尾程物流对接36',
subTitle:
'已对接多家打单系统和美洲、欧洲等地常用物流渠道，一键生成物流面单',
},
{
title: '智能提效拣货流程78',
subTitle:
'拣货单/PDA智能推荐库位信息，并支持二次分拣、复核等流程，提升拣货效率',
},
],
},
},
{
key: 'bh',
content: {
img: require('../../assets/images/product/15.png'),
contents: [
{
title: '多种订单创建方式121',
subTitle:
'支持对接ERP/电商平台自动下单、批量导入、手动创建等方式，灵活下单',
},
{
title: '多种尾程物流对接55',
subTitle:
'已对接多家打单系统和美洲、欧洲等地常用物流渠道，一键生成物流面单',
},
{
title: '智能提效拣货流程23',
subTitle:
'拣货单/PDA智能推荐库位信息，并支持二次分拣、复核等流程，提升拣货效率',
},
],
},
},
],
}
},
methods: {
changeNavigate(key, index) {
this.navigateKey = key
this.$refs.logisticsCarousel.setActiveItem(index)
},
},
}
</script>
<style lang="scss" scoped>
.content-container {
width: 70vw;
height: 30vw;
margin: 0 auto;
padding-top: 40px;
}
.right-image {
height: 100%;
overflow: hidden;
}
.reason-list {
}
.section-reason-item {
background-color: rgba(255, 255, 255, 1);
border-radius: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-shadow: 0 0 16px 0 rgba(180, 189, 221, 1),
0 6px 14px 0 hsla(0, 0%, 100%, 0.3), 0 16px 20px 0 rgba(180, 189, 221, 0.25);
transition: all 0.4s ease-in-out;
.reason-card-type {
overflow: hidden;
padding-top: 20px;
padding-bottom: 30px;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, 1);
width: 100%;
border-radius: 0 0 16px 16px;
background-image: url(../../assets/images/home/05.png);
background-size: 100% 100%;
background-repeat: no-repeat;
.reason-tip {
font-family: Helvetica Neue;
font-size: 32px;
letter-spacing: 2px;
font-weight: 500;
line-height: 40px;
}
}
}
.section-reason-item:hover {
transform: translateY(-8px);
box-shadow: 10px 10px 38px 0 hsla(0, 0%, 100%, 0.3),
0 0 14px 0 rgba(202, 210, 238, 0.2),
28px 36px 50px 0 rgba(180, 189, 221, 0.46);
}
.season-top {
padding: 24px 40px 36px;
}
.reason-card-title {
font-weight: 500;
font-size: 30px;
margin-top: 16px;
--tw-text-opacity: 1;
color: rgba(26, 32, 53, 1);
}
.product-logistics-container {
background-color: #f2f4fc;
.navigate-item {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 0.5rem;
color: #0f37ff;
background: rgba(97, 132, 255, 0.05);
cursor: pointer;
padding: 16px 5px;
&:hover {
background: #0f37ff;
color: #fff;
}
&.navigate-item-active {
background: #0f37ff;
color: #fff;
}
}
}
.horseback {
&::v-deep {
.el-carousel__indicators {
display: none;
}
.el-carousel__arrow {
display: none;
}
}
}
.footer-banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2.5rem 15px;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/history-card-sm-bg.cbfbf77.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: 100% 5.375rem;
}
.footer-banner .footer-title {
font-weight: 500;
font-size: 1.25rem;
margin-bottom: 1.25rem;
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
letter-spacing: 2px;
}
.footer-banner .footer-description {
line-height: 1.75rem;
display: none;
font-weight: 300;
font-size: 1.125rem;
margin-top: 0.5rem;
margin-bottom: 2.5rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.footer-banner {
padding: 5rem 0;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/app-promotion-bg.252059a.png);
background-size: cover;
}
.footer-banner .footer-title {
font-size: 2.25rem;
line-height: 3.125rem;
margin-bottom: 0;
}
.footer-banner .footer-description {
display: block;
}
}
</style>
src/views/product/productionManagement.vue
......@@ -732,37 +732,49 @@ export default {
}
},
mounted() {
this._productModulesItems = Array.from(
this.$el.querySelectorAll('.home-module-item')
)
this.scrollParent().addEventListener('scroll', this.onScroll)
this._intersectionObserver = new IntersectionObserver(
(entries) => {
entries.forEach(({ target: el, isIntersecting, intersectionRatio }) => {
const id = el.dataset.id
console.log(id, isIntersecting, intersectionRatio)
if (!id) return
// const productNavIntersections = {}
// this._intersectionObserver = new IntersectionObserver(
// (entries) => {
// entries.forEach(({ target: el, isIntersecting, intersectionRatio }) => {
// const id = el.dataset.id
// if (!id) return
if (!isIntersecting) {
if (this._productNavIntersection?.id === id) {
this._productNavIntersection = undefined
}
return
}
// if (!isIntersecting) {
// delete productNavIntersections[id]
// return
// }
// productNavIntersections[id] = intersectionRatio
if (
!this._productNavIntersection ||
intersectionRatio > this._productNavIntersection.intersectionRatio
) {
this._productNavIntersection = { id, intersectionRatio }
// this.activeProductNavId = id
}
})
this.activeProductNavId = this._productNavIntersection?.id
},
{ rootMargin: '0px 0px -50% 0px' }
)
const elements = Array.from(this.$el.querySelectorAll('.home-module-item'))
elements.forEach((el) => {
this._intersectionObserver.observe(el)
})
// // if (
// // !this._productNavIntersection ||
// // intersectionRatio > this._productNavIntersection.intersectionRatio
// // ) {
// // this._productNavIntersection = { id, intersectionRatio }
// // // this.activeProductNavId = id
// // }
// })
// console.log(
// Object.keys(productNavIntersections)
// .sort(
// (a, b) => productNavIntersections[b] - productNavIntersections[a]
// )
// .map((key) => `${key}: ${productNavIntersections[key]}`)
// .join('\n')
// )
// this.activeProductNavId = Object.keys(productNavIntersections).sort(
// (a, b) => productNavIntersections[b] - productNavIntersections[a]
// )[0]
// },
// { rootMargin: '0px 0px -50% 0px', threshold: [0, 0.5, 1] }
// )
// const elements = Array.from(this.$el.querySelectorAll('.home-module-item'))
// elements.forEach((el) => {
// this._intersectionObserver.observe(el)
// })
},
beforeDestroy() {
this._intersectionObserver.disconnect()
......@@ -776,6 +788,22 @@ export default {
const scrollTotal = navContent.parentElement.offsetTop
const width = 70 + 30 * (top / scrollTotal)
navContent.style.width = `${width}vw`
const intersectionHeight = window.innerHeight * 0.5
this.activeProductNavId = this._productModulesItems
.map((el) => {
const id = el.dataset.id
if (!id) return
const { top, bottom } = el.getBoundingClientRect()
const ratio =
Math.max(
0,
Math.min(intersectionHeight, bottom) - Math.max(0, top)
) / intersectionHeight
return { id, ratio }
})
.filter(({ ratio }) => ratio > 0)
.sort((a, b) => b.ratio - a.ratio)[0]?.id
},
handleNavClick(item, child = item.children[0]) {
if (!child) return
......
src/views/support/financialPage.vue 0 → 100644
<template>
<div class="financial-page">
<div class="bg-colorBg module-show">
<div class="topics-bg">
<div class="w-full-70 mx-auto">
<h2
class="font-medium text-2xl text-textTitle lg:text-5xl text-center">
如何通过财务管控向内部要效益？
</h2>
</div>
</div>
</div>
<div class="bg-white module-show">
<div
class="flex justify-between w-full-70 mx-auto py-12 space-x-16 lg:py-28">
<div>
<div>
<h2
class="text-xl text-center text-textTitle font-medium lg:text-4xl lg:text-left">
跨境电商财务管理难题
</h2>
<p
class="text-sm text-textTitle mt-5 px-4 lg:font-light lg:px-0 lg:text-lg text-textContent">
在当前跨境环境下，跨境业务盈利难度越来越大，跨境电商老板在内部管理的过程愈发需着重关注与效益紧密关联的事宜：
</p>
</div>
<ul
class="list mt-6 w-full grid gap-x-28 grid-cols-1 gap-y-3 lg:mt-16 lg:grid-cols-2 lg:gap-y-16">
<li class="list-item">
<p
class="link-item text-sm text-textTitle font-medium lg:text-lg">
“如何将有限的收入花到实处，现有费用主要花到哪里了？”
</p>
<p
class="link-item mt-0.5 text-sm font-light text-textContent lg:text-base"></p>
</li>
<li class="list-item">
<p
class="link-item text-sm text-textTitle font-medium lg:text-lg">
“如何发现所有可能性的隐形费用，精准核算成本与利润？”
</p>
<p
class="link-item mt-0.5 text-sm font-light text-textContent lg:text-base"></p>
</li>
<li class="list-item">
<p
class="link-item text-sm text-textTitle font-medium lg:text-lg">
“多久看一次报表，主要看哪些报表，关注哪些维度？”
</p>
<p
class="link-item mt-0.5 text-sm font-light text-textContent lg:text-base"></p>
</li>
<li class="list-item">
<p
class="link-item text-sm text-textTitle font-medium lg:text-lg">
“售出的订单是否都回款了？业务现金流健康吗？”
</p>
<p
class="link-item mt-0.5 text-sm font-light text-textContent lg:text-base"></p>
</li>
</ul>
</div>
</div>
</div>
<div class="bg-colorBg">
<div
class="flex justify-between w-full-70 mx-auto py-12 space-x-16 lg:py-28">
<div>
<div>
<h2
class="text-xl text-center text-textTitle font-medium lg:text-4xl lg:text-left">
为什么跨境老板需要财务管控？
</h2>
<p
class="text-sm text-textTitle mt-5 px-4 lg:font-light lg:px-0 lg:text-lg lg:text-textContent">
合理的财务管控有利于帮助提升企业的效益，影响企业的发展方向
</p>
</div>
<ul
class="list mt-6 w-full grid gap-x-28 grid-cols-1 gap-y-3 lg:mt-16 lg:grid-cols-2 lg:gap-y-16">
<li class="list-item">
<p
class="link-item text-sm text-textTitle font-medium lg:text-lg">
以财务监管发现公司的运营情况
</p>
<p
class="link-item mt-0.5 text-sm font-light text-textContent lg:text-base">
透过财务的利润数据、人员绩效等数据，跨境老板能够发现公司整体的运营情况是否健康及正向发展。
</p>
</li>
<li class="list-item">
<p
class="link-item text-sm text-textTitle font-medium lg:text-lg">
控制资金流向，确保正常运转
</p>
<p
class="link-item mt-0.5 text-sm font-light text-textContent lg:text-base">
通过财务管控，跨境老板能够发现公司的核心支出与收入等资金流情况、资金或是增长或是下降的趋势，根据实际调整决策。
</p>
</li>
<li class="list-item">
<p
class="link-item text-sm text-textTitle font-medium lg:text-lg">
预判与管控风险，调整方向
</p>
<p
class="link-item mt-0.5 text-sm font-light text-textContent lg:text-base">
综合公司整体运营方向和财务表现进行考量，发现跨境业务的可能性风险，如积货占据大量成本、广告投入过高等，以调整运营策略和方向。
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="bg-white">
<div
class="flex justify-between items-center w-full-70 mx-auto px-4 py-12 lg:py-28 lg:px-0">
<div class="lx-list lg:w-120">
<header
class="text-xl text-center text-textTitle font-medium lg:text-4xl lg:text-left">
跨境电商老板该如何进行财务管控？
</header>
<p
class="text-sm text-textTitle mt-5 px-4 lg:font-light lg:px-0 lg:text-lg lg:text-textContent">
<span>透过报表与数据，发现业务的本质问题</span>
</p>
<div class="mt-4 block lg:hidden">
<img
width="100%"
src="https://static.distributetop.com/office-site-new/office-site-resource/image/1263f70be0a3c92830087148fc0b43a6.png?imageView2/2/w/1280"
alt="跨境电商老板该如何进行财务管控？" />
</div>
<ul class="lx-list-container"></ul>
<div class="space-x-4 flex" style="font-size: 0"></div>
<div class="bg-grey" style="display: none">
<div class="video md:block">
<div id="lx-player-">
<i class="close-video iconfont icon-close"></i>
</div>
<div class="video-text flex justify-center items-center h-24">
<p class="text-2xl font-medium inline-block mr-4">
九猫ERP，助力实现精细管理和业务增长
</p>
<button
type="button"
class="el-button h-10 el-button--primary el-button--medium">
<span>立即体验功能</span>
</button>
</div>
</div>
</div>
</div>
<div class="w-full hidden lg:block lg:w-160">
<img
width="100%"
src="https://static.distributetop.com/office-site-new/office-site-resource/image/1263f70be0a3c92830087148fc0b43a6.png?imageView2/2/w/1280"
alt="如何通过财务管控向内部要效益？-九猫ERP" />
</div>
</div>
</div>
<div
:class="item.class"
v-for="(item, index) of financialControlList"
:key="index">
<div
class="flex justify-between w-full-70 mx-auto py-12 space-x-16 lg:py-28">
<div>
<div>
<h2
class="text-xl text-center text-textTitle font-medium lg:text-4xl lg:text-left">
{{ index + 1 }}.{{ item.title }}
</h2>
<p
v-if="item.subTitle"
class="text-sm text-textTitle mt-5 px-4 lg:font-light lg:px-0 lg:text-lg lg:text-textContent">
{{ item.subTitle }}
</p>
</div>
<ul
class="list mt-6 w-full grid gap-x-28 grid-cols-1 gap-y-3 lg:mt-16 lg:grid-cols-2 lg:gap-y-16">
<li
class="list-item"
v-for="(c, index1) of item.list"
:key="index1">
<p
class="link-item text-sm text-textTitle font-medium lg:text-lg">
{{ c.title }}
</p>
<p
class="link-item mt-0.5 text-sm font-light text-textContent lg:text-base">
{{ c.content }}
</p>
</li>
</ul>
</div>
</div>
</div>
<div class="bg-colorBg">
<div
data-aos="fade-up"
class="flex justify-between items-center w-full-70 mx-auto px-4 py-12 lg:py-28 lg:px-0">
<div class="lx-list">
<header
class="text-xl text-center text-textTitle font-medium lg:text-4xl lg:text-left">
九猫ERP解决方案
</header>
<p
class="text-sm text-textTitle mt-5 px-4 lg:font-light lg:px-0 lg:text-lg lg:text-textContent">
<span>
财务管控上，九猫ERP提供了订单利润管理、结算跟踪、提现回款等全流程一体化解决方案。
</span>
</p>
<div class="mt-4 block lg:hidden">
<img
width="100%"
src="https://static.distributetop.com/office-site-new/office-site-resource/image/31f88ff9fa92d24c333a8ee6dc7a0617.png?imageView2/2/w/1280"
alt="九猫ERP解决方案" />
</div>
<ul class="lx-list-container"></ul>
<div class="space-x-4 flex" style="font-size: 0"></div>
<div class="bg-grey" style="display: none">
<div class="video md:block">
<div id="lx-player-">
<i class="close-video iconfont icon-close"></i>
</div>
<div class="video-text flex justify-center items-center h-24">
<p class="text-2xl font-medium inline-block mr-4">
九猫ERP，助力实现精细管理和业务增长
</p>
<button
type="button"
class="el-button h-10 el-button--primary el-button--medium">
<span>立即体验功能</span>
</button>
</div>
</div>
</div>
</div>
<div class="w-full hidden lg:block lg:w-160">
<img
width="100%"
src="https://static.distributetop.com/office-site-new/office-site-resource/image/31f88ff9fa92d24c333a8ee6dc7a0617.png?imageView2/2/w/1280"
alt="如何通过财务管控向内部要效益？-九猫ERP" />
</div>
</div>
<!---->
</div>
<div class="module-banner">
<ProductDesc :moduleItems="moduleItems" />
</div>
<div class="footer-bg">
<div class="footer-banner">
<div class="footer-title">选择九猫ERP，实现跨境电商业务高效增长</div>
<div class="footer-description">九猫ERP，将为您提供全维的业务解决方案</div>
</div>
</div>
</div>
</template>
<script>
import ProductDesc from '../../components/productDesc.vue'
import purchaseImg from '../../assets/images/home/01.png'
import financesImg from '../../assets/images/home/02.png'
import statementsImg from '../../assets/images/home/03.png'
import adImg from '../../assets/images/home/04.png'
export default {
name: 'financialPage',
components: { ProductDesc },
data() {
return {
financialControlList: [
{
class: 'bg-colorBg',
title: '从报表中要效益',
list: [
{
title: '守住核心报表',
content:
'跨境老板需核心关注的报表主要有利润报表、业绩报表、采购报表、库存报表。通过这些报表，跨境老板能够及时掌握企业的整体盈利情况、员工的利润回报率、采购情况、库存情况，它们都直接跟“钱”相关。',
},
{
title: '查看报表频率',
content:
'受限于平台结算的时间，以上报表在人工统计的情况下，老板一般一个月只能查看一次比较精准的数据，而且是相对滞后地查看上个月的数据。每周只能粗略地了解散落在各个报表里的订单情况、销售情况等。',
},
{
title: '关注利润报表盘效益',
content:
'对于开展亚马逊平台业务的跨境老板而言，核心关注店铺的整体利润情况、销售情况、平台支出的占比等维度。',
},
{
title: '关注业绩报表发现优秀员工',
content:
'业绩报表与人直接相关，通过它跨境老板能够了解公司不同人员、核心人员的绩效表现，及时发现优秀员工，激励其以促进更好的业绩。但是该报表并不是电商平台直接提供的，一般都需要财务综合利润报表和对应的人员情况，进行再梳理形成。',
},
{
title: '关注采购报表发现大额成本',
content:
'跨境电商业务一般都是基于产品开展的，产品的采购成本也是占据跨境业务成本投入很重要的一部分。在采购报表上，跨境老板要重点关注投入采购产品的费用占比、产品的质量表现、采购价如何，以监管采购的规范性。',
},
{
title: '关注库存报表优化资金链',
content:
'库存报表展现了货物在库、出库、库存周转率等情况，跨境老板需重点关注库存周转率、货值等情况，及时发现货物周转问题，优化企业的资金链。',
},
],
},
{
class: 'bg-white',
title: '校准报表准确度',
subTitle:
'作为跨境老板，在关注核心报表的同时，也要具备发现报表准确性的慧眼。',
list: [
{
title: '跨境老板需了解销售数据的整体情况',
content:
'通过询问了解财务、数据统计考量的维度、因素等，以分析发现在数据统计上是否存在问题。',
},
{
title: '关注是否涵盖了隐形费用',
content:
'隐形费用即非订单费用，包含仓储费、广告费、办公成本、平台赔偿费等，这些费用可能在大量的订单流水下并不是占比最大的费用，但是忽略它们，往往会导致产品的利润统计不够精准，影响后续决策的准确性。 在统计上，需要充分考虑这些隐形费用，并根据实际业务的情况以按销售额比率、销量比率、指定项目等方式对隐形费用进行分摊，合理准确地统计利润。',
},
],
},
{
class: 'bg-colorBg',
title: '管控好核心要素',
subTitle:
'作为跨境老板，需要考量的事情众多，在财务管控上也无法做到关注所有的细节，需将有限的时间投入到核心要素管控上，以把控业务发展大局。',
list: [
{
title: '人员表现',
content:
'在人的维度上，跨境老板需要重点了解核心人员、部门间的业绩表现，关注每周、每月的总体表现。在总体表现之外，还需通过同比、环比等对比分析，发现异常的人员波动表现，及时发现问题调整。',
},
{
title: '产品表现',
content:
'受限于平台结算的时间，以上报表在人工统计的情况下，老板一般一个月只能查看一次比较精准的数据，而且是相对滞后地查看上个月的数据。每周只能粗略地了解散落在各个报表里的订单情况、销售情况等。',
},
{
title: '关注利润报表盘效益',
content:
'在产品的维度上，跨境老板需核心关注产品整体的利润情况、不同类别产品的利润表现，好产品与差产品的比例，以及将同类别产品、不同类别产品的整体销量、销售额等表现从长远的角度去看，发现未来的趋势爆品和可能性的风险产品，指导决策。',
},
{
title: '店铺表现',
content:
'在店铺的维度上，跨境老板需核心关注店铺的整体利润情况，不同店铺之间的销售表现。在亚马逊平台，一般一个站点即一个店铺，从店铺维度考量也能及时发现不同站点之间的变化趋势、契合的产品等，及时调整业务发展方向。',
},
],
},
{
class: 'bg-white',
title: '把控公司现金流',
subTitle:
'现金流直接关系企业的经营发展，是企业的“生命线”。一旦出现资金流断裂可能会出现经营问题。 现金流与订单回款、应付账款、资金结构等直接关联，跨境老板要做好相关的管控，保持健康的现金流。健康的现金流简单理解为企业常年处于收入大于支出的状态，企业的营收增长速度和产品的销售增长速度保持同步增长，整体呈增长态势。',
list: [
{
title: '跟踪订单回款',
content:
'跨境电商业务的订单回款存在一定的周期，跨境老板要关注订单的回款情况，确认企业的确认收入情况，以防止出现大量的异常售出未回款订单。',
},
{
title: '确保资金提现的安全性',
content:
'资金从国外回流到国内，往往需要借助第三方的支付工具，在选择支付工具的时候需要确认其安全性，并且可追踪资金提现情况，避免因为疏忽没发现提现未成功的资金。',
},
{
title: '合理管理供应商的账期',
content:
'供应商的账期与企业的应付款直接关联，跨境老板需尽可能地要求财务等人员争取更长的应付款周期，以保障充足的现金流，避免出现借款等情况。',
},
{
title: '保持合理的资金结构',
content:
'供应商的账期与企业的应付款直接关联，跨境老板需尽可能地要求财务等人员争取更长的应付款周期，以保障充足的现金流，避免出现借款等情况。',
},
],
},
],
moduleItems: [
{
id: 'realtime-profit-stats',
img: purchaseImg,
title: '实时利润统计',
subTitle:
'打通采购、发货、物流等环节，1688一键下单，智能提供补货建议',
items: [
{
title: '采购业务场景全覆盖',
subTitle: '支持1688下单/委外加工/退换货等采购方式，可多维度管理',
},
{
title: '智能补货建议',
subTitle:
'自动追踪全球销量与库存情况，区分物流渠道运输时效和费用提供补货方案',
},
{
title: '物流全链条追踪管理',
subTitle: '全链条跟踪物流轨迹，对比物流价格，优化物流成本',
},
{
title: '一站式管库存',
subTitle:
'集成海外仓与物流商，统一管理本地仓/海外仓/FBA仓库存和在途库存',
},
],
},
{
id: 'profit-report-daily',
img: financesImg,
title: '每日利润报表',
subTitle:
'每日实时利润统计，订单级回款跟踪，自动提现，业财一体化管理',
items: [
{
title: '实时看利润',
subTitle: '精准核算利润，实时整合提供利润报表，反哺销售决策调整',
},
{
title: '成本严控制',
subTitle: '业务成本一目了然，隐形费用自动识别，精准统计所有成本',
},
{
title: '资金流追踪',
subTitle: '全链条跟踪物流轨迹，对比物流价格，优化物流成本',
},
],
},
{
id: 'settlement-center',
img: statementsImg,
title: '结算中心',
subTitle:
'自动形成利润报表、采购报表、库存报表、业绩报表等，数据可视化',
items: [
{
title: '利润报表',
subTitle:
'实时整合平台数据，精准核算利润，每日出具利润报表，支撑财务核算所需',
},
{
title: '产品表现报表',
subTitle:
'整合Listing所有运营数据，支持同比、环比分析，快速识别爆款产品',
},
{
title: 'BI自定义数据分析',
subTitle:
'自定义经营数据驾驶舱，实时监测业务数据，可联动分析，了解业务实况',
},
],
},
{
id: 'performance-report',
img: adImg,
title: '业绩报表',
subTitle:
'投放前挖掘优质词，投中使用自动规则提效，投后溯源、对比分析广告转化率',
items: [
{
title: '投放前：挖优质词定策略',
subTitle:
'自动分析广告历史表现、行业大盘表现、挖优质词，规划广告投放结构，助力卖家抢量',
},
{
title: '投放中：自动规则提效',
subTitle:
'跨广告类型管理，分时策略、自动规则、关键词抢位等工具高效投放，实时数据优化调整',
},
{
title: '投放后：精准透视分析',
subTitle:
'全局分析广告效果，对比、细分、溯源、透视广告表现，分析词根，挖掘优质投放策略',
},
],
},
],
}
},
}
</script>
<style lang="scss" scoped>
.module-show > div:first-child {
opacity: 1 !important;
transform: none !important;
}
.topics-bg {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 298px;
padding: 2rem 15px 3rem;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/topics-m-banner.0b5e8be.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.text-textContent {
color: rgba(92, 94, 102, 1);
}
.list-item {
position: relative;
&::before {
--tw-bg-opacity: 1;
background-color: rgba(37, 84, 254, var(--tw-bg-opacity));
border-radius: 50%;
position: absolute;
left: -1.25rem;
top: 0.5rem;
content: '';
width: 6px;
height: 6px;
box-shadow: 0 0 0 5px rgba(37, 84, 254, 0.1);
}
}
.footer-banner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2.5rem 15px;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/history-card-sm-bg.cbfbf77.png);
background-position-y: bottom;
background-repeat: no-repeat;
background-size: 100% 5.375rem;
}
.footer-banner .footer-title {
font-weight: 500;
font-size: 1.25rem;
margin-bottom: 1.25rem;
text-align: center;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
letter-spacing: 2px;
}
.footer-banner .footer-description {
line-height: 1.75rem;
display: none;
font-weight: 300;
font-size: 1.125rem;
margin-top: 0.5rem;
margin-bottom: 2.5rem;
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
@media (min-width: 1024px) {
.footer-banner {
padding: 5rem 0;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/app-promotion-bg.252059a.png);
background-size: cover;
}
.footer-banner .footer-title {
font-size: 2.25rem;
line-height: 3.125rem;
margin-bottom: 0;
}
.footer-banner .footer-description {
display: block;
}
.topics-bg {
height: 475px;
padding: 7.5rem 0;
background-image: url(https://static.distributetop.com/office-site-new/office-site-upload/img/topics-pc-banner.4ae7e31.png);
background-size: cover;
}
.list-item {
margin-left: 25px;
padding-left: 0;
padding-right: 0;
}
}
</style>
tailwind.config.js
......@@ -2,7 +2,40 @@
module.exports = {
purge: ['./src/**/*.{vue,js,ts,jsx,tsx}'],
theme: {
extend: {},
extend: {
width: {
120: '30rem',
128: '32rem',
144: '36rem',
160: '40rem',
192: '48rem',
224: '56rem',
256: '64rem',
288: '72rem',
320: '80rem',
384: '96rem',
512: '128rem',
576: '144rem',
640: '160rem',
},
textSize: {
46: '46px',
48: '48px',
50: '50px',
52: '52px',
54: '54px',
56: '56px',
58: '58px',
60: '60px',
62: '62px',
64: '64px',
66: '66px',
68: '68px',
},
marginTop: {
30:'120px'
},
},
},
plugins: [],
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment