<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/normalize.css" /> <link rel="stylesheet" href="css/base.css" /> <link rel="stylesheet" href="css/wheel.css"/> </head> <body> <div class="S-root"> <div class="m-fixedBar"> <ul class="fixed-nav"> <li><p class="text-S">下载 APP</p></li> <li><p class="text-s">新人有礼</p></li> <li><p class="text-s">回到顶部</p></li> </ul> </div> <div class="root"> <div class="fr"> <div class="connter"> <div class="site-item"> <div class="m-no-login"> <a href="" class="anchor">登录</a>
<a href="" class="anchor">注册 |</a>
</div>
<div class="fr-download">
<a href="">
<span>下载 APP</span>
</a>
</div>
</div>
</div>
</div>
<div class="connter">
<div class="logo">
<div class="yp"></div>
<span class="m-search">
<span class="search-form">
<img src="img/search.png" />
<input type="text" value placeholder="冬日里不能错过的美食" />
</span>
<img src="img/shopping.png" />
</span>
</div>
</div>
<div class="connter">
<div class="navigation">
<li>有品推荐</li>
<li>家电</li>
<li>影音</li>
<li>餐厨</li>
<li>服饰</li>
<li>智能</li>
<li>健康</li>
<li>洗护</li>
<li>日杂</li>
<li>饮食</li>
<li>居家</li>
<li>手机</li>
<li>箱包</li>
<li>配件</li>
<li>婴童</li>
<li>出行</li>
<li>品牌</li>
<div class="fo1"></div>
</div>
</div>
<div class="connter">
<div class="flexslider">
<ul class="slides">
<li style="background:url(img/1.jpeg) 50% 0 no-repeat;"></li>
<li style="background:url(img/2.jpeg) 50% 0 no-repeat;"></li>
<li style="background:url(img/3.jpeg) 50% 0 no-repeat;"></li>
<li style="background:url(img/4.jpeg) 50% 0 no-repeat;"></li>
<li style="background:url(img/5.jpeg) 50% 0 no-repeat;"></li>
</ul>
</div>
</div>
<!--有品上新-->
<div class="connter">
<div class="navigation-img">
<img src="img/1yp.jpeg" alt="" />
<img src="img/2xm.jpeg" alt="" />
<img src="img/3cc.jpeg" alt="" />
<img src="img/4py.jpeg" alt="" />
<img src="img/5zx.jpeg" alt="" />
<div class="fo"></div>
</div>
<div class="xx"></div>
</div>
<!--有品推荐-->
<div class="connter">
<div class="H-SubTit">
<div class="h-subTit">
<h2 style="display: inline; font-weight: 300;" >有品推荐
<span style="font-size: 10px; color: #6f6a6473;">
有品为您甄选 悦心购买</span></h2>
<a href="" class="h-more">更多></a>
<div style="clear: both;"></div>
</div>
<div class="recommend-img">
<div class="A">
<img class="duck-bg" src="img/yp2>1.png" alt="" width="538px" height="206px"/>
</div>
<img class="duck" src="img/yp2>1bg.jpeg" alt="" width="538px"height="206px"/>
<img src="img/yp2>2.jpeg" alt="" width="266px"height="206px"/>
<img src="img/yp2>3.jpeg" alt="" width="266px"height="206px"/>
</div>
<div style="clear: both;"></div>
</div>
</div>
<div class="crowdfounding-section">
<div class="connter">
<div class="h-subTit">
<h2 style="display: inline; font-weight: 300;" >小米众筹
<span style="font-size: 10px; color: #6f6a6473;">
寻觅世间好物</span></h2>
<a href="" class="h-more">更多></a>
</div>
<div class="crowd-1">
<div style="position:relative;">
<div class="crowd-1-container">
<img class="crowd-1-1"src="https://shop.io.mi-img.com/app/shop/img?id=shop_da0d83ba0f62554de93e8e44d8c03d4f.jpeg&w=1080&h=420">
<img class="crowd-1-2"src="https://shop.io.mi-img.com/app/shop/img?id=shop_024bedb523ebf1b34294dcc91b0105a2.png&w=1080&h=546">
</div>
<div class="crowd-1-text">
<p class="text-info" >造梦者恒氧除霾新风机</p>
<p class="text-desc">五层塔式结构，高效净化 , ...</p>
<p class="text-price">
￥<span>4999</span>
</p>
</div>
</div>
<div class="progress-wrap">
<div class="progress-wrap-line"></div>
<div class="progress-wrap-f">
<div class="progress-wrap-fl">
<span class="pro-ren"><span class="sup-num">660 <span>/ 200</span></span>人参与</span>
<span class="progress-hot">火</span>
</div>
<div class="progress-wrap-fr">
<span class="m-num">330</span><span class="m-num-per">%</span>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<div class="crowd-2">
<div style="position:relative;">
<div class="crowd-2-container">
<img class="crowd-1-1"src="https://shop.io.mi-img.com/app/shop/img?id=shop_d9f60c8f3bad7be04a4658fcc247265b.jpeg&w=540&h=372">
</div>
<div class="crowd-1-text">
<p class="text-info" >2018年复古中国风日历</p>
<!--<p class="text-desc">五层塔式结构，高效净化 , ...</p>-->
<p class="text-price">
￥<span>59</span>
</p>
</div>
</div>
<div class="progress-wrap">
<div class="progress-wrap-line-crowd-2"></div>
<div class="progress-wrap-f">
<div class="progress-wrap-fl">
<span class="pro-ren"><span class="sup-num">17539 <span>/ 2000</span></span>人参与</span>
<span class="progress-bao">爆</span>
</div>
<div class="progress-wrap-fr">
<span class="m-num">876</span><span class="m-num-per">%</span>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<div class="crowd-3">
<div style="position:relative;">
<div class="crowd-3-container">
<img class="crowd-1-1"src="https://shop.io.mi-img.com/app/shop/img?id=shop_6bbb0a57c1aec8b98b0bdae644462986.jpeg&w=1080&h=420">
<img class="crowd-1-2"src="https://shop.io.mi-img.com/app/shop/img?id=shop_82b1e8b069e3052502919973592cd140.png&w=1080&h=546">
</div>
<div class="crowd-1-text">
<p class="text-info" >玺佳全镂空机械表</p>
<!--<p class="text-desc">五层塔式结构，高效净化 , ...</p>-->
<p class="text-price">
￥<span>799</span>
</p>
</div>
</div>
<div class="progress-wrap">
<div class="progress-wrap-line-crowd-2"></div>
<div class="progress-wrap-f">
<div class="progress-wrap-fl">
<span class="pro-ren"><span class="sup-num">5000 <span>/ 1000</span></span>人参与</span>
<span class="progress-bao">爆</span>
</div>
<div class="progress-wrap-fr">
<span class="end-text">已结束</span>
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div class="h-section">
<div class="connter">
<div class="h-sec-top">
<div class="h-subTit">
<h2 style="display: inline; font-weight: 300;" >热门
<span style="font-size: 10px; color: #6f6a6473;">
大家都爱的贴心好物</span></h2>
<a href="" class="h-more">更多></a>
</div>
<div class="hot-img">
<div class="pro-img1 pro-bg">
<img style="width: 266px;height: 195px;" src="https://static.home.mi.com/app/shop/img?id=shop_4638324cdb8638dc1e4ed1122a5200ed.jpeg&t=webp" alt="" />
<div class="pro-info1">
小米电视4A 32英寸
</div>
<div class="pro-desc1">
[直降200元] 人工智能系统 64位...
</div>
<p class="smm">
<span class="mm-num">￥899起</span><span class="m-sale-tag">直降</span>
</p>
</div>
<div class="pro-img2 pro-bg">
<img style="width: 266px;height: 195px;" src="https://static.home.mi.com/app/shop/img?id=shop_92452eda708b20ace168417cf214b115.jpeg&t=webp" alt="" />
<div class="pro-info2">
8H乳胶弹静音床垫
</div>
<div class="pro-desc2">
20厘米独厚，独立袋装弹簧支撑...
</div>
<p class="smm">
<span class="mm-num">￥1499起</span><span class="m-sale-tag">直降</span>
</p>
</div>
<div class="pro-img3 pro-bg">
<img style="width: 266px;height: 195px;" src="https://shop.io.mi-img.com/app/shop/img?id=shop_c0fbd154e14608ca322035ad9dfaa859.jpeg&t=webp" alt="" />
<div class="pro-info3">
云米智能互动联烟灶套装（天然气）
</div>
<div class="pro-desc3">
烟灶相互联动，自动排风，火越...
</div>
<p class="smm">
<span class="mm-num">￥2999</span><!--span class="m-sale-tag">直降</span>-->
</p>
</div>
<div class="pro-img4 pro-bg">
<img style="width: 256px;height: 195px;" src="https://shop.io.mi-img.com/app/shop/img?id=shop_a7f014008331e142fb8db8b737be93b7.jpeg&t=webp" alt="" />
<div class="pro-info4">
石墨烯发热腰带
</div>
<div class="pro-desc4">
石墨烯发热，超轻薄，秒热技术...
</div>
<p class="smm">
<span class="mm-num">￥129起</span><span class="m-sale-tag-s">有品精送</span>
</p>
</div>
<div style="clear: both;"></div>
</div>
</div>
</div>
</div>
<!--新品-->
<div class="newProduct">
<div class="connter">
<div class="newP">
<div class="newP-top">
<h2 style="display: inline; font-weight: 300;" >新品
<span style="font-size: 14px; color: #6f6a6473;">
每一件产品 给您不一样的感动</span></h2>
<a href="" class="h-more">更多></a>
<div style="clear: both;"></div>
</div>
<div class="h-good-item">
<div class="new-goods-1-container">
<img src="https://shop.io.mi-img.com/app/shop/img?id=shop_f8867dc5b3515b33997e19a9466df05d.jpeg&w=540&h=846">
</div>
<!--<div class="new-goods-text"> <p class="text-info">乐范按摩助眠颈枕</p> <p class="text-desc">按摩解压，放松入眠，专利锁...</p> <p class="text-price"> <span class="text-price-unit">￥</span><span class="m-num">99</span> </p> </div> -->
</div>
<div class="new-goods-2">
<div class="new-goods-2-wrapper-1">
<div class="new-goods-2-container">
<img src="https://shop.io.mi-img.com/app/shop/img?id=shop_634dbc08481ddb2b03eb56987ffea751.png&w=540&h=420">
</div>
<div class="new-goods-text">
<p class="text-info">番茄鸡蛋冻干面 12杯/箱</p>
<!--<p class="text-desc">按摩解压，放松入眠，专利锁...</p>-->
<p class="text-price">
<span class="text-price-unit">￥</span><span class="m-num">59.9</span>
</p>
</div>
</div>
<div class="new-goods-2-wrapper-1 new-goods-2-wrapper-2">
<div class="new-goods-2-container">
<img src="https://shop.io.mi-img.com/app/shop/img?id=shop_d1e688b09ab78b2102f095e91d485199.png&w=540&h=420">
</div>
<div class="new-goods-text">
<p class="text-info">小米米家空气净化器2S</p>
<!--<p class="text-desc">按摩解压，放松入眠，专利锁...</p>-->
<p class="text-price">
<span class="text-price-unit">￥</span><span class="m-num">899</span>
</p>
</div>
</div>
</div>