<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>京东一号店</title>
<link href="css/new_file.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header1">
<div class="wrap top_pic">
<a href="#"><img src="img/img/5aefff71N4cb80a15.jpg"></a>
<a href="#" class="close_bs">x</a>
</div>
</div>
<div class="interval">
<div class="wrap hd_nav">
<div class="hd_nav_left">
<a href="#">送货地址:河南洛阳</a>
</div>
<div class="hd_nav_right">
<ul>
<li><span class="hd_nav_hi">Hi,请</span> <a class="hd_nav_login" href="#">登录 </a>
<a class="hd_nav_register_btn" href="#"> 注册</a>
</li>
<li><a href="#">我的订单</a></li>
<li><a href="#">客户服务</a></li>
<li><a href="#">APP下载</a></li>
</ul>
</div>
</div>
</div>
<div class="search">
<div class="wrap clearfix">
<div class="logo">
<a href="#"><img src="img/img/ChEi11jziCeADU2FAAAcush2hwQ74100.png"></a>
</div>
<div class="search_content">
<div class="clearfix">
<div class="search_input"><input class="search_input_text" type="text" placeholder="三枪内衣买3免1"></input>
<button type="button" class="search_btn">搜索</button>
</div>
<div class="car_btn">
<button type="button" class="shopping_car_btn">购物车</button>
</div>
</div>
<div class="hot_search">
<a title="鱼肉" target="_blank" href="#">鱼肉</a>
<a title="虾米干" target="_blank" href="#">虾米干</a>
<a title="腐竹" target="_blank" href="#">腐竹</a>
<a title="鱼片" target="_blank" href="#">鱼片</a>
<a title="鲳鱼" target="_blank" href="#">鲳鱼</a>
<a title="小蒸锅" target="_blank" href="#">小蒸锅</a>
<a title="金典" target="_blank" href="#">金典</a>
<a title="五常大米" target="_blank" href="#">五常大米</a>
<a title="波司登" target="_blank" href="#">波司登</a>
<a title="华夫饼" target="_blank" href="#">华夫饼</a>
</div>
<div class="column_menu">
<ul class="clearfix">
<li>
<a href="#" title="1号抢购" target="_blank">1号抢购</a>
</li>
<li>
<a href="#" title="1号团" target="_blank">1号团</a>
</li>
<li>
<a href="#" title="领券中心" target="_blank">领券中心</a>
</li>
<li>
<a href="#" title="捡便宜" target="_blank">捡便宜</a>
</li>
<li>
<a href="#" title="全球进口" target="_blank">全球进口</a>
</li>
<li>
<a href="#" title="1号生鲜" target="_blank">1号生鲜</a>
</li>
<li>
<a href="#" title="美妆馆" target="_blank">美妆馆</a>
</li>
<li>
<a href="#" title="家居馆" target="_blank">家居馆</a>
</li>
<li>
<a href="#" title="电器城" target="_blank">电器城</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="carousel">
<div class="wrap position_wrap">
<div class="vertical_menu">
<ul>
<li>
<a title="全球进口" href="#" target="_blank">全球进口</a>
</li>
<li>
<a title="食品" href="#" target="_blank">食品/酒/鲜花</a>
</li>
<li>
<a title="母婴" href="#" target="_blank">母婴/玩具/童装</a>
</li>
<li>
<a title="宠物" href="#" target="_blank">家居/家纺/家装</a>
</li>
<li>
<a title="美妆个人清洁" href="#" target="_blank">美妆个人清洁</a>
</li>
<li>
<a title="女装" href="#" target="_blank">女装/男装/内衣/珠宝</a>
</li>
<li>
<a title="鞋靴" href="#" target="_blank">鞋靴/箱包/运动户外</a>
</li>
<li>
<a title="手机" href="#" target="_blank">手机/数码/电脑办公</a>
</li>
<li>
<a title="家用电器" href="#" target="_blank">家用电器/汽车用品</a>
</li>
<li>
<a title="医药" href="#" target="_blank">医药/保健滋补/成人</a>
</li>
<li>
<a title="图书" href="#" target="_blank">图书</a>
</li>
</ul>
</div>
<div class="urse_center" style="display: none;">会员中心</div>
</div>
<div class="pics">
<div class="wrap">
<a class="carousel_pic" href="#"><img src="img/img/carousel1.jpg" </a>
</div>
</div>
</div>
<div class="wrap seckill clearfix">
<div class="seckill_pic">
<a href="#"><img class="seckill_pic" src="img/img/entry_banner@2x.jpg" </a>
</div>
<div class="seckill_list">
<ul class="seckill_goods">
<li class="seckill_good">
<div class="good_left">
<div class="good_A"> 光明 莫斯利安常温酸牛奶（原味）200g*21量贩装中华老字号</div>
<div class="good_B">82.9</div>
<div class="good_ref_C">参考价：109.9</div>
</div>
<div class="good_ridht">
<img src="img/img/5aefac49N583c4b4a.jpg" />
</div>
<div class="dotted_line"></div>
</li>
<li class="seckill_good">
<div class="good_left">
<div class="good_A"> 三枪女士家居服 开襟空调衫弹力柔软长袖针织女开衫 卡其 L</div>
<div class="good_B">89.9</div>
<div class="good_ref_C">参考价：99.9</div>
</div>
<div class="good_ridht">
<img src="img/img/seckill_good2.jpg" />
</div>
<div class="dotted_line"></div>
</li>
<li class="seckill_good">
<div class="good_left">
<div class="good_A"> 可口可乐 Coca-Cola 汽水饮料 碳酸饮料 330ML*24罐整箱装</div>
<div class="good_B">40.9</div>
<div class="good_ref_C">参考价：49.9</div>
</div>
<div class="good_ridht">
<img src="img/img/5add66c7N6bca88f6.jpg" />
</div>
<div class="dotted_line"></div>
</li>
<li class="seckill_good">
<div class="good_left">
<div class="good_A"> 奥妙 除菌除螨 洗衣液 3KG+3KG 源自天然酵素（新老包装随机发货）</div>
<div class="good_B">66.5</div>
<div class="good_ref_C">参考价：116.5</div>
</div>
<div class="good_ridht">
<img src="img/img/5af10be5N30fdea77.jpg" />
</div>
<div class="dotted_line"></div>
</li>
</ul>
</div>
<div class="next_clickable"></div>
</div>
<div class="wrap brand_sale clearfix">
<div class="left_brand clearfix" >
<img class="left_banner" src="img/img/left_banner.jpg"/>
<div class="brand_caption">
<h4>1号闪购</h4>
<p class="cut_line" ></p>
<p class="sub_tit">每日10:00上新！</p>
</div>
</div>
<div class="group_buy">
<h4>
<a target="_blank" href="#">
<em><u class="left_triangle"></u><u class="right_triangle"></u>团购</em>
</a>
</h4>
<div class="clearfix">
<div class="group_today">
<a title="清凉一夏" target="_blank" href="#">
<img src="img/img/5acc0deeNe4a4fb76.jpg" alt="清凉一夏">
</a>
</div>
<div class="fr">
<div class="group_variety">
<a title="量贩团" target="_blank" href="#">
<p class="group_tit">量贩团</p>
<p class="sub_tit">南极人内裤</p>
<img src="img/img/5aec1997N9daa918d.jpg" alt="量贩团" width="110" height="110">
</a>
</div>
<div class="group_brand">
<a title="宝洁神券日" target="_blank" href="#">
<p class="group_tit">宝洁神券日</p>
<p class="sub_tit">领券199减110</p>
<img src="img/img/5abd9c0dN87aed904.jpg" alt="宝洁神券日" width="110" height="110">
</a>
</div>
</div>
</div>
</div>
<div class="area_rank">
<h4>
<a href="#" target="_blank"><em><u class="left_triangle"></u><u class="right_triangle"></u>排行榜</em></a>
<a href="#" class="more" target="_blank">查看更多<span>></span></a>
</h4>
<div class="area_rank_list" >
<div class="rank_tab" >
<ul class="clearfix">
<li class="cur">
<a href="#" target="_blank">进口食品</a>
</li>
<li>
<a href="#" target="_blank">粮油调味</a>
</li>
<li>
<a href="#" target="_blank">清洁用品</a>
</li>
<li>
<a href="#" target="_blank">休闲食品</a>
</li>
<li>
<a href="#" target="_blank">饮料冲调</a>
</li>
</ul>
<div class="cur_item"></div>
</div>
<div class="rank_content">
<ul class="clearfix">
<li>
<a href="#" target="_blank" title="网红印尼pepsi blue巴厘岛蓝色可乐粉色樱花桃子味碳酸饮料梅子味罐装瓶装汽水 450ml*1瓶（体验装）"><img src="img/img/5ae14b30N873f39dd.jpg" alt="网红印尼pepsi blue巴厘岛蓝色可乐粉色樱花桃子味碳酸饮料梅子味罐装瓶装汽水 450ml*1瓶（体验装）">
<p class="pro_name" >网红印尼pepsi blue巴厘岛蓝色可乐粉色樱花桃子味碳酸饮料梅子味罐装瓶装汽水 450ml*1瓶（体验装）</p><span class="discount_info">1.3折</span></a>
</li>
<li>
<a href="#" target="_blank" title="{领券-满99减50}印尼进口 丽芝士 纳宝帝奶酪味威化饼干 雅嘉夹心玉米棒芝士棒 休闲零食 威化饼干200g盒装"><img src="img/img/snacks.jpg" alt="{领券-满99减50}印尼进口 丽芝士 纳宝帝奶酪味威化饼干 雅嘉夹心玉米棒芝士棒 休闲零食 威化饼干200g盒装">
<p class="pro_name" >{领券-满99减50}印尼进口 丽芝士 纳宝帝奶酪味威化饼干 雅嘉夹心玉米棒芝士棒 休闲零食 威化饼干200g盒装</p><span class="discount_info">3.2折</span></a>
</li>
<li>
<a href="#" target="_blank" title="【中粮海外直采】德国 进口牛奶 好沃德（Hochwald）低脂牛奶 1L*12 "><img src="img/img/5aefabceN10f681af.jpg" alt="【中粮海外直采】德国 进口牛奶 好沃德（Hochwald）低脂牛奶 1L*12 ">
<p class="pro_name" >【中粮海外直采】德国 进口牛奶 好沃德（Hochwald）低脂牛奶 1L*12 </p><span class="discount_info">3.3折</span></a>
</li>
<li>
<a href="#" target="_blank" title="罗马尼亚进口 小鳄鱼香酥芝士味饼干400g"><img src="img/img/rank_list4.jpg" alt="罗马尼亚进口 小鳄鱼香酥芝士味饼干400g">
<p class="pro_name" >罗马尼亚进口 小鳄鱼香酥芝士味饼干400g</p><span class="discount_info">3.6折</span></a>
</li>
<li>
<a href="#" target="_blank" title="费列罗巧克力礼盒装520情人节生日礼物340g"><img src="img/img/rank_list5.jpg" alt="费列罗巧克力礼盒装520情人节生日礼物340g">
<p class="pro_name" >费列罗巧克力礼盒装520情人节生日礼物340g</p><span class="discount_info">3.7折</span></a>
</li>
<li>
<a href="#" target="_blank" title="瑞士莲 进口 特醇排装50px
% 黑巧克力 休闲零食 特醇85% 100克"><img src="img/img/rank_list6.jpg" alt="瑞士莲 进口 特醇排装50px
% 黑巧克力 休闲零食 特醇85% 100克">
<p class="pro_name" >瑞士莲 进口 特醇排装50px
% 黑巧克力 休闲零食 特醇85% 100克</p><span class="discount_info">3.9折</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="wrap adv_pic">
<a href="#" title="生来自由 啤酒199减100" target="_blank" style="display: block; height: 100px; overflow: hidden; background-repeat: no-repeat; background-position: center top;background-image: url(img/img/high_beer.jpg);"></a>
</div>
<div class="wrap global_imported">
<h4>全球进口</h4>
<div class="clearfix">
<div class="global_food">
<div class="left_banner">
<a title="巴黎水" href="#" target="_blank"><img alt="巴黎水" src="img/img/perrier.jpg" class="banner_pic" width="316" height="450"></a>
<div class="banner_link">
<ul class="clearfix">
<li>
<a title="进口饼干" target="_blank" href="#">进口饼干</a>
</li>
<li>
<a title="进口坚果" target="_blank" href="#">进口坚果</a>
</li>
<li>
<a title="进口糖巧" target="_blank" href="#">进口糖巧</a>
</li>
<li>
<a title="进口咖啡" target="_blank" href="#">进口咖啡</a>
</li>
<li>
<a title="进口水饮" target="_blank" href="#">进口水饮</a>
</li>
<li>
<a title="进口方便面" target="_blank" href="#">进口方便面</a>
</li>
</ul>
</div>
</div>
<div class="center_con">
<div class="fl">
<a title="3件5折" href="#" target="_blank" class="global_pic"><img src="img/img/love_gift.jpg" alt="进口食品"></a>
<div class="pro_item_wrap clearfix">
<div class="pro_shoppe">
<a title="至臻心意" href="#" target="_blank">
<p class="pro_tit">费列罗巧克力</p>
<p class="pro_sub_tit">至臻心意</p>
<img src="img/img/chocolate.jpg" width="130" height="130" alt="费列罗巧克力">
</a>
</div>
<div class="pro_shoppe">
<a title="3件5折" href="#" target="_blank">
<p class="pro_tit">进口粮油米面</p>
<p class="pro_sub_tit">3件5折</p>
<img src="img/img/grain_oil.jpg" width="130" height="130" alt="进口粮油米面">
</a>
</div>
</div>
</div>
<div class="right_con">
<div class="pro_shoppe">
<a title="3件5折" href="#" target="_blank">
<p class="pro_tit">进口休闲零食</p>
<p class="pro_sub_tit">3件5折</p>
<img src="img/img/snacks.jpg" width="130" height="130" alt="进口休闲零食">
</a>
</div>
<div class="pro_shoppe">
<a title="3件5折" href="#" target="_blank">
<p class="pro_tit">进口水饮冲调</p>
<p class="pro_sub_tit">3件5折</p>
<img src="img/img/drink_water_rich.jpg" width="130" height="130" alt="进口水饮冲调">
</a>
</div>
</div>
</div>
</div>
<div class="global_category">
<ul class="clearfix">
<li class="jk_mh">
<a title="进口美护" href="#" target="_blank">
<p class="pro_tit">进口美护</p>
<p class="pro_sub_tit">BEAUTY</p>
<p class="pro_color"></p>
<img src="img/img/import_beauty_care.png" width="130" height="130" alt="进口美护">
</a>
</li>
<li class="jk_my">
<a title="进口母婴" href="#" target="_blank">
<p class="pro_tit">进口母婴</p>
<p class="pro_sub_tit">MOM&BABY</p>
<p class="pro_color"></p>
<img src="img/img/import_infant_mom.png" width="130" height="130" alt="进口母婴">
</a>
</li>
<li class="jk_sx">
<a title="进口生鲜" href="#" target="_blank">
<p class="pro_tit">进口生鲜</p>
<p class="pro_sub_tit">FRESH</p>
<p class="pro_color"></p>
<img src="img/img/import_fresh.png" width="130" height="130" alt="进口生鲜">
</a>
</li>
<li class="jk_jj">
<a title="进口家居" href="#" target="_blank">
<p class="pro_tit">进口家居</p>
<p class="pro_sub_tit">HOME</p>
<p class="pro_color"></p>
<img src="img/img/import_home.png" width="130" height="130" alt="进口家居">
</a>
</li>
<li class="jk_cw">
<a title="进口厨卫清洁" href="#" target="_blank">
<p class="pro_tit">进口厨卫清洁</p>
<p class="pro_sub_tit">CLEANING</p>
<p class="pro_color"></p>
<img src="img/img/import_kitchen_cleaner.png" width="130" height="130" alt="进口厨卫清洁">
</a>
</li>
<li class="jk_bj">
<a title="进口保健品" href="#" target="_blank">
<p class="pro_tit">进口保健品</p>
<p class="pro_sub_tit">HEALTH</p>
<p class="pro_color"></p>
<img src="img/img/import_health_care_products.png" width="130" height="130" alt="进口保健品">
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="wrap you_like">
<h4>
<u></u>
<span>懂你想要</span>
<i></i>
</h4>
<div class="you_like_list">
<ul class=" clearfix">
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list1.jpg"></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>港荣蒸蛋糕 饼干蛋糕 奶香蒸蛋糕 早餐面包 零食小吃 送礼臻品 糕点礼盒1kg</div>
<div class="clearfix">
<div class="pro_price">¥<span>39.9</span></div>
<div class="pro_tag clearfix"></div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list2.jpg"></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>瑞彩去污白海绵3只装</div>
<div class="clearfix">
<div class="pro_price">¥<span>10.0</span></div>
<div class="pro_tag clearfix">
<div class="goods_icon off_icon">满赠</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list3.jpg"></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>牧羊少年奇幻之旅</div>
<div class="clearfix">
<div class="pro_price">¥<span>27.6</span></div>
<div class="pro_tag clearfix">
<div class="goods_icon off_icon">满赠</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list4.jpg"></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>挪威的森林（2016版） </div>
<div class="clearfix">
<div class="pro_price">¥<span>21.9</span></div>
<div class="pro_tag clearfix">
<div class="goods_icon off_icon">满赠</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list5.jpg"></div>
<div class="pro_name">
香馜 洗衣液袋装瓶装共5kg套装柔顺洁净薰衣草香氛洗衣液2kg*2+500ml*2机洗手洗</div>
<div class="clearfix">
<div class="pro_price">¥<span>39.9</span></div>
<div class="pro_tag clearfix"></div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list6.jpg"></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>厨美圆形20CM蒸笼纸 包子馒头点心垫纸 烘焙纸不粘笼屉纸150张 带孔</div>
<div class="clearfix">
<div class="pro_price">¥<span>24.9</span></div>
<div class="pro_tag clearfix">
<div class="goods_icon off_icon">满减</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list7.jpg"/></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>美的（Midea）电水壶 304不锈钢电热水壶 1.7L容量 双层防烫烧水壶WHJ1705b</div>
<div class="clearfix">
<div class="pro_price">¥<span>99.0</span></div>
<div class="pro_tag clearfix"></div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list8.jpg"></div>
<div class="pro_name">
【夏商精选】法国原装进口啤酒 克伦堡凯旋1664白啤酒 蓝瓶 250ml*24瓶 整箱</div>
<div class="clearfix">
<div class="pro_price">¥<span>188.8</span></div>
<div class="pro_tag clearfix"></div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list9.jpg"></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>香山 EB9005L 圆形背光电子称 体重秤 人体称</div>
<div class="clearfix">
<div class="pro_price">¥<span>59.0</span></div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list1.jpg"></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>飞科(FLYCO)电吹风机家用FH6232大功率吹风筒 2000W</div>
<div class="clearfix">
<div class="pro_price">¥<span>59.0</span></div>
<div class="pro_tag clearfix">
<div class="goods_icon off_icon">满减</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list12.jpg"></div>
<div class="pro_name">
欧普照明 led灯泡球泡高亮 持久 E27/E14螺口球泡 灯泡照明节能灯-XG 【单只装】6瓦 E27螺口 黄光</div>
<div class="clearfix">
<div class="pro_price">¥<span>18.9</span></div>
<div class="pro_tag clearfix">
<div class="goods_icon off_icon">满减</div>
<div class="goods_icon off_icon">满折</div>
</div>
</div>
</div>
</a>
</li>
<li>
<a href="#" target="_blank">
<div class="flip_wrap">
<div class="pro_pic"><img src="img/img/you_like_list13.jpg"></div>
<div class="pro_name">
<span class="goods_icon self_icon">自营</span>红豆内衣男士秋衣秋裤套装纯棉低圆领棉毛衫棉毛裤基础打底薄款保暖套装 藏青 180/105</div>
<div class="clearfix">
<div class="pro_price">¥<span>49.8</span></div>
<div class="pro_tag clearfix">
<div class="goods_icon off_icon">满赠</div>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
<div class="you_like_end">
<span>已经到底啦</span>
</div>
</div>
<!-- 描述：尾部 -->
<div class="footer">
<div class="wrap ft_service clearfix">
<a >
<img src="img/img/quality.jpg">
<b>正品保障</b>
<span>正品行货 放心选购</span>
</a>
<a >
<img src="img/img/postage.jpg">
<b>满86包邮</b>
<span>满86元 免运费</span>
</a>
<a >
<img src="img/img/after_sale.jpg">
<b>售后无忧</b>
<span>7天无理由退货</span>
</a>
<a >
<img src="img/img/punctuality.jpg">
<b>准时送达</b>
<span>收货时间由你做主</span>
</a>
</div>
<div class="wrap ft_service_link clearfix">
<div class="ft_help_list clearfix">
<dl>
<dt>新手入门</dt>
<dd>
<a href="#" target="_blank">购物流程</a>
</dd>
<dd>
<a href="#" target="_blank">会员制度</a>
</dd>
<dd>
<a href="#" target="_blank">订单查询</a>
</dd>
<dd>
<a href="#" target="_blank">发票制度</a>
</dd>
<dd>
<a href="#" target="_blank">网站地图</a>
</dd>
</dl>
<dl>
<dt>支付方式</dt>
<dd>
<a href="#" target="_blank">货到付款</a>
</dd>
<dd>
<a href="#" target="_blank">网上支付</a>
</dd>
<dd>
<a href="#" target="_blank">礼品卡支付</a>
</dd>
<dd>
<a href="#" target="_blank">其它支付</a>
</dd>
</dl>
<dl>
<dt>配送服务</dt>
<dd>
<a href="#" target="_blank">配送进度查询</a>
</dd>
<dd>
<a href="#" target="_blank">商品验货与签收</a>
</dd>
</dl>
<dl>
<dt>售后保障</dt>
<dd>
<a href="#" target="_blank">退换货政策</a>
</dd>
<dd>
<a href="#" target="_blank">联系客服</a>
</dd>
</dl>
</div>
<div class=" ft_code_wrap clearfix">
<div class="ft_mobile_code clearfix">
<p>APP更优惠</p>
<a href="https://app.yhd.com/" target="_blank">
<img src="img/img/qryhd(1).png" alt="APP更优惠二维码">
</a>
</div>
<div class="ft_mobile_code clearfix">
<p>加微信查订单</p>
<img src="img/img/5a2798bbN479da3df.jpg" alt="加微信查订单二维码">
</div>
</div>
</div>
<p class="ft_copy_right"><a href="#">沪ICP备16050468号</a> | <a href="#">经营证照</a> | <a href="#">互联网药品信息服务资格证</a> | <a href="#">违法和不良信息举报电话：0527-88100253</a> | <a href="#">沪B2-20170039</a> | <a href="#">沪公网安备 31010502002939号 </a>| <a href="#">友情链接 </a></p>
<p class="ft_copy_right">Copyright © 1号店网上超市 2007-2017，All Rights Reserved</p>
<div class="ft_pic_link">
<a href="#" target="_blank">
<img alt="" src="img/img/copyright1.jpgy">
</a>
<a href="#" target="_blank">
<img alt="" src="img/img/copyright2.jpg">
</a>
<a href="#" target="_blank">
<img alt="" src="img/img/copyright3.jpgy">
</a>
<a href="#" target="_blank">
<img alt="" src="img/img/copyright4.jpgy">
</a>
<a href="#" target="_blank">
<img alt="" src="img/img/copyright5.png">
</a>
<a href="#" target="_blank">
<img alt="" src="img/img/copyright6.pngy">
</a>
</div>
</div>
</div>
</body>
</html>*{
padding: 0px;
margin: 0px;
}
body{
background-color: #F5F5F5;
font: 12px "microsoft yahei";
}
ul{
list-style: none;
}
.clearfix:after{
display: block;
content: ".";
height: 0px;
clear: both;
visibility: hidden;
font-size: 0px;
line-height: 0px;
}
a{
color: #333333;
text-decoration: none;
}
a:hover{
color: #ff4040;
}
.header1{
height: 80px;
background-color: #ff9d9e;
}
.top_pic{
position: relative;
}
.top_pic .close_bs{
position: absolute;
display: block;
top: 5px;
right: 5px;
width: 26px;
height: 26px;
text-align: center;
line-height: 26px;
color: #FFFFFF;
}
.interval{
height: 30px;
background-color: #F4F4F4;
border-bottom: 1px solid #e5e5e5;
}
.hd_nav_left{
float: left;
display: block;
height: 30px;
padding: 0 10px;
line-height: 30px;
}
.interval a{
color: #666666;
}
.interval a:hover{
color:#FF4040
}
.hd_nav_right{
float: right;
}
.hd_nav_right ul li{
float: left;
margin-right: 30px;
height: 30px;
line-height: 30px;
}
.hd_nav_right .hd_nav_hi{
color: #FF4040;
}
a.hd_nav_login{
color: #FF4040;
}
a.hd_nav_register_btn{
color: #AAAAAA;
}
.search{
height: 150px;
background-color: #FFFFFF;
}
.wrap{
width: 1228px;
margin: 0px auto;
}
.logo{
float: left;
width: 205px;
height: 150px;
}
.logo img{
width: 261px;
height: 150px;
position: relative;
left: -28px;
}
.search_content{
float: right;
width: 974px;
padding: 32px 14px 0px 35px;
}
.search_input{
float: left;
/* width: 750px;*/
height: 36px;
border-radius: 2px;
background-color: #ff4040;
padding: 2px;
}
.search_btn{
width: 50px;
height: 36px;
border: 0 none;
background-color: #ff4040;
text-align: center;
line-height: 36px;
color: #fff;
cursor: pointer;
}
.search_input_text{
width: 685px;
height: 36px;
outline: 0 none;
border: 0 none;
padding-left: 15px;
font-size: 14px;
color: #AAAAAA;
line-height: 36px;
}
.cart_btn{
float: right;
width: 130px;
height: 40px;
}
.hot_search{
height: 36px;
}
.hot_search a{
margin-right: 15px;
line-height: 36px;
color: #aaa;
font-size: 14px;
}
.hot_search a:hover{
color: #ff4040;
}
.column_menu{
height: 40px;
line-height: 40px;
}
.column_menu ul li{
float: left;
margin-right: 30px;
font-size: 16px;
}
.shopping_car_btn{
border: 1px solid #d7d7d7;
outline: none;
width: 132px;
height: 40px;
background-color:#FFFFFF ;
font-size: 16px;
color: #666666;
cursor: pointer;
}
</style>
<style type="text/css">
.carousel{
height: 400px;
}
.position_wrap{
position: relative;
}
.vertical_menu{
height: 400px;
width: 205px;
position: absolute;
left: 0px;
background-color: rgba(48,48,50,9);
}
.vertical_menu ul{
padding-top: 2px;
}
.vertical_menu ul li{
margin-bottom: 1px;
}
.vertical_menu ul li a{
display: inline-block;
height: 32px;
line-height: 32px;
color: #FFFFFF;
position: relative;
left: 50px;
}
.urse_center{
position: absolute;
top: 40px;
right: 20px;
width: 205px;
}
.pics{
height: 400px;
z-index: 1;
background: rgb(255,157,158);
}
.carousel_pic{
display: block;
margin-left: 208px;
}
</style>
<style type="text/css">
.seckill{
margin-top: 10px;
}
.seckill_pic{
width: 205px;
height: 140px;
float: left;
}
.seckill_list{
height: 140px;
width: 1021px;
float: left;
background: #FFFFFF;
position: relative;
}
.seckill_good{
position: relative;
float: left;
width: 233px;
height: 110px;
padding: 14px 0px 16px 19px;
}
.seckill_good .good_left{
float: left;
width: 92px;
height: 79px;
color: #666666;
}
.seckill_good .good_A{
font-size: 14px;
line-height: 19px;
height: 40px;
overflow: hidden;
}
.seckill_good .good_B{
line-height: 40px;
font-size: 14px;
color: #FF4040;
font-weight: bold;
}
.seckill_good .good_ref_C{
font-size: 12px;
color: #AAAAAA;
}
.seckill_good .good_ridht img{
width: 110px;
height: 110ox;
}
.dotted_line{
position: absolute;
top: 34px;
left: -1px;
width: 1px;
height: 70px;
border-right: 1px dotted #E5E5E5;
}
.next_clickable{
position: absolute;
width: 20px;
height: 40px;
background: #D7D7D7;
line-height: 40px;
color: #808080;
font-size: 20px;
top: 50px;
right: 4px;
}
.brand_sale{
margin-top: 20px;
}
.brand_sale .left_brand{
position: relative;
width: 260px;
float: left;
margin-right: 12px;
overflow: hidden;
}
.brand_sale .left_banner{
width: 260px;
height: 400px;
}
.brand_sale .brand_caption{
width: 200px;
height: 100px;
text-align: center;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
left: 13%;
bottom: 34px;
}
.brand_sale .brand_caption h4{
margin-top: 20px;
font-size: 20px;
color: #333;
line-height: 24px;
height: 32px;
font-weight: normal;
}
.brand_caption .cut_line{
width: 30px;
height: 10px;
overflow: hidden;
margin: 2px auto 0;
border-top: 1px solid #333;
}
.brand_caption .sub_tit{
height: 16px;
overflow: hidden;
font-size: 14px;
line-height: 16px;
color: #333;
}
.brand_sale .group_buy{
float: left;
width: 484px;
height: 400px;
background: #fff url(imgs/group_buy_icon.png) no-repeat center top;
}
.brand_sale .group_buy h4,.brand_sale .area_rank h4{
margin-bottom: 7px;
border-top: 1px solid #fb744b;
height: 32px;
line-height: 32px;
text-align: center;
font-weight: normal;
}
.brand_sale h4 a{
color: #FFFFFF;
}
.brand_sale h4 a em{
background: #fb6233;
display: inline-block;
position: relative;
top: -3px;
width: 140px;
margin-top: -3px;
font-size: 18px;
font-style: normal;
}
.brand_sale h4 a .left_triangle{
position: absolute;
top: 1px;
left: -4px;
width: 0;
height: 0;
overflow: hidden;
border-bottom: 4px solid #c84e4e;
border-left: 4px solid transparent;
font-size: 0;
line-height: 0;
}
.brand_sale h4 a .right_triangle{
position: absolute;
top: 1px;
right: -4px;
width: 0;
height: 0;
overflow: hidden;
border-bottom: 4px solid #c84e4e;
border-right: 4px solid transparent;
font-size: 0;
line-height: 0;
}
.brand_sale .group_buy .group_today{
float: left;
border-right: 1px solid #f0f0f0;
width: 250px;
overflow: hidden;
}
.brand_sale .group_buy .group_today img {
width: 250px;
height: 360px;
}
.fr{
float: right;
}
.brand_sale .group_buy .group_variety {
position: relative;
width: 232px;
margin-top: 18px;
}
.brand_sale .group_buy .group_variety a {
display: block;
height: 180px;
margin: 0 18px 0 20px;
border-bottom: 1px solid #f0f0f0;
}
.brand_sale .group_buy .group_tit {
height: 18px;
margin-bottom: 10px;
overflow: hidden;
font-size: 18px;
color: #ec3639;
line-height: 18px;
}
.brand_sale .group_buy .sub_tit {
position: relative;
z-index: 105;
width: 90px;
height: 40px;
overflow: hidden;
font-size: 14px;
color: #333;
line-height: 20px;
}
.brand_sale .group_buy .group_variety img {
position: absolute;
right: 18px;
bottom: 10px;
}
.brand_sale .group_buy .group_brand {
position: relative;
float: left;
width: 232px;
}
.brand_sale .group_buy .group_brand a {
display: block;
height: 161px;
padding: 0 18px 0 20px;
}
.brand_sale .group_buy .group_brand .group_tit {
padding-top: 10px;
}
.brand_sale .group_buy .group_brand img {
position: absolute;
right: 18px;
bottom: 15px;
}
.brand_sale .area_rank{
float: right;
width: 453px;
height: 400px;
background:#FFFFFF url(imgs/group_buy_icon.png) no-repeat center top;
}
.brand_sale .area_rank h4{
position: relative;
text-align: center;
border-top: 1px solid #f22e31;
}
.brand_sale .area_rank h4 em {
background: #f22e31;
}
.brand_sale .area_rank a.more {
position: absolute;
top: 7px;
right: 14px;
font-family: "Tahoma";
color: #999;
line-height: 20px;
font-size: 12px;
}
.brand_sale .area_rank_list {
margin-top: 5px;
}
.brand_sale .rank_tab {
position: relative;
height: 35px;
overflow: hidden;
margin: 0 22px 0 21px;
line-height: 34px;
}
.brand_sale .rank_tab ul {
border-bottom: 1px solid #eee;
}
.brand_sale .rank_tab li {
float: left;
width: 82px;
text-align: center;
}
.brand_sale .rank_tab li.cur a {
color: #f22e31;
}
.brand_sale .rank_tab li a {
display: block;
color: #666;
}
.brand_sale .rank_tab .cur_item {
position: absolute;
left: 0;
top: 33px;
width: 82px;
border-top: 2px solid #f22e31;
}
.brand_sale .rank_content {
height: 316px;
padding: 10px 2px 0 1px;
}
.brand_sale .rank_content li {
float: left;
width: 100px;
margin: 15px 25px;
cursor: pointer;
}
.brand_sale .rank_content li a {
position: relative;
display: block;
text-align: center;
}
.brand_sale .rank_content li img {
width: 100px;
height: 100px;
}
.brand_sale .rank_content li .pro_name {
height: 18px;
overflow: hidden;
margin-top: 10px;
line-height: 18px;
}
.brand_sale .rank_content li a .discount_info {
padding: 0px 6px;
background-color: #fb6233;
color: #fff;
position: absolute;
left: 0px;
bottom: 29px;
border-radius: 2px;
}
.adv_pic{
margin-top: 20px;
height: 100px;
}
.global_imported{
margin-top: 20px;
height: 490px;
}
.global_imported h4{
text-align: left;
padding: 12px;
font-size: 20px;
line-height: 20px;
color: #645144;
}
.global_imported .global_food{
float: left;
width: 930px;
height: 450px;
background: #b2f0ed;
background: -webkit-linear-gradient(#b2f0ed 0%, #81e7dc 100%);
background: -o-linear-gradient(#b2f0ed 0%, #81e7dc 100%);
background: linear-gradient(#b2f0ed 0%, #81e7dc 100%);
}
.global_imported .left_banner {
position: relative;
float: left;
width: 316px;
height: 450px;
}
.global_imported .left_banner .banner_pic {
position: absolute;
bottom: 0;
left: 0;
}
.global_imported .left_banner .banner_link {
position: absolute;
left: 20px;
bottom: 10px;
}
.global_imported .left_banner li {
float: left;
}
.global_imported .left_banner li a {
display: block;
width: 83px;
height: 28px;
margin: 0 10px 10px 0;
border: 1px solid rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.1);
text-align: center;
line-height: 28px;
color: #fff;
font-size: 14px;
}
.global_imported .center_con {
float: left;
width: 609px;
overflow: hidden;
padding: 5px 5px 5px 0;
}
.fl {
float: left;
}
.global_imported .global_pic {
position: relative;
display: block;
width: 405px;
height: 220px;
margin-bottom: 1px;
background-color: #fff;
}
.global_imported .global_pic img {
width: 405px;
height: 220px;
}
.global_imported .pro_item_wrap {
float: left;
}
.global_imported .pro_shoppe {
padding-bottom: 1px;
}
.global_imported .pro_item_wrap .pro_shoppe {
float: left;
width: 202px;
margin-right: 1px;
}
.global_imported .pro_shoppe a {
position: relative;
display: block;
height: 200px;
padding: 20px 0 0 20px;
background-color: #fff;
font-size: 14px;
line-height: 24px;
}
.global_imported .pro_shoppe .pro_tit {
width: 150px;
height: 24px;
overflow: hidden;
color: #333;
}
.global_imported .pro_shoppe .pro_sub_tit {
width: 150px;
height: 24px;
overflow: hidden;
color: #999;
}
.global_imported .pro_shoppe img {
position: absolute;
bottom: 10px;
right: 10px;
width: 140px;
height: 140px;
}
.global_imported .right_con {
float: right;
width: 203px;
height: 440px;
}
.global_imported .global_category{
float: left;
width: 298px;
}
.global_imported .global_category li {
float: left;
}
.global_imported .global_category .jk_mh {
background-color: #ffe6ee;
}
.global_imported .global_category a {
position: relative;
display: block;
width: 137px;
height: 138px;
overflow: hidden;
padding: 12px 0 0 12px;
line-height: 26px;
}
.global_imported .global_category .pro_tit {
height: 26px;
overflow: hidden;
font-size: 14px;
}
.global_imported .global_category .jk_mh .pro_tit {
color: #f06291;
}
.global_imported .global_category .pro_sub_tit {
position: relative;
z-index: 105;
height: 26px;
overflow: hidden;
color: #757575;
font-family: "Century Gothic";
}
.global_imported .global_category .pro_color {
width: 20px;
height: 3px;
overflow: hidden;
font-size: 0;
line-height: 0;
}
.global_imported .global_category .jk_mh .pro_color {
background-color: #f06291;
}
.global_imported .global_category img {
position: absolute;
right: -5px;
bottom: 0;
width: 100px;
height: 100px;
}
.global_imported .global_category .jk_my {
background-color: #fff3e4;
}
.global_imported .global_category .jk_my .pro_tit {
color: #ee9832;
}
.global_imported .global_category .jk_my .pro_color {
background-color: #ee9832;
}
.global_imported .global_category .jk_sx {
background-color: #e9fbf0;
}
.global_imported .global_category .jk_sx .pro_tit {
color: #54a472;
}
.global_imported .global_category .jk_sx .pro_color {
background-color: #54a472;
}
.global_imported .global_category .jk_jj {
background-color: #f9eee9;
}
.global_imported .global_category .jk_jj .pro_tit {
color: #ad7d62;
}
.global_imported .global_category .jk_jj .pro_color {
background-color: #ad7d62;
}
.global_imported .global_category .jk_cw {
background-color: #f0f8ff;
}
.global_imported .global_category .jk_cw .pro_tit {
color: #468bcb;
}
.global_imported .global_category .jk_cw .pro_color {
background-color: #468bcb;
}
.global_imported .global_category .jk_bj {
background-color: #e2f8f2;
}
.global_imported .global_category .jk_bj .pro_tit {
color: #54a472;
}
.global_imported .global_category .jk_bj .pro_color {
background-color: #54a472;
}
.you_like{
margin-top: 20px;
position: relative;
padding-bottom: 110px;
overflow: hidden;
}
.you_like h4 {
text-align: center;
font-size: 18px;
font-weight: normal;
color: #333333;
}
.you_like h4 u {
display: inline-block;
width: 27px;
height: 18px;
background: url(imgs/indexbody_sprite.png) no-repeat -180px 0;
vertical-align: middle;
}
.you_like h4 i {
display: inline-block;
width: 27px;
height: 18px;
background: url(imgs/indexbody_sprite.png) no-repeat -220px 0;
vertical-align: middle;
}
.you_like .you_like_list ul {
margin-right: -12px;
}
.you_like_list ul li{
width: 236px;
float: left;
margin: 12px 12px 0 0;
}
.you_like .you_like_list li a {
display: block;
width: 214px;
height: 293px;
overflow: hidden;
margin: 0 auto;
padding: 10px;
border: 1px solid #fff;
background-color: #fff;
color: #333;
}
.you_like .you_like_list .flip_wrap {
margin: 0 auto;
}
.you_like .you_like_list .pro_pic {
position: relative;
padding-top: 220px;
margin: 0 auto;
background-color: #f8f8f8;
text-align: center;
}
.you_like .you_like_list .pro_pic img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 220px;
}
.you_like .you_like_list .pro_name {
position: relative;
height: 40px;
overflow: hidden;
margin-top: 5px;
line-height: 20px;
font-size: 14px;
}
.you_like .you_like_list .self_icon {
width: 30px;
height: 16px;
font-size: 12px;
text-align: center;
line-height: 14px;
background-color: #ffefef;
color: #f66;
border: 1px solid #f3a3ad;
margin-right: 2px;
margin-left: 0px;
margin-top: 2px;
}
.you_like .you_like_list .pro_price {
height: 30px;
margin-top: 5px;
line-height: 30px;
color: #f12c30;
font-weight: bold;
font-family: "Microsoft Yahei";
font-size: 14px;
float: left;
}
.you_like .you_like_list .pro_price span {
font-family: "tahoma";
}
.you_like .you_like_list .pro_tag {
float: right;
margin-top: 5px;
}
.you_like .you_like_list .goods_icon {
width: 30px;
height: 16px;
line-height: 16px;
font-size: 12px;
text-align: center;
margin-left: 2px;
}
.you_like .you_like_list .pro_tag .off_icon {
float: left;
margin-top: 6px;
background-color: #fff3fa;
color: #ff62a1;
border: 1px solid #ffcce0;
}
.you_like .you_like_list li a:hover {
border: 1px solid #f89597;
}
.you_like_end{
position: absolute;
bottom: 15px;
left: 50%;
width: 370px;
height: 30px;
margin-left: -185px;
margin-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
text-align: center;
}
.you_like_end span {
position: relative;
top: 15px;
padding: 0 30px;
background-color: #f5f5f5;
line-height: 30px;
font-size: 18px;
color: #757575;
}
.footer{
background-color: #FFFFFF;
}
.ft_service{
padding: 30px 0px;
border-bottom: 1px solid #ebebeb;
}
.ft_service a{
display: block;
float: left;
width:204px;
height: 66px;
margin: 0px 51px;
}
.ft_service a img {
float: left;
display: block;
width: 66px;
height: 66px;
margin-right: 15px;
}
.ft_service a b {
display: block;
margin-top: 10px;
font-size: 16px;
color: #333;
}
.ft_service a span {
font-size: 14px;
color: #999;
line-height: 26px;
}
.ft_service_link{
padding: 20px 0px ;
overflow: hidden;
}
.ft_help_list {
float: left;
padding-left: 15px;
}
.ft_service_link dl {
float: left;
display: block;
width: 195px;
}
.ft_service_link dl dt {
height: 32px;
padding: 0 8px;
font-size: 14px;
color: #666;
line-height: 32px;
overflow: hidden;
font-family: "Microsoft YaHei";
color: #666;
font-weight: bold;
}
.ft_service_link dl dd {
height: 24px;
padding: 0 8px;
line-height: 24px;
overflow: hidden;
white-space: normal;
font-size: 12px;
}
.ft_service_link dl dd a {
color: #666;
}
.ft_service_link dl dd a:hover {
color: #e60012;
}
.ft_code_wrap {
width: 280px;
overflow: hidden;
float: left;
}
.ft_code_wrap .ft_mobile_code {
float: left;
margin-right: 50px;
line-height: 32px;
font-size: 14px;
font-weight: bold;
color: #666;
}
.ft_code_wrap .ft_mobile_code img {
width: 90px;
height: 90px;
}
.ft_copy_right{
color: #666;
text-align: center;
line-height: 100%;
margin: 15px 0;
padding: 0;
}
.ft_copy_right a{
color: #666666;
margin: 0px 10px;
}
.ft_copy_right a:hover{
color: #CC0000;
}
.ft_pic_link {
padding: 10px 0px 20px 0px;
text-align: center;
}
.ft_pic_link a {
display: inline-block;
margin: 0 4px;
}
img{
border: 0px none;
vertical-align: top;
}标签：color,global,height,width,一号,京东,margin,left From： https://www.cnblogs.com/Zhengbinzhe/p/18074043