<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>惠家有首页</title>
<link rel="shortcut icon" type="image/x-icon" href="img/hjy.ico.bmp" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="wrap">
<!--头部start-->
<div class="wrap-top">
<p class="top1">
<a class="a1" href="#">收藏</a>
<a href="index.html" target="_self" class="a2">首页</a>
<a href="login.html" class="a3" id="tuichu">请登录</a>
<a href="register.html" class="a4">免费注册</a>
<span>|</span>
<a href="#" class="a5">购物车</a>
<a href="#" class="a6">我的家有</a>
<a href="#" class="a8">我的收藏</a>
<span>|</span>
<a href="#" class="a9">手机版
<strong class="phone">
<i></i>
<img src="img/sj.png"/>
<em>惠家有APP</em>
</strong>
</a>
<a href="#" class="a10">微信版
<strong class="weixin">
<i></i>
<img src="img/wx1.jpg" class="wx_1"/>
<em>惠家有微信</em>
<img src="img/wx2.jpg" class="wx_2"/>
<em class="wx_3">家有实验室</em>
</strong>
</a>
</p>
</div>
<!--LOGO,搜索框,购物车-->
<div class="logo_menu">
<div class="logo">
<img src="img/logo.jpg" />
</div>
<div class="search">
<input type="text" class="text" id="ser" /><input type="button" value="搜索" class="btn_search" />
<div class="search_box" id="search_box">
<a href="#">衣帽</a>
<a href="#">护肤</a>
<a href="#">眼霜</a>
<a href="#">双立人</a>
<a href="#">女装</a>
<a href="#">康宁</a>
<a href="#">营养食品</a>
</div>
</div>
<div class="car">
<a href="car.html" class="go">我的购物车
<!--<strong class="gwcar">
<i></i>
购物车中没有商品赶紧去选购吧
</strong>-->
</a>
<p class="gow">0</p>
</div>
</div>
</div>
<!--头部导航-->
<div class="header_menu">
<div class="header">
<!--商品分类-->
<div class="head_menul">
<div class="head-top">
<b>全部商品分类</b>
</div>
</div>
<!--导航菜单-->
<div class="head_menuz">
<ul>
<li>
<a href="index.html">首页</a>
</li>
<li>
<a href="">TV直播</a>
</li>
<li>
<a href="">品牌惠</a>
</li>
<li>
<a href="">惠家有APP</a>
</li>
<li>
<a href="">家有尊享</a>
</li>
<li>
<a href="">家有优藏</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--轮播,左侧-->
<div class="index">
<!--左侧-->
<div class="head-bottom">
<ul id="ul1">
<li>海外购</li>
<li>生活电器</li>
<li>品牌厨房</li>
<li>厨房电器</li>
<li>生活家居</li>
<li>布艺家纺</li>
<li>服装配饰</li>
<li>箱包配饰</li>
<li>美妆个护</li>
<li>食品饮料</li>
<li>数码</li>
<li>运动健康</li>
</ul>
</div>
<!--轮播-->
<div id="index_lb">
<ul id="ul2">
<li><img src="img/lba.jpg" /></li>
<li><img src="img/lbb.jpg" /></li>
<li><img src="img/lbc.jpg" /></li>
<li><img src="img/lbd.jpg" /></li>
</ul>
<ol id="ol2">
<li class="seleted"><span>1</span></li>
<li><span>2</span></li>
<li><span>3</span></li>
<li><span>4</span></li>
</ol>
<p id="prev"><img src="img/prev_bg.png" /></p>
<p id="next"><img src="img/next_bg.png" /></p>
</div>
<!--hjy登录 右侧-->
<div class="hjy_login">
<div class="hello">
<div class="hello1">
<p>hi!欢迎来到惠家有</p>
<a href="login.html" class="hy">登录</a>
<a href="register.html" class="hyzc">免费注册</a>
</div>
</div>
<div class="tel">4008-678-210</div>
<div class="zb">
<ul>
<li>
<i class="i1"></i> 直播
<br /> 节目表
</li>
<li>
<i class="i2"></i> 掌上
<br />购物
</li>
<li>
<i class="i3"></i> 物流
<br />查询
</li>
<li>
<i class="i4"></i> 会员
<br />中心
</li>
</ul>
</div>
</div>
<div class="mq">
<p>今日秒杀10/20点开抢</p>
<ul>
<li class="jrms">
<img src="img/jr.jpg" /><br />
<a href="#">立即抢购</a>
</li>
<li>
<img src="img/74.jpg" /><br />
<a href="#">立即抢购</a>
</li>
</ul>
</div>
<!--直播热卖-->
<div class="ad">
<div class="ad1">
<a href="#">
<img src="img/xlb2.jpg" />
</a>
</div>
<div class="ad2">
<a href="#">
<img src="img/xlb1.jpg" />
</a>
</div>
</div>
</div>
<!--秒杀-->
<div class="xsqg">
<div class="xs">
<h2>限时抢购
<font class="countDown">
距离本次结束还有
<span id="djs">
<i></i>天
<i></i>时
<i></i>分
<i></i>秒
</span>
</font>
</h2>
</div>
<div class="box" id="box">
<div class="end" id="end">
本场抢购<br />已结束
</div>
<ul id="shop" class="shop"></ul>
<a class="before"></a>
<a class="after"></a>
</div>
</div>
<!--第一层-->
<div class="floor">
<div class="fl">
<div class="hd">
<h2>1F 品质家居</h2>
</div>
<div class="bd">
<div class="zuo">
<b>
<a href="#">
<img src="img/f1.jpg"/>
</a>
</b>
<p>
<a href="#">
<img src="img/u.jpg" />
</a>
<a href="#">
<img src="img/w1.jpg" />
</a>
<a href="#">
<img src="img/w2.jpg" />
</a>
<a href="#">
<img src="img/w3.jpg" />
</a>
<a href="#">
<img src="img/w4.jpg" />
</a>
<a href="#">
<img src="img/w5.jpg" />
</a>
</p>
</div>
<div class="you">
<div class="y-lb" id="plb">
<ul id="ul2">
<li><img src="img/lb12.jpg" /></li>
<li><img src="img/lb14.jpg" /></li>
<li><img src="img/lb5.jpg" /></li>
<li><img src="img/lb7.jpg" /></li>
</ul>
<ol id="ol2">
<li class="seleted"><span>1</span></li>
<li><span>2</span></li>
<li><span>3</span></li>
<li><span>4</span></li>
</ol>
<p id="prev"><img src="img/prev_bg.png" /></p>
<p id="next"><img src="img/next_bg.png" /></p>
</div>
<div class="ad3">
<a href="#">
<img src="img/f1a.jpg" />
</a>
</div>
<div class="ad3">
<a href="#">
<img src="img/f1b.jpg" />
</a>
</div>
<div class="ad4">
<a href="#">
<img src="img/f1c.jpg" />
</a>
</div>
</div>
</div>
</div>
<div class="fr">
<div class="hd">
<h2>本月热销版</h2>
</div>
<ul class="sell" id="sell1">
</ul>
</div>
</div>
</div>
<!--第二层-->
<div class="floor">
<div class="fl">
<div class="hd">
<h2>2F 美妆个护</h2>
</div>
<div class="bd">
<div class="zuo">
<b>
<a href="#">
<img src="img/f2.jpg"/>
</a>
</b>
<p>
<a href="#">
<img src="img/w6.jpg" />
</a>
<a href="#">
<img src="img/w7.jpg" />
</a>
<a href="#">
<img src="img/w8.jpg" />
</a>
<a href="#">
<img src="img/w9.jpg" />
</a>
<a href="#">
<img src="img/w10.jpg" />
</a>
<a href="#">
<img src="img/w11.jpg" />
</a>
</p>
</div>
<div class="you">
<div class="y-lb" id="mlb">
<ul id="ul2">
<li><img src="img/lb2.jpg" /></li>
<li><img src="img/lb4.jpg" /></li>
</ul>
<ol i