1 Star 0 Fork 7

cgb-study/小米首页

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
index.html 58.97 KB
一键复制 编辑 原始数据 按行查看 历史
奔跑的面条 提交于 2019-09-23 10:14 . all
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<link rel="stylesheet" type="text/css" href="js/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
<title>小米商城首页</title>
</head>
<body>
<div id="right-bar">
<li class="first-li bar-sort">
<a>
<div class="bar-img">
<span class="glyphicon glyphicon-phone"></span>
</div>
<p>手机APP</p>
</a>
<div class="bar-pop-box">
<div class="bar-pop">
<div class="jiantou"></div>
<img src="image/icon/xiaomiMa.png" />
<p>手机扫一扫</p>
<p>一分赢好礼</p>
</div>
</div>
</li>
<li class="bar-sort">
<a>
<div class="bar-img">
<span class="glyphicon glyphicon-user"></span>
</div>
<p>个人中心</p>
</a>
</li>
<li class="bar-sort">
<a>
<div class="bar-img">
<span class="glyphicon glyphicon-wrench"></span>
</div>
<p>个人中心</p>
</a>
</li>
<li class="bar-sort">
<a>
<div class="bar-img">
<span class="glyphicon glyphicon-phone-alt"></span>
</div>
<p>个人中心</p>
</a>
</li>
<li class="last-li bar-sort">
<a>
<div class="bar-img">
<span class="glyphicon glyphicon-shopping-cart"></span>
</div>
<p>个人中心</p>
</a>
</li>
</div>
<header>
<nav>
<div class="nav-left-box">
<a>小米商城</a>
<span>|</span>
<a>MIUI</a>
<span>|</span>
<a>loT</a>
<span>|</span>
<a>云服务</a>
<span>|</span>
<a>金融</a>
<span>|</span>
<a>有品</a>
<span>|</span>
<a>小爱开房平台</a>
<span>|</span>
<a>政企服务</a>
<span>|</span>
<a>资质证照</a>
<span>|</span>
<a>协议服务</a>
<span>|</span>
<a>下载app</a>
<span>|</span>
<a>Select Region</a>
</div>
<a class="gouwuche">
<i class="glyphicon glyphicon-shopping-cart"></i>
购物车
<span>(0)</span>
<div class="gouwuche-cart-menu">
<p class="gouwuche-cart-menu-p">购物车中还没有商品,赶紧选购吧!</p>
</div>
</a>
<div class="nav-right-box">
<div class="right-word">
<a>登陆</a>
<span>|</span>
<a>注册</a>
<span>|</span>
<a>消息通知</a>
</div>
</div>
</nav>
<div class="nav-title">
<div class="header-logo-box container-self">
<!-- logo图标 -->
<div class="header-logo clearFix">
<a class="logo-a1" href="index.html" target="_self"></a>
<a class="logo-mifen" href="#"></a><!-- 米粉节 -->
</div>
<!-- /*中间的导航词汇*/ -->
<div class="conten-title-box">
<div class="site-category">
<ul class="site-category-list clearFix">
<li class="category-li">
<a href="#" class="category-li-a">手机 电话卡
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<!-- /右侧/ -->
<div class="category-right-disBox category-right-disBox-4 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/mi9-80.png" />
<span>小米9</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/mi9se-80.png" />
<span>小米9 SE</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/mix3-80.png" />
<span>小米MIX 3</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/qingchun-80.png" />
<span>小米8 青春版</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/pingmu-80.png" />
<span>小米8 屏幕指纹版</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/m8-80.png" />
<span>小米8</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/m8se-80.png" />
<span>小米8 SE</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/mix2s80-80white.png" />
<span>小米MIX 2S</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/max3-80-80.png" />
<span>小米 Max 3</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/80808080808080.jpg" />
<span>小米6X</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/123.jpg" />
<span>黑鲨游戏手机 2</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/heishahelo-80.png" />
<span>黑鲨游戏手机 Hello</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/PC_80-80.jpg" />
<span>Redmi 7</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/redminote7pro.jpg" />
<span>Redmi Note 7 Pro</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/note780-80.png" />
<span>Redmi Note 7</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/666666.png" />
<span>红米6</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/6AAAA.png" />
<span>红米6A</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/note5-80-80.png" />
<span>红米Note 5</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/80.jpg" />
<span>移动4G+专区</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/compare.jpg" />
<span>对比手机</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/mifenka-1.jpg" />
<span>米粉卡 日租卡</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/mimobile.jpg" />
<span>小米移动 电话卡</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/weixiu80-80.png" />
<span>手机上门维修</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yunfuwu.jpg" />
<span>云服务空间月卡</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">电视 盒子
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-4 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/mijiajiguang4k.jpg" />
<span>米家激光投影电视</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4A-32.png" />
<span>小米电视4A 32英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4A-43QC.png" />
<span>小米电视4A 43英寸青春版</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4A-50.png" />
<span>小米电视4A 50英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/55120120.png" />
<span>小米电视4A 55英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4A-58-x.png" />
<span>小米电视4A 58英寸</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/65120_120.png" />
<span>小米电视4A 65英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4C-32.png" />
<span>小米电视4C 32英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/4c-40.jpg" />
<span>小米电视4C 40英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4C-43.png" />
<span>小米电视4C 43英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4C-50.png"/>
<span>小米电视4C 50英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4X-43xin.png" />
<span>小米电视4X 43英寸</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/TV4X-55.png" />
<span>小米电视4X 55英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TVTYB.png" />
<span>小米电视 体育版</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4-55.png" />
<span>小米电视4 55英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/65yiti.jpg" />
<span>小米电视4 65英寸旗舰版</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4S-32.png" />
<span>小米电视S4 32英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4S-50.png" />
<span>小米电视4S 50英寸</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/TV4s-55xin.jpg" />
<span>小米电视4S 55英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4S-55Q.png" />
<span>小米电视4S 65英寸曲面</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4S-65.png" />
<span>小米电视4S 65英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/TV4S-65PRO.png" />
<span>小米电视4S 65英寸PRO</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/4s75xin.jpg" />
<span>小米电视4S 75英寸</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/hezibai480_80.jpg" />
<span>小米盒子</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">笔记本 平板
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-2 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/bijiben80.jpg" />
<span>小米笔记本 15.6"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/80x80.png" />
<span>小米笔记本 13.3"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijiben801.jpg" />
<span>小米笔记本 12.5"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/youxiben-80.jpg" />
<span>小米游戏本</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/pingban2.jpg" />
<span>小米平板4</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yuemijianpan80.jpg" />
<span>键盘</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">家电 插件版
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-4 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/kongtiaoguan140.png" />
<span>米家互联网空调</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/kongtiaoguan140.png" />
<span>米家互联网空调C1</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/mijiakongtiao.jpg" />
<span>米家空调</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiyiji.jpg" />
<span>米家互联网洗烘一体机</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/redmibolunxiyiji.jpg" />
<span>Resmi全自动波轮洗衣机</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/jingshuiqi80haha.jpg" />
<span>净水器</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/lvxinbashi.png" />
<span>净水器滤芯</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/saodijiqiren320-220.jpg" />
<span>扫地机器人</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/saodipeijian-80.jpg" />
<span>扫地机配件</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/jinghuaqi2S-80.jpg" />
<span>空气净化器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yalidianfanbao-80.jpg"/>
<span>电饭煲</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/diancilu-80.jpg" />
<span>电磁炉</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/tangguo-80.jpg" />
<span>厨房用具</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/dianshuihu-80.jpg" />
<span>电水壶</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/lvshuihu80.jpg" />
<span>滤水壶</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/mijiadianfengshan80.png" />
<span>落地风扇</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/touyingqingchun.png" />
<span>投影仪</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xidingdeng-80.jpg" />
<span>灯具</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/chaxianban80.jpg" />
<span>插线板</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xinfengji.jpg" />
<span>新风机</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/diannuanqi.jpg" />
<span>电暖器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yalidianfan.jpg" />
<span>电压力锅</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/liaoliji.jpg" />
<span>料理机</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/dianzhuhu.jpg" />
<span>电煮壶</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">出行 穿戴
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-2 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/bijiben80.jpg" />
<span>小米笔记本 15.6"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/80x80.png" />
<span>小米笔记本 13.3"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijiben801.jpg" />
<span>小米笔记本 12.5"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/youxiben-80.jpg" />
<span>小米游戏本</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/pingban2.jpg" />
<span>小米平板4</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yuemijianpan80.jpg" />
<span>键盘</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">智能 路由器
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-2 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/bijiben80.jpg" />
<span>小米笔记本 15.6"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/80x80.png" />
<span>小米笔记本 13.3"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijiben801.jpg" />
<span>小米笔记本 12.5"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/youxiben-80.jpg" />
<span>小米游戏本</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/pingban2.jpg" />
<span>小米平板4</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yuemijianpan80.jpg" />
<span>键盘</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">电源 配件
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-3 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/bijiben80.jpg" />
<span>小米笔记本 15.6"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/80x80.png" />
<span>小米笔记本 13.3"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijiben801.jpg" />
<span>小米笔记本 12.5"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/youxiben-80.jpg" />
<span>小米游戏本</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/pingban2.jpg" />
<span>小米平板4</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yuemijianpan80.jpg" />
<span>键盘</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">健康 儿童
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-3 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/bijiben80.jpg" />
<span>小米笔记本 15.6"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/80x80.png" />
<span>小米笔记本 13.3"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijiben801.jpg" />
<span>小米笔记本 12.5"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/youxiben-80.jpg" />
<span>小米游戏本</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/pingban2.jpg" />
<span>小米平板4</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yuemijianpan80.jpg" />
<span>键盘</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">耳机 音箱
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-2 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
</div>
</li>
<li class="category-li">
<a href="#" class="category-li-a">生活 箱包
<span class="right-list glyphicon glyphicon-menu-right"></span>
</a>
<div class="category-right-disBox category-right-disBox-3 clearFix">
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/bijiben80.jpg" />
<span>小米笔记本 15.6"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/80x80.png" />
<span>小米笔记本 13.3"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijiben801.jpg" />
<span>小米笔记本 12.5"</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/youxiben-80.jpg" />
<span>小米游戏本</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/pingban2.jpg" />
<span>小米平板4</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/yuemijianpan80.jpg" />
<span>键盘</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
<ul class="category-right-col-1">
<li>
<a class="clearFix ">
<img src="image/wxsb80.png" />
<span>鼠标/鼠标垫</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/usbzjqggg80.jpg" />
<span>转接器</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/xiaomipingbanpeijian80.jpg" />
<span>平板配置</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/bijibenshuangjianbao80.jpg" />
<span>笔记本双肩包</span>
</a>
</li>
<li>
<a class="clearFix ">
<img src="image/neidanbao80.jpg"/>
<span>小米笔记本内胆包</span>
</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<ul class="conten-title-ul">
<li class="nav-item have-dis">
<a>
<span>小米手机</span>
</a>
</li>
<li class="nav-item have-dis" >
<a>
<span>红米</span>
</a>
</li>
<li class="nav-item have-dis">
<a>
<span>电视</span>
</a>
</li>
<li class="nav-item have-dis">
<a>
<span>笔记本</span>
</a>
</li>
<li class="nav-item have-dis">
<a>
<span>家电</span>
</a>
</li>
<li class="nav-item have-dis">
<a>
<span>新品</span>
</a>
</li>
<li class="nav-item have-dis">
<a>
<span>路由器</span>
</a>
</li>
<li class="nav-item have-dis">
<a>
<span>智能硬件</span>
</a>
</li>
<li class="nav-item none-dis">
<a>
<span>服务</span>
</a>
</li>
<li class="nav-item none-dis">
<a>
<span>社区</span>
</a>
</li>
</ul>
</div>
<!-- 搜索框 -->
<div class="search-box">
<form method="get" action="">
<div class="search-word-box">
<a href="#">小米9</a>
<a href="#">小米9 SE</a>
</div>
<input type="text"/>
<!-- 下拉列表 -->
<div class="keydown-list">
<ul>
<li>
<a href="#">
小米6X
<span>约有6件</span>
</a>
</li>
<li>
<a href="#">
小米MIX 2S
<span>约有6件</span>
</a>
</li>
<li>
<a href="#">
黑鲨游戏手机号
<span>约有3件</span>
</a>
</li>
<li>
<a href="#">
红米 Note 5
<span>约有6件</span>
</a>
</li>
<li>
<a href="#">
红米5A
<span>约有13件</span>
</a>
</li>
<li>
<a href="#">
小米电视4C
<span>约有5件</span>
</a>
</li>
<li>
<a href="#">
电视32英寸
<span>约有3件</span>
</a>
</li>
<li>
<a href="#">
笔记本pro
<span>约有5件</span>
</a>
</li>
<li>
<a href="#">
空气净化器
<span>约有11件</span>
</a>
</li>
<li>
<a href="#">
净水器
<span>约有8件</span>
</a>
</li>
</ul>
</div>
<div class="submit-box">
<input type="submit" value="" />
<span class="glyphicon glyphicon-search"></span>
</div>
</form>
</div>
<!-- 搜索框结束-->
</div>
<!-- 下面的提示图案区域框 -->
<div class="nav_menu">
<div class="container-self">
<ul class="clearFix" style="display: block;">
<li class="first">
<div class="figure clearFix">
<a href="#">
<img src="image/mi9-320.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米9
</a>
</div>
<p>2999元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/wangyuan.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米9 王源限量版
</a>
</div>
<p>3599元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/mi9se-320.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米9 SE
</a>
</div>
<p>1999元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/xiaoxiong.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米9 SE 布朗熊限量套装
</a>
</div>
<p>2499元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/mix3-320.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米MIX3
</a>
</div>
<p>3299元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/qingchun-320.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米8 青春版
</a>
</div>
<p>1499元</p>
</li>
</ul><!-- 第一个结束 -->
<!-- 红米手机 -->
<ul class="clearFix">
<li class="first">
<div class="figure clearFix">
<a href="#">
<img src="image/redmi.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
Redmi Note 7 Pro
</a>
</div>
<p>2999元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/note7320-220.png"/>
</a>
</div>
<div class="title">
<a href="#">
Redmi Note 7
</a>
</div>
<p>3599元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/320-220.png"/>
</a>
</div>
<div class="title">
<a href="#">
Redmi 7
</a>
</div>
<p>1499元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/666320.png"/>
</a>
</div>
<div class="title">
<a href="#">
红米6
</a>
</div>
<p>3299元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/6A320.png"/>
</a>
</div>
<div class="title">
<a href="#">
红米6A
</a>
</div>
<p>2499元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/note5-320-220.png"/>
</a>
</div>
<div class="title">
<a href="#">
红米Note 5
</a>
</div>
<p>1999元</p>
</li>
</ul>
<!-- 电视 -->
<ul class="clearFix">
<li class="first">
<div class="figure clearFix">
<a href="#">
<img src="image/4s75.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米电视4S 75英寸
</a>
</div>
<p>2999元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/32.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米电视4A 32英寸
</a>
</div>
<p>3599元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/4a43.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米电视4A 43英寸青春版
</a>
</div>
<p>1499元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/50.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米电视4A 50英寸
</a>
</div>
<p>3299元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/4A-55.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米电视4A 55英寸
</a>
</div>
<p>2499元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/475toutu.png"/>
</a>
</div>
<div class="title">
<a href="#">
&nbsp;查看更多
<br />
小米电视
</a>
</div>
</li>
</ul>
<!-- 笔记本 -->
<ul class="clearFix">
<li class="first">
<div class="figure clearFix">
<a href="#">
<img src="image/12.5yinsetoubu.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米笔记本 Air 12.5"
</a>
</div>
<p>2999元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/13.3huise.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米笔记本 Air 13.3
</a>
</div>
<p>3599元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/rubyheise.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米笔记本 15.6"
</a>
</div>
<p>1499元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/WechatIMG603.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米笔记本 Pro 15.6"
</a>
</div>
<p>3299元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/xinbijiben.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米游戏本
</a>
</div>
<p>2499元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/pingbanok.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米平板
</a>
</div>
<p>1999元</p>
</li>
</ul>
<!-- 家电 -->
<ul class="clearFix">
<li class="first">
<div class="figure clearFix">
<a href="#">
<img src="image/320_220.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
米家互联网洗烘一体机
</a>
</div>
<p>1999元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/yijinengxiao320.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
米家互联网空调(一级能效)
</a>
</div>
<p>2199元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/sanji.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
米家互联网空调
</a>
</div>
<p>1999元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/xiaomijingshuiqi.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米净水器
</a>
</div>
<p>1999元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/saodijiqiren320-220.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
米家扫地机器人
</a>
</div>
<p>1699元元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/xinfeng.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
新风机
</a>
</div>
<p>2699元</p>
</li>
</ul>
<!-- 新品 -->
<ul class="clearFix">
<li class="first">
<div class="figure clearFix">
<a href="#">
<img src="image/redmi.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
Redmi Note 7 Pro
</a>
</div>
<p>1599元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/mi9-320.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米9 王源限量版
</a>
</div>
<p>2999元起</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/4a43.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米8 青春版
</a>
</div>
<p>1499元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/mi9-se-320.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米9 SE
</a>
</div>
<p>1999元起</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/4A-55.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米9 SE 布朗熊限量套装
</a>
</div>
<p>2499元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/redminote-7-320.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
红米Note 7
</a>
</div>
<p>999元起</p>
</li>
</ul>
<!-- 路由器 -->
<ul class="clearFix">
<li class="first">
<div class="figure clearFix">
<a href="#">
<img src="image/luyoumesh.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米路由器 Mesh
</a>
</div>
<p>9999元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/qianzhao.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米路由器4A 千兆版
</a>
</div>
<p>169元</p>
<div class="flags">
<div class="flag">
双频双核
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/luyouqi41C.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米路由器 4C
</a>
</div>
<p>99元</p>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/luyouqi4A.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米路由器4A
</a>
</div>
<p>119元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/PRO.png"/>
</a>
</div>
<div class="title">
<a href="#">
小米路由器 HD/Pro
</a>
</div>
<p>499元起</p>
<div class="flags">
<div class="flag">
大容量
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/quanbuluyouqi.png"/>
</a>
</div>
<div class="title">
<a href="#">
查看全部小米路由器
</a>
</div>
</li>
</ul>
<!-- 智能硬件 -->
<ul class="clearFix">
<li class="first">
<div class="figure clearFix">
<a href="#">
<img src="image/yuntai.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米米家智能摄像机云台版
</a>
</div>
<p>199元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/xishouj.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
米家自动洗手机套装
</a>
</div>
<p>79元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/airdots.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米蓝牙耳机AirDots青春版
</a>
</div>
<p>199元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/xiaoaimini.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
小米小爱音箱mini
</a>
</div>
<p>169元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/tixudao.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
米家电动剃须刀
</a>
</div>
<p>199元</p>
<div class="flags">
<div class="flag">
新品
</div>
</div>
</li>
<li>
<div class="figure">
<a href="#">
<img src="image/shouhuanNFC.jpg"/>
</a>
</div>
<div class="title">
<a href="#">
查看全部
<br />
智能硬件
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</header>
<!-- 轮播图区域 -->
<div id="rotation-photo-box" class=" clearFix">
<div class="rotation-photo container-self">
<ul class="rotation-photo-ul">
<li>
<a class="rotation-a" href="#">
<img src="image/xmad_15540334249697_wutsB.jpg"/>
</a>
</li>
<li>
<a class="rotation-a" href="#">
<img src="image/honmi-note-7.jpg"/>
</a>
</li>
<li>
<a class="rotation-a" href="#">
<img src="image/lunbo-dianshi.jpg"/>
</a>
</li>
<li>
<a class="rotation-a" href="#">
<img src="image/lunbo-diannao.jpg"/>
</a>
</li>
<li>
<a class="rotation-a" href="#">
<img src="image/xmad_15540334249697_wutsB.jpg"/>
</a>
</li>
</ul>
<!-- 标点 -->
<ul class="ui-pager">
<li class="ui-pager-li-ho"></li>
<li></li>
<li></li>
<li></li>
</ul>
<!-- 箭头 -->
<span class="ui-prev left">
<a></a>
</span>
<span class="ui-prev right">
<a></a>
</span>
</div>
</div>
<!-- 轮播图下面的结介绍 -->
<div class="home-hero-sub container-self">
<div class="photo-left">
<ul>
<li>
<a>
<i class="glyphicon glyphicon-phone"></i>
选购手机
</a>
</li>
<li class="top">
<a>
<i class="glyphicon glyphicon-gift"></i>
企业团购
</a>
</li>
<li class="top">
<a>
<i class="glyphicon glyphicon-flash"></i>
F码通道
</a>
</li>
<li class="border">
<a>
<i class="glyphicon glyphicon-floppy-disk"></i>
米粉卡
</a>
</li>
<li class="top border">
<a>
<i class="glyphicon glyphicon-hourglass"></i>
以旧换新
</a>
</li>
<li class="top border">
<a>
<i class="glyphicon glyphicon-modal-window"></i>
话费充值
</a>
</li>
</ul>
</div>
<div class="photo-right">
<ul>
<li >
<a href="#" >
<img src="image/xmad_1550713536261_EJOpq.jpg"/>
</a>
</li>
<li>
<a href="#">
<img src="image/xmad_15510775494887_EWGcg.jpg"/>
</a>
</li>
<li class="first">
<a href="#">
<img src="image/xmad_15540351170746_xTPdG.jpg"/>
</a>
</li>
</ul>
</div>
</div>
<!-- 黑鲨手机广告 -->
<div class="container-self banner-heisha">
<a>
<img src="image/xmad_15539299350552_FRMcq.jpg"/>
</a>
</div>
<script src="js/jquery-3.3.1/jquery-3.3.1.js"></script>
<script src="../../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script src="js/index.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/cgb-study/millet_home_page_case.git
git@gitee.com:cgb-study/millet_home_page_case.git
cgb-study
millet_home_page_case
小米首页
master

搜索帮助

23e8dbc6 1850385 7e0993f3 1850385