1 2 3 4 5 6 7 8 9 10 11<!DOCTYPE html> 12<html> 13<head> 14 <!-- <meta name="viewport" content="width=device-width"/> --> 15 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 16 <title>Community Home - AYANEO</title> 17 <meta name="MSSmartTagsPreventParsing" content="True" /> 18 <meta http-equiv="MSThemeCompatible" content="Yes" /> 19 <meta name="application-name" content="AYANEO" /> 20 <meta name="msapplication-tooltip" content="AYANEO" /> 21 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 22 23 24 <meta name="keywords" content="AYANEO,AYASPace,AYA console,win console,windows game console,game console,AYA,AMD console"> 25<meta name="description" content="Founded in 2020, AYANEO is a revolutionary brand for portable gaming consoles. Our team consists of passionate gamers and tech-savvy experts who want to provide gamers with the most advanced and up-to-date gaming experiences. Weâve developed a line of powerful and portable gaming handhelds, with the latest Windows operating system and the latest gaming technologies pre-installed. Our motto, âReal gamers know gamers,â reflects our commitment to creating a community of gamers around the world, while providing the best gaming experiences to gamers everywhere. We are constantly challenging the status quo, innovating and creating products that push the boundaries of gaming technology, so that gamers can always have the best experience."> 26<link href="/xcx/static/css/common.css?ver=1.20250124" rel="stylesheet"> 27<link href="/ayaneo/css/reset.css?ver=1.20251013" rel="stylesheet"> 28<link href="/ayaneo/css/tool.css?ver=1.20250124" rel="stylesheet"> 29<link href="/ayaneo/css/layui-common.css?ver=1.20250124" rel="stylesheet"> 30<link href="/ayaneo/css/header.css?ver=1.20250124" rel="stylesheet"> 31<link href="/ayaneo/css/footer.css?ver=1.20250124" rel="stylesheet"> 32<link href="/xcx/static/js/photoswipe/photoswipe.css?ver=1.202501224" rel="stylesheet"> 33<link href="/xcx/static/js/photoswipe/default-skin/default-skin.css?ver=1.202501224" rel="stylesheet"> 34<link href="/xcx/static/css/community.css?ver=1.202501224" rel="stylesheet"> 35<link href="/xcx/static/js/web/jquery.atwho.min.css?ver=1.202501224" rel="stylesheet"> 36<link href="/ayaneo/css/community.css?ver=1.202501224" rel="stylesheet"> 37<link href="/ayaneo/css/nanoscroller.css?ver=1.202501224" rel="stylesheet"> 38<link href="/ayaneo/css/media/375/common.css?ver=1.202501224" rel="stylesheet" media="screen and (max-width: 750px)"> 39<link href="/ayaneo/css/media/375/layui-common.css?ver=1.202501224" rel="stylesheet" media="screen and (max-width: 750px)"> 40<link href="/ayaneo/css/media/375/login.css?ver=1.202501224" rel="stylesheet" media="screen and (max-width: 750px)"> 41<link href="/ayaneo/css/login.css?ver=1.202501224" rel="stylesheet">
42<script src="/xcx/static/js/web/jquery-1.12.3.js"></script>
vendor: 1 bytes, line 42
42
43<script src="/js/libs/art_template.js"></script>
vendor: 1 bytes, line 43
43
44<script src="/ayaneo/lib/js.cookie.min.js"></script>
vendor: 1 bytes, line 44
44
45<script src="/ayaneo/lib/axios/0.19.2/axios.min.js"></script>
vendor: 1 bytes, line 45
45
46<script src="/xcx/static/js/web/layer/layer.js"></script>
vendor: 1 bytes, line 46
46
47<script src="/xcx/static/js/web/gt.js"></script>
vendor: 1 bytes, line 47
47
48<script src="/xcx/static/js/web/common.js?ver=1.20250124"></script>
vendor: 1 bytes, line 48
48
49<script src="/ayaneo/lib/date/moment.min.js"></script>
vendor: 1 bytes, line 49
49
50<script src="/ayaneo/js/layer-custom.js?ver=1.20250124"></script>
vendor: 1 bytes, line 50
50
51<script src="/xcx/static/js/web/owl.carousel.min.js?ver=1.2025012411"></script>
vendor: 1 bytes, line 51
51
52<script src="/xcx/static/js/photoswipe/photoswipe.min.js?ver=1.2025012411"></script>
vendor: 1 bytes, line 52
52
53<script src="/xcx/static/js/photoswipe/photoswipe-ui-default.min.js?ver=1.2025012411"></script>
vendor: 1 bytes, line 53
53
54<script src="/xcx/static/js/vjs/hls.min.js?ver=1.2025012411"></script>
vendor: 1 bytes, line 54
54
55<script src="/xcx/static/js/community.js?ver=1.2025012411"></script>
vendor: 1 bytes, line 55
55
56<script src="/xcx/static/js/web/jquery.caret.min.js?ver=1.2025012411"></script>
vendor: 1 bytes, line 56
56
57<script src="/xcx/static/js/web/jquery.atwho.min.js?ver=1.2025012411"></script>
vendor: 1 bytes, line 57
57
58<script src="/ayaneo/lib/jquery/jquery.nanoscroller.min.js?ver=1.2025012411"></script>
vendor: 1 bytes, line 58
58
59<script src="/ayaneo/js/resize.js?ver=1.2025012411"></script>
59 60
60<script> 61 const language_type = "en-US" 62 const cdn_url_ayaneo = "//cdn.ayaneo.com/ayaneo" 63 </script>
63 64</head> 65<body style="background-color: #151519;"> 66 67 <header id="header-nav"> 68 <div class="flex-box pc-header"> 69 <div class="trademark clickable"> 70 <a href="/"> 71 <div class="logo"> 72 <h1>AYANEO</h1> 73 </div> 74 </a> 75 </div> 76 <ul class="nav-list"> 77 <li class="claer-float"> 78 <div class="show-product-dropdown menu-logo float-left"> 79 <a href="/product"></a> 80 </div> 81 <div class="float-left"> 82 <h2 class="show-product-dropdown menu-title clickable"><a href="/product">Products</a></h2> 83 <ul class="menu-list clickable"> 84 <li><a href="/software">Software</a></li> 85 <li><a href="/store">Store</a></li> 86 </ul> 87 </div> 88 </li> 89 <li class="claer-float"> 90 <div class="menu-logo float-left bright"> 91 <a href="/community"></a> 92 </div> 93 <div class="float-left bright"> 94 <h2 class="menu-title clickable"><a href="/community">Community</a></h2> 95 <ul class="menu-list clickable"> 96 <li><a href="/community/brand" >News Center</a></li> 97 <li><a href="/community/talk" >CEO Talk</a></li> 98 </ul> 99 </div> 100 </li> 101 <li class="claer-float"> 102 <div class="menu-logo float-left"> 103 <a href="/support"></a> 104 </div> 105 <div class="float-left"> 106 <h2 class="menu-title clickable"><a href="/support">Support</a></h2> 107 <ul class="menu-list clickable"> 108 <li><a href="/support/video" >Video</a></li> 109 <li> 110 <a href="https://help.ayaneo.com/doku.php" target="_blank">HELP</a> 111 </li> 112 <li><a href="/support/download" >Download</a></li> 113 </ul> 114 </div> 115 </li> 116 <li class="claer-float"> 117 <div class="menu-logo float-left"> 118 <a href="/user"></a> 119 </div> 120 <div class="float-left"> 121 <h2 class="menu-title clickable avatar-tiny"><a href="/user">Personal Center</a></h2> 122 <ul class="menu-list clickable"> 123 <li><a href="/product/AYASpaceApp.html" target="_blank">Mobile app</a></li> 124 <li><a href="https://ayaneo-shop.myshopify.com/account" target="_blank">Order</a></li> 125 </ul> 126 </div> 127 </li> 128 </ul> 129 </div> 130 <div class="mobile-header" style=""> 131 <div class="menu-top flex-between flex-middle"> 132 <div class="icon-menu clickable"> 133 <span class="icon-menu-line"></span> 134 </div> 135 <div> 136 <a href="/"><img style="height: 1.8rem; object-fit: contain" src="/ayaneo/img/header/AYANEO_G.png" alt="ayaneo" /></a> 137 </div> 138 <div> 139 <a href="/user"><i class="icon-center"></i></a> 140 </div> 141 </div> 142 <ul class="nav-list"> 143 <li class=""> 144 <a href="/product"> 145 <h2 class="menu-title">Products</h2> 146 </a> 147 <div class="flex-middle"> 148 <a href="/product"> 149 <div class="menu-logo"></div> 150 </a> 151 <ul class="menu-list flex"> 152 <a href="/software"> 153 <li>Software</li> 154 </a> 155 <a href="/store"> 156 <li>Store</li> 157 </a> 158 </ul> 159 </div> 160 </li> 161 <li class=" bright"> 162 <a href="/community"> 163 <h2 class="menu-title">Community</h2> 164 </a> 165 <div class="flex-middle"> 166 <a href="/community"> 167 <div class="menu-logo bright"></div> 168 </a> 169 <ul class="menu-list flex"> 170 <a href="/community/brand"> 171 <li >News Center</li> 172 </a> 173 <a href="/community/talk"> 174 <li >CEO Talk</li> 175 </a> 176 </ul> 177 </div> 178 </li> 179 <li class=""> 180 <a href="/support"> 181 <h2 class="menu-title">Support</h2> 182 </a> 183 <div class="flex-middle"> 184 <a href="/support"> 185 <div class="menu-logo"></div> 186 </a> 187 <ul class="menu-list flex"> 188 <a href="/support/video"> 189 <li >Video</li> 190 </a> 191 <a href="https://help.ayaneo.com/doku.php" target="_blank"> 192 <li>HELP</li> 193 </a> 194 <a href="/support/download"> 195 <li >Download</li> 196 </a> 197 </ul> 198 </div> 199 </li> 200 <li class=""> 201 <a href="/user"> 202 <h2 class="menu-title">Personal Center</h2> 203 </a> 204 <div class="flex-middle"> 205 <a href="/user"> 206 <div class="menu-logo"></div> 207 </a> 208 <ul class="menu-list flex"> 209 <a href="/product/AYASpaceApp.html" target="_blank"> 210 <li>Mobile app</li> 211 </a> 212 <a href="https://ayaneo-shop.myshopify.com/account" target="_blank"> 213 <li>Order</li> 214 </a> 215 </ul>
216 </div> 217 </li> 218 </ul> 219 </div> 220 <style> 221 /* Product Dropdown Menu */ 222 .product-dropdown-mask { 223 position: absolute; 224 top: 100%; 225 left: 0; 226 width: 100%; 227 height: 100vh; 228 background-color: rgba(0, 0, 0, 0.6); 229 z-index: 999; 230 display: none; 231 } 232 233 .product-dropdown-mask .product-dropdown-container { 234 background-color: #fff; 235 width: 100%; 236 height: 25.52vw; 237 position: relative; 238 display: flex; 239 flex-direction: column; 240 } 241 242 .product-dropdown-mask .product-dropdown-content { 243 box-sizing: border-box; 244 padding-left: 14.896vw; 245 } 246 247 .product-dropdown-mask .product-dropdown-top { 248 display: flex; 249 gap: 2.083vw; /* 40px */ 250 margin-bottom: 1.5625vw; /* 30px */ 251 } 252 253 .product-dropdown-mask .product-card { 254 display: block; 255 text-decoration: none; 256 color: #111; 257 text-align: center; 258 transition: transform 0.2s; 259 } 260 261 .product-dropdown-mask .product-card:hover { 262 transform: translateY(-0.26vw); /* -5px */ 263 } 264 265 .product-dropdown-mask .large-card { 266 box-sizing: border-box; 267 padding-left: 2.24vw; 268 padding-right: 2.24vw; 269 width: 22.39vw; 270 height: 7.8125vw; /* 150px */ 271 position: relative; 272 background-color: #ffffff; 273 border-radius: 1.25vw; /* 24px */ 274 overflow: hidden; 275 border: 0.052vw solid #d9d9d9; /* 1px */ 276 transition: all 0.3s ease; 277 } 278 279 .product-dropdown-mask .large-card:hover { 280 background-color: #f4f4f5; 281 border-color: #b6b6b6; 282 } 283 284 .product-dropdown-mask .large-card .card-bg { 285 position: absolute; 286 top: 0; 287 left: 0; 288 width: 100%; 289 height: 100%; 290 } 291 292 .product-dropdown-mask .large-card .card-content { 293 position: relative; 294 z-index: 1; 295 display: flex; 296 /* flex-direction: column; */ 297 align-items: center; 298 /* justify-content: center; */ 299 height: 100%; 300 gap: 3.125vw; 301 } 302 303 .product-dropdown-mask .large-card .card-image svg { 304 width: 7.8125vw; 305 height: 5.2vw; 306 object-fit: contain; 307 } 308 309 .product-dropdown-mask .large-card .card-title { 310 font-size: 0.816vw; 311 font-weight: 400; 312 } 313 314 .product-dropdown-mask .product-dropdown-middle { 315 display: flex; 316 gap: 2.083vw; /* 40px */ 317 } 318 319 .product-dropdown-mask .small-card { 320 box-sizing: border-box; 321 width: fit-content; 322 min-width: 7.825vw; 323 display: flex; 324 flex-direction: column; 325 align-items: center; 326 justify-content: center; 327 padding: 1vw; /* 10px padding for hover effect */ 328 border-radius: 0.833vw; /* 16px */ 329 transition: all 0.3s ease; 330 } 331 332 .product-dropdown-mask .small-card:hover { 333 background-color: #f4f4f5; 334 } 335 336 .product-dropdown-mask .small-card .card-image { 337 width: 6.25vw; 338 height: 4.166vw; 339 display: flex; 340 align-items: center; 341 justify-content: center; 342 margin-bottom: 0.729vw; 343 } 344 345 .product-dropdown-mask .small-card .card-image svg { 346 max-width: 100%; 347 max-height: 100%; 348 object-fit: contain; 349 } 350 351 .product-dropdown-mask .small-card .card-title { 352 font-size: 0.729vw; 353 font-weight: 400; 354 } 355 356 .product-dropdown-mask .product-dropdown-bottom { 357 box-sizing: border-box; 358 padding-left: 14.896vw; /* 286px based on Figma layout */ 359 position: absolute; 360 bottom: 0; 361 width: 100%; 362 height: 4.6875vw; /* 90px */ 363 background-color: #f4f4f5; 364 border-top: 0.052vw solid #e4e4e7; /* 1px */ 365 display: flex; 366 align-items: center; 367 justify-content: flex-start; /* Left align */ 368 } 369 370 .product-dropdown-mask .bottom-content { 371 display: flex; 372 flex-direction: column; 373 align-items: flex-start; 374 } 375 .product-dropdown-mask .product-dropdown-header { 376 padding-top: 1vw; 377 padding-bottom: 1vw; 378 padding-left: 14.896vw; 379 font-size: 0.816vw; 380 font-weight: 700; 381 color: #787878; 382 } 383 .product-dropdown-mask .shop-link { 384 display: flex; 385 align-items: center; 386 font-size: 0.816vw; 387 font-weight: 700; 388 color: #111; 389 text-decoration: none; 390 line-height: 1; 391 } 392 393 .product-dropdown-mask .shop-link .arrow-icon { 394 margin-left: 0.521vw; /* 10px */ 395 } 396 397 .product-dropdown-mask .shop-desc { 398 display: block; 399 font-size: 0.625vw; 400 color: #111; 401 margin-top: 0.2vw; 402 } 403 404 #header-nav { 405 position: relative; 406 z-index: 1000; 407 } 408</style> 409<div id="product-dropdown-mask" class="product-dropdown-mask" style="display: none"> 410 <div class="product-dropdown-container"> 411 <div class="product-dropdown-header">Categories</div> 412 <div class="product-dropdown-content"> 413 <div class="product-dropdown-top"> 414 <a href="/store/460309659893" class="product-card large-card"> 415 <div class="card-bg"></div> 416 <div class="card-content"> 417 <div class="card-image"> 418 <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewB
418ox="0 0 150 100" fill="none"> 419 <g clip-path="url(#clip0_2657_114)"> 420 <path 421 d="M27.317 77.1812C28.9472 76.5369 30.985 76.3758 31.8001 76.3758H118.2C119.015 76.3758 121.053 76.5369 122.683 77.1812C124.721 77.9866 127.981 80 131.241 80C134.502 80 137.355 79.5973 143.875 74.3624C149.092 70.1745 150.125 58.6577 149.989 53.4228C149.853 47.1141 148.44 33.1275 143.875 27.651L144.283 26.0403C141.838 24.0268 134.828 20 126.351 20L125.944 21.2081H24.0565L23.6489 20C15.1719 20 8.16211 24.0268 5.71682 26.0403L6.12454 27.651C1.56013 33.1275 0.147219 47.1141 0.0113128 53.4228C-0.124537 58.6577 0.907919 70.1745 6.12454 74.3624C12.6453 79.5973 15.4981 80 18.7585 80C22.0189 80 25.2793 77.9866 27.317 77.1812Z" 422 fill="#111111" 423 /> 424 <circle cx="17.9348" cy="37.4324" r="5.69108" fill="white" /> 425 <circle cx="127.989" cy="53.6486" r="5.69108" fill="white" /> 426 <path 427 d="M132.065 39.0582C133.412 39.0582 134.504 40.1506 134.504 41.4977C134.504 42.8446 133.412 43.9362 132.065 43.9362C130.718 43.9361 129.627 42.8446 129.627 41.4977C129.627 40.1507 130.718 39.0583 132.065 39.0582ZM128.001 34.9938C129.347 34.994 130.439 36.0854 130.439 37.4323C130.439 38.7792 129.347 39.8715 128.001 39.8717C126.654 39.8717 125.561 38.7793 125.561 37.4323C125.561 36.0853 126.654 34.9938 128.001 34.9938ZM136.13 34.9928C137.477 34.9929 138.569 36.0845 138.569 37.4313C138.569 38.7782 137.477 39.8706 136.13 39.8707C134.783 39.8707 133.691 38.7783 133.691 37.4313C133.691 36.0844 134.784 34.9928 136.13 34.9928ZM132.065 30.9283C133.412 30.9283 134.504 32.0208 134.504 33.3678C134.504 34.7146 133.412 35.8063 132.065 35.8063C130.718 35.8062 129.627 34.7146 129.627 33.3678C129.627 32.0208 130.718 30.9284 132.065 30.9283Z" 428 fill="white" 429 /> 430 <path 431 d="M24.0485 50.6214C24.0485 51.1737 24.4962 51.6214 25.0485 51.6214H26.7174C27.2697 51.6214 27.7174 52.0691 27.7174 52.6214V54.6761C27.7174 55.2284 27.2697 55.6761 26.7174 55.6761H25.0485C24.4962 55.6761 24.0485 56.1238 24.0485 56.6761V58.3245C24.0485 58.8768 23.6008 59.3245 23.0485 59.3245H20.9733C20.421 59.3245 19.9733 58.8768 19.9733 58.3245V56.6761C19.9733 56.1238 19.5256 55.6761 18.9733 55.6761H17.3044C16.7521 55.6761 16.3044 55.2284 16.3044 54.6761V52.6214C16.3044 52.0691 16.7521 51.6214 17.3044 51.6214H18.9733C19.5256 51.6214 19.9733 51.1737 19.9733 50.6214V48.973C19.9733 48.4207 20.421 47.973 20.9733 47.973H23.0485C23.6008 47.973 24.0485 48.4207 24.0485 48.973V50.6214Z" 432 fill="white" 433 /> 434 <rect x="34.2391" y="25.6757" width="81.5217" height="46.2162" fill="white" /> 435 </g> 436 <defs> 437 <clipPath id="clip0_2657_114"> 438 <rect width="150" height="100" fill="white" /> 439 </clipPath> 440 </defs> 441 </svg> 442 </div> 443 <div class="card-title">Windows Gaming Handhelds</div> 444 </div> 445 </a> 446 <a href="/store/460309692661" class="product-card large-card"> 447 <div class="card-bg"></div> 448 <div class="card-content"> 449 <div class="card-image"> 450 <svg xmlns="http://www.w3.org/2000/svg" width="150" height="100" viewBox="0 0 150 100" fill="none"> 451 <g clip-path="url(#clip0_2657_132)"> 452 <path 453 d="M30.2702 21.3953C34.4166 20.4869 38.6133 21.3545 40.1933 21.9018H109.807C111.387 21.3545 115.583 20.4869 119.73 21.3953C123.876 22.3036 128.284 25.5163 129.97 27.0092V28.3338C130.445 28.6745 131.474 29.4431 131.781 29.7927C132.164 30.2297 133.83 50.8264 132.483 59.3917C131.135 67.9571 128.156 72.2751 127.163 73.4785C126.17 74.6819 122.127 79 113.332 79H36.6684C27.873 79 23.83 74.6819 22.837 73.4785C21.8439 72.2751 18.8651 67.9571 17.5174 59.3917C16.1698 50.8264 17.8363 30.2297 18.2195 29.7927C18.526 29.4431 19.5545 28.6745 20.0305 28.3338V27.0092C21.7161 25.5163 26.1238 22.3036 30.2702 21.3953Z" 454 fill="#111111" 455 /> 456 <rect x="42.7778" y="25.202" width="64.4444" height="49.9444" rx="2" fill="white" /> 457 <circle cx="32.8798" cy="56.9967" r="4.83333" fill="white" /> 458 <circle cx="117.12" cy="56.9967" r="4.83333" fill="white" /> 459 <path 460 d="M117.787 41.0515C119.27 41.0516 120.472 42.2532 120.472 43.7361C120.472 45.219 119.27 46.4216 117.787 46.4216C116.304 46.4216 115.102 45.2191 115.102 43.7361C115.102 42.2532 116.304 41.0515 117.787 41.0515ZM112.417 35.6804C113.9 35.6806 115.102 36.8831 115.102 38.366C115.102 39.8488 113.9 41.0513 112.417 41.0515C110.934 41.0515 109.732 39.8489 109.732 38.366C109.732 36.883 110.934 35.6804 112.417 35.6804ZM123.158 35.6804C124.641 35.6804 125.843 36.883 125.843 38.366C125.843 39.8489 124.64 41.0515 123.158 41.0515C121.675 41.0514 120.473 39.8488 120.473 38.366C120.473 36.883 121.675 35.6805 123.158 35.6804ZM117.787 30.3103C119.27 30.3104 120.472 31.5129 120.472 32.9958C120.472 34.4786 119.27 35.6803 117.787 35.6804C116.305 35.6804 115.102 34.4787 115.102 32.9958C115.102 31.5129 116.304 30.3103 117.787 30.3103Z" 461 fill="white" 462 /> 463 <path 464 d="M32.8317 30.5361C33.9363 30.5361 34.8317 31.4315 34.8317 32.5361V34.7148C34.8317 35.2671 35.2794 35.7148 35.8317 35.7148H38.0104C39.1149 35.7149 40.0104 36.6103 40.0104 37.7148V39.4687C40.0103 40.573 39.1148 41.4686 38.0104 41.4687H35.8317C35.2794 41.4687 34.8317 41.9164 34.8317 42.4687V44.6474C34.8316 45.7519 33.9362 46.6474 32.8317 46.6474H31.0778C29.9734 46.6473 29.0779 45.7518 29.0778 44.6474V42.4687C29.0778 41.9164 28.6301 41.4687 28.0778 41.4687H25.8991C24.7947 41.4687 23.8993 40.5731 23.8991 39.4687V37.7148C23.8991 36.6102 24.7946 35.7148 25.8991 35.7148H28.0778C28.6301 35.7148 29.0778 35.2671 29.0778 34.7148V32.5361C29.0778 31.4316 29.9734 30.5362 31.0778 30.5361H32.8317Z" 465 fill="white" 466 /> 467 </g> 468 <defs> 469 <clipPath id="clip0_2657_132"> 470 <rect width="150" height="100" fill="white" /> 471 </clipPath> 472 </defs> 473 </svg> 474 </div> 475 <div class="card-title">Android Gaming Handhelds</div> 476 </div> 477 </a> 478 </div> 479 <div class="product-dropdown-middle">
480 <a href="/store/433196859637" class="product-card small-card"> 481 <div class="card-image"> 482 <svg xmlns="http://www.w3.org/2000/svg" width="120" height="80" viewBox="0 0 120 80" fill="none"> 483 <g clip-path="url(#clip0_2657_77)"> 484 <path d="M30 13.4884C30 11.5618 31.5618 10 33.4884 10H86.5116C88.4382 10 90 11.5618 90 13.4884V68.6047C90 69.3753 89.3753 70 88.6047 70H31.3953C30.6247 70 30 69.3753 30 68.6047V13.4884Z" fill="#111111" /> 485 <rect x="35.5814" y="15.5814" width="48.8372" height="25.1163" rx="1.39535" fill="white" /> 486 <rect x="37.6744" y="53.2558" width="5.5814" height="4.88372" rx="1.39535" fill="white" /> 487 <rect x="76.0465" y="53.2558" width="8.37209" height="4.88372" rx="1.39535" fill="white" /> 488 <rect width="17.4419" height="2.09302" transform="matrix(-1 0 0 1 76.0465 54.6512)" fill="white" /> 489 <ellipse cx="78.4395" cy="55.6977" rx="1.06032" ry="1.04651" fill="#111111" /> 490 </g> 491 <defs> 492 <clipPath id="clip0_2657_77"> 493 <rect width="120" height="80" fill="white" /> 494 </clipPath> 495 </defs> 496 </svg> 497 </div> 498 <div class="card-title">Mini PC</div> 499 </a> 500 <a href="/store/461589545205" class="product-card small-card"> 501 <div class="card-image"> 502 <svg xmlns="http://www.w3.org/2000/svg" width="120" height="80" viewBox="0 0 120 80" fill="none"> 503 <g clip-path="url(#clip0_2657_86)"> 504 <rect x="31.7021" y="5.00003" width="44.2105" height="65.5319" rx="2.97872" fill="#111111" /> 505 <rect x="36.1232" y="9.46808" width="3.68421" height="8.93617" rx="0.744681" fill="white" /> 506 <rect x="46.7956" y="12.8192" width="42.0235" height="63.2979" rx="4.09574" fill="white" stroke="#111111" stroke-width="2.23404" /> 507 </g> 508 <defs> 509 <clipPath id="clip0_2657_86"> 510 <rect width="120" height="80" fill="white" /> 511 </clipPath> 512 </defs> 513 </svg> 514 </div> 515 <div class="card-title">Gaming Pad</div> 516 </a> 517 <a href="/store/274267668634" class="product-card small-card"> 518 <div class="card-image"> 519 <svg xmlns="http://www.w3.org/2000/svg" width="120" height="80" viewBox="0 0 120 80" fill="none"> 520 <g clip-path="url(#clip0_2657_92)"> 521 <rect x="24" y="22" width="72" height="36" rx="1.44" fill="#111111" /> 522 <circle cx="40.5601" cy="40" r="9.36" fill="white" /> 523 <path d="M97.4401 25.9193C97.4401 25.6192 97.2539 25.3505 96.9729 25.2451L96.0001 24.8803V55.1203L96.9729 54.7555C97.2539 54.6502 97.4401 54.3815 97.4401 54.0814V25.9193Z" fill="#111111" /> 524 <path d="M20.4 37.84H24V29.2H22.9369C22.7775 29.2 22.6225 29.2529 22.4964 29.3505L20.6795 30.7556C20.5032 30.892 20.4 31.1023 20.4 31.3252V37.84Z" fill="#111111" /> 525 <path d="M20.4 42.16H24V50.8H22.9369C22.7775 50.8 22.6225 50.7471 22.4964 50.6495L20.6795 49.2444C20.5032 49.108 20.4 48.8977 20.4 48.6748V42.16Z" fill="#111111" /> 526 <path d="M20.4 37.8403H91.68C92.0777 37.8403 92.4 38.1627 92.4 38.5603V41.4403C92.4 41.838 92.0777 42.1603 91.68 42.1603H20.4V37.8403Z" fill="white" /> 527 </g> 528 <defs> 529 <clipPath id="clip0_2657_92"> 530 <rect width="120" height="80" fill="white" /> 531 </clipPath> 532 </defs> 533 </svg> 534 </div> 535 <div class="card-title">Accessories</div> 536 </a> 537 </div> 538 </div> 539 <div class="product-dropdown-bottom"> 540 <div class="bottom-content"> 541 <a href="/product"> 542 <div class="shop-link"> 543 <span>All Products</span> 544 <svg class="arrow-icon" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> 545 <path d="M11 5.71289C11.5523 5.71289 12 6.16061 12 6.71289C12 7.26518 11.5523 7.71289 11 7.71289H1C0.447715 7.71289 0 7.26518 0 6.71289C0 6.16061 0.447715 5.71289 1 5.71289H11Z" fill="#111111" /> 546 <path 547 d="M6.06633 0.292984C6.45687 -0.0974852 7.0899 -0.0975122 7.48039 0.292984L13.0722 5.88576C13.4627 6.27629 13.4627 6.90932 13.0722 7.29982L7.48039 12.8916C7.08987 13.2821 6.45686 13.2821 6.06633 12.8916C5.67581 12.5011 5.67581 11.8681 6.06633 11.4776L10.9511 6.59181L6.06633 1.70705C5.67586 1.31651 5.67583 0.68348 6.06633 0.292984Z" 548 fill="#111111" 549 /> 550 </svg> 551 </div> 552 <div class="shop-desc">Explore all AYANEO products</div> 553 </a> 554 </div> 555 </div> 556 </div> 557</div>
558<script> 559 $(function () { 560 var $mask = $("#product-dropdown-mask") 561 var $mask_container = $("#product-dropdown-mask .product-dropdown-container").eq(0) 562 var $trigger = $(".show-product-dropdown") 563 var hideTimer 564 565 function showMask() { 566 clearTimeout(hideTimer) 567 $mask.stop(true, true).fadeIn(200) 568 } 569 570 function hideMask() { 571 hideTimer = setTimeout(function () { 572 $mask.stop(true, true).fadeOut(200) 573 }, 100) 574 } 575 576 $trigger.hover(showMask, hideMask) 577 $mask_container.hover(showMask, hideMask) 578 }) 579</script>
579 580 581</header>
582<script> 583 $(".mobile-header .icon-menu").click(function () { 584 $(".mobile-header").toggleClass("open-menu") 585 }) 586</script>
586 587 588 <nav id="subnav"> 589 <div class="container"> 590 <ul> 591 <li class="active"> 592 <a href="/community">Community</a> 593 </li> 594 <li class=""> 595 <a href="/community/brand">News Center</a> 596 </li> 597 <li class=""> 598 <a href="/community/talk">CEO Talk</a> 599 </li> 600 </ul> 601 </div> 602</nav> 603 604 605 606 607 608 609 610 611 612 613 614 615<style> 616 body{ 617 background: #151519; 618 } 619 section{ 620 padding-bottom: 6rem; 621 } 622</style> 623<section id="community"> 624 <div class="container"> 625 <nav> 626 <ul class="nav"> 627 <a href="/community/detail/434"> 628 <li data-id="434" > 629 <div class="pic"> 630 <img src="https://cdn.ayaneo.com/ayaneo/carousel/2021/11/22/e74e5202111221510222648.png" alt=""> 631 <!-- <img src="/ayaneo/img/community/navlogo.png" alt="ayaneo"> --> 632 </div> 633 <div>AYANEO</div> 634 </li> 635 </a> 636 <a href="/community/detail/547"> 637 <li data-id="547" > 638 <div class="pic"> 639 <img src="https://cdn.ayaneo.com/ayaneo/carousel/2021/12/02/dddd5202112021835503400.png" alt=""> 640 <!-- <img src="/ayaneo/img/community/navlogo.png" alt="ayaneo"> --> 641 </div> 642 <div>AYASpace</div> 643 </li> 644 </a> 645 <a href="/community/detail/545"> 646 <li data-id="545" > 647 <div class="pic"> 648 <img src="https://cdn.ayaneo.com/ayaneo/carousel/2021/11/22/e5d0e202111221510539896.png" alt=""> 649 <!-- <img src="/ayaneo/img/community/navlogo.png" alt="ayaneo"> --> 650 </div> 651 <div>Games</div> 652 </li> 653 </a> 654 <a href="/community/detail/543"> 655 <li data-id="543" > 656 <div class="pic"> 657 <img src="https://cdn.ayaneo.com/ayaneo/carousel/2021/11/22/c4994202111221510352308.png" alt=""> 658 <!-- <img src="/ayaneo/img/community/navlogo.png" alt="ayaneo"> --> 659 </div> 660 <div>Answers</div> 661 </li> 662 </a> 663 </ul> 664 </nav> 665 <div class="banner flex-between"> 666 <div class="activity"> 667 <div class="activity-slider"> 668 <a href="/article/186" target="_blank"> 669 <img class="cover" src="https://cdn.ayaneo.com/ayaneo/article/2021/12/09/332fc202112091425595552.jpg" alt=""> 670 <div class="desc"> 671 <h2 class="title text-1">Forza Motorsport: Horizon 5 Game Review</h2> 672 <p class="text-1">Hi everyone, this is</p> 673 </div> 674 </a> 675 <a href="/article/182" target="_blank"> 676 <img class="cover" src="https://cdn.ayaneo.com/ayaneo/article/2021/12/08/95cca20211208203656154.jpe" alt=""> 677 <div class="desc"> 678 <h2 class="title text-1">Monster Hunter: World game review</h2> 679 <p class="text-1">Hi everyone, this is the JacsonO game review, and Iâm JO. </p> 680 </div> 681 </a> 682 <a href="/article/185" target="_blank"> 683 <img class="cover" src="https://cdn.ayaneo.com/ayaneo/article/2021/12/09/7e939202112091101471137.jpe" alt=""> 684 <div class="desc"> 685 <h2 class="title text-1">Tomb Raider Gaming Review</h2> 686 <p class="text-1">Hi everyone, this is</p> 687 </div> 688 </a> 689 <a href="/article/176" target="_blank"> 690 <img class="cover" src="https://cdn.ayaneo.com/ayaneo/article/2021
690/12/07/b249c202112071502089068.jpe" alt=""> 691 <div class="desc"> 692 <h2 class="title text-1">Red Dead Redemption 2 Game review</h2> 693 <p class="text-1">IntroduceHi everyone</p> 694 </div> 695 </a> 696 <a href="/article/153" target="_blank"> 697 <img class="cover" src="https://cdn.ayaneo.com/ayaneo/article/2021/12/03/64678202112031502144823.png" alt=""> 698 <div class="desc"> 699 <h2 class="title text-1">AYANEO 2021 Materials display video, WE ARE NOT SCAMMERS!!!</h2> 700 <p class="text-1">First of all, this u</p> 701 </div> 702 </a> 703 </div> 704 </div> 705 <div class="banner-right flex-col"> 706 <a href="/article/177" target="_blank" style="flex: 1;"> 707 <img src="https://cdn.ayaneo.com/ayaneo/article/2021/12/07/a161a202112071627304157.png" style="display: block; object-fit: cover;border-radius: 3px;"> 708 </a> 709 <ul class="recommend-list"> 710 <li> 711 <h2 class="title">Announcement</h2> 712 </li> 713 <li><a class="text-1" href="/article/177" data-type="1" target="_blank">Official website game community posting rules must see!</a></li> 714 </ul> 715 </div> 716 </div> 717 <div class="flex-between hots-box"> 718 <div style="overflow: hidden;"> 719 <h2 class="title">Community 24 - hour hot discussion</h2> 720 <div class="scroll-wrapper"> 721 <div class="community-24hrs scroll-content"> 722 <div class="scroll-item"> 723 <div class="pic"> 724 <a href="/article/203" target="_blank"> 725 <img src="https://cdn.ayaneo.com/ayaneo/article/2022/04/25/97a1a202204251746508283.png" alt="" class="cover"> </a> 726 </div> 727 <div class="bottom"> 728 <div class="flex-between flex-middle"> 729 <em class="hots"> 15</em> 730 <a href="/community/detail/434" target="_blank">From <em>AYANEO</em></a> 731 </div> 732 <a href="/article/203" target="_blank"> 733 <p class="content text-2">AYANEO officially launched the ultra-light and thin handheld product line, which named it: AYANEO AIR.</p> 734 </a> 735 <p style="margin-top: 15px;color: #c1c3c3;"> 736 <a href="/user/1qpdkzre" target="_blank" class="flex-middle"><img src="https://cdn.ayaneo.com/ayaneo/user/2021/12/03/88331d49173336975c389fbf5f855a07.png" alt="" class="avatar-tiny">AYANEO</a> 737 </p> 738 </div> 739 </div> 740 <div class="scroll-item"> 741 <div class="pic"> 742 <a href="/article/807" target="_blank"> 743 <img src="https://cdn.ayaneo.com/ayaneo/article/2024/01/12/fad5c202401121048265735.png" alt="" class="cover"> </a> 744 </div> 745 <div class="bottom"> 746 <div class="flex-between flex-middle"> 747 <em class="hots"> 14</em> 748 <a href="/community/detail/434" target="_blank">From <em>AYANEO</em></a> 749 </div> 750 <a href="/article/807" target="_blank"> 751 <p class="content text-2">From $299, the cost-effective choice AYANEO NEXT LITE subscriptions open</p> 752 </a> 753 <p style="margin-top: 15px;color: #c1c3c3;"> 754 <a href="/user/1qpdkzre" target="_blank" class="flex-middle"><img src="https://cdn.ayaneo.com/ayaneo/user/2021/12/03/88331d49173336975c389fbf5f855a07.png" alt="" class="avatar-tiny">AYANEO</a> 755 </p> 756 </div> 757 </div> 758 <div class="scroll-item"> 759 <div class="pic"> 760 <a href="/article/244" target="_blank"> 761 <img src="https://cdn.ayaneo.com/ayaneo/article/2023/01/28/a2daf202301281752551474.jpg" alt="" class="cover"> </a> 762 </div> 763 <div class="bottom"> 764 <div class="flex-between flex-middle"> 765 <em class="hots"> 11</em> 766 <a href="/community/detail/434" target="_blank">From <em>AYANEO</em></a> 767 </div> 768 <a href="/article/244" target="_blank"> 769 <p class="content text-2">The Reason For Creating AYANEO KUN & My Thoughts On Large-screen Gaming Handhelds</p> 770 </a> 771 <p style="margin-top: 15px;color: #c1c3c3;"> 772 <a href="/user/1qpdkzre" target="_blank" class="flex-middle"><img src="https://cdn.ayaneo.com/ayaneo/user/2021/12/03/88331d49173336975c389fbf5f855a07.png" alt="" class="avatar-tiny">AYANEO</a> 773 </p> 774 </div> 775 </div> 776 </div> 777 </div> 778 </div> 779 <div class="topic"> 780 <h2 class="title">Hot Topic</h2> 781 <div class="topic-hot"> 782 <a href="/theme/21" target="_blank"> 783 <dt class="flex-middle">
784 <span class="num hot">1</span> 785 <h3>+1</h3> 786 </dt> 787 </a> 788 <a href="/theme/22" target="_blank"> 789 <dt class="flex-middle"> 790 <span class="num hot">2</span> 791 <h3>AYA Space</h3> 792 </dt> 793 </a> 794 <a href="/theme/8" target="_blank"> 795 <dt class="flex-middle"> 796 <span class="num hot">3</span> 797 <h3>New Game</h3> 798 </dt> 799 </a> 800 <a href="/theme/7" target="_blank"> 801 <dt class="flex-middle"> 802 <span class="num">4</span> 803 <h3>News</h3> 804 </dt> 805 </a> 806 <a href="/theme/23" target="_blank"> 807 <dt class="flex-middle"> 808 <span class="num">5</span> 809 <h3>AYA Space Question</h3> 810 </dt> 811 </a> 812 <a href="/theme/6" target="_blank"> 813 <dt class="flex-middle"> 814 <span class="num">6</span> 815 <h3>Reviews</h3> 816 </dt> 817 </a> 818 <a href="/theme/9" target="_blank"> 819 <dt class="flex-middle"> 820 <span class="num">7</span> 821 <h3>Retro Game</h3> 822 </dt> 823 </a> 824 <a href="/theme/11" target="_blank"> 825 <dt class="flex-middle"> 826 <span class="num">8</span> 827 <h3>AYANEO Retro Power</h3> 828 </dt> 829 </a> 830 <a href="/community/tag" target="_blank" class="btn-big">See more topics</a> 831 </div> 832 </div> 833 </div> 834 </div> 835</section> 836 837<section id="community-article"> 838 <div class="container"> 839 <div class="choice-article"> 840 <div class="flex-col"> 841 <h2 class="title">Fine Articles</h2> 842 <a href="/article/186" target="_blank" class="choice-graphics flex"> 843 <div class="graphics-pic"> 844 <img src="https://cdn.ayaneo.com/ayaneo/article/2021/12/09/332fc202112091425595552.jpg" alt=""> 845 </div> 846 <div class="graphics-info"> 847 <div class="graphics-desc flex-col flex-center"> 848 <h3 class="article-title text-2">Forza Motorsport: Horizon 5 Game Review</h3> 849 <p class="text-4">Hi everyone, this is the JacsonO game review, and Iâm JO. Everyone is old friend...</p> 850 </div> 851 </div> 852 </a> 853 </div> 854 <div class="pre-article"> 855 <h2 class="title">Past Boutique</h2> 856 <ul class="list"> 857 <li> 858 <a href="/article/178" target="_blank" style="display: flex;"> 859 <img src="https://cdn.ayaneo.com/ayaneo/article/2021/12/07/d5947202112071717273122.png" alt="" class="cover"> 860 <div class="desc flex-col flex-between"> 861 <div class="text-2">AYASpace quick start and FAQ </div> 862 <p class="flex-middle"> 863 <img src="https://cdn.ayaneo.com/ayaneo/user/2021/12/07/fcaf5fa80fb4b3899f5fb4ab232e1e24.gif" alt="" class="avatar-tiny"> 864 <span style="margin-left: 7px;color: #c1c3c3;font-size: 12px;"> 865 AYANEOKING 866 </span> 867 </p> 868 </div> 869 </a> 870 </li> 871 <li> 872 <a href="/article/177" target="_blank" style="display: flex;"> 873 <img src="https://cdn.ayaneo.com/ayaneo/article/2021
873/12/07/a161a202112071627304157.png" alt="" class="cover"> 874 <div class="desc flex-col flex-between"> 875 <div class="text-2">Official website game community posting rules must see!</div> 876 <p class="flex-middle"> 877 <img src="https://cdn.ayaneo.com/ayaneo/user/2021/12/07/fcaf5fa80fb4b3899f5fb4ab232e1e24.gif" alt="" class="avatar-tiny"> 878 <span style="margin-left: 7px;color: #c1c3c3;font-size: 12px;"> 879 AYANEOKING 880 </span> 881 </p> 882 </div> 883 </a> 884 </li> 885 <li> 886 <a href="/article/148" target="_blank" style="display: flex;"> 887 <img src="https://cdn.ayaneo.com/ayaneo/article/2021/12/03/70e3b202112031350532615.png" alt="" class="cover"> 888 <div class="desc flex-col flex-between"> 889 <div class="text-2">AYANEO 2021 upgrade kit is in preparation</div> 890 <p class="flex-middle"> 891 <img src="https://cdn.ayaneo.com/ayaneo/user/2021/12/03/88331d49173336975c389fbf5f855a07.png" alt="" class="avatar-tiny"> 892 <span style="margin-left: 7px;color: #c1c3c3;font-size: 12px;"> 893 AYANEO 894 </span> 895 </p> 896 </div> 897 </a> 898 </li> 899 <li> 900 <a href="/article/147" target="_blank" style="display: flex;"> 901 <img src="https://cdn.ayaneo.com/ayaneo/article/2021/12/03/59416202112031213289465.png" alt="" class="cover"> 902 <div class="desc flex-col flex-between"> 903 <div class="text-2">AYA Space releases public beta</div> 904 <p class="flex-middle"> 905 <img src="https://cdn.ayaneo.com/ayaneo/user/2021/12/03/88331d49173336975c389fbf5f855a07.png" alt="" class="avatar-tiny"> 906 <span style="margin-left: 7px;color: #c1c3c3;font-size: 12px;"> 907 AYANEO 908 </span> 909 </p> 910 </div> 911 </a> 912 </li> 913 </ul> 914 </div> 915 </div> 916 <span class="bottom-tip">It's over, let's go to other communities to interact~<a href="javascript:void(0);">back to the top</a></span> 917 </div> 918</section> 919<div class="go-top"> 920</div> 921
922<script src="/ayaneo/lib/scroll/better-scroll.min.js"></script>
vendor: 1 bytes, line 922
922
923<script> 924 $(function($){ 925 // è½®æ 926 $('.activity-slider').owlCarousel({ 927 loop: true, 928 margin: 0, 929 nav: true, 930 navText: [], 931 items: 1, 932 autoplay: true 933 }); 934 935 // çè®® æ¨ªåæ»å¨ 936 var hotSroll = new BScroll(".hots-box .scroll-wrapper", { 937 scrollX: true, 938 click: true, 939 }) 940 var timerId = null 941 function resize(){ 942 clearTimeout(timerId) 943 timerId = setTimeout(hotSroll.refresh,300) 944 } 945 window.addEventListener("resize",resize) 946 947 $('.bottom-tip a').click(function(){ 948 $('html, body').animate({scrollTop: 0}); 949 }); 950 }) 951 // åå°é¡¶é¨ 952 953</script>
vendor: 1 bytes, line 953
953
954<script id="-mob-share" src="//f1.webshare.mob.com/code/mob-share.js?appkey=11646ae77161b"></script>
954 955 956 <footer id="footer"> 957 <div class="container"> 958 <div class="top flex-between flex-wrap"> 959 <div class="official"> 960 <div class="brand"> 961 <a href="/"> 962 <img src="/ayaneo/img/footer/f_brand.png" alt="ayaneo"> 963 </a> 964 </div> 965 <ul class="icon-box flex-between"> 966 <!-- å½å¤ --> 967 <li class="icon"> 968 <a href="https://discord.gg/8qc4xz3St5" target="_blank"> 969 <span class="text"> 970 Discord 971 </span> 972 </a> 973 </li> 974 <li class="icon"> 975 <a href="https://www.facebook.com/AYANEOOFFICIAL" target="_blank"> 976 <span class="text"> 977 Facebook 978 </span> 979 </a> 980 </li> 981 <li class="icon"> 982 <a href="https://x.com/AYANEO__" target="_blank"> 983 <span class="text"> 984 X 985 </span> 986 </a> 987 </li> 988 <li class="icon"> 989 <a href="https://www.youtube.com/c/AYANEO" target="_blank"> 990 <span class="text"> 991 Youtube 992 </span> 993 </a> 994 </li> 995 <li class="icon"> 996 <a href="https://www.instagram.com/ayaneoofficial/" target="_blank"> 997 <span class="text"> 998 Instagram 999 </span> 1000 </a> 1001 </li> 1002 <style> 1003 #footer .icon-box>li:nth-child(1) { 1004 background-image: url(/ayaneo/img/footer/discord.png); 1005 } 1006 1007 #footer .icon-box>li:nth-child(1):hover { 1008 background-image: url(/ayaneo/img/footer/discord2.png); 1009 } 1010 1011 #footer .icon-box>li:nth-child(2) { 1012 background-image: url(/ayaneo/img/footer/facebook2.png); 1013 } 1014 1015 #footer .icon-box>li:nth-child(2):hover { 1016 background-image: url(/ayaneo/img/footer/facebook1.png); 1017 } 1018 1019 #footer .icon-box>li:nth-child(3) { 1020 background-image: url(/ayaneo/img/footer/Twitter2.png); 1021 } 1022 1023 #footer .icon-box>li:nth-child(3):hover { 1024 background-image: url(/ayaneo/img/footer/Twitter1.png); 1025 } 1026 1027 #footer .icon-box>li:nth-child(4) { 1028 background-image: url(/ayaneo/img/footer/youtube2.png); 1029 } 1030 1031 #footer .icon-box>li:nth-child(4):hover { 1032 background-image: url(/ayaneo/img/footer/youtube1.png); 1033 } 1034 1035 #footer .icon-box>li:nth-child(5) { 1036 background-image: url(/ayaneo/img/footer/instagram2.png); 1037 } 1038 1039 #footer .icon-box>li:nth-child(5):hover { 1040 background-image: url(/ayaneo/img/footer/instagram1.png); 1041 } 1042 </style> 1043 </ul> 1044 </div> 1045 <div class="bottom-nav"> 1046 <div class="title flex-between flex-middle clickable"> 1047 <h2>Product Center</h2><span class="operate">+</span> 1048 </div> 1049 <ul> 1050 <li><a href="/product/AYANEO-3">AYANEO 3</a></li> 1051 <li><a href="/product/AYANEO-2S">AYANEO 2S</a></li> 1052 </ul> 1053 </div> 1054 <div class="bottom-nav"> 1055 <div class="title flex-between flex-middle clickable"> 1056 <h2>Support & Download</h2><span class="operate">+</span> 1057 </div> 1058 <ul> 1059 <li><a href="/support/video">Tutorial</a></li> 1060 <li><a href="/support/download">Software Download</a></li> 1061 </ul> 1062 </div> 1063 <div class="bottom-nav"> 1064 <div class="title flex-between flex-middle clickable"> 1065 <h2>Service Center</h2><span class="operate">+</span> 1066 </div> 1067 <ul> 1068 <li> 1069 <a href="https://help.ayaneo.com/doku.php?id=ayaneo:after-sales_and_warranty_related_questions" 1070 target="_blank"> 1071 Warranty Policy</a> 1072 </li> 1073 <li><a href="/ayaneo/html/en-US/agreement.html" target="_blank">Privacy Policy and Terms</a></li> 1074 <li><a href="/ayaneo/html/en-US/TermsAndConditions.html" target="_blank">Terms And Conditions</a></li> 1075 <li><a href="/ayaneo/html/en-US/ShippingPolicy.html" target="_blank">Shipping Policy</a></li> 1076 <li><a href="/ayaneo/html/en-US/ReturnPolicy.html" target="_blank">Return Policy</a></li> 1077 <li><a href="/ayaneo/html/en-US/PrivacyPolicy.html" target="_blank">Application Privacy Policy</a></li> 1078 </ul> 1079 </div> 1080 <div class="bottom-nav"> 1081 <div class="title flex-between flex-middle clickable"> 1082 <h2>About</h2><span class="operate">+</span> 1083 </div> 1084 <ul> 1085 <li><a href="/product/ayaneobrand.html" target="_blank">AYANEO</a></li> 1086 <li><a href="/product/AYASpace-3.html" target="_blank">AYASpace 3</a></li> 1087 </ul> 1088 </div> 1089 <div class="bottom-nav"> 1090 <div class="title flex-between flex-middle clickable"> 1091 <h2>Contact Us</h2><span class="operate">+</span> 1092 </div> 1093 <ul> 1094 1095 <li>Customer Support: <a href="mailto:[email protected]" class="underline">[email protected]</a> 1096 </li> 1097 <li>Marketing: <a href="mailto:[email protected]" 1098 class="underline">[email protected]</a></li> 1099 <li>Sales Agent: 1100 <a href="mailto:[email protected]" class="underline">[email protected]</a> 1101 </li> 1102 <li>Affiliate Program:<a href="mailto:[email protected]" class="underline">[email protected]</a> 1103 1104 </ul> 1105 </div> 1106 1107 <div class="bottom-nav subscription-nav"> 1108 <ul> 1109 <li class="subscription"> 1110 <div class="popup"> 1111 <div class="main"> 1112 <div class="subscribe clickable flex-middle">
1113 <span class="icon-notice"></span>Subscribe 1114 </div> 1115 <p>Get the latest news from AYANEO</p> 1116 <p class="email-box flex"> 1117 <input class="email" type="text" placeholder="Your email address"> 1118 <span class="icon-email"></span> 1119 </p> 1120 <p class="flex-center"> 1121 <button class="sub-btn">Subscribe</button> 1122 </p> 1123 </div> 1124 </div> 1125 </li> 1126 1127
1127<script> 1128 $(function ($) { 1129 $(".subscription .sub-btn").click(function () { 1130 var email = $(".subscription .email-box input").val() 1131 if (!email) return; 1132 if (!/[a-zA-Z0-9]+([-_.][A-Za-zd]+)*@([a-zA-Z0-9]+[-.])+[A-Za-zd]{2,5}$/.test(email)) return layer.error("E-mail format is incorrect!") 1133 $.post("/store/addShopifyMarketing", { email }).then(function (res) { 1134 if (res.status == 100) return layer.error(res.message?.errors?.email[0] || "Subscription Fail!") 1135 layer.success("Subscription Successful!") 1136 }) 1137 }) 1138 }) 1139 </script>
1139 1140 1141 </ul> 1142 </div> 1143 </div> 1144 <div class="bottom flex-between flex-middle"> 1145 <div></div> 1146 <div> 1147 <p>Companyï¼ANYUN INTELLIGENT TECHNOLOGY (HONG KONG) CO., LTD</p> 1148 <p>Addressï¼ETON TOWER 8 HYSAN AVENUE CAUSEWAY BAY HONG KONG, RM UB38 UB/F, CAUSEWAY BAY</p> 1149 </div> 1150 </div> 1151 </div> 1152</footer>
1153<script> 1154 $("#footer .bottom-nav .title").click(function () { 1155 $(this).parent(".bottom-nav").toggleClass("unfold") 1156 }) 1157</script>
1157 1158 1159 1160 1161 1162 1163<template id="login-template"> 1164 <div id="mask-login" class="mask-login"> 1165 <div class="top"> 1166 <span class="title" data-id="0">Welcome Gamer</span> 1167 <span class="close clickable" onclick="layer.close(loginlayer)">X</span> 1168 </div> 1169 <div class="mian"> 1170 <div class="label">Mobile phone number ï¼Optionalï¼</div> 1171 <div> 1172 <label class="input phone-input flex-middle"> 1173 <span class="prefix clickable" data-num="86">+86</span> 1174 <input type="number" name="" id="phone-input" placeholder="Please enter phone number" maxlength="11" oninput="if(value.length>11)value=value.slice(0,11)"> 1175 <div class="prefix-more nano"> 1176 <ul class="nano-content"> 1177 1178 </ul> 1179 </div> 1180 </label> 1181 </div> 1182 1183 <div class="label">Verification code</div> 1184 <div class="flex-between"> 1185 <label class="input"> 1186 <input type="text" name="" class="ve-code" placeholder="Verification code" maxlength="6" oninput="if(value.length>6)value=value.slice(0,6)"> 1187 </label> 1188 <div class="send btn clickable disabled flex-col flex-center" onclick="sendCode(0)">Send</div> 1189 </div> 1190 <div class="flex-between" style="margin-top: 15px;"> 1191 <div class="anchor clickable" style="color: #4ea3ec;" data-logintype="1"> 1192 Login with email 1193 </div> 1194 <div class="msg" style="color: #f55050;"></div> 1195 </div> 1196 <div class="btn next clickable disabled" onclick="sendLogin(0)"> 1197 Login 1198 </div> 1199 <label> 1200 <input type="checkbox" class="checkbox" style="display: inline-block;vertical-align: -1px;width: auto;height: auto;" checked> 1201 I understand and accept the<span class="em clickable"><a href="/ayaneo/html/agreement.html" target="_blank">ãUser Agreementã</a></span>and<span class="em clickable"><a href="/ayaneo/html/agreement.html" target="_blank">ãPrivacy Policyã</a></span> 1202 </label> 1203 </div> 1204 </div> 1205 <div id="mask-login" class="mask-login"> 1206 <div class="top"> 1207 <span class="title" data-id="1">Welcome Gamer</span> 1208 <span class="close clickable" onclick="layer.close(loginlayer)">X</span> 1209 </div> 1210 <div class="mian"> 1211 <div class="label">Email</div> 1212 <label class="input"> 1213 <input type="text" name="" id="email-input" placeholder="Please enter email"> 1214 </label> 1215 <div class="label">Verification code</div> 1216 1217 <div class="flex-between"> 1218 <label class="input"> 1219 <input type="text" name="" class="ve-code" placeholder="Verification code" oninput="if(value.length>6)value=value.slice(0,6)"> 1220 </label> 1221 <div class="send btn clickable disabled flex-col flex-center" onclick="sendCode(1)">Send</div> 1222 </div> 1223 <div class="flex-between" style="margin-top: 15px;"> 1224 <div class="anchor clickable" style="color: #4ea3ec;" data-logintype="0"> 1225 Login with mobile number 1226 </div> 1227 <div class="msg" style="color: #f55050;"></div> 1228 </div> 1229 <div class="btn next clickable disabled" onclick="sendLogin(1)"> 1230 Login 1231 </div> 1232 <label> 1233 <input type="checkbox" class="checkbox" style="display: inline-block;vertical-align: -1px;width: auto;height: auto;" checked> 1234 I understand and accept the<span class="em clickable"><a href="/ayaneo/html/en-US/agreement.html" target="_blank">ãUser Agreementã</a></span>and<span class="em clickable"><a href="/ayaneo/html/en-US/agreement.html" target="_blank">ãPrivacy Policyã</a></span> 1235 </label> 1236 </div> 1237 </div> 1238 </template>
1239<template id="new-user-edit"> 1240 <div class="edit-info"> 1241 <div class="title">Perfect information</div> 1242 <div class="main"> 1243 <p class="desc">Welcome to AYA let s refine the information~</p> 1244 <div> 1245 <div class="pic-cover"> 1246 <div class="shadow"> 1247 <span>Modify profile photo</span> 1248 </div> 1249 </div> 1250 <p style="color: #c1c3c3;text-align: center;">AYAID: <span>Coming Soon</span></p> 1251 </div> 1252 <div> 1253 <p class="input-label">Nickname<span>ï¼Requiredï¼</span></p> 1254 <div class="input-box"> 1255 <input id="edit-username" type="text" :placeholder="Perfect information"> 1256 </div> 1257 <p class="msg"></p> 1258 </div> 1259 <div class="btn edit-username-done">complete</div> 1260 </div> 1261 <span class="bg" style="top: 0;left: 0;width: 92px;height: 98px;opacity: 0.41;background: #5b6dff;filter: blur(33px);"></span> 1262 <span class="bg" style="top: 0;right: 0;width: 96px;height: 70px;opacity: 0.39;background: #2d4860;filter: blur(50px);"></span> 1263 <span class="bg" style="bottom: 0;left: 0;width: 211px;height: 172px;opacity: 0.26;background: #50aaf5;filter: blur(50px);"></span> 1264 <span class="bg" style="bottom: 0;right: 0;width: 73px;height: 122px;opacity: 0.74;background: #46e7ff;filter: blur(45px);"></span> 1265 </div> 1266</template> 1267<template id="user-edit-avatar"> 1268 <div class="edit-info"> 1269 <div class="title">ä¸ä¼ 头å</div> 1270 <div class="main"> 1271 <div class="flex-between"> 1272 <div class="big-auther"> 1273 <img src="/ayaneo/img/login/auther.png" alt=""> 1274 </div> 1275 <div style="text-align: center;"> 1276 <span class="cover-auther"> 1277 <img src="/ayaneo/img/login/auther.png" alt=""> 1278 </span> 1279 <p>头åé¢è§</p> 1280 <p class="msg">å®¡æ ¸éè¿åå±ç¤º</p> 1281 </div> 1282 </div> 1283 <input type="file" name="" id="auther-file" accept="image/png,image/jpeg" hidden="hidden"> 1284 <button class="up-btn"><label for="auther-file">ä¸ä¼ 头å</label></button> 1285 <div class="grid-btn"> 1286 <button class="btn btn-done">Sure</button> 1287 <button class="btn btn-close">Cancel</button> 1288 </div> 1289 </div> 1290 <span class="bg" style="top: 0;right: 0;width: 96px;height: 70px;opacity: 0.39;background: #2d4860;filter: blur(50px);"></span> 1291 </div> 1292</template> 1293 1294
1295<script> 1296 const lang_login = { 1297 send:"Send", 1298 resend:"Resend", 1299 phoneformat:"Incorrect phone number format", 1300 mailformat:"E-mail format is incorrect", 1301 codeformat:"Incorrect verification code format", 1302 msg_checked:"User agreement and privacy clause must be checked", 1303 } 1304 $(function($){ 1305 var lang = { 1306 sure: "Sure", 1307 cancel: "Cancel", 1308 change_name_message: "Are you sure to change the name to", 1309 input_name: "Please enter username", 1310 upload_succ: "Avatar uploaded successfully", 1311 upload_fail: "Avatar upload failed", 1312 } 1313 1314 function openEditUserName(){ 1315 layer.open({ 1316 type: 1, 1317 title: null, 1318 area: 'auto', 1319 maxWidth: '100%', 1320 shadeClose: false, //ç¹å»é®ç½©å ³é 1321 content: template('new-user-edit')(), 1322 success: function(dom, index){ 1323 $("body").css("overflow","hidden") 1324 $(dom).find(".edit-username-done").click(function(){ 1325 var uname = $(dom).find('#edit-username').val() 1326 console.log(uname) 1327 if(!uname) return layer.msg(lang.input_name) 1328 layer.confirm("", { 1329 content: lang.change_name_message + `${uname} ?`, 1330 closeBtn: false, 1331 move: false, 1332 area: 'auto', 1333 btn: [lang.cancel, lang.sure], 1334 btn2: function () { 1335 $.post('/user/editUserInfo', { 1336 username: uname 1337 }, (res) => { 1338 layer.msg(res.message); 1339 $(dom).find(".msg").text(res.message) 1340 // if (res.status == 200){ 1341 localStorage.setItem("name_modified","1") 1342 window.location.reload(); 1343 // } 1344 }, 'json'); 1345 } 1346 }) 1347 }) 1348 $(dom).find(".pic-cover>.shadow").click(openEditUserAvatar) 1349 }, 1350 end: function () { 1351 location.reload(); 1352 } 1353 }); 1354 } 1355 function openEditUserAvatar(){ 1356 layer.open({ 1357 type: 1, 1358 title: null, 1359 area: 'auto', 1360 maxWidth: '100%', 1361 shadeClose: true, //ç¹å»é®ç½©å ³é 1362 content: template('user-edit-avatar')(), 1363 success: function (dom, index) { 1364 $(dom).find("#auther-file").change(function(){ 1365 if(!this.files.length)return 1366 $(dom).find(".big-auther>img,.cover-auther>img").attr("src",URL.createObjectURL(this.files[0])) 1367 }) 1368 $(dom).find(".btn-done").click(function(){ 1369 var files = $(dom).find("#auther-file").get(0).files 1370 if(!files.length) return; 1371 var origin_avatar = $(dom).find('.cover-auther>img').attr('src'); 1372 var coverData = new FormData(); 1373 coverData.append('avatar', files[0]); 1374 1375 $(dom).find('.cover-auther>img').attr('src', '/img/puff.svg') 1376 $.ajax({ 1377 url: '/user/uploadUserAvatar', 1378 type: 'post', 1379 data: coverData, 1380 processData: false, 1381 contentType: false, 1382 dataType: 'json', 1383 success: function(res){ 1384 console.log(res) 1385 if(res.status == 200){ 1386 $(dom).find('.cover-auther>img').attr('src', cdn_url_ayaneo + res.data); 1387 $(".edit-info .pic-cover").css('background-image', `url(${cdn_url_ayaneo}${res.data})`); 1388 return layer.msg(lang.upload_fail) && layer.close(index); 1389 } 1390 $(dom).find('.cover-auther>img').attr('src', origin_avatar); 1391 }, 1392 error: function(){ 1393 $(dom).find('.cover-auther>img').attr('src', origin_avatar); 1394 layer.msg(lang.upload_fail); 1395 } 1396 }) 1397 $(this).val(null); 1398 }) 1399 $(dom).find(".btn-close").click(function(){ 1400 layer.close(index) 1401 }) 1402 } 1403 }); 1404 } 1405 window.openEditUserName = openEditUserName 1406 window.openEditUserAvatar = openEditUserAvatar 1407 if(!nologin && localStorage.getItem("name_modified") == "0"){ 1408 openEditUserName() 1409 } 1410 }) 1411</script>
1411 1412 1413 1414 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 72 bytes, lines 1414-1415
1414 1415 <script async src="https://www.googletagmanager.com/gtag/js?id=
1415G-ZKFHWL5G94
vendor: 20 bytes, lines 1415-1416
1415"></script> 1416
1416<script> 1417
vendor: 174 bytes, lines 1417-1423
1417window.dataLayer = window.dataLayer || []; 1418 function gtag(){ 1419 dataLayer.push(arguments); 1420 } 1421 gtag('js', new Date()); 1422 1423 gtag('config', '
1423G-ZKFHWL5G94
vendor: 12 bytes, lines 1423-1424
1423'); 1424
1424</script>
1424 1425 </body> 1426</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.