{"version":3,"sources":["webpack:///./src/views/pc/image/log.png","webpack:///./src/views/pc/image/10.png","webpack:///./src/views/pc/image/4.png","webpack:///./src/views/pc/image/15.png","webpack:///./src/components/steps/indextwo.vue?655a","webpack:///./src/views/pc/image/3.png","webpack:///./src/views/pc/image/7.png","webpack:///./src/views/pc/image/t5 (1).png","webpack:///./src/views/pc/image/1.png","webpack:///./src/views/pc/image/t1.png","webpack:///./src/views/pc/image/t5 (2).png","webpack:///./src/views/pc/image/t3.png","webpack:///./src/views/pc/image/2.png","webpack:///./src/views/pc/image/9.png","webpack:///./src/views/pc/image/6.png","webpack:///./src/views/app/components/components/heat-title.vue?42c9","webpack:///./src/views/app/components/trade.vue?f757","webpack:///./src/views/pc/image/8.png","webpack:///./src/views/pc/image/t5 (3).png","webpack:///./src/views/pc/image/t4.png","webpack:///./src/views/pc/image/t2.png","webpack:///./src/views/pc/image/5.png","webpack:///./src/views/app/index.vue?4d45","webpack:///./src/views/app/index.vue?c570","webpack:///./src/views/app/components/trade.vue?99a2","webpack:///./src/components/steps/indextwo.vue?78b4","webpack:///src/components/steps/indextwo.vue","webpack:///./src/components/steps/indextwo.vue?4271","webpack:///./src/components/steps/indextwo.vue","webpack:///./src/views/app/components/components/heat-title.vue?7577","webpack:///src/views/app/components/components/heat-title.vue","webpack:///./src/views/app/components/components/heat-title.vue?458d","webpack:///./src/views/app/components/components/heat-title.vue","webpack:///src/views/app/components/trade.vue","webpack:///./src/views/app/components/trade.vue?25bd","webpack:///./src/views/app/components/trade.vue","webpack:///src/views/app/index.vue","webpack:///./src/views/app/index.vue?00bb","webpack:///./src/views/app/index.vue","webpack:///./src/views/pc/image/11.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","navData","navActiveIndex","com","tag","staticRenderFns","attrs","_m","on","$event","open","_v","staticStyle","stepInfo","stepInfo2","stepInfo3","_l","stepItem","index","key","class","step","style","list","length","_s","name","component","methods","url","window","location","href","components","headTitle","Steps","trade","sessionStorage","getItem","watch","setItem"],"mappings":"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","file":"js/chunk-2f713451.ac921c82.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/log.891c914b.png\";","module.exports = __webpack_public_path__ + \"img/10.92030f3a.png\";","module.exports = __webpack_public_path__ + \"img/4.582d6de1.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAqtJREFUWEfNmMF100AQhv/xgVxDBUAFhAqwK4hziM0Nu4Kkg4wrQK4Ac4uUA6KCyB2YCjAVEI72QcMbeSVkeSWtYsmwF/vpaXc+/TuzM7OEhmPIcv6CcEmCPoDXZrr+1xGZ3zUI4UawDJmempgg15c/sPRj4IaAoescfU+AsAfM75lS2MrptUAKIsAdkChyzIgImNWBVQKNWD4RcHsMRXGuEDi4o1nZmlYg9ZMz4GsLqljt6jZuganNvw6AEqcFHgm4aFOZA6WA1RYYFKEOgMYsj10pY4EKA6ar/PM9oDGLB+CmS2Usa899psxPMyATTarOyUcMvHtgWqnhDOhEWzUnIIwBJuB97ssjn2mQAV2zTHrA5y6liYHpA9NCbZgo/lXwnYGeUYlCY5YQwGVXQHkYtVHiHt98piHZaNsEK8Jcs1zQ7lg5L9rZAC+py+1qAmPy3hWNWBYEfGxTFV2rKYyxP1cgdaS8xx/N9kwYrQyWNGb5katr/hmM2bIESEoofgLQ6NP655UL6XOVSdcW4KkUiIA390xrE4VaXL2tgjoWJlFI8FuB1jYFNATTTFwH1QZMtmUVTr3wmaapKmVQbcHkgarCvhKqTZgs7B0ORitUDHhpbtLFqk5gl4DIDkbH1LEHVTTQBoyu6TNRk+RqhWoLBsAuuRq5XcuPPagWYbQw+1t+KFSDFBKB4Ilma4Fny9quPpM7EJcBU9L3/b8lrCnUTl7kCzALmDhVy9YGdVo95rdTgC8B0yT/zNoonu1uMSpzV1M/sbz/fQP0axtFnWjOJi3IO6mzVZktcOvUSue/pIvGsegzReWcrmMsfVTjHdNqsAdMtKSpmlwLlE42rYu2vM7bmNQ3BC2Rvbp7odIoc/n0EYse8XqRtbshEfNLSNvhlQBRwKQR22j8AbOEWgXY4FqZAAAAAElFTkSuQmCC\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./indextwo.vue?vue&type=style&index=0&id=c699e6d6&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./indextwo.vue?vue&type=style&index=0&id=c699e6d6&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/3.30f92aa6.png\";","module.exports = __webpack_public_path__ + \"img/7.e5042f51.png\";","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"img/1.6a9132e9.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAr5JREFUWEftmM1tFEEUhKskhHzjRxy4ARFABkAEQATGEeAMgAjAEUAG4AgwR04sCSAfOeIbSKBCNXoz6pnpnenZttk9uCXLlna3+3tV71XPmtjxxR3nwyVgrUM7qaCkKyT/uLidAZT0CMA+gKeh+i2Sf7cKKOkugCcADgH473Ttkfy9FUBJhnqeqDVs1TOS1/+rxaHWiwBrDp9YxyQbqy9UQUkGaS18sGCiX5N8dWGAkgxjtazClFrHUcCQ/THJk3MFDLU8hbmGHwJ8BvA+ihgpS7JzttrigoZP4c6igBWAT2vU/Uayg94IMGl4WziMh3WtdgTAfeW8ezdh/RFJu9CsYsCk4R0PPqR02c5DkitJ/qzhptYBSdtfBrig4UdZFmDNYZI8NG8LqrpH8nQSMGl4V7wkHtp9GztJ/gw4q+a95lYX0FnAaHj3VclmucM6OwPMEfNmwX5dQPcAJV0F8GVDtbxXM51p74QLntQlDnQBPQS8CeA7gGtzHmRe79kZynmyPyyE80e7gB5ZHBXbXv94Sudge3a2G8ZQrcu4yfrTgJ6dYkktqH/fSXYe2ZnAuTArN/cwkAPtBfQsYLpDqOLDHbQrkqMcLMy4KQV7Ab0IMFHIObZP8saggNKMmwLsBfSmgJ7IrwCekfwYA2E13XO1qxfQGwEGkFP+hGSTlZJs+8tKulFA1wD2bJbkq8yPWTVrFNA1gD2bJfnB8mENHYBRQG8MOLRZkntyyW2Rq2UU0LWAnc2SNDjxwD0KwEN0v0TZXEDXAnY2RzC3+/WionCAsgFdBZjY7OuwvTWyORb/MbCa667ObECfB2AaL1m4JOBdhCFzwzT52eJH/lwvSfJ3h9M2tOf6Ld7v58N0ZQO6WsE5mHWvx71uNf0AMtl/3qNKwQrIPQC3Afwg+Wtqn60ALinsEnCJWrn37ryC/wDYuBA4bXO4sAAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAUxJREFUWEftmO1NwzAURe/dADYoG8AGsAEbwAiswASwQWEDmACYgHYCGKEbXHSlVIraJLaxKyXSs9Q/6cvz0fHHi03MvHHmfAjA2hFavkFJ9wDuDkxsST4M2ZF0CeApw9wryZdU3KRBSSsAPwNJvkhejwD6+Ueq4+7/K5KbqdgU4FhnrQBvSH4GYN+ApJIhDoNH0ycMZs6n5axiSWcAVvv9bFZDLOkWwBqAIZ8BPAJwJcndqE+2incAvMEasN9+Afg3WGUGNuSTAWZWsmRYACYVJQLCYBj87/dgrbn9+zEHa02GwRqDW5dEki6bo610kbwDmDyFZRK7Xr+l4JyrBHBH8jwToFlYCaA79WG9hUHn8uF/cnhLDTaz0iUy3EUKMmXQH5/frcl6+eq2GSfq7mZ8P9O6bcbud/odLf92q7W20nxhsNTYYXwYrDX4B/UW2SkEBDD+AAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"img/2.7265e0a8.png\";","module.exports = __webpack_public_path__ + \"img/9.2a40da29.png\";","module.exports = __webpack_public_path__ + \"img/6.d39f5719.png\";","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./heat-title.vue?vue&type=style&index=0&id=7e271056&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./heat-title.vue?vue&type=style&index=0&id=7e271056&lang=less&scoped=true&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./trade.vue?vue&type=style&index=0&id=52ae8665&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./trade.vue?vue&type=style&index=0&id=52ae8665&lang=less&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/8.bc543e65.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABU9JREFUaEPlm11oHFUUx/9H3fi1fu1GiEaqYlPrR7VVEESxRdqiVupXwVgpIvogij6ofW1BpKCt7YPggwgioo0iGpX6YFI1ECgUUtHYYEk0ujYxSFK1HVNN1CP/dTbM7s7O3Lk7k8zQA2ULuffM+c25H+fec0aQoKjqIgCtAE4HcJrnl/+n/On+O+75nRSRUlJmSZyKVbUFwEUACNoOIGepfxbAGACCHxaRGUs9dd1iAVbVAoDrXci4bPPqIfwBEZlqVnlTwKp6lgt6MYCmdBmAKIAfXfCjBu19m1gZqapnArgWwGIAJ9k+3LLfvwCGAXwlItNRdUQGVlXO0VsAcL4upHBe90dd4CIBqyq9unwehq/pi+Qw/1JEvjbtYASsqicDuBnApaaK57nddwD2icjfYc8NBVZV7qFrAHAlTrNwBd8bNq8DgV3PrssAbMURhP5ERP5p5Jkw4FUALkmzW31sGxWRvsjAqrrM3WMzxls2d0BEBv0M9/WwqtKrK1O0Gkd96Vy9e0WEEVqV1AGrKuPf+9xgP/RBb7y5e9HTm7c86TgODwlV8pfz88NBCtat77y797O+u0IfAiCfz0/u3P7cyw9tesD0YMEDyQe1cbgfMGNiDmcjKbZ1bPeDZec4gamP0FMTw5uNDPu/0aCIDHjbVwGrah7APQC47xrJqfkLXm/UMG5gk5dYYwtX6/dEhN4uSy0wgwvGx8aScmByHBKRfXXAqnougPVRDwMZAOZh42MR+bXKw6rKaIqH9kiSAWDyjIlIzxywuzJ3Rpm7lbeSEWDO5Xe4YpfnsKryUMB9N7JkBJhcfSIyWgEmrNVJKEPAIyLSXwHeaHugzxDwtIi8K6p6PgCeiKwkQ8Dk20PgKwHcYEULwBS488FH1wx+M7R010vbdq9dvWqSz4sSWlbsCwtmQjj2E5iwhLaSMOBPe79ofeyJZx4ZGxtfygfkWnLTd96+trvrrdd6FgB4kMDWCxYBgoCLhULpqHOsdXZm9ozatxn0t6A336SHRwh8G4A2K/eGANvqTBB4gsAbeBCxNS7Iw7Y6EwT+ncCbbCIsk0grhcAzBLbeg8PmcFqBef49x9a4LA7pE27RSmxbsh01CS5ao4kGHikEHiJwU/fPGZvDAwTmLQdvO6wkY8A9BGZCm7cdVvneDAEzn9yV6AWA1ZAJ6JRryR13jpQet9RbzjklesVjaVjDbqtvXfnhno+6ui31Vl3xcDjfbxNi1g7pYqHw04rlyw5YGtWw21VXX1F6cdtWW728xOsSkdm5i/g4rmkJO146uCVu2Bj0VV/TUqGqngfAKLHlNcDrYZ5xx0sHt8ZgYNwqukXkNyqtTbVEjrp8hnQpiSFNY3fteL5nyZLFUUuVqhLkfsm0e6OkW+ZzW2pvv/Db7w8NvBDB/Zy7TJk6lT5+6dIbAVxuqrTY1rHDcZyiaftm2uXz+ampieFnI+gYEpH93vZ+wKza4S2IUcrUTYg/lTQ09+CNnRvefvWVnf2GwAw03hcRVuzOSaOShw4ANxkqTmuzz0WEtZlV0rCKR1UjVQKkjLou899wDlf+oKp8GVy1s1a29IObOGNhS52E1WlxHmepMO1IOZ1iW5jmBiQsFb4DAH/TLH+4sIH7dGitpQt9CgBuV5ellDi+4lIvoKpeA2BFigrWkikfroHmBxwsEKfXF1KSLxD3rOBMjrFYnPv1QnwCMOIWhs/VX5m+eaM53EiZqp7tDnFuXU3pMjC48pEHC0ePGbT3bRKLkarKWPo6m7InQ8NZJEpQbjtNSSzAnqF+YnyoFTDkbT7F+0VEDjflxoDO/wEaB3aBBIJcAwAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAAAXNSR0IArs4c6QAAAJFJREFUSEvtltERwiAQRB8dpAPTkelAS0hHgQ60ImMHdrCZm2T8UT9AhvvhGti3C7cQJC3AFZ+JQZJ8tHdVA5iByQkiBifht2wH6AlkJyBpBM7A8OcFfgH3EoAHYBA1Zi0BWIFTDXXgWQJg7q24ahzBLRugkvNeRD2B3wkcz7MVTYtJH1vQ+oPyDSAClxb2gbQBgTgt84gtvZMAAAAASUVORK5CYII=\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAsdJREFUWEftWLtxVEEQ7K7CwwAXHMgAcHGQIgAiQDi4iAgQGSgDUARIESAiQIoAcHCBCJrqq/eu9u3t7tvdd0fJuK26kuq0M9M7n54ZETf88Ibjwx6gpFsAbo+RIvm3JWo786CkhwDeAziKAP0BcA7gHUn/PjmSHpO8Wj8o/KukUwBXJD+1vDJh5AWAjwDuFvQY3KHBDI95DuAYwIfQ/sSDkn4PSp+Er2gBaw8A+FYpY5D+2Ns+X0kehLJrgJL8WgP0Wb+u0tD6mqTvgcEW8WsABw67pPskf1k4BGjkXwKNBuk8qQ63JOebQ9t6bMvpZU8eAnhaA3A0YkHnxUZCJ3LPye9cWnJekrSe1YlzUBnNPwC8JnlZsrwgvFZr+jmOIxYDdHk/KoAwwFOSF6k7knIPrPFosjBjgLU55HA7Nw3YlbcKvyT/vFODJr5DMsnJG19KstFnjUacAv6YYkrcl1U7C3Agy1GBk7QU6kb889drAI404zz0J25R81b6b/wkOZL1REuOqPtN9UludJAczfTkXx+kqZR59iSlKK5iN/nP27DYqGNCzqHstqq4Ec/0eq5ANjrJwGWmCYf6f1XxGclsQWYHVknOCQ+cuz7Z8CY9OHjRlOO2ZW+OU8YugGbpJVnF45cLxqbWR3gAKY5zpRDPDQ6tYOL71yTdGounBNDCLpau5j9neNhHiuNbNgeDUBuk+/KDCoMtV7LEHCuZXTuHXcXblqlgG0CzbW22k8y5QFK8t8yJbOTduBjVCs56MCBvc6I92XvWW1uLgiLAYcd9C8A9umsQHcB4RTiqWbySOSjpHoA3wR8dyu7pONDjRcg7THJSqfFkvBdbUeu4n7NzBuCEpFeB7pOaZuw9V+yrDq32mGlpMbDRdomonXMGO4bbI3lMM058b3Im3Mu5vbnjwft/YPY4bSJTxYOLrSxQsAe4wHkr0X8boPApW9OBSQAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/5.ac96a9fd.png\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=1409f285&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=1409f285&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"app-main-index\"},[_c('div',{staticClass:\"bx\"},[_c('keep-alive',[_c(_vm.navData[_vm.navActiveIndex].com,{tag:\"components\"})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"bx\"},[_c('headTitle'),_c('div',{staticClass:\"s-y\",attrs:{\"id\":\"sy\"}},[_c('div',{staticClass:\"left\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"btn-all\"},[_c('div',{staticClass:\"btn1 btn\",on:{\"click\":function($event){return _vm.open('https://app.wdp.app')}}},[_vm._v(\"\\n                       Start\\n\\n                    \")]),_c('div',{staticClass:\"btn3 btn\",on:{\"click\":function($event){return _vm.open('https://docs.wdp.app/')}}},[_c('div',{staticClass:\"btn2 \"},[_vm._v(\"\\n                            MORE\\n                        \")])])])])]),_vm._m(2),_vm._m(3),_vm._m(4),_vm._m(5),_c('div',{staticClass:\"line\",staticStyle:{\"font-size\":\"26px\",\"text-align\":\"center\",\"margin-bottom\":\"57px\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\",\"font-weight\":\"bold\",\"color\":\"#fff\"}},[_vm._v(\"\\n            Roadmap\\n\\n          \")]),_c('div',{staticClass:\"step\"},[_c('div',{staticStyle:{\"font-size\":\"18px\",\"text-align\":\"center\",\"margin-bottom\":\"20px\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\",\"font-weight\":\"bold\",\"color\":\"#fff\"}},[_vm._v(\"\\n    Phase 1\\n\\n  \")]),_c('div',{staticClass:\"step-box\"},[_c('Steps',{attrs:{\"stepInfo\":_vm.stepInfo}}),_c('div',{staticClass:\"leftall\"})],1)]),_c('div',{staticClass:\"step\"},[_c('div',{staticStyle:{\"font-size\":\"18px\",\"text-align\":\"center\",\"margin-bottom\":\"20px\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\",\"font-weight\":\"bold\",\"color\":\"#fff\"}},[_vm._v(\"\\n    Phase 2\\n\\n  \")]),_c('div',{staticClass:\"step-box\"},[_c('Steps',{attrs:{\"stepInfo\":_vm.stepInfo2}}),_c('div',{staticClass:\"leftall\"})],1)]),_c('div',{staticClass:\"step\"},[_c('div',{staticStyle:{\"font-size\":\"18px\",\"text-align\":\"center\",\"margin-bottom\":\"20px\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\",\"font-weight\":\"bold\",\"color\":\"#fff\"}},[_vm._v(\"\\n    Phase 3\\n\\n  \")]),_c('div',{staticClass:\"step-box\"},[_c('Steps',{attrs:{\"stepInfo\":_vm.stepInfo3}}),_c('div',{staticClass:\"leftall\"})],1)]),_vm._m(6),_vm._m(7),_vm._m(8),_c('div',{staticClass:\"classbox2\",attrs:{\"id\":\"classbox2\"}},[_c('div',{staticClass:\"botton1\",on:{\"click\":function($event){return _vm.open('https://t.me/wdpapperc20portal')}}},[_c('img',{staticStyle:{\"width\":\"18px\",\"height\":\"18px\"},attrs:{\"src\":require(\"../../pc/image/t1.png\"),\"alt\":\"\"}}),_vm._v(\"\\n                Telegram\\n            \")]),_c('div',{staticClass:\"botton1\",on:{\"click\":function($event){return _vm.open('https://twitter.com/WDPAIGAMING')}}},[_c('img',{staticStyle:{\"width\":\"18px\",\"height\":\"18px\"},attrs:{\"src\":require(\"../../pc/image/t2.png\"),\"alt\":\"\"}}),_vm._v(\"\\n                Twitter\\n            \")]),_c('div',{staticClass:\"botton1\",on:{\"click\":function($event){return _vm.open('https://docs.wdp.app')}}},[_c('img',{staticStyle:{\"width\":\"18px\",\"height\":\"18px\"},attrs:{\"src\":require(\"../../pc/image/t3.png\"),\"alt\":\"\"}}),_vm._v(\"\\n\\nwhitepaper\\n            \")])]),_c('p',{staticClass:\"emal\"},[_vm._v(\"E-mail：Chavez@wdp.app\")])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"line\",staticStyle:{\"font-size\":\"26px\",\"text-align\":\"center\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\"}},[_vm._v(\"\\n                 All-New WEB3 AI Gaming Platform\\n                    \")]),_c('div',{staticStyle:{\"font-size\":\"15px\",\"font-weight\":\"400\",\"color\":\"#D1D1D1\",\"margin-top\":\"2px\",\"text-align\":\"center\",\"font-family\":\"PingFang SC-Regular, PingFang SC\"}},[_vm._v(\"PLAY WITH AI TO EARN\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title\"},[_c('img',{staticStyle:{\"width\":\"300px\",\"height\":\"200px\"},attrs:{\"src\":require(\"../../pc/image/1.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"titles\"},[_c('span',{staticStyle:{\"color\":\"#5780FF\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\",\"font-size\":\"16px\",\"line-height\":\"21px\"}},[_vm._v(\"Compete against AI in games and earn money. Games include Pac-Man, Connect, and Tetris. Learn more.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"trade\",attrs:{\"id\":\"trade\"}},[_c('div',{staticClass:\"left\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/7.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"right\"},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"list\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/15.png\"),\"alt\":\"\"}}),_vm._v(\"Pacman\\n                    \")]),_c('div',{staticClass:\"list\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/15.png\"),\"alt\":\"\"}}),_vm._v(\"Snake\\n                    \")]),_c('div',{staticClass:\"list\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/15.png\"),\"alt\":\"\"}}),_vm._v(\"Tetris\\n                    \")])]),_c('div',{staticClass:\"btn\"},[_vm._v(\"\\n                    Start\\n                    \")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"s-y2\",staticStyle:{\"background\":\"rgba(84, 115, 206, 0.112)\",\"margin-top\":\"40px\",\"margin-bottom\":\"40px\"},attrs:{\"id\":\"s-y2-2\"}},[_c('div',{staticClass:\"left\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"text\"},[_c('div',{staticClass:\"line\",staticStyle:{\"font-size\":\"20px\",\"text-align\":\"center\",\"line-height\":\"26px\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\",\"font-weight\":\"bold\",\"color\":\"#fff\"}},[_vm._v(\"\\n                       One-Stop WEB3 AI Gaming  \"),_c('span',{staticStyle:{\"color\":\"#5780FF\"}},[_vm._v(\"Platform\")])]),_c('div',{staticStyle:{\"font-size\":\"14px\",\"font-weight\":\"400\",\"line-height\":\"22px\",\"color\":\"#D1D1D1\",\"margin-top\":\"15px\",\"text-align\":\"center\",\"font-family\":\"PingFang SC-Regular, PingFang SC\"}},[_vm._v(\"Play games with AI, make games with AI, promote games with AI, and make money from all these activities\")])]),_c('div',{staticClass:\"center-box2\"},[_c('div',{staticClass:\"box2\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/8.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"cen\"},[_c('div',{staticClass:\"text1\"},[_vm._v(\"Play to earn\")]),_c('div',{staticClass:\"text2\"},[_vm._v(\"connect your wallet to start earning by playing games\")])])]),_c('div',{staticClass:\"box2\"},[_c('div',{staticClass:\"cen\"},[_c('div',{staticClass:\"text1\"},[_vm._v(\"Create and Publish Your Game Using AI\")]),_c('div',{staticClass:\"text2\"},[_vm._v(\"Use AI to create and publish games on the platform and enjoy high commission returns.\")])]),_c('img',{attrs:{\"src\":require(\"../../pc/image/9.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"box2\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/10.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"cen\"},[_c('div',{staticClass:\"text1\"},[_vm._v(\"Utilize AI-Powered Marketing Assistant to Generate Personal Invitation Links\")]),_c('div',{staticClass:\"text2\"},[_vm._v(\"Generate exclusive invitation link\")])])])])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"earn2\",attrs:{\"id\":\"earn2\"}},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"\\n                    AI + Gaming: A New Model Changing Traditional Games. Experience the Brand New AI GAME-FI.\\n                \")]),_c('div',{staticClass:\"text\"},[_vm._v(\"\\n                  The platform combines AI technology with game development techniques to create a brand-new AI gaming platform. By introducing AI technology into the WEB3 gaming domain, AI GAME-FI is set to represent the future of the gaming industry.\\n\\n                \")])]),_c('div',{staticClass:\"right\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/11.png\"),\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"line\",staticStyle:{\"font-size\":\"26px\",\"text-align\":\"center\",\"margin-bottom\":\"20px\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\",\"font-weight\":\"bold\",\"color\":\"#fff\"}},[_vm._v(\"\\n            Our \"),_c('span',{staticStyle:{\"color\":\"#5780FF\"}},[_vm._v(\"partner\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"money\"},[_c('div',{staticClass:\"list\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/2.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(\"Gate\")])]),_c('div',{staticClass:\"list\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/3.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(\"OKX\")])]),_c('div',{staticClass:\"list\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/4.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(\"MECK\")])]),_c('div',{staticClass:\"list\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/5.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(\"TokenPocket\")])]),_c('div',{staticClass:\"list\"},[_c('img',{attrs:{\"src\":require(\"../../pc/image/6.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"title\"},[_vm._v(\"Lemond\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"line\",staticStyle:{\"font-size\":\"26px\",\"text-align\":\"center\",\"margin-bottom\":\"20px\",\"margin-top\":\"40px\",\"font-family\":\"Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO\",\"font-weight\":\"bold\",\"color\":\"#fff\"}},[_vm._v(\"\\n             play to  \"),_c('span',{staticStyle:{\"color\":\"#5780FF\"}},[_vm._v(\"earn\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"stepOut\"},[_c('ul',{staticStyle:{\"list-style\":\"none\",\"display\":\"flex\",\"width\":\"100%\",\"flex-direction\":\"column\"}},_vm._l((_vm.stepInfo.list),function(stepItem,index){return _c('li',{key:index,staticClass:\"stepItem\"},[_c('div',{class:_vm.stepInfo.step >= index+1 ? index=='0'?'icon active':index=='1'?'icon active1':'icon active2' :'icon'}),_c('div',{class:_vm.stepInfo.step >= index+2 ? index=='0'?'line lineActive':'line lineActive1':'line',style:(index!==_vm.stepInfo.list.length-1?'':'height:60%')}),_c('div',{class:_vm.stepInfo.step >= index+1 ?  index=='0'?'stepStatus':index=='1'?'stepStatus1':'stepStatus2' :'stepStatus3'},[_vm._v(_vm._s(stepItem.name))])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- Step.vue  -->\r\n<template>\r\n\t<div class=\"stepOut\">\r\n\t\t<ul style=\"list-style: none;display: flex;width: 100%;flex-direction: column;\">\r\n\t\t\t<li class=\"stepItem\" v-for=\"(stepItem, index) in stepInfo.list\" :key=\"index\">\r\n\t\t\t\t<!-- 模拟步骤条的节点，此处为圆圈 -->\r\n\t\t\t\t<div :class=\"stepInfo.step >= index+1 ? index=='0'?'icon active':index=='1'?'icon active1':'icon active2' :'icon'\"></div>\r\n\t\t\t\t<!-- 模拟步骤条连接线，动态显示  -->\r\n\t\t\t\t<div :class=\"stepInfo.step >= index+2 ? index=='0'?'line lineActive':'line lineActive1':'line'\"\r\n\t\t\t\t\t:style=\"index!==stepInfo.list.length-1?'':'height:60%'\"></div>\r\n\t\t\t\t<!-- 步骤名称  -->\r\n\t\t\t\t<div :class=\"stepInfo.step >= index+1 ?  index=='0'?'stepStatus':index=='1'?'stepStatus1':'stepStatus2' :'stepStatus3'\">{{stepItem.name}}</div>\r\n\t\t\t</li>\r\n\t\t</ul>\r\n\t</div>\r\n</template>\r\n \r\n<script>\r\n\texport default {\r\n\t\tname: 'steps',\r\n\t\tprops: {\r\n\t\t\t// 传递步骤参数\r\n\t\t\tstepInfo: {\r\n\t\t\t\ttype: Object,\r\n\t\t\t\tdefault: function() {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tlist: [],\r\n\t\t\t\t\t\tstep: 0\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n \r\n<style scoped>\r\n\t.stepOut {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t}\r\n \r\n\t/* 两点间间距 */\r\n\t.stepOut .stepItem {\r\n\t\theight: 100px;\r\n\t\tfloat: left;\r\n\t\tfont-size: 16px;\r\n\t\tposition: relative;\r\n\t}\r\n \r\n\t.stepOut .stepItem .icon {\r\n        width: 24px;\r\nheight: 24px;\r\nbackground: #171D2F;\r\nopacity: 1;\r\nborder: 4px solid #606988;\r\n\t\tborder-radius: 50%;\r\n\t\t/* margin: 0 auto; */\r\n\t\tposition: relative;\r\n\t\tz-index: 888;\r\n\t}\r\n \r\n\t.stepOut .stepItem .active {\r\n        position: relative;\r\n        left: -7px;\r\n\t\twidth: 36px;\r\nheight: 36px;\r\nbackground: #171D2F;\r\n\r\nborder: 6px solid #5780FF;\r\n\t}\r\n\t.stepOut .stepItem .active1 {\r\n\t\twidth: 24px;\r\nheight: 24px;\r\nbackground: #171D2F;\r\n\r\nbackground: #171D2F;\r\nopacity: 1;\r\nborder: 4px solid #606988;\r\n\t}\r\n\t.stepOut .stepItem .active2 {\r\n\t\tbackground-color: #02C6A3;\r\n\t}\r\n\t/* 线条 */\r\n\t.stepOut .stepItem .line {\r\n\t\tposition: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n\t\ttop: 11px;\r\n\t\tleft: 10px;\r\n\t\tborder-left: 2px solid rgba(84,114,206,0.2);;\r\n\t\twidth: 100%;\r\n\t\tz-index: 111;\r\n        margin-bottom: 20px;\r\n\t}\r\n \r\n\t.stepOut .stepItem .lineActive {\r\n        \r\n        border-left: 2px solid rgba(84,114,206,0.2);;\r\n\r\n      \r\n\t}\r\n    .lineActive::after{\r\n        position: relative;\r\n        left: -2px;\r\n        display: block;\r\n        content: attr(alt);\r\n        height: 50%;\r\n\t\tborder-left: 2px solid #5780FF ;\r\n            \r\n        }\r\n\t.stepOut .stepItem .lineActive1{\r\n\t\tborder-bottom: 2px solid #02C6A3  ;\r\n\t}\r\n\t/* 下面字体颜色 */\r\n\t.stepOut .stepItem .stepStatus {\r\n        margin-left: 20px;\r\nheight: 50px;\r\nline-height: 50px;\r\ntext-align: center;\r\nbackground: #ffffff0a;\r\nborder-radius: 12px 12px 12px 12px;\r\n\r\nfont-size: 12px;\r\nfont-family: PingFang SC-Medium, PingFang SC;\r\nfont-weight: 500;\r\ncolor: #D1D1D1;\r\n\t}\r\n\t.stepOut .stepItem .stepStatus1 {\r\n        margin-left: 20px;\r\nheight: 50px;\r\nline-height: 50px;\r\ntext-align: center;\r\nbackground: #ffffff0a;\r\nborder-radius: 12px 12px 12px 12px;\r\n\r\nfont-size: 12px;\r\nfont-family: PingFang SC-Medium, PingFang SC;\r\nfont-weight: 500;\r\ncolor: #D1D1D1;\r\n\t}\r\n\t.stepOut .stepItem .stepStatus2 {\r\n        margin-left: 20px;\r\nheight: 50px;\r\nline-height: 50px;\r\ntext-align: center;\r\nbackground: #ffffff0a;\r\nborder-radius: 12px 12px 12px 12px;\r\n\r\nfont-size: 12px;\r\nfont-family: PingFang SC-Medium, PingFang SC;\r\nfont-weight: 500;\r\ncolor: #D1D1D1;\r\n\t}\r\n\t.stepOut .stepItem .stepStatus3 {\r\n        margin-left: 20px;\r\nheight: 50px;\r\nline-height: 50px;\r\ntext-align: center;\r\nbackground: #ffffff0a;\r\nborder-radius: 12px 12px 12px 12px;\r\n\r\nfont-size: 12px;\r\nfont-family: PingFang SC-Medium, PingFang SC;\r\nfont-weight: 500;\r\ncolor: #D1D1D1;\r\n\t}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./indextwo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./indextwo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./indextwo.vue?vue&type=template&id=c699e6d6&scoped=true&\"\nimport script from \"./indextwo.vue?vue&type=script&lang=js&\"\nexport * from \"./indextwo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./indextwo.vue?vue&type=style&index=0&id=c699e6d6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"c699e6d6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"head-title\"},[_vm._m(0),_c('div',{staticClass:\"right-head-img\"},[_c('div',{staticClass:\"img-title\"}),_c('div',{staticClass:\"btn-wai\"}),_c('div',{staticClass:\"xia\"},[_c('img',{staticClass:\"zuo\",attrs:{\"src\":require(\"../../../pc/image/t4.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"xia-la\"},[_c('div',{staticClass:\"list\",on:{\"click\":function($event){return _vm.open('https://t.me/wdpapperc20portal')}}},[_c('img',{attrs:{\"src\":require(\"../../../pc/image/t5 (2).png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"Telegram\")])]),_c('div',{staticClass:\"list\",on:{\"click\":function($event){return _vm.open('https://twitter.com/WDPAIGAMING')}}},[_c('img',{attrs:{\"src\":require(\"../../../pc/image/t5 (1).png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"Twitter\")])]),_c('div',{staticClass:\"list\",on:{\"click\":function($event){return _vm.open('https://docs.wdp.app')}}},[_c('img',{attrs:{\"src\":require(\"../../../pc/image/t5 (3).png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"whitepaper\")])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"left-logo\"},[_c('div',{staticClass:\"img\"},[_c('img',{staticStyle:{\"width\":\"100px\"},attrs:{\"src\":require(\"../../../pc/image/log.png\"),\"alt\":\"\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"head-title\">\r\n    <div class=\"left-logo\">\r\n      <div class=\"img\">\r\n        <!-- <div class=\"yuan\"></div> -->\r\n        <img style=\"width: 100px;\" src=\"../../../pc/image/log.png\" alt=\"\">\r\n\r\n      </div>\r\n      <!-- <div class=\"text\">WDP</div> -->\r\n    </div>\r\n    <div class=\"right-head-img\">\r\n      <div class=\"img-title\">\r\n\r\n      </div>\r\n      <div class=\"btn-wai\">\r\n\r\n        <!-- <div class=\"btn\"></div> -->\r\n      </div>\r\n      <div class=\"xia\">\r\n        <img src=\"../../../pc/image/t4.png\" class=\"zuo\" alt=\"\" />\r\n\r\n              <div class=\"xia-la\">\r\n                <div class=\"list\" @click=\"open('https://t.me/wdpapperc20portal')\">\r\n                  <img src=\"../../../pc/image/t5 (2).png\" alt=\"\">\r\n                  <div class=\"text\">Telegram</div>\r\n                </div>\r\n                <div class=\"list\" @click=\"open('https://twitter.com/WDPAIGAMING')\">\r\n                  <img src=\"../../../pc/image/t5 (1).png\" alt=\"\">\r\n                  <div class=\"text\">Twitter</div>\r\n                </div>\r\n                <div class=\"list\"  @click=\"open('https://docs.wdp.app')\">\r\n                  <img src=\"../../../pc/image/t5 (3).png\" alt=\"\">\r\n                  <div class=\"text\">whitepaper</div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  methods:{\r\n    open(url){\r\n      window.location.href=url\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n      .xia {\r\n                    margin-right: 0;\r\n                    position: relative;\r\n                    display: flex;\r\n                    align-items: center;\r\n\r\n                    >img {\r\n                        margin-left: 2px;\r\n                        width: 16px;\r\n                        height: 16px;\r\n                        // transform: rotate(-90deg);\r\n                        // transition: all 0.5s;\r\n                    }\r\n\r\n                    .xia-la {\r\n                        // display: none;\r\n                        height: 0;\r\n                        overflow: hidden;\r\n                        flex-direction: column;\r\n                        background: rgba(65, 65, 65, 0.65);\r\n                        border-radius: 12px;\r\n                        position: absolute;\r\n                        top: 100%;\r\n                        left: -112px;\r\n                        transition: all 0.5s;\r\n                        box-sizing: border-box;\r\n                        z-index: 9;\r\n\r\n                        >div {\r\n                            margin-top: 15px;\r\n                        }\r\n\r\n                        >div:first-child {\r\n                            margin-top: 0;\r\n                        }\r\n\r\n                        .list {\r\n                            display: flex;\r\n                            align-items: center;\r\n                            cursor: pointer;\r\n\r\n                            img {\r\n                                width: 20px;\r\n                                height: 20px;\r\n                                margin-right: 8px;\r\n                            }\r\n\r\n                            .text {\r\n                                font-family: Flynn mono VF;\r\n                                font-size: 12px;\r\n                                font-weight: normal;\r\n                                line-height: 16px;\r\n                                color: #D1D1D1;\r\n                            }\r\n                        }\r\n\r\n                        .list:hover .text {\r\n                            cursor: pointer;\r\n                            color: #0099f7;\r\n                            text-decoration: dashed;\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .xia:hover {\r\n                    >img {\r\n                        transform: rotate(0deg);\r\n                    }\r\n\r\n                    .xia-la {\r\n                        height: 134px;\r\n                        padding: 10px;\r\n                        display: block;\r\n                    }\r\n                }\r\n        .yuan{\r\n            width: 28px;\r\nheight: 28px;\r\nbackground: linear-gradient(127deg, #5780FF 0%, #1434E1 100%);\r\nopacity: 1;\r\nborder: 2px solid #082F64;\r\nborder-radius: 50%;\r\n\r\n        }\r\n.head-title {\r\n  padding-top: 5px;\r\n  height: 35px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n\r\n  .left-logo {\r\n    display: flex;\r\n\r\n    .img {\r\n      width: 31px;\r\n      height: 35px;\r\n      margin-right: 10px;\r\n\r\n      img {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n\r\n    .text {\r\n      font-family: Flynn mono VF;\r\n      font-size: 27px;\r\n      font-weight: normal;\r\n      line-height: 27px;\r\n      letter-spacing: 0em;\r\n      color: #fff;\r\n \r\n    }\r\n  }\r\n\r\n  .right-head-img {\r\n    width: 129px;\r\n    height: 21px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n\r\n    .img-title {\r\n      display: flex;\r\n      align-items: center;\r\n\r\n      .title {\r\n        width: 20px;\r\n        height: 20px;\r\n        margin-right: 6px;\r\n      }\r\n\r\n      .zuo {\r\n        width: 9px;\r\n        height: 5px;\r\n      }\r\n    }\r\n\r\n  \r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./heat-title.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./heat-title.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./heat-title.vue?vue&type=template&id=7e271056&scoped=true&\"\nimport script from \"./heat-title.vue?vue&type=script&lang=js&\"\nexport * from \"./heat-title.vue?vue&type=script&lang=js&\"\nimport style0 from \"./heat-title.vue?vue&type=style&index=0&id=7e271056&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7e271056\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"bx\">\r\n        <headTitle />\r\n        <div class=\"s-y\" id=\"sy\">\r\n            <div class=\"left\">\r\n\r\n                <div class=\"text\">\r\n                    <div class=\"line\" style=\"\r\n  font-size: 26px;\r\n  text-align: center;\r\n  font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\">\r\n                 All-New WEB3 AI Gaming Platform\r\n                    </div>\r\n                    <div style=\"\r\n  font-size: 15px;\r\n  font-weight: 400;\r\n  color: #D1D1D1;\r\n  margin-top: 2px;\r\n  text-align: center;\r\n  font-family: PingFang SC-Regular, PingFang SC;\">PLAY WITH AI TO EARN</div>\r\n                </div>\r\n                <div class=\"title\">\r\n                    <img style=\"width: 300px;\r\n  height: 200px;\" src=\"../../pc/image/1.png\" alt=\"\">\r\n\r\n                </div>\r\n                <div class=\"btn-all\">\r\n\r\n                    <div class=\"btn1 btn\" @click=\"open('https://app.wdp.app')\">\r\n                       Start\r\n\r\n                    </div>\r\n                    <div class=\"btn3 btn\"  @click=\"open('https://docs.wdp.app/')\">\r\n                        <div class=\"btn2 \">\r\n                            MORE\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"titles\">\r\n            <span style=\"color:#5780FF;font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n     font-size: 16px;\r\n    line-height: 21px;\">Compete against AI in games and earn money. Games include Pac-Man, Connect, and Tetris. Learn more.</span>\r\n        </div>\r\n        <div class=\"trade\" id=\"trade\">\r\n\r\n            <div class=\"left\">\r\n                <img src=\"../../pc/image/7.png\" alt=\"\">\r\n            </div>\r\n            <div class=\"right\">\r\n\r\n                <div class=\"text\">\r\n                    <div class=\"list\">\r\n                        <img src=\"../../pc/image/15.png\" alt=\"\">Pacman\r\n                    </div>\r\n                    <div class=\"list\">\r\n                        <img src=\"../../pc/image/15.png\" alt=\"\">Snake\r\n                    </div>\r\n                    <div class=\"list\">\r\n                        <img src=\"../../pc/image/15.png\" alt=\"\">Tetris\r\n                    </div>\r\n                </div>\r\n                <div class=\"btn\">\r\n                    Start\r\n                    </div>\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"s-y2\" id=\"s-y2-2\" style=\"\r\n\r\n            background: rgba(84, 115, 206, 0.112);margin-top: 40px;margin-bottom: 40px;\r\n            \">\r\n\r\n            <div class=\"left\" style=\" width: 100%;\">\r\n\r\n                <div class=\"text\">\r\n                    <div class=\"line\" style=\"\r\n            font-size: 20px;\r\n            text-align: center;\r\n            line-height: 26px;\r\n            font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n            font-weight: bold;\r\n            color: #fff;\r\n            \">\r\n                       One-Stop WEB3 AI Gaming  <span style=\"color: #5780FF;\">Platform</span>\r\n\r\n                    </div>\r\n                    <div style=\"\r\n            font-size: 14px;\r\n            font-weight: 400;\r\n            line-height: 22px;\r\n\r\n            color: #D1D1D1;\r\n            margin-top: 15px;\r\n            text-align: center;\r\n            font-family: PingFang SC-Regular, PingFang SC;\">Play games with AI, make games with AI, promote games with AI, and make money from all these activities</div>\r\n                </div>\r\n                <div class=\"center-box2\">\r\n\r\n                    <div class=\"box2\">\r\n                        <img src=\"../../pc/image/8.png\" alt=\"\">\r\n                        <div class=\"cen\">\r\n                            <div class=\"text1\">Play to earn</div>\r\n                            <div class=\"text2\">connect your wallet to start earning by playing games</div>\r\n                        </div>\r\n\r\n\r\n\r\n                    </div>\r\n                    <div class=\"box2\">\r\n                        <div class=\"cen\">\r\n\r\n                            <div class=\"text1\">Create and Publish Your Game Using AI</div>\r\n                            <div class=\"text2\">Use AI to create and publish games on the platform and enjoy high commission returns.</div>\r\n                        </div>\r\n                        <img src=\"../../pc/image/9.png\" alt=\"\">\r\n\r\n\r\n                    </div>\r\n                    <div class=\"box2\">\r\n                        <img src=\"../../pc/image/10.png\" alt=\"\">\r\n                        <div class=\"cen\">\r\n\r\n                            <div class=\"text1\">Utilize AI-Powered Marketing Assistant to Generate Personal Invitation Links</div>\r\n                            <div class=\"text2\">Generate exclusive invitation link</div>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n\r\n        <div class=\"earn2\" id=\"earn2\">\r\n            <div class=\"left\">\r\n                <div class=\"title\">\r\n                    AI + Gaming: A New Model Changing Traditional Games. Experience the Brand New AI GAME-FI.\r\n                </div>\r\n                <div class=\"text\">\r\n                  The platform combines AI technology with game development techniques to create a brand-new AI gaming platform. By introducing AI technology into the WEB3 gaming domain, AI GAME-FI is set to represent the future of the gaming industry.\r\n\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"right\">\r\n                <img src=\"../../pc/image/11.png\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n\r\n        <div class=\"line\" style=\"\r\n  font-size: 26px;\r\n\r\n  text-align: center;\r\n  margin-bottom: 57px;\r\n  \r\n  font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  \">\r\n            Roadmap\r\n\r\n          </div>\r\n           <div class=\"step\" >\r\n  <div style=\"\r\n  font-size: 18px;\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n  \r\n  font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  \">\r\n    Phase 1\r\n\r\n  </div>\r\n          <div class=\"step-box\">\r\n\r\n            <Steps\r\n:stepInfo=\"stepInfo\"\r\n   />\r\n   <div class=\"leftall\"></div>\r\n\r\n          </div>\r\n\r\n        </div>\r\n\r\n           <div class=\"step\" >\r\n  <div style=\"\r\n  font-size: 18px;\r\n\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n  \r\n  font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  \">\r\n    Phase 2\r\n\r\n  </div>\r\n          <div class=\"step-box\">\r\n\r\n            <Steps\r\n:stepInfo=\"stepInfo2\"\r\n   />\r\n\r\n   <div class=\"leftall\"></div>\r\n          </div>\r\n\r\n        </div>\r\n  \r\n           <div class=\"step\" >\r\n  <div style=\"\r\n  font-size: 18px;\r\n\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n  \r\n  font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  \">\r\n    Phase 3\r\n\r\n  </div>\r\n          <div class=\"step-box\">\r\n\r\n            <Steps\r\n:stepInfo=\"stepInfo3\"\r\n   />\r\n   <div class=\"leftall\"></div>\r\n\r\n          </div>\r\n\r\n        </div>\r\n\r\n\r\n        <div class=\"line\" style=\"\r\n  font-size: 26px;\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n  \r\n  font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  \">\r\n            Our <span style=\"color: #5780FF;\">partner</span>\r\n\r\n        </div>\r\n        <div class=\"money\">\r\n\r\n            <div class=\"list\">\r\n                <img src=\"../../pc/image/2.png\" alt=\"\">\r\n                <div class=\"title\">Gate</div>\r\n\r\n            </div>\r\n            <div class=\"list\">\r\n                <img style=\"\" src=\"../../pc/image/3.png\" alt=\"\">\r\n                <div class=\"title\">OKX</div>\r\n\r\n            </div>\r\n            <div class=\"list\">\r\n                <img src=\"../../pc/image/4.png\" alt=\"\">\r\n                <div class=\"title\">MECK</div>\r\n\r\n            </div>\r\n            <div class=\"list\">\r\n                <img src=\"../../pc/image/5.png\" alt=\"\">\r\n                <div class=\"title\">TokenPocket</div>\r\n\r\n            </div>\r\n            <div class=\"list\">\r\n                <img src=\"../../pc/image/6.png\" alt=\"\">\r\n                <div class=\"title\">Lemond</div>\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"line\" style=\"\r\n  font-size: 26px;\r\n  text-align: center;\r\n  margin-bottom: 20px;\r\n  margin-top: 40px;\r\n  font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n  font-weight: bold;\r\n  color: #fff;\r\n  \">\r\n             play to  <span style=\"color: #5780FF;\">earn</span>\r\n\r\n        </div>\r\n        <div class=\"classbox2\" id=\"classbox2\">\r\n\r\n            <div class=\"botton1\" @click=\"open('https://t.me/wdpapperc20portal')\">\r\n                <img style=\"width: 18px;\r\nheight: 18px;\" src=\"../../pc/image/t1.png\" alt=\"\">\r\n                Telegram\r\n            </div>\r\n            <div class=\"botton1\" @click=\"open('https://twitter.com/WDPAIGAMING')\">\r\n                <img style=\"width: 18px;\r\nheight: 18px;\" src=\"../../pc/image/t2.png\" alt=\"\">\r\n                Twitter\r\n            </div>\r\n            <div class=\"botton1\" @click=\"open('https://docs.wdp.app')\">\r\n                <img style=\"width: 18px;\r\nheight: 18px;\" src=\"../../pc/image/t3.png\" alt=\"\">\r\n\r\nwhitepaper\r\n            </div>\r\n        </div>\r\n        <p class=\"emal\">E-mail：Chavez@wdp.app</p>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport Steps from '@/components/steps/indextwo.vue'\r\n\r\nimport headTitle from \"./components/heat-title.vue\";\r\nexport default {\r\n    components: { headTitle,Steps },\r\n    data () {\r\n    return {\r\n      stepInfo: {\r\n\t\t\t\t\tlist: [{\r\n\t\t\t\t\t\t\tname: 'Game Developement'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tname: 'Whitepaper'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tname: 'Contract creation'\r\n\t\t\t\t\t\t},\r\n            {\r\n\t\t\t\t\t\t\tname: 'Marketing & Community building'\r\n\t\t\t\t\t\t},\r\n            {\r\n\t\t\t\t\t\t\tname: 'Pinksale Launch'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t],\r\n\r\n                   //步骤条进度\r\n\t\t\t\t\tstep: 2\r\n\t\t\t\t},\r\n      stepInfo2: {\r\n\t\t\t\t\tlist: [{\r\n\t\t\t\t\t\t\tname: 'More Games intergration '\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tname: 'AI-Powered Marketing Assistant'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tname: 'CEX Listing'\r\n\t\t\t\t\t\t},\r\n            {\r\n\t\t\t\t\t\t\tname: 'Auditing'\r\n\t\t\t\t\t\t},\r\n            {\r\n\t\t\t\t\t\t\tname: 'Partnership expansion'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t],\r\n          \r\n                   //步骤条进度\r\n\t\t\t\t\tstep: 2\r\n\t\t\t\t},\r\n        stepInfo3: {\r\n\t\t\t\t\tlist: [{\r\n\t\t\t\t\t\t\tname: 'Game Developement  Assistant'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tname: 'NFT Listing'\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\tname: 'Expanding the Team'\r\n\t\t\t\t\t\t},\r\n            {\r\n\t\t\t\t\t\t\tname: 'Participation in Summits'\r\n\t\t\t\t\t\t},\r\n           \r\n\t\t\t\t\t],\r\n          \r\n                   //步骤条进度\r\n\t\t\t\t\tstep: 2\r\n\t\t\t\t},\r\n    }\r\n},\r\n\r\n\r\n    mounted() {\r\n    },\r\n    methods:{\r\n    open(url){\r\n      window.location.href=url\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.step{\r\n  padding: 0 5%;\r\n  margin-bottom: 100px;\r\n}\r\n.step-box{\r\n  position: relative;\r\n\r\nbackground: rgba(84,114,206,0.2);\r\nborder-radius: 24px 24px 24px 24px;\r\nopacity: 1;\r\npadding: 20px;\r\nborder: 1px solid #5472CE;\r\n\r\n.leftall{\r\n  width: 200px;\r\nheight: 4px;\r\nbackground: #5780FF;\r\nborder-radius: 24px 24px 24px 24px;\r\nopacity: 1;\r\nposition: absolute;\r\nleft: 20%;\r\ntop: 0px;\r\n}\r\n}\r\n.emal{\r\n    color: #fff;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    padding-bottom: 100px;\r\n\r\n}\r\n.s-y {\r\n    display: flex;\r\n    justify-content: center;\r\n    background: url(\"../../pc/image/12.png\") no-repeat;\r\n    background-size: cover;\r\n    background-size: 100% 100%;\r\n    background-size: cover;\r\n    background-repeat: no-repeat;\r\n    background-attachment: fixed;\r\n    /*关键*/\r\n    background-position: center;\r\n\r\n\r\n    .left {\r\n        padding-top: 12px;\r\n\r\n        .title {\r\n            display: flex;\r\n            justify-content: center;\r\n\r\n        }\r\n\r\n        .text {\r\n            margin-top: 33px;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-direction: column;\r\n\r\n            >div {\r\n                font-family: Flynn mono VF;\r\n                font-size: 24px;\r\n                font-weight: normal;\r\n                line-height: 40px;\r\n                color: #fff;\r\n            }\r\n        }\r\n\r\n        .btn-all {\r\n            margin-top: 42px;\r\n            display: flex;\r\n            justify-content: center;\r\n\r\n            .btn1 {\r\n                width: 120px;\r\n                height: 70px;\r\n                background: #5780FF;\r\n                background: linear-gradient(127deg, transparent 20px, #5780FF 0%, #1434E1 100%) top left,\r\n                    linear-gradient(-135deg, #5780FF 0%, #1434E1 100%) top right,\r\n                    linear-gradient(-45deg, transparent 20px, #5780FF 0%, #1434E1 100%) bottom right,\r\n                    linear-gradient(45deg, #5780FF 5%, #1434E1 100%) bottom left;\r\n                background-size: 50% 50%;\r\n                background-repeat: no-repeat;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-family: Flynn mono VF;\r\n                font-size: 12px;\r\n                font-weight: normal;\r\n                line-height: 30px;\r\n                text-align: center;\r\n\r\n                color: #FFFFFF;\r\n                // border-top-left-radius: 30px;\r\n                // border-bottom-right-radius: 30px;\r\n                margin-right: 48px;\r\n                cursor: pointer;\r\n            }\r\n\r\n            .btn3 {\r\n                display: flex;\r\n\r\n                align-items: center;\r\n\r\n                justify-content: center;\r\n\r\n                padding: 2px;\r\n\r\n                background: linear-gradient(-45deg, transparent 20px, #5780FF 0) bottom right,\r\n\r\n                    linear-gradient(45deg, transparent 0px, #5780FF 0) bottom left,\r\n\r\n                    linear-gradient(135deg, transparent 20px, #5780FF 0) top left,\r\n\r\n                    linear-gradient(-135deg, transparent 0px, #5780FF 0) top right;\r\n\r\n                background-size: 50% 50%;\r\n\r\n                background-repeat: no-repeat;\r\n            }\r\n\r\n            .btn2 {\r\n                width: 120px;\r\n                height: 70px;\r\n\r\n                opacity: 1;\r\n                box-sizing: border-box;\r\n                background: linear-gradient(-45deg, transparent 20px, #070707 0) bottom right,\r\n\r\n                    linear-gradient(45deg, transparent 0px, #070707 0) bottom left,\r\n\r\n                    linear-gradient(135deg, transparent 20px, #070707 0) top left,\r\n\r\n                    linear-gradient(-135deg, transparent 0px, #070707 0) top right;\r\n\r\n                background-size: 50% 50%;\r\n\r\n                background-repeat: no-repeat;\r\n                color: #5780FF;\r\n                font-family: Flynn mono VF;\r\n                font-size: 12px;\r\n                font-weight: normal;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n    }\r\n\r\n    .right {\r\n        position: relative;\r\n        width: 866px;\r\n        // background: url('.../../pc/image/b001.png') no-repeat;\r\n\r\n        .bei-qu {\r\n            position: absolute;\r\n            width: 860.53px;\r\n            height: 391.44px;\r\n            top: 126px;\r\n            left: 14px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .zhu {\r\n            position: absolute;\r\n            width: 334px;\r\n            height: 200px;\r\n            top: 41px;\r\n            left: 120px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .bai {\r\n            position: absolute;\r\n            width: 116px;\r\n            height: 116px;\r\n            top: 5px;\r\n            left: 571px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .zhe {\r\n            position: absolute;\r\n            width: 281px;\r\n            height: 181px;\r\n            left: 510px;\r\n            top: 150px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n\r\n        .dian1 {\r\n            left: 76px;\r\n            top: 142px;\r\n        }\r\n\r\n        .dian2 {\r\n            left: 807px;\r\n            top: 219px;\r\n        }\r\n\r\n        .diy {\r\n            position: absolute;\r\n            top: 299px;\r\n            left: 254px;\r\n            width: 163px;\r\n            height: 105px;\r\n            border-radius: 5px;\r\n            background: rgba(255, 255, 255, 0.01);\r\n            box-sizing: border-box;\r\n            background: rgba(255, 255, 255, 0.01);\r\n            backdrop-filter: blur(8.29px);\r\n            box-shadow: inset 0px 3px 6px 0px rgba(0, 0, 0, 0.16);\r\n\r\n            .bei {\r\n                width: 100%;\r\n                height: 100%;\r\n                border: 0.5px solid #FFFFFF;\r\n                background: rgba(255, 255, 255, 0.01);\r\n                filter: blur(1.8px);\r\n                box-shadow: inset 0px 3px 6px 0px rgba(0, 0, 0, 0.16);\r\n            }\r\n\r\n            .qiu {\r\n                border-radius: 50%;\r\n                width: 26px;\r\n                height: 26px;\r\n                background: linear-gradient(136deg, #26FF93 14%, #F4E634 133%);\r\n                box-shadow: 0px 3px 6px 0px rgba(4, 13, 8, 0.5), inset -5px -5px 6px 0px rgba(66, 77, 71, 0.5);\r\n                position: absolute;\r\n                right: 17px;\r\n                top: 17px;\r\n            }\r\n\r\n            .tiao1 {\r\n                background: #FFFFFF;\r\n                box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset -1px -2px 6px 0px #7EA896;\r\n                width: 79px;\r\n                height: 8px;\r\n                border-radius: 6px;\r\n                position: absolute;\r\n                left: 16px;\r\n                top: 41px;\r\n            }\r\n\r\n            .tiao2 {\r\n                background: #FFFFFF;\r\n                position: absolute;\r\n                box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset -1px -2px 6px 0px #7EA896;\r\n                width: 130px;\r\n                height: 8px;\r\n                border-radius: 6px;\r\n                left: 16px;\r\n                top: 73px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.titles {\r\n    text-align: center;\r\n    margin-top: 40px;\r\n}\r\n\r\n.trade {\r\n    display: flex;\r\n    align-items: center;\r\n    border-radius: 20px;\r\n    opacity: 1;\r\n\r\n    img {\r\n        width: 165px;\r\n        height: 180px;\r\n    }\r\n\r\n    .left {\r\n        flex: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        position: relative;\r\n\r\n        .dian1 {\r\n            left: 109px;\r\n            top: calc(436px - 276px);\r\n        }\r\n\r\n        .dian2 {\r\n            left: 514px;\r\n            top: calc(203px - 276px);\r\n        }\r\n\r\n        .main {\r\n            width: 800px;\r\n            height: 364px;\r\n            position: relative;\r\n\r\n\r\n            .di {\r\n                position: absolute;\r\n                bottom: 0;\r\n                left: 0;\r\n                width: 554px;\r\n                height: 332px;\r\n                border-radius: 20px;\r\n                opacity: 0.41;\r\n                background: linear-gradient(125deg, #25B06B 13%, #F4E634 110%);\r\n                box-shadow: inset 10px 10px 10px 0px rgba(0, 0, 0, 0.3);\r\n            }\r\n\r\n            .main-zhu-ti {\r\n                position: absolute;\r\n                top: 0;\r\n                right: 0;\r\n                width: 554px;\r\n\r\n                .top {\r\n                    width: 554px;\r\n                    height: 28px;\r\n                    border-radius: 16px 16px 0px 0px;\r\n                    background: linear-gradient(93deg, #25B06B 12%, #F4E634 106%);\r\n                    box-shadow: inset 0px 3px 6px 0px #395748;\r\n                    padding-left: 16px;\r\n                    padding-top: 10px;\r\n                    display: flex;\r\n                    box-sizing: border-box;\r\n\r\n                    .r {\r\n                        margin-right: 8px;\r\n                        width: 12px;\r\n                        height: 12px;\r\n                        opacity: 1;\r\n                        background: #ED6C60;\r\n                        box-sizing: border-box;\r\n                        border: 1px solid #2D9561;\r\n                        box-shadow: inset -3px -3px 2px 0px rgba(41, 4, 4, 0.3);\r\n                        border-radius: 50%;\r\n                    }\r\n\r\n                    .y {\r\n                        margin-right: 8px;\r\n                        width: 12px;\r\n                        height: 12px;\r\n                        background: #F4E634;\r\n                        box-sizing: border-box;\r\n                        border: 1px solid #2D9561;\r\n                        box-shadow: inset -3px -3px 2px 0px rgba(41, 4, 4, 0.3);\r\n                        border-radius: 50%;\r\n                    }\r\n\r\n                    .b {\r\n                        width: 12px;\r\n                        height: 12px;\r\n                        background: #62C555;\r\n                        box-sizing: border-box;\r\n                        border: 1px solid #2D9561;\r\n                        box-shadow: inset -3px -3px 2px 0px rgba(41, 4, 4, 0.3);\r\n                        border-radius: 50%;\r\n                    }\r\n                }\r\n\r\n                .main-zhong {\r\n                    width: 554px;\r\n                    height: 304px;\r\n                    border-radius: 0px 0px 20px 20px;\r\n                    background: linear-gradient(118deg, #192214 0%, #566456 97%);\r\n                    box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.3);\r\n                    display: flex;\r\n\r\n                    .main-zhong-left {\r\n                        box-sizing: border-box;\r\n                        padding-left: 22px;\r\n                        margin-right: 6px;\r\n\r\n                        .top-zui-shang {\r\n                            height: 152px;\r\n                            display: flex;\r\n                            align-items: center;\r\n                            padding-left: 15px;\r\n\r\n                            .zuo-you {\r\n                                padding-top: 30px;\r\n\r\n                                .text {\r\n                                    margin-bottom: 17px;\r\n                                    font-family: Flynn mono VF;\r\n                                    font-size: 18px;\r\n                                    font-weight: normal;\r\n                                    line-height: 18px;\r\n                                    color: #FFFFFF;\r\n                                }\r\n\r\n                                .bi {\r\n                                    display: flex;\r\n                                    align-items: center;\r\n\r\n                                    img {\r\n                                        width: 24px;\r\n                                        height: 24px;\r\n                                        margin-right: 10px;\r\n                                    }\r\n\r\n                                    .t {\r\n                                        opacity: 0.8;\r\n                                        font-family: Flynn mono VF;\r\n                                        font-size: 12px;\r\n                                        font-weight: normal;\r\n                                        line-height: 12px;\r\n                                        color: #FFFFFF;\r\n                                    }\r\n                                }\r\n\r\n                                .title-img {\r\n                                    margin-top: 19px;\r\n                                    width: 44px;\r\n                                    height: 44px;\r\n                                    border-radius: 10px;\r\n                                }\r\n\r\n                                .left-color {\r\n                                    background: #FFC600;\r\n                                }\r\n\r\n                                .right-color {\r\n                                    background: #6FDAF0;\r\n                                }\r\n                            }\r\n\r\n                            .left-zhong {\r\n                                height: 100%;\r\n                                display: flex;\r\n                                flex-direction: column-reverse;\r\n                                padding-left: 17px;\r\n                                padding-right: 50px;\r\n\r\n                                img {\r\n                                    width: 36px;\r\n                                    height: 36px;\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                        .xian {\r\n                            margin-top: 25px;\r\n                            margin-bottom: 17px;\r\n                            width: 342px;\r\n                            height: 0px;\r\n                            opacity: 0.1;\r\n                            border: 1px solid #FFFFFF;\r\n                        }\r\n\r\n                        .ms {\r\n                            display: flex;\r\n                            opacity: 0.8;\r\n                            font-family: Flynn mono VF;\r\n                            font-size: 10px;\r\n                            font-weight: normal;\r\n                            line-height: 12px;\r\n                            color: #FFFFFF;\r\n                            margin-bottom: 17px;\r\n\r\n                            .t1 {\r\n                                margin-right: 23px;\r\n                            }\r\n                        }\r\n\r\n                        .btn {\r\n                            display: flex;\r\n                            align-items: center;\r\n                            justify-content: center;\r\n                            width: 313px;\r\n                            height: 57px;\r\n                            border-radius: 10px;\r\n                            opacity: 1;\r\n                            background: linear-gradient(102deg, #25B06B 12%, #F4E634 106%);\r\n                            font-family: Flynn mono VF;\r\n                            font-size: 18px;\r\n                            font-weight: normal;\r\n                            line-height: 18px;\r\n                            text-align: center;\r\n                            color: #0F0F0F;\r\n                        }\r\n                    }\r\n\r\n                    .main-zhong-right {\r\n                        padding-right: 21px;\r\n                        padding-top: 17px;\r\n\r\n                        .main-zhong-right-zhu-ti {\r\n                            width: 162px;\r\n                            box-sizing: border-box;\r\n                            height: 100%;\r\n                            border-radius: 10px 10px 0 0;\r\n                            background: rgba(30, 40, 26, 0.28);\r\n                            padding: 20px 12px 0;\r\n\r\n                            .title {\r\n                                font-family: Flynn mono VF;\r\n                                font-size: 18px;\r\n                                font-weight: normal;\r\n                                line-height: 18px;\r\n                                color: #FFFFFF;\r\n                                text-align: center;\r\n                                margin-bottom: 18px;\r\n                            }\r\n\r\n                            .xian {\r\n                                width: 137.5px;\r\n                                height: 0px;\r\n                                opacity: 0.1;\r\n                                border: 1px solid #FFFFFF;\r\n                            }\r\n\r\n                            >.list {\r\n                                display: flex;\r\n                                align-items: center;\r\n                                margin-top: 19px;\r\n\r\n                                .t {\r\n                                    opacity: 0.8;\r\n                                    font-family: Flynn mono VF;\r\n                                    font-size: 12px;\r\n                                    font-weight: normal;\r\n                                    line-height: 14px;\r\n                                    color: #FFFFFF;\r\n                                }\r\n\r\n                                img {\r\n                                    width: 16px;\r\n                                    height: 16px;\r\n                                    margin-right: 12px;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .an-quan-img {\r\n                width: 80px;\r\n                height: 80px;\r\n                position: absolute;\r\n                top: 41px;\r\n                left: 571px;\r\n                overflow: hidden;\r\n\r\n                img {\r\n                    width: 90px;\r\n                    height: 90px;\r\n                    transform: translate(-8px);\r\n                }\r\n            }\r\n\r\n            .yi-biao {\r\n                width: 174px;\r\n                height: 116px;\r\n                position: absolute;\r\n                top: 294px;\r\n                left: 357px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .right {\r\n        flex: 1;\r\n\r\n        .title {\r\n            font-family: Flynn mono VF;\r\n            font-size: 16px;\r\n            font-weight: normal;\r\n            color: #fff;\r\n        }\r\n\r\n        .text {\r\n            margin-top: 40px;\r\n\r\n            >div {\r\n                display: flex;\r\n                align-items: center;\r\n                white-space: nowrap;\r\n                margin-top: 15px;\r\n                font-size: 12px;\r\n                font-family: PingFang SC-Regular, PingFang SC;\r\n                font-weight: 400;\r\n                color: #D1D1D1;\r\n\r\n                img {\r\n                    width: 18px;\r\n                    height: 18px;\r\n                    margin-right: 5px;\r\n                }\r\n            }\r\n\r\n            >div:first-child {\r\n                margin-top: 0;\r\n            }\r\n        }\r\n\r\n        .btn {\r\n            margin-top: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            cursor: pointer;\r\n            width: 100px;\r\n            height: 40px;\r\n            background: linear-gradient(127deg, #5780FF 0%, #1434E1 100%);\r\n            border-radius: 4px 4px 4px 4px;\r\n            opacity: 1;\r\n            border: 2px solid #082F64;\r\n            font-size: 12px;\r\n            font-weight: normal;\r\n            line-height: 30px;\r\n            color: #0F0F0F;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.s-y2 {\r\n    // display: flex;\r\n    // justify-content: space-between;\r\n    padding-top: 0px;\r\n    margin-top: 20px;\r\n\r\n    // height: 600px;\r\n\r\n    .left {\r\n        padding-top: 12px;\r\n\r\n        .title {\r\n            display: flex;\r\n            justify-content: center;\r\n\r\n        }\r\n\r\n        .text {\r\n            margin-top: 10px;\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-direction: column;\r\n\r\n            >div {\r\n                font-family: Flynn mono VF;\r\n                font-size: 24px;\r\n                font-weight: normal;\r\n                line-height: 22px;\r\n                color: #fff;\r\n            }\r\n        }\r\n\r\n        .btn-all {\r\n            margin-top: 42px;\r\n            display: flex;\r\n            justify-content: center;\r\n\r\n            .btn1 {\r\n                width: 230px;\r\n                height: 82px;\r\n                border-radius: 10px;\r\n\r\n                background: linear-gradient(127deg, #5780FF 0%, #1434E1 100%);\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                font-family: Flynn mono VF;\r\n                font-size: 24px;\r\n                font-weight: normal;\r\n                line-height: 30px;\r\n                text-align: center;\r\n\r\n                color: #FFFFFF;\r\n                border-top-left-radius: 30px;\r\n                border-bottom-right-radius: 30px;\r\n                margin-right: 48px;\r\n                cursor: pointer;\r\n            }\r\n\r\n            .btn2 {\r\n                width: 230px;\r\n                height: 82px;\r\n                border-radius: 10px;\r\n                opacity: 1;\r\n                box-sizing: border-box;\r\n                border-top-left-radius: 30px;\r\n                border-bottom-right-radius: 30px;\r\n                border: 2px solid #5780FF;\r\n\r\n                color: #5780FF;\r\n                font-family: Flynn mono VF;\r\n                font-size: 24px;\r\n                font-weight: normal;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: center;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n    }\r\n\r\n    .right {\r\n        position: relative;\r\n\r\n        // background: url('.../../pc/image/b001.png') no-repeat;\r\n\r\n        .bei-qu {\r\n            position: absolute;\r\n            width: 860.53px;\r\n            height: 391.44px;\r\n            top: 126px;\r\n            left: 14px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .zhu {\r\n            position: absolute;\r\n            width: 334px;\r\n            height: 200px;\r\n            top: 41px;\r\n            left: 120px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .bai {\r\n            position: absolute;\r\n            width: 116px;\r\n            height: 116px;\r\n            top: 5px;\r\n            left: 571px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .zhe {\r\n            position: absolute;\r\n            width: 281px;\r\n            height: 181px;\r\n            left: 510px;\r\n            top: 150px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n\r\n        .dian1 {\r\n            left: 76px;\r\n            top: 142px;\r\n        }\r\n\r\n        .dian2 {\r\n            left: 807px;\r\n            top: 219px;\r\n        }\r\n\r\n        .diy {\r\n            position: absolute;\r\n            top: 299px;\r\n            left: 254px;\r\n            width: 163px;\r\n            height: 105px;\r\n            border-radius: 5px;\r\n            background: rgba(255, 255, 255, 0.01);\r\n            box-sizing: border-box;\r\n            background: rgba(255, 255, 255, 0.01);\r\n            backdrop-filter: blur(8.29px);\r\n            box-shadow: inset 0px 3px 6px 0px rgba(0, 0, 0, 0.16);\r\n\r\n            .bei {\r\n                width: 100%;\r\n                height: 100%;\r\n                border: 0.5px solid #FFFFFF;\r\n                background: rgba(255, 255, 255, 0.01);\r\n                filter: blur(1.8px);\r\n                box-shadow: inset 0px 3px 6px 0px rgba(0, 0, 0, 0.16);\r\n            }\r\n\r\n            .qiu {\r\n                border-radius: 50%;\r\n                width: 26px;\r\n                height: 26px;\r\n                background: linear-gradient(136deg, #26FF93 14%, #F4E634 133%);\r\n                box-shadow: 0px 3px 6px 0px rgba(4, 13, 8, 0.5), inset -5px -5px 6px 0px rgba(66, 77, 71, 0.5);\r\n                position: absolute;\r\n                right: 17px;\r\n                top: 17px;\r\n            }\r\n\r\n            .tiao1 {\r\n                background: #FFFFFF;\r\n                box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset -1px -2px 6px 0px #7EA896;\r\n                width: 79px;\r\n                height: 8px;\r\n                border-radius: 6px;\r\n                position: absolute;\r\n                left: 16px;\r\n                top: 41px;\r\n            }\r\n\r\n            .tiao2 {\r\n                background: #FFFFFF;\r\n                position: absolute;\r\n                box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset -1px -2px 6px 0px #7EA896;\r\n                width: 130px;\r\n                height: 8px;\r\n                border-radius: 6px;\r\n                left: 16px;\r\n                top: 73px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.center-box2 {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding: 20px 0px;\r\n\r\n    .pai {\r\n        position: absolute;\r\n        left: 44%;\r\n        top: -20px;\r\n        width: 36px !important;\r\n        height: 36px !important;\r\n        border-radius: 24px 24px 24px 24px;\r\n        opacity: 1;\r\n        font-size: 30px;\r\n        font-family: PingFang SC-Semibold, PingFang SC;\r\n        font-weight: 600;\r\n        color: #FFFFFF;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .box {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 319px;\r\n        height: 380px;\r\n        background: rgba(84, 114, 206, 0.2);\r\n        border-radius: 24px 24px 24px 24px;\r\n        opacity: 1;\r\n        border: 1px solid #5472CE;\r\n\r\n        img {\r\n            width: 80px;\r\n            height: 80px;\r\n        }\r\n\r\n        .text1 {\r\n            font-size: 20px;\r\n            font-family: Galvji-Bold, Galvji;\r\n            font-weight: bold;\r\n            color: #FFFFFF;\r\n            margin-top: 30px;\r\n        }\r\n\r\n        .text2 {\r\n            font-size: 24px;\r\n            font-size: 14px;\r\n            font-family: PingFang SC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #D1D1D1;\r\n            margin-top: 18px;\r\n            width: 200px;\r\n        }\r\n    }\r\n\r\n    .box2 {\r\n        position: relative;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        margin-bottom: 20px;\r\n        opacity: 1;\r\n\r\n        img {\r\n            width: 80px;\r\n            height: 80px;\r\n        }\r\n\r\n        .cen {\r\n            margin: 0 10px\r\n        }\r\n\r\n        .text1 {\r\n            font-size: 16px;\r\n            font-family: Galvji-Bold, Galvji;\r\n            font-weight: bold;\r\n            color: #FFFFFF;\r\n            margin-top: 10px;\r\n            line-height: 22px;\r\n\r\n\r\n        }\r\n\r\n        .text2 {\r\n            font-size: 14px;\r\n            font-family: PingFang SC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #D1D1D1;\r\n            margin-top: 10px;\r\n            line-height: 20px;\r\n            text-align: left;\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.earn2 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0 10px;\r\n    align-items: center;\r\n    margin-bottom: 30px;\r\n    margin-top: 30px;\r\n\r\n    .left {\r\n        box-sizing: border-box;\r\n        // padding-top: 253px;\r\n        // flex: 1;\r\n        padding-left: 7px;\r\n\r\n        .title {\r\n            font-size: 16px;\r\n            line-height: 24px;\r\n            font-family: Galano Grotesque Alt DEMO-Bold, Galano Grotesque Alt DEMO;\r\n            font-weight: bold;\r\n            text-align: center;\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        .text {\r\n            margin-top: 10px;\r\n            font-size: 12px;\r\n            line-height: 20px;\r\n\r\n            font-family: PingFang SC-Regular, PingFang SC;\r\n            font-weight: 400;\r\n            color: #D1D1D1;\r\n            text-align: center;\r\n        }\r\n\r\n        .btn {\r\n            margin-top: 52px;\r\n            width: 280px;\r\n            height: 80px;\r\n            border-radius: 10px;\r\n            opacity: 1;\r\n            background: linear-gradient(106deg, #25B06B 0%, #F4E634 107%);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-family: Flynn mono VF;\r\n            font-size: 30px;\r\n            font-weight: normal;\r\n            line-height: 30px;\r\n            text-align: center;\r\n            color: #0F0F0F;\r\n            cursor: pointer;\r\n        }\r\n\r\n    }\r\n\r\n    .right {\r\n        flex: 1;\r\n        box-sizing: border-box;\r\n        padding-top: 0px;\r\n        position: relative;\r\n        padding-left: 0px;\r\n\r\n        img {\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n        .bei-qu {\r\n            position: absolute;\r\n            width: 913.2px;\r\n            height: 700.46px;\r\n            top: 204px;\r\n            left: -110px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .dian1 {\r\n            left: 48px;\r\n            top: 499px;\r\n        }\r\n\r\n        .dian2 {\r\n            left: 761px;\r\n            top: 233px;\r\n        }\r\n\r\n        .main {\r\n            position: relative;\r\n            z-index: 9;\r\n            width: 554px;\r\n\r\n            .top {\r\n                width: 554px;\r\n                height: 28px;\r\n                border-radius: 16px 16px 0px 0px;\r\n                background: linear-gradient(93deg, #25B06B 12%, #F4E634 106%);\r\n                box-shadow: inset 0px 3px 6px 0px #395748;\r\n                padding-left: 16px;\r\n                padding-top: 10px;\r\n                display: flex;\r\n                box-sizing: border-box;\r\n\r\n                .r {\r\n                    margin-right: 8px;\r\n                    width: 12px;\r\n                    height: 12px;\r\n                    opacity: 1;\r\n                    background: #ED6C60;\r\n                    box-sizing: border-box;\r\n                    border: 1px solid #2D9561;\r\n                    box-shadow: inset -3px -3px 2px 0px rgba(41, 4, 4, 0.3);\r\n                    border-radius: 50%;\r\n                }\r\n\r\n                .y {\r\n                    margin-right: 8px;\r\n                    width: 12px;\r\n                    height: 12px;\r\n                    background: #F4E634;\r\n                    box-sizing: border-box;\r\n                    border: 1px solid #2D9561;\r\n                    box-shadow: inset -3px -3px 2px 0px rgba(41, 4, 4, 0.3);\r\n                    border-radius: 50%;\r\n                }\r\n\r\n                .b {\r\n                    width: 12px;\r\n                    height: 12px;\r\n                    background: #62C555;\r\n                    box-sizing: border-box;\r\n                    border: 1px solid #2D9561;\r\n                    box-shadow: inset -3px -3px 2px 0px rgba(41, 4, 4, 0.3);\r\n                    border-radius: 50%;\r\n                }\r\n            }\r\n\r\n            .main-zhu {\r\n                width: 554px;\r\n                height: 403px;\r\n                border-radius: 0px 0px 20px 20px;\r\n                background: linear-gradient(360deg, #192214 0%, #566456 99%);\r\n                box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.3);\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n                padding-top: 149px;\r\n                box-sizing: border-box;\r\n\r\n                .tiao {\r\n                    width: 200px;\r\n                    height: 8px;\r\n                    border-radius: 6px;\r\n                    opacity: 1;\r\n                    background: #FFFFFF;\r\n                    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset -1px -2px 6px 0px #7EA896;\r\n                    margin-bottom: 26px;\r\n                }\r\n\r\n                .list {\r\n                    width: 235px;\r\n                    height: 48px;\r\n                    border-radius: 6px;\r\n                    background: rgba(255, 255, 255, 0.2);\r\n                    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset 0px -2px 3px 0px #FFFFFF;\r\n                    margin-bottom: 20px;\r\n                    padding: 16px;\r\n                    box-sizing: border-box;\r\n\r\n                    .t {\r\n                        opacity: 0.5;\r\n                        font-family: Flynn mono VF;\r\n                        font-size: 14px;\r\n                        font-weight: normal;\r\n                        line-height: 14px;\r\n                        letter-spacing: 0em;\r\n                        color: #D1D1D1;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .btn {\r\n            position: absolute;\r\n            left: 435px;\r\n            top: 699px;\r\n            width: 115px;\r\n            height: 50px;\r\n            border-radius: 6px;\r\n            opacity: 1;\r\n            background: linear-gradient(114deg, #25B06B 1%, #F4E634 108%);\r\n            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset 3px 3px 6px 0px rgba(255, 255, 255, 0.5);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-family: Flynn mono VF;\r\n            font-size: 18px;\r\n            font-weight: normal;\r\n            line-height: 18px;\r\n            text-align: center;\r\n            letter-spacing: 0em;\r\n            color: #0F0F0F;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .gui {\r\n            position: absolute;\r\n            left: 669px;\r\n            top: 569px;\r\n            width: 100px;\r\n            height: 100px;\r\n\r\n            img {\r\n                width: 100%;\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        .kuai-tiao {\r\n            position: absolute;\r\n            left: 111px;\r\n            top: 472px;\r\n            width: 115px;\r\n            height: 145px;\r\n            border-radius: 6px;\r\n            background: linear-gradient(142deg, #25B06B 7%, #F4E634 115%);\r\n            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset 3px 3px 6px 0px rgba(255, 255, 255, 0.5);\r\n            padding-left: 16px;\r\n            padding-top: 81px;\r\n            box-sizing: border-box;\r\n\r\n            .tiao1 {\r\n                width: 53px;\r\n                height: 8px;\r\n                border-radius: 6px;\r\n                opacity: 1;\r\n                background: #FFFFFF;\r\n                box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset -1px -2px 6px 0px #7EA896;\r\n                margin-bottom: 18px;\r\n            }\r\n\r\n            .tiao2 {\r\n                width: 84px;\r\n                height: 8px;\r\n                border-radius: 6px;\r\n                opacity: 1;\r\n                background: #FFFFFF;\r\n                box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset -1px -2px 6px 0px #7EA896;\r\n            }\r\n        }\r\n\r\n        .s-c {\r\n            position: absolute;\r\n            left: 38px;\r\n            top: 354px;\r\n            width: 188px;\r\n            height: 60px;\r\n            border-radius: 6px;\r\n            opacity: 1;\r\n            background: rgba(255, 255, 255, 0.08);\r\n            backdrop-filter: blur(10.36px);\r\n            box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16), inset 0px -2px 6px 0px rgba(255, 255, 255, 0.2);\r\n            padding: 18px 21px;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n\r\n            .ss {\r\n                width: 28px;\r\n                height: 28px;\r\n\r\n                img {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                }\r\n            }\r\n\r\n            .c {\r\n                width: 24px;\r\n                height: 24px;\r\n\r\n                img {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.money {\r\n    margin-top: 10px;\r\n    margin-bottom: 20px;\r\n    height: 35px;\r\n\r\n    background: #5781ff17;\r\n    border-radius: 10px 10px 10px 10px;\r\n    display: flex;\r\n    justify-content: space-around;\r\n\r\n    .list {\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n\r\n        .title {\r\n            font-size: 12px;\r\n            font-family: PingFang SC-Semibold, PingFang SC;\r\n            font-weight: 600;\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        img {\r\n            width: 18px;\r\n            height: 18px;\r\n            margin-right: 5px;\r\n            margin-left: 5px;\r\n\r\n        }\r\n\r\n        .text {\r\n            >.line {\r\n                font-family: Flynn mono VF;\r\n                font-size: 18px;\r\n                font-weight: normal;\r\n                line-height: 24px;\r\n                text-align: center;\r\n                color: #D1D1D1;\r\n                padding: 0 165px;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.classbox2 {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding-bottom: 50px;\r\n\r\n    .botton1 {\r\n        margin-bottom: 10px;\r\n        width: 133px;\r\n        height: 39px;\r\n        padding: 0 10px;\r\n        display: flex;\r\n        align-items: center;\r\n        border-radius: 8px 8px 8px 8px;\r\n        opacity: 1;\r\n        border: 1px solid #717171;\r\n        font-size: 16px;\r\n        font-family: PingFang SC-Medium, PingFang SC;\r\n        font-weight: 500;\r\n        color: #FFFFFF;\r\n        cursor: pointer;\r\n    }\r\n\r\n    img {\r\n        margin-right: 10px;\r\n    }\r\n\r\n}</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./trade.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./trade.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./trade.vue?vue&type=template&id=52ae8665&scoped=true&\"\nimport script from \"./trade.vue?vue&type=script&lang=js&\"\nexport * from \"./trade.vue?vue&type=script&lang=js&\"\nimport style0 from \"./trade.vue?vue&type=style&index=0&id=52ae8665&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"52ae8665\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"app-main-index\">\r\n    <div class=\"bx\">\r\n      <keep-alive>\r\n        <components :is=\"navData[navActiveIndex].com\"></components>\r\n      </keep-alive>\r\n    </div>\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport trade from \"./components/trade.vue\";\r\n\r\nexport default {\r\n  components: { trade, },\r\n  data() {\r\n    return {\r\n      navActiveIndex: sessionStorage.getItem(\"app_navActiveIndex\") || 0,\r\n      navData: [\r\n        {\r\n          name: \"Trade\",\r\n          com: \"trade\",\r\n        },\r\n\r\n      ],\r\n    };\r\n  },\r\n  watch: {\r\n    navActiveIndex() {\r\n      sessionStorage.setItem(\"app_navActiveIndex\", this.navActiveIndex);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.bx {\r\n  width: 351px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.app-main-index {\r\n  padding-bottom: 44px;\r\n  min-height: 100vh;\r\n  background: #0b0a09;\r\n\r\n  .bottom-nav {\r\n    width: 375px;\r\n    // height: 44px;\r\n    position: fixed;\r\n    bottom: 0;\r\n    left: 0;\r\n    background: #1a1f1b;\r\n    display: flex;\r\n\r\n    .list {\r\n      // width: 75px;\r\n      flex: 1;\r\n      // height: 44px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      padding: 8px 0;\r\n\r\n      // .img {\r\n      //   width: 18px;\r\n      //   height: 18px;\r\n      img {\r\n        width: 18px;\r\n        height: 18px;\r\n        margin-bottom: 2px;\r\n      }\r\n\r\n      // }\r\n      .text {\r\n        font-family: Inter;\r\n        font-size: 12px;\r\n        transform: scale(0.83);\r\n        font-weight: 500;\r\n        color: #b5b5b5;\r\n      }\r\n    }\r\n  }\r\n}</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1409f285&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=1409f285&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1409f285\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/11.79d64c51.png\";"],"sourceRoot":""}