1 Star 2 Fork 0

Stringzhua/asus华硕商城

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 72.41 KB
一键复制 编辑 原始数据 按行查看 历史
Stringzhua 提交于 2023-10-10 17:31 . “提交项目”
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>华硕商城ASUS_华硕官网_华硕电脑官方直营商城,购笔记本电脑、轻薄本、游戏本、享一年意外险</title>
<!--此处为index首页的功能,下面我开始展示功能-->
<!--网页的图标-->
<link rel="icon" href="images/favicon.ico">
<!--全局样式-->
<link rel="stylesheet" href="css/reset.css">
<!--字体图标-->
<link rel="stylesheet" href="css/iconfont.css">
<!--自己的样式-->
<link rel="stylesheet" href="css/asus.css">
</head>
<body>
<!--头部开始-->
<div class="header">
<div class="wrap">
<ul class="header-left">
<li><a href="index.html">华硕商城</a><span>|</span></li>
<li><a href="qycg.html">企业采购</a><span>|</span></li>
<li><a href="xjzl.html">新机租赁</a><span>|</span></li>
<li><a href="qd.html">驱动下载</a><span>|</span></li>
<li><a href="am.html">A码通道</a><span>|</span></li>
<li><a href="zjbb.html">装机必备</a><span>|</span></li>
<li>
<a href="#">下载app</a><span>|</span>
<div class="download">
<a href="#">
<img src="images/app.png" alt="">
<p>华硕商城APP</p>
</a>
</div>
<div class="triangle"></div>
</li>
</ul>
<ul class="header-right">
<li><a href="login.html">登录</a><span>|</span></li>
<li><a href="register.html">注册</a><span>|</span></li>
<li><a href="#">消息通知</a><span>|</span></li>
<li><a href="#">我的订单</a></li>
<li class="cart">
<a href="#">
<i class="iconfont">&#xe653;</i>
购物车(0)
</a>
<div class="cart-list">
购物车中还没有商品,赶紧选购吧!
</div>
</li>
</ul>
</div>
</div>
<!--头部结束-->
<!--导航开始-->
<div class="nav">
<div class="wrap">
<div class="logo">
<a href="#">
<img src="images/logo.png" alt="">
</a>
</div>
<div class="nav-bar">
<ul>
<li>
<a href="#">智能手机</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="#">
<div class="img-box">
<img src="images/rog6.jpg" alt="">
</div>
<p class="name1">ROG 6蝙蝠侠典藏限量版</p>
<p class="price1">6999元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/txrog6pro.jpg" alt="">
</div>
<p class="name1">腾讯rog游戏手机6 pro</p>
<p class="price1">3999元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/txrog6.jpg" alt="">
</div>
<p class="name1">腾讯rog游戏手机6</p>
<p class="price1">4899元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/tx5spro.jpg" alt="">
</div>
<p class="name1">腾讯rog游戏手机5s Pro</p>
<p class="price1">3699元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/tx5s.jpg" alt="">
</div>
<p class="name1">腾讯rog游戏手机5s</p>
<p class="price1">3299元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/tx5s.jpg" alt="">
</div>
<p class="name1">腾讯rog游戏手机天玑版</p>
<p class="price1">2699元起</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li>
<a href="#">笔记本电脑</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="#">
<div class="img-box">
<img src="images/laptop1.jpg" alt="">
</div>
<p class="name1">Vivobook Pro 14X</p>
<p class="price1">4499元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/laptop2.jpg" alt="">
</div>
<p class="name1">Zenbook Pro</p>
<p class="price1">4999元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/laptop3.jpg" alt="">
</div>
<p class="name1">Zenbook S</p>
<p class="price1">5199元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/laptop4.jpg" alt="">
</div>
<p class="name1">Zenbook</p>
<p class="price1">4499元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/laptop2.jpg" alt="">
</div>
<p class="name1">Zenbook Duo</p>
<p class="price1">5999元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/laptop1.jpg" alt="">
</div>
<p class="name1">Zenbook Duo Pro</p>
<p class="price1">6599元起</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li><a href="#">显示器/台式机</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="#">
<div class="img-box">
<img src="images/screen1.jpg" alt="">
</div>
<p class="name1">TUF GAMING 电竞特工</p>
<p class="price1">1299元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/screen2.jpg" alt="">
</div>
<p class="name1">ROG-玩家国度系列</p>
<p class="price1">2699元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/screen3.jpg" alt="">
</div>
<p class="name1">ProArt Display PA32UCX-P</p>
<p class="price1">2199元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/screen4.jpg" alt="">
</div>
<p class="name1">ZenScreen Touch MB16AMT</p>
<p class="price1">1799元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/screen5.jpg" alt="">
</div>
<p class="name1">Designo Curve MX38VC</p>
<p class="price1">5999元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/screen6.jpg" alt="">
</div>
<p class="name1">商用系列</p>
<p class="price1">399元起</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li><a href="#">主板/配件</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="#">
<div class="img-box">
<img src="images/zb1.jpg" alt="">
</div>
<p class="name1">ROG-玩家国度</p>
<p class="price1">1299元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/zb2.jpg" alt="">
</div>
<p class="name1">TUF GAMING Z690-PLUS</p>
<p class="price1">699元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/zb3.jpg" alt="">
</div>
<p class="name1">PRIME Z690-A</p>
<p class="price1">799元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/zb4.jpg" alt="">
</div>
<p class="name1">ProArt Z690-CREATOR</p>
<p class="price1">499元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/zb5.jpg" alt="">
</div>
<p class="name1">工作站主板</p>
<p class="price1">1699元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/zb6.jpg" alt="">
</div>
<p class="name1">Pro WS W480-ACE</p>
<p class="price1">2399元起</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li><a href="#">网络产品/loT/服务器</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="#">
<div class="img-box">
<img src="images/wifi1.jpg" alt="">
</div>
<p class="name1">ROG-玩家国度</p>
<p class="price1">1299元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/wifi2.jpg" alt="">
</div>
<p class="name1">RT-AX82U</p>
<p class="price1">399元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/wifi3.jpg" alt="">
</div>
<p class="name1">RT-AX86U</p>
<p class="price1">199元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/wifi4.jpg" alt="">
</div>
<p class="name1">PE200U智能边缘计算机</p>
<p class="price1">11999元起</p>
</a>
</li>
<li>
<a href="#">
<div class="img-box">
<img src="images/wifi5.jpg" alt="">
</div>
<p class="name1">Tinker Board 2 ARM主板</p>
<p class="price1">999元起</p>
</a>
</li>
</ul>
</div>
</div>
</li>
<li><a href="#">周边产品</a>
<div class="nav-bar-list">
<div class="wrap">
<ul>
<li>
<a href="#">
<div class="img-box">
<img src="images/bag.jpg" alt="">
</div>
<p class="name1">ProArt Backpack</p>
<p class="price1">69元起</p>
</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
<div class="search">
<input type="text">
<a href="#" class="iconfont">&#xe63d;</a>
<div class="search-list">
<a href="#">智能手机</a>
<a href="#">笔记本电脑</a>
<a href="#">显示器</a>
<a href="#">台式机</a>
<a href="#">主板</a>
<a href="#">网络产品/loT</a>
<a href="#">服务器</a>
<a href="#">周边产品</a>
</div>
</div>
</div>
</div>
<!--导航结束-->
<!--banner开始-->
<div class="banner">
<div class="wrap">
<div class="banner-box">
</div>
<div class="slide">
<ul>
<li>
<a href="#">笔记本新品<i class="iconfont">&#xe658;</i></a>
<div class="slide-list slide-list1">
<ul>
<li>
<a href="#">
<img src="images/xn.png" alt="">
<span>高性能轻薄本</span>
</a>
</li>
<li>
<a href="#">
<img src="images/bx.png" alt="">
<span>便携轻薄本</span>
</a>
</li>
<li>
<a href="#">
<img src="images/ww.jpg" alt="">
<span>无畏</span>
</a>
</li>
<li>
<a href="#">
<img src="images/ad.png" alt="">
<span>a豆</span>
</a>
</li>
<li>
<a href="#">
<img src="images/ly.png" alt="">
<span>灵耀新品</span>
</a>
</li>
<li>
<a href="#">
<img src="images/px.png" alt="">
<span>破晓</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<span>无畏pro16</span>
</a>
<a href="#">
<span>|无畏pro16</span>
</a>
<a href="#">
<span>|灵耀pro</span>
</a>
</li>
<li>
<a href="#">
<span>无畏15</span>
</a>
<a href="#">
<span>|无双</span>
</a>
<a href="#">
<span>|灵耀X13</span>
</a>
</li>
<li>
<a href="#">
<span>无畏14</span>
</a>
<a href="#">
<span>|无畏15</span>
</a>
<a href="#">
<span>|无畏16</span>
</a>
</li>
<li>
<a href="#">
<span>a豆14</span>
</a>
<a href="#">
<span>|a豆14pro</span>
</a>
<a href="#">
<span>|a豆平板</span>
</a>
</li>
<li>
<a href="#">
<span>灵耀14</span>
</a>
<a href="#">
<span>|灵耀X13</span>
</a>
<a href="#">
<span>|灵耀X14</span>
</a>
</li>
<li>
<a href="#">
<span>平板</span>
</a>
<a href="#">
<span>|a豆</span>
</a>
<a href="#">
<span>|智能充电器</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<span>|灵耀X 双屏pro</span>
</a>
<a href="#">
<span>|灵耀X Fold</span>
</a>
</li>
<li>
<a href="#">
<span>|灵耀14</span>
</a>
<a href="#">
<span>|a豆14pro</span>
</a>
<a href="#">
<span>|无畏14</span>
</a>
</li>
<li>
<a href="#">
<span>|无畏pro15</span>
</a>
<a href="#">
<span>|无畏pro16</span>
</a>
<a href="#">
<span>|无畏变形本</span>
</a>
</li>
<li>
<a href="#">
<span></span>
</a>
</li>
<li>
<a href="#">
<span>|破晓air</span>
</a>
</li>
<li>
<a href="#">
<span>|拓展坞</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#">游戏本送豪礼<i class="iconfont">&#xe658;</i></a>
<div class="slide-list slide-list1">
<ul>
<li>
<a href="#">
<img src="images/tx.png" alt="">
<span>天选系列</span>
</a>
</li>
<li>
<a href="#">
<img src="images/txjp.jpg" alt="">
<span>天选系列</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<span>天选2</span>
</a>
<a href="#">
<span>|天选3</span>
</a>
<a href="#">
<span>|天选air</span>
</a>
</li>
<li>
<a href="#">
<span>键鼠外设</span>
</a>
<a href="#">
<span>|抱枕</span>
</a>
<a href="#">
<span>|鼠标垫</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#">ROG<i class="iconfont">&#xe658;</i></a>
<div class="slide-list slide-list1">
<ul>
<li>
<a href="#">
<img src="images/mb.jpg" alt="">
<span>魔霸系列</span>
</a>
</li>
<li>
<a href="#">
<img src="images/qs.jpg" alt="">
<span>枪神系列</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/huan.jpg" alt="">
<span>幻系列</span>
</a>
</li>
<li>
<a href="#">
<img src="images/bing.jpg" alt="">
<span>冰系列</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/ws.png" alt="">
<span>外设产品</span>
</a>
</li>
<li>
<a href="#">
<img src="images/rogphone.jpg" alt="">
<span>rog手机</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/mb.jpg" alt="">
<span>魔霸新锐</span>
</a>
</li>
<li>
<a href="#">
<img src="images/mb.jpg" alt="">
<span>魔霸6</span>
</a>
</li>
<li>
<a href="#">
<img src="images/mb.jpg" alt="">
<span>魔霸6 Plus</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/qs.jpg" alt="">
<span>枪神6</span>
</a>
</li>
<li>
<a href="#">
<img src="images/qs.jpg" alt="">
<span>枪神6 Plus</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/huan.jpg" alt="">
<span>幻16</span>
</a>
</li>
<li>
<a href="#">
<img src="images/huan.jpg" alt="">
<span>幻15</span>
</a>
</li>
<li>
<a href="#">
<img src="images/huan.jpg" alt="">
<span>幻14</span>
</a>
</li>
<li>
<a href="#">
<span></span>
</a>
</li>
</ul>
</div>
</li>
<li><a href="#">ProArt<i class="iconfont">&#xe658;</i></a>
<div class="slide-list slide-list1">
<ul>
<li>
<a href="#">
<img src="images/laptop.png" alt="">
<span>笔记本</span>
</a>
</li>
<li>
<a href="#">
<img src="images/screen.jpg" alt="">
<span>显示器</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/minipc.jpg" alt="">
<span>minipc</span>
</a>
</li>
<li>
<a href="#">
<img src="images/zb.jpg" alt="">
<span>主板</span>
</a>
</li>
</ul>
</div>
</li>
<li><a href="#">台式机<i class="iconfont">&#xe658;</i></a>
<div class="slide-list slide-list1">
<ul>
<li>
<a href="#">
<img src="images/tsj.png" alt="">
<span>台式机</span>
</a>
</li>
<li>
<a href="#">
<img src="images/rogtsj.png" alt="">
<span>ROG台式机</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/minipc2.jpg" alt="">
<span>MiniPC</span>
</a>
</li>
<li>
<a href="#">
<img src="images/YTJ.jpg" alt="">
<span>一体机</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/XSQ.jpg" alt="">
<span>显示器</span>
</a>
</li>
<li>
<a href="#">
<img src="images/ws.png" alt="">
<span>外设产品</span>
</a>
</li>
</ul>
</div>
</li>
<li><a href="#">电脑组件<i class="iconfont">&#xe658;</i></a>
<div class="slide-list slide-list1">
<ul>
<li>
<a href="#">
<img src="images/zb.jpg" alt="">
<span>主板</span>
</a>
</li>
<li>
<a href="#">
<img src="images/xk.png" alt="">
<span>显卡</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/screen.jpg" alt="">
<span>显示器</span>
</a>
</li>
<li>
<a href="#">
<img src="images/jds.png" alt="">
<span>机电散</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/ws.png" alt="">
<span>DIY套装产品</span>
</a>
</li>
</ul>
</div>
</li>
<li><a href="#">网络 外设 周边<i class="iconfont">&#xe658;</i></a>
<div class="slide-list slide-list1">
<ul>
<li>
<a href="#">
<img src="images/wifi.png" alt="">
<span>路由器</span>
</a>
</li>
<li>
<a href="#">
<img src="images/ws.png" alt="">
<span>键鼠外设</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/bag1.jpg" alt="">
<span>周边</span>
</a>
</li>
<li>
<a href="#">
<img src="images/qy.jpg" alt="">
<span>权益</span>
</a>
</li>
</ul>
<ul>
<li>
<a href="#">
<img src="images/ws.png" alt="">
<span>外设产品</span>
</a>
</li>
<li>
<a href="#">
<img src="images/hslp.png" alt="">
<span>华硕良品</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="prev"></div>
<div class="next"></div>
</div>
</div>
<!--banner结束-->
<!--广告开始-->
<div class="adv">
<div class="wrap">
<div class="adv-aside">
<ul>
<li class="row col">
<a href="">
<i class="iconfont">&#xe733;</i>
<p>华硕eSIM</p>
</a>
</li>
<li class="row col">
<a href="">
<i class="iconfont">&#xe64c;</i>
<p>充值记录</p>
</a>
</li>
<li class="row">
<a href="">
<i class="iconfont">&#xe629;</i>
<p>维修</p>
</a>
</li>
<li class="col">
<a href="">
<i class="iconfont">&#xe63f;</i>
<p>七天无理由</p>
</a>
</li>
<li class="col">
<a href="">
<i class="iconfont">&#xe61f;</i>
<p>F码</p>
</a>
</li>
<li>
<a href="">
<i class="iconfont">&#xe6ab;</i>
<p>客服</p>
</a>
</li>
</ul>
</div>
<div class="adv-img">
<a href="#">
<img src="images/gg1.jpg" alt="" height="100%">
</a>
</div>
<div class="adv-img">
<a href="#">
<img src="images/gg2.jpg" alt="">
</a>
</div>
<div class="adv-img">
<a href="#">
<img src="images/gg3.jpg" alt="">
</a>
</div>
</div>
</div>
<!--广告结束-->
<!--天选开始-->
<div class="container">
<div class="wrap">
<!--游戏专区开始-->
<div class="phone">
<div class="home-banner-box">
<a href="#">
<img src="images/gg4.jpg" alt="">
</a>
</div>
<h2 class="title">1F 天选游戏本专区
<a href="#" class="more">查看更多 <i class="iconfont">&#xe616;</i></a>
</h2>
<div class="home-box">
<div class="home-box-left home-box-left1">
<a href="#">
<img src="images/1FGG.jpg" alt="">
</a>
</div>
<div class="home-box-right">
<ul>
<li class="items">
<a href="#">
<img src="images/tx31.jpg" alt="" class="img1">
<p class="name2">天选3 魔幻青</p>
<p class="desc2">R7-6800H RTX3060</p>
<p class="price2">¥7499
<del>¥7899</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/tx32.jpg" alt="" class="img1">
<p class="name2">天选3 日蚀灰</p>
<p class="desc2">R7-6800H RTX3060</p>
<p class="price2">¥7499
<del>¥7899</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/tx33.jpg" alt="" class="img1">
<p class="name2">天选3 魔幻青</p>
<p class="desc2">R7-6800H RTX3050Ti</p>
<p class="price2">¥6799
<del>¥7199</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/tx34.jpg" alt="" class="img1">
<p class="name2">天选3 日蚀灰</p>
<p class="desc2">R7-6800H RTX3050</p>
<p class="price2">¥6499
<del>¥6899</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/tx35.jpg" alt="" class="img1">
<p class="name2">天选3 日蚀灰</p>
<p class="desc2">i7-12700H RTX3060</p>
<p class="price2">¥8599
<del>¥8899</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/tx36.jpg" alt="" class="img1">
<p class="name2">天选3 魔幻青</p>
<p class="desc2">i5-12500H RTX3050Ti</p>
<p class="price2">¥8899
<del>¥9199</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/tx37.jpg" alt="" class="img1">
<p class="name2">天选3 魔幻青</p>
<p class="desc2">i7-12700H RTX3050Ti</p>
<p class="price2">¥7099
<del>¥7199</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/tx38.jpg" alt="" class="img1">
<p class="name2">天选3 日蚀灰</p>
<p class="desc2">i7-12700H RTX3070</p>
<p class="price2">¥10299
<del>¥9999</del>
</p>
</a>
</li>
</ul>
</div>
</div>
</div>
<!--天选结束-->
<!--ROG开始-->
<div class="ele">
<div class="home-banner-box">
<a href="#">
<img src="images/gg5.jpg" alt="">
</a>
</div>
<h2 class="title">2F ROG游戏本专区
<a href="#" class="more">查看更多 <i class="iconfont">&#xe616;</i></a>
</h2>
<div class="home-box">
<div class="home-box-left home-box-left1">
<a href="#">
<img src="images/2FGG.jpg" alt="">
</a>
</div>
<div class="home-box-right">
<ul>
<li class="items">
<a href="#">
<img src="images/r1.jpg" alt="" class="img1">
<p class="name2">ROG 幻16</p>
<p class="desc2">12代i7 RTX 3060</p>
<p class="price2">¥11499
<del>¥8999</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/r2.jpg" alt="" class="img1">
<p class="name2">ROG 幻15 日蚀灰</p>
<p class="desc2">R7-6800HS / RTX3060</p>
<p class="price2">¥11999
<del>¥8999</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/r3.jpg" alt="" class="img1">
<p class="name2">幻13 2022</p>
<p class="desc2">锐龙R9 RTX3050Ti</p>
<p class="price2">¥17999
<del>¥20999</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/r4.jpg" alt="" class="img1">
<p class="name2">ROG 幻X</p>
<p class="desc2">12代i5 16G内存</p>
<p class="price2">¥7999
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/r5.jpg" alt="" class="img1">
<p class="name2">ROG6 幻影白</p>
<p class="desc2">骁龙8+Gen1/16G/512G/165HZ刷新率</p>
<p class="price2">¥5699
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/r6.jpg" alt="" class="img1">
<p class="name2">ROG 枪神6 Plus</p>
<p class="desc2">12代i9 RTX 3070Ti</p>
<p class="price2">¥15999
<del>¥16999</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/r7.jpg" alt="" class="img1">
<p class="name2">ROG 枪神6</p>
<p class="desc2">12代i7 RTX 3060</p>
<p class="price2">¥10999
<del>¥12499</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/r8.jpg" alt="" class="img1">
<p class="name2">ROG 魔霸6 Plus</p>
<p class="desc2">R9-6900HX RTX3070Ti</p>
<p class="price2">¥11999
<del>¥14999</del>
</p>
</a>
</li>
</ul>
</div>
</div>
</div>
<!--ROG结束-->
<!--轻薄本开始-->
<div class="ele">
<div class="home-banner-box">
<a href="#">
<img src="images/gg6.jpg" alt="">
</a>
</div>
<h2 class="title">3F 好屏轻薄本
<a href="#" class="more">查看更多 <i class="iconfont">&#xe616;</i></a>
</h2>
<div class="home-box">
<div class="home-box-left">
<ul>
<li class="items">
<a href="#">
<img src="images/ww01.png" alt="">
</a>
</li>
<li class="items">
<a href="#">
<img src="images/ad14pro.png" alt="">
</a>
</li>
</ul>
</div>
<div class="home-box-right">
<ul>
<li class="items">
<a href="#">
<img src="images/w1.jpg" alt="" class="img1">
<p class="name2">无畏15</p>
<p class="desc2">12代酷睿i5 莱茵护眼认证</p>
<p class="price2">¥3999
<del>¥4499</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/w2.jpg" alt="" class="img1">
<p class="name2">无畏Pro15</p>
<p class="desc2">R5-5600 / GTX1650</p>
<p class="price2">¥4999
<del>¥5699</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/w3.jpg" alt="" class="img1">
<p class="name2">无双</p>
<p class="desc2">12代i5 /2.8K OLED屏</p>
<p class="price2">¥4999
<del>¥5799</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/w4.jpg" alt="" class="img1">
<p class="name2">无畏Pro16</p>
<p class="desc2">12代i5 RTX3050</p>
<p class="price2">¥6499
<del>¥7299</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/w5.jpg" alt="" class="img1">
<p class="name2">a豆14 钛空银</p>
<p class="desc2">Intel酷睿 金属外壳</p>
<p class="price2">¥2799
<del>¥3799</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/w6.jpg" alt="" class="img1">
<p class="name2">a豆14 极光白</p>
<p class="desc2">酷睿i5 智能远控</p>
<p class="price2">¥3799
<del>¥4799</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/w7.jpg" alt="" class="img1">
<p class="name2">a豆14 2022 微醺薄荷</p>
<p class="desc2">12代标压i5 护眼全面屏</p>
<p class="price2">¥4199
<del>¥4599</del>
</p>
</a>
</li>
<li class="last-items">
<div>
<a href="#">
<div class="items-text">
<p>a豆14 Pro</p>
<p>¥4799</p>
</div>
<img src="images/w8.jpg" alt="">
</a>
</div>
<div>
<a href="#">
<div class="items-text">
<p>a豆14 Pro 星际银海</p>
<p>¥4799</p>
</div>
<img src="images/w9.jpg" alt="">
</div>
</li>
</ul>
</div>
</div>
</div>
<!--轻薄本结束-->
<!--电脑外设开始-->
<div class="ele">
<div class="home-banner-box">
<a href="#">
<img src="images/gg7.jpg" alt="">
</a>
</div>
<h2 class="title">4F 轻薄性能本|外设产品
<a href="#" class="more">查看更多 <i class="iconfont">&#xe616;</i></a>
</h2>
<div class="home-box">
<div class="home-box-left">
<ul>
<li class="items">
<a href="#">
<img src="images/b1.jpg" alt="">
</a>
</li>
<li class="items">
<a href="#">
<img src="images/b2.jpg" alt="">
</a>
</li>
</ul>
</div>
<div class="home-box-right">
<ul>
<li class="items">
<a href="#">
<img src="images/c1.jpg" alt="" class="img1">
<p class="name2">ROG 月刃无线AP版</p>
<p class="desc2">AimPoint 36K/75g轻量化设计</p>
<p class="price2">¥499
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/c2.jpg" alt="" class="img1">
<p class="name2">ROG 战刃3有线鼠标</p>
<p class="desc2">电竞级光学传感器/零延迟点击/激光侧刻/RGB发光</p>
<p class="price2">¥324
<del>¥529</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/c3.jpg" alt="" class="img1">
<p class="name2">ROG魔刃X竞技版 无线/有线/蓝牙</p>
<p class="desc2">36000DPI|8k回报率|无线三模|RGB灯效</p>
<p class="price2">¥999
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/c4.jpg" alt="" class="img1">
<p class="name2">ROG 降临TWS真无线游戏耳机</p>
<p class="desc2">低延迟游戏模式/混合ANC降噪/IPX4防水/全天候续航/无线充电盒</p>
<p class="price2">¥549
<del>¥799</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/c5.jpg" alt="" class="img1">
<p class="name2">ROG 棱镜S无线 头戴式电竞耳机</p>
<p class="desc2">长效续航/无线双模/快充模式/双AI加持清晰语音/50mm驱动单体</p>
<p class="price2">¥999
<del>¥1299</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/c6.jpg" alt="" class="img1">
<p class="name2">ROG 魔导士NX|2.4g无线有线双模|机械键盘</p>
<p class="desc2">侧面带灯光音效触控条/ROG NX机械轴体/68键无线键盘</p>
<p class="price2">¥594
<del>¥899</del>
</p>
</a>
</li>
<li class="items">
<a href="#">
<img src="images/c7.jpg" alt="" class="img1">
<p class="name2">ROG玩家国度|27英寸2K|Fast|IPS电竞显示器</p>
<p class="desc2">XG27AQ绝景|1ms灰阶|170Hz|G-SYNC兼容|HDR400</p>
<p class="price2">¥2499
<del>¥3799</del>
</p>
</a>
</li>
<li class="last-items">
<div>
<a href="#">
<div class="items-text">
<p>华硕电竞路由</p>
<p>¥699</p>
</div>
<img src="images/wifi1.jpg" alt="">
</a>
</div>
<div>
<a href="#">
<div class="items-text">
<p>华硕路由2S</p>
<p>699元</p>
</div>
<img src="images/wifi2.jpg" alt="">
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--电脑外设结束-->
<!--视频开始-->
<div class="video">
<div class="home-banner-box">
<a href="#">
<img src="images/gg8.jpg" alt="">
</a>
</div>
<h2 class="title">5F 视频
<a href="#" class="more">查看全部 <i class="iconfont">&#xe616;</i></a>
</h2>
<div class="video-box">
<ul>
<li class="video-items">
<a href="https://www.asus.com.cn/store/articles/video-detail.html?id=595">
<div class="video-img">
<img src="images/video1.jpg" alt="">
<div class="play">
<span></span>
</div>
</div>
<p>ROG游戏手机6系列|酷冷战神 先手制胜</p>
</a>
</li>
<li class="video-items">
<a href="https://www.asus.com.cn/store/articles/video-detail.html?id=502">
<div class="video-img">
<img src="images/video2.jpg" alt="">
<div class="play">
<span></span>
</div>
</div>
<p>高性能台式电脑|天选X 2022</p>
</a>
</li>
<li class="video-items">
<a href="https://www.asus.com.cn/store/articles/video-detail.html?id=496">
<div class="video-img">
<img src="images/video3.jpg" alt="">
<div class="play">
<span></span>
</div>
</div>
<p>次元芯战力|华硕天选3</p>
</a>
</li>
<li class="video-items">
<a href="https://www.asus.com.cn/store/articles/video-detail.html?id=494">
<div class="video-img">
<img src="images/video4.jpg" alt="">
<div class="play">
<span></span>
</div>
</div>
<p>高性能二合一轻薄本|ROG 幻X</p>
</a>
</li>
</ul>
</div>
</div>
<!--视频结束-->
</div>
</div>
<!--主体结束-->
<!--页脚开始-->
<div class="footer">
<div class="site-footer">
<div class="wrap">
<div class="footer-service">
<ul>
<li>
<a href="#">
<i class="iconfont">&#xe606;</i>
<span>15天免费换货</span>
</a>
</li>
<li>
<a href="#">
<i class="iconfont">&#xe622;</i>
<span>服务电话</span>
</a>
</li>
<li>
<a href="#">
<i class="iconfont">&#xe6ab;</i>
<span>客服</span>
</a>
</li>
<li>
<a href="#">
<i class="iconfont">&#xe710;</i>
<span>联系我们</span>
</a>
</li>
<li>
<a href="video/5.mp4">
<i class="iconfont">&#xe657;</i>
<span>网站彩蛋</span>
</a>
</li>
</ul>
</div>
<div class="footer-links">
<ul>
<li>
公司介绍
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-2.html">华硕承诺</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-3.html">交易条款</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-4.html">特别提醒</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-462.html">加入我们</a>
</li>
</ul>
<ul>
<li>
购物指南
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-5.html">订单说明</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-6.html">会员注册</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-8.html">购物流程</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-11.html">常见问题</a>
</li>
</ul>
<ul>
<li>
配送与付款
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-12.html">发货与签收规范</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-13.html">配送运费说明</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-14.html">配送常见问题</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-24.html">配送异常</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-25.html">付款咨询</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-26.html">发票说明</a>
</li>
</ul>
<ul>
<li>
线下门店
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-15.html">华硕服务中心查询</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-16.html">华硕授权实体门店查询</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-17.html">华硕智汇家</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-120.html">中国RoHS合格评定标识</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-610.html">华硕笔记本保修政策说明</a>
</li>
<li>
<a href="https://www.asus.com.cn/store/article-item-629.html">ROG玩家国度授权体验店</a>
</li>
</ul>
<ul>
<li>
服务中心
</li>
<li>
<a href="#">以旧换新</a>
</li>
<li>
<a href="#">保障服务</a>
</li>
<li>
<a href="#">防伪查询</a>
</li>
</ul>
<ul>
<li>
关注我们
</li>
<li>
<a href="https://weibo.com/asustek">新浪微博</a>
</li>
<li>
<a href="https://www.asus.com.cn/support/article/643">微信服务</a>
</li>
</ul>
<div class="contact">
<p class="tel">400-091-9520</p>
<p class="time">8:00-18:00(仅收市话费)</p>
<a href="https://cs.njsyue.com/cs/web/app/index.html#/home-page?userId=9903267&platform=asus&goodId=&isTourist=0&type=1&from=web" class="kefu">
<i class="iconfont">&#xe710;</i>
人工客服
</a>
</div>
</div>
</div>
</div>
<div class="site-info">
<div class="wrap">
<div class="footer-logo">
<img src="images/logo2.png" alt="">
</div>
<div class="sites">
<p>
©营业执照:12000002202112290026 │沪ICP备11025349号-3 │ ASUSTeK Computer Inc. All Rights Reserved.
ASUS使用条款 隐私政策 隐私说明沪公网安备 31011202002313号
</p>
</div>
</div>
</div>
</div>
<!--页脚结束-->
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/jun-0912/asus-asus-mall.git
git@gitee.com:jun-0912/asus-asus-mall.git
jun-0912
asus-asus-mall
asus华硕商城
master

搜索帮助