<!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;
}