<html>
<head>
<meta charset="utf-8" />
<title>有品</title>
<link rel="stylesheet" href="css/new_file.css" />
<link
</head>
<body>
<div>
<div id="theme">
<div class="topic ">
<span>登录</span>
<span>注册</span>
<span><img src="img/地址.png">下载app</span>
</div>
<div class="yongp_body">
<div class="body_title">
<span><img class="yongp_body_log" src="img/下载.png"></span>
<span class="body_search">
<span class="body_search_add">
<img src="img/搜索.png">
<input type="text" value="冬日里不能错过的美食" />
</span>
<img src="img/购物车空.png">
</span>
</div>
<div class="body_directory ">
<span>有品推荐 </span>
<span>家电 </span>
<span>影音</span>
<span>餐厨</span>
<span>服饰</span>
<span>智能</span>
<span>健康</span>
<span>洗护</span>
<span>日杂</span>
<span>饮食</span>
<span>居家</span>
<span>手机</span>
<span>箱包</span>
<span>配件</span>
<span>婴童</span>
<span>出行</span>
<span>品牌</span>
</div>
<div class=" ">
<img src="img/时崎狂三.jpg">
</div>
<div class=" ">
<div class="img_small"><img src="img/有品上新.jpg"></div>
<div class="img_small"><img src="img/小米众筹.jpg"></div>
<div class="img_small"><img src="img/餐厨专场.jpg"></div>
<div class="img_small"><img src="img/品味穿戴.jpg"></div>
<div class="img_small"><img src="img/甄选美食.jpg"></div>
</div>
<div class=" ">
<span class="body_h1">有品推荐</span>
<span class="body_h2">有品为您甄选 悦心购买</span>
<span class="body_h4">更多></span>
</div>
<div class=" ">
<div class="img_big"><img src="img/kaifei.png"></div>
<div class="img_medium img_medium_three"><img src="img/手机.jpg"></div>
<div class="img_medium"><img src="img/空调.jpg"></div>
</div>
<div class="body_topic_two">
<span class="body_h1">_众小米筹</span>
<span class="body_h2">寻觅世间好物</span>
<span class="body_h4">更多></span>
</div>
<div style="margin-bottom: 350px;">
<div>
<div class="img_medium_first_two ">
<span>造梦者恒氧除霾新风机</span><br>
<span class="money">¥ 4999</span>
<div class="img_medium_descript">
<span class="money">658</span>
<span>/200人 参与</span>
<span class="money">329%</span><br>
<button class="huo">火</button>
</div>
</div>
</div>
<div>
<div class="img_medium_two_two ">
<span>2018复古风中国日历</span><br>
<span class="money">¥ 59</span>
<div class="img_medium_descript">
<span class="money">17531</span>
<span>/2000 人参与</span>
<span class="money">876%</span><br>
<button class="bao">爆</button>
</div>
</div>
</div>
<div>
<div class="img_medium_three_two ">
<span>玺佳镂空机械表</span><br>
<span class="money">¥ 799</span>
<div class="img_medium_descript">
<span class="money">5867</span>
<span>/2000 人参与</span>
<span class="money">586%</span><br>
<button class="bao">爆</button>
</div>
</div>
</div>
<div>
<div class="img_medium_four_two ">
<span>iHealth智能血糖仪</span><br>
<span class="money">¥ 99起</span>
<div class="img_medium_descript">
<span class="money">一六三零五</span>
<span>/1000人参与</span>
<span class="money">已结束</span><br>
<button class="bao">爆</button>
</div>
</div>
</div>
</div>
<div class="body_topic_two">
<span class="body_h1">热门</span>
<span class="body_h2">大家都爱的贴心好物</span>
<span class="body_h4">更多></span>
</div>
<div class="clearfix ">
<div class="img_medium_hot">
<img src="img/电视机.jpg">
<div class="img_medium_hot_descript">
<span class="font_medium">小米电视4A 32英寸</span><br>
<span class="font_small">[直降200元]人工智能系统64位...</span><br>
<span class="money">¥899</span>
<button class="bao">直降</button>
</div>
</div>
<div class="img_medium_hot">
<img src="img/静音床.webp.jpg">
<div class="img_medium_hot_descript">
<span class="font_medium">8H乳胶弹簧静音床垫M3</span><br>
<span class="font_small">20厘米厚度，独立袋装弹簧支撑...</span><br>
<span class="money">¥1439 起</span>
<button class="bao">直降</button>
</div>
</div>
<div class="img_medium_hot">
<img src="img/天然气灶.webp.jpg">
<div class="img_medium_hot_descript">
<span class="font_medium">云米智能互联网烟灶套装（天然气）</span><br>
<span class="font_small">烟灶相互联动，自动排风，火越...</span><br>
<span class="money">¥2999</span>
</div>
</div>
<div class="img_medium_hot">
<img src="img/腰带.webp.jpg">
<div class="img_medium_hot_descript">
<span class="font_medium">石墨烯发热腰带</span><br>
<span class="font_small">石墨烯发热，超轻薄，秒熟技术...</span><br>
<span class="money">¥129 起</span>
<button class="peisong">有品配送</button>
</div>
</div>
</div>
<div class="body_title clearfix">
<div class="body_topic_two">
<span class="body_h1">热门</span>
<span class="body_h2">大家都爱的贴心好物</span>
<span class="body_h4">更多></span>
</div>
</div>
<div class="title_img clearfix">
<div class="twoheight_onewidth">
<img src="img/颈枕.jpg">
<div class="text_descript_left_top">
<span class="font_medium">枕头</span><br>
<span class="font_small">柔软</span><br>
<span class="money">¥89</span>
</div>
</div>
<div class="oneheight_onewidth clearfix">
<img src="img/净化器.png">
<img class="background_image" src="img/淡粉色.jpg">
<div class="text_descript_left_top">
<span class="font_medium">多功能净化器</span><br>
<span class="font_small"></span><br>
<span class="money">¥899</span>
</div>
</div>
<div class="oneheight_twowidth clearfix">
<img src="img/吊灯.png">
<img class="background_image" src="img/淡青色.jpg">
<div class="text_descript_left_top">
<span class="font_medium">皎月吊灯</span><br>
<span class="font_small">极简风格，氛围美好</span><br>
<span class="money">¥349</span>
</div>
</div>
<div class="oneheight_onewidth clearfix">
<img src="img/毛毯.png">
<img class="background_image" src="img/绿色.jpg">
<div class="text_descript_left_top">
<span class="font_medium">每晚精梳针织毯</span><br>
<span class="font_small"></span><br>
<span class="money">¥89</span>
</div>
</div>
<div class="oneheight_onewidth clearfix">
<img src="img/口罩.jpg">
<div class="text_descript_left_top">
<span class="font_medium">智能轻呼吸防雾霾口罩3只</span><br>
<span class="font_small"></span><br>
<span class="money">¥39</span>
</div>
</div>
<div class="oneheight_onewidth clearfix">
<img class="background_image" src="img/淡青色.jpg">
<div>
<span class="more">更多新品>></span><br>
<span class="font_small"></span><br>
<span class="money"></span>
</div>
</div>
<div class="body_title_pingpai">
<div class="body_topic_two">
<span class="body_h1">热门</span>
<span class="body_h2">大家都爱的贴心好物</span>
<span class="body_h4">更多></span>
</div>
</div>
<div class="body_title_imge_four">
<div class="oneheight_onewidth clearfix">
<img src="img/床垫.webp.jpg">
</div>
<div class="oneheight_onewidth clearfix" >
<img src="img/箱子.webp.jpg">
</div>
<div class="oneheight_onewidth clearfix" >
<img src="img/小灯.webp.jpg">
</div>
<div class="oneheight_onewidth clearfix" >
<img src="img/一心参悟.webp.jpg">
</div>
</div>
<div class="body_title_image_large_two">
<div class="onelargeheight_onewidth background_image clearfix">
<img src="img/蓝色.jpg">
<div>
<span class="white_descript">手机</span><br>
<span class="white_more">更多>></span><br>
<span class="money"></span>
</div>
</div>
<div class="onelargeheight_threewidth clearfix" >
<img src="img/红米.jpg">
</div>
</div>
<div class="body_title_imge_four_smallmargin_addheight clearfix">
<div class="oneheightadd_onewidth clearfix">
<img src="img/黑手机.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
6G+64GB版周三早1...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米6</span><br>
<span class="money font_desript_money_bottom">¥2299起</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/小米MIX2.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
【12月5日晚8点全色系列开...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米MIX2</span><br>
<span class="money font_desript_money_bottom">¥4699起</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/64G小米.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
【64GB版本买赠双肩背包...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米MIX2</span><br>
<span class="money font_desript_money_bottom">¥3299起</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/32G小米.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
【32G/128GB版本买赠...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米MAX 2</span><br>
<span class="money font_desript_money_bottom">¥1399起</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/小米5x.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
光学变焦双摄，拍人更美/...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米5X</span><br>
<span class="money font_desript_money_bottom">¥1499起</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/陶瓷手机.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
【12月19日早十点开售...
</span><br>
<span class="font_medium font_desript_descript_bottom">MAX2全陶瓷</span><br>
<span class="money font_desript_money_bottom">¥4999起</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/小米3.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
【最高直降300元，128...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米注3</span><br>
<span class="money font_desript_money_bottom">¥1999起</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/红米.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
5.5高清大屏/高...
</span><br>
<span class="font_medium font_desript_descript_bottom">红米注5A</span><br>
<span class="money font_desript_money_bottom">¥699起</span>
</div>
</div>
</div>
<div class="empty">
</div>
<div class="body_title_image_large_two">
<div class="onelargeheight_onewidth background_image clearfix">
<img src="img/红色.jpeg">
<div>
<span class="white_descript">居家</span><br>
<span class="white_more">更多>></span><br>
<span class="money"></span>
</div>
</div>
<div class="onelargeheight_threewidth clearfix" >
<img src="img/智能日光灯.jpg">
</div>
</div>
<div class="body_title_imge_four_smallmargin_addheight clearfix">
<div class="oneheightadd_onewidth clearfix">
<img src="img/2o厘米弹簧.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
20厘米厚度，独立袋装弹簧...
</span><br>
<span class="font_medium font_desript_descript_bottom">乳胶弹簧</span><br>
<span class="money font_desript_money_bottom">¥1499起<button class="bao">直降</button></span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/天然乳胶.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
8H天然乳胶床垫M1...
</span><br>
<span class="font_medium font_desript_descript_bottom">天然乳胶</span><br>
<span class="money font_desript_money_bottom">¥549起<button class="bao">直降</button></span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/航天.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
航天变相材料，动态温控，控...
</span><br>
<span class="font_medium font_desript_descript_bottom">双向调节</span><br>
<span class="money font_desript_money_bottom">¥669起<button class="bao">直降</button></span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/0螺丝.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
0螺丝组装，万元级配置，优...
</span><br>
<span class="font_medium font_desript_descript_bottom">独立弹簧</span><br>
<span class="money font_desript_money_bottom">¥1149起<button class="bao">直降</button></span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/超大发光.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
超大发光角度，明暗可调，5...
</span><br>
<span class="font_medium font_desript_descript_bottom">智能皎月</span><br>
<span class="money font_desript_money_bottom">¥469起<button class="bao">直降</button></span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/黄金比.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
1：4：1黄金比填充，更轻...
</span><br>
<span class="font_medium font_desript_descript_bottom">七孔保暖被</span><br>
<span class="money font_desript_money_bottom">¥229起<button class="bao">直降</button></span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/双面睡感.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
双面睡感，双面温感，大圈...
</span><br>
<span class="font_medium font_desript_descript_bottom">双面双温</span><br>
<span class="money font_desript_money_bottom">¥1849起<button class="bao">直降</button></span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/大朵白鹅绒.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
95%大朵白鹅绒，59度错...
</span><br>
<span class="font_medium font_desript_descript_bottom">静音绒被</span><br>
<span class="money font_desript_money_bottom">¥1599起<button class="bao">直降</button></span>
</div>
</div>
</div>
<div class="empty">
</div>
<div class="body_title_image_large_two">
<div class="onelargeheight_onewidth background_image clearfix">
<img src="img/蓝色.jpg">
<div>
<span class="white_descript">服饰</span><br>
<span class="white_more">更多>></span><br>
<span class="money"></span>
</div>
</div>
<div class="onelargeheight_threewidth clearfix" >
<img src="img/双12箱包.jpg">
</div>
</div>
<div class="body_title_imge_four_smallmargin_addheight clearfix">
<div class="oneheightadd_onewidth clearfix">
<img src="img/保暖储蓄热量.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div >
<span class="font_medium font_desript_name_bottom">
保暖蓄热，防风防寒，无缝工...
</span><br>
<span class="font_medium font_desript_descript_bottom">运动休闲羽绒服</span><br>
<span class="money font_desript_money_bottom">
¥539<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/白鸭绒.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
90%白鸭绒，轻盈保暖，科...
</span><br>
<span class="font_medium font_desript_descript_bottom">轻便可收纳</span><br>
<span class="money font_desript_money_bottom">
¥179<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/进口美棉.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
进口美棉，快速排汗，干爽不...
</span><br>
<span class="font_medium font_desript_descript_bottom">男士内裤</span><br>
<span class="money font_desript_money_bottom">
¥109<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/美式风潮.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
经典美式风潮，牛仔休闲更有...
</span><br>
<span class="font_medium font_desript_descript_bottom">手工皮带</span><br>
<span class="money font_desript_money_bottom">
¥129<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/男士v领.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
经典百搭保暖舒适，精良...
</span><br>
<span class="font_medium font_desript_descript_bottom">v领羊毛衫</span><br>
<span class="money font_desript_money_bottom">
¥209起<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/澳洲纯羊毛.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
澳洲纯羊毛，舒适温暖，四平...
</span><br>
<span class="font_medium font_desript_descript_bottom">纯纺羊毛</span><br>
<span class="money font_desript_money_bottom">
¥159<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/草鞋底.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
【购买两双立减15元，部分...
</span><br>
<span class="font_medium font_desript_descript_bottom">羊毛足垫</span><br>
<span class="money font_desript_money_bottom">
¥49<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/七层牛皮.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
精工手作，时尚百搭
</span><br>
<span class="font_medium font_desript_descript_bottom">七层牛皮</span><br>
<span class="money font_desript_money_bottom">
¥93<button class="bao">直降
</button></span>
</div>
</div>
</div>
<div class="empty">
</div>
<div class="body_title_image_large_two">
<div class="onelargeheight_onewidth background_image clearfix">
<img src="img/绿色.jpg">
<div>
<span class="white_descript">智能</span><br>
<span class="white_more">更多>></span><br>
<span class="money"></span>
</div>
</div>
<div class="onelargeheight_threewidth clearfix" >
<img src="img/双12限量预售.jpg">
</div>
</div>
<div class="body_title_imge_four_smallmargin_addheight clearfix">
<div class="oneheightadd_onewidth clearfix">
<img src="img/摄像机.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div >
<span class="font_medium font_desript_name_bottom">
自带AI系统，语音控制中...
</span><br>
<span class="font_medium font_desript_descript_bottom">米家智能摄像机</span><br>
<span class="money font_desript_money_bottom">
¥399<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/智能礼品装.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
米家多功能网关，米家智能插...
</span><br>
<span class="font_medium font_desript_descript_bottom">米家家庭礼品装</span><br>
<span class="money font_desript_money_bottom">
¥299<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/智能摄像台.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
全方位侦探，守护家的每一面
</span><br>
<span class="font_medium font_desript_descript_bottom">米家摄像机云台版</span><br>
<span class="money font_desript_money_bottom">
¥199<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/四天线.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
全新4天线设计，更快更强
</span><br>
<span class="font_medium font_desript_descript_bottom">小米路由器3</span><br>
<span class="money font_desript_money_bottom">
¥129<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/路由器.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
双核双千兆，光纤级旗舰路由...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米路由器3G</span><br>
<span class="money font_desript_money_bottom">
¥239<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/路由器3c.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
四天线设计，信号更强，覆盖...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米路由器3C</span><br>
<span class="money font_desript_money_bottom">
¥89<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/无人机.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
高精度三轴云台，4KM高清...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米无人机4K版</span><br>
<span class="money font_desript_money_bottom">
¥2949<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/vr眼镜.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
内置独立运动传感器，硬件级...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米VR眼镜</span><br>
<span class="money font_desript_money_bottom">
¥249<button class="bao">直降
</button></span>
</div>
</div>
</div>
<div class="empty">
</div>
<div class="body_title_image_large_two">
<div class="onelargeheight_onewidth background_image clearfix">
<img src="img/天空色.jpg">
<div>
<span class="white_descript">餐厨</span><br>
<span class="white_more">更多>></span><br>
<span class="money"></span>
</div>
</div>
<div class="onelargeheight_threewidth clearfix" >
<img src="img/出行携带.jpg">
</div>
</div>
<div class="body_title_imge_four_smallmargin_addheight clearfix">
<div class="oneheightadd_onewidth clearfix">
<img src="img/1.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div >
<span class="font_medium font_desript_name_bottom">
双曲线杯身，OLED显示屏...
</span><br>
<span class="font_medium font_desript_descript_bottom">随行保温杯</span><br>
<span class="money font_desript_money_bottom">
¥169<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/2.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
茶水分离，杯壶合一，高效泡...
</span><br>
<span class="font_medium font_desript_descript_bottom">茶水分离杯壶</span><br>
<span class="money font_desript_money_bottom">
¥58<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/3.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
三层复合锅体，均匀受热
</span><br>
<span class="font_medium font_desript_descript_bottom">不锈钢炒锅</span><br>
<span class="money font_desript_money_bottom">
¥289起<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/4.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
8秒快速出汁，三重连锁设计
</span><br>
<span class="font_medium font_desript_descript_bottom">便携式料理机</span><br>
<span class="money font_desript_money_bottom">
¥189<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/5.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
快速沸腾，水温智能控制，三...
</span><br>
<span class="font_medium font_desript_descript_bottom">恒温电水壶</span><br>
<span class="money font_desript_money_bottom">
¥199
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/6.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
配套咖啡胶囊已上线，请搜索...
</span><br>
<span class="font_medium font_desript_descript_bottom">心想咖啡机</span><br>
<span class="money font_desript_money_bottom">
¥479<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/7.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
烟灶相互联动，自动排风，火...
</span><br>
<span class="font_medium font_desript_descript_bottom">小米烟灶套装</span><br>
<span class="money font_desript_money_bottom">
¥2999<button class="bao">直降</button>
</span>
</div>
</div>
<div class="oneheightadd_onewidth clearfix" >
<img src="img/8.webp.jpg">
<div class="background_image_littel">
<img src="img/紫色.jpg">
</div>
<div>
<span class="font_medium font_desript_name_bottom">
至诚锋锐，比硬更硬
</span><br>
<span class="font_medium font_desript_descript_bottom">火锅钢刀六件套</span><br>
<span class="money font_desript_money_bottom">
¥329<button class="bao">直降
</button></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
.topic{
background: black;
color: white;
width:100%;
padding-left: 68%;
}
.clearfix:after {content:""; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { *zoom:1; }
.yongp_body{
width:80%;
margin:0 auto;
}
.yongp_body_log{
width:100px;
height:40px;
margin: 20px 10px;
}
.body_search{
float:right;
padding-top:15px;
margin: 20px 10px;
}
.body_search input{
border:none;
outline: none;
}
.body_search_add{
border-bottom: solid 2px;
}
.body_directory span{
padding: 10px 4.2px;
}
.mer_img img{
float:left;
}
.img_small{
width:20%;
float:left;
border-bottom: 2px solid #b5afaf;
}
.img_small img{
width:100%;
}
.body_h1{
font-size: 30px;
}
.body_h2{
font-size: 15px;
}
.body_h4{
font-size: 10px;
float:right;
display: inline-block;
padding-top:20px;
}
.img_medium{
width:24.5%;
float:left;
margin-bottom: 80px;
}
.img_big{
width:50%;
float:left;
}
.img_big img{
height:100%;
width:100%;
}
.img_medium img{
height:100%;
width:100%;
}
.img_medium_two{
display:inline-block
}
.img_medium_three{
margin: 0 5px;
}
#go_to_see{
display:inline-block;
margin-left: 30px;
padding: 5px;
background: red;
}
.body_topic_two{
padding-top:50px;
}
.img_medium_first_two{
width:25%;
height:200px;
float: left;
background-image: url(../img/除霾风机.jpg);
background-size:100% 100%;
border-bottom:2px solid yellow;
margin-bottom: 200px;
}
.img_medium_two_two{
width:24%;
height:200px;
float: left;
background-image: url(../img/日历.jpg);
background-size:100% 100%;
border-bottom:2px solid yellow;
margin-left: 5px;
margin-bottom: 200px;
}
.img_medium_three_two{
width:24%;
height:200px;
float: left;
background-image: url(../img/手表.png);
background-size:100% 100%;
border-bottom:2px solid yellow;
margin-left: 5px;
margin-bottom: 200px;
}
.img_medium_four_two{
width:24%;
height:200px;
float: left;
background-image: url(../img/血糖仪.jpg);
background-size:100% 100%;
border-bottom:2px solid yellow;
margin-left: 5px;
margin-bottom: 200px;
}
.img_medium_first_two span,.img_medium_two_two span,.img_medium_three_two span,.img_medium_four_two span{
display:inline-block;
margin-top:20px;
margin-left: 15px;
padding-bottom: 0;
margin-bottom: 0;
}
.money{
color:red;
}
.img_medium_descript{
position: relative;
top:50%;
}
.img_medium_descript span{
font-size: small;
}
.huo{
background: yellow;
}
.bao{
background: red;
}
.img_medium_hot{
width:24.5%;
height:300px;
float:left;
border-left:10px;
margin-bottom: 100px;
}
.img_medium_hot img{
width:100%;
height:100%;
}
.img_medium_hot_descript{
position:relative;
text-align: center;
top:-10%;
}
.font_medium{
font-size:medium;
}
.font_small{
font-size:small;
color:burlywood;
}
.peisong{
color:white;
background: wheat;
}
.body_title{
width: 100%;
height:100px;
}
.title_img{
width:1067px;
height:500px;
position: absolute;
}
.twoheight_onewidth{
width:24.5%;
height:500px;
border-top:5px solid white;
float: left;
position: relative;
}
.oneheight_onewidth{
width:24.5%;
height:248px;
float:left;
position: relative;
border-left:5px solid white;
border-top:5px solid white;
}
.oneheight_twowidth{
width:49.5%;
height:248px;
border-left:5px solid white;
float:left;
position: relative;
border-top:5px solid white;
}
.twoheight_onewidth img,.oneheight_onewidth img,.oneheight_twowidth img{
width:100%;
height: 100%;
}
.text_descript_left_top{
top:10px;
left:10px;
position: absolute;
}
.background_image{
position: absolute;
top:0;
opacity: 0.3;
}
.more{
position: absolute;
top:100px;
left:100px;
font-size: large;
}
.body_title_pingpai{
width:1067px;
height:100px;
float:left;
margin-top: 100px;
}
.body_title_imge_four{
width:1067px;
height:250px;
float:left;
margin-top: 50px;
}
.body_title_image_large_two{
width:1067px;
height:400px;
float:left;
margin-top: 50px;
}
.onelargeheight_onewidth{
width:24.5%;
height:400px;
float:left;
position: relative;
border-left:5px solid white;
border-top:5px solid white;
}
.onelargeheight_threewidth{
width:74.5%;
height:400px;
float:left;
position: relative;
border-left:5px solid white;
border-top:5px solid white;
}
.onelargeheight_onewidth img,.onelargeheight_threewidth img{
width:100%;
height: 100%;
}
.white_descript{
position: absolute;
top:100px;
left:100px;
font-size: large;
color:white;
}
.white_more{
position: absolute;
top:300px;
left:100px;
font-size: small;
color:white;
}
.body_title_imge_four_smallmargin{
width:1067px;
height:250px;
float:left;
margin-top: 20px;
}
.font_desript_name_bottom{
position: absolute;
top:220px;
transform: translate(-50%,0);
}
.font_desript_descript_bottom{
position: absolute;
top:280px;
transform: translate(-50%,0);
}
.font_desript_money_bottom{
position: absolute;
top:300px;
transform: translate(-50%,0);
}
.oneheightadd_onewidth{
width:24.5%;
height:350px;
float:left;
position: relative;
margin-left:3px ;
margin-top:5px ;
border: 1px solid burlywood;
}
.oneheightadd_onewidth img{
width: 100%;
height: 250px;
}
.body_title_imge_four_smallmargin_addheight{
width:1067px;
height:350px;
text-align: center;
float:left;
margin-top: 20px;
}
.background_image_littel{
position: absolute;
top:270px;
opacity: 0.5;
height:80px;
width:100%;
}
.background_image_littel img{
height:100%;
width:100%;
}
.empty{
float:left;
height: 350px;
width:100%;
position: relative;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
