<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>首页</title>
<meta name="keywords" content="">
<meta name="description" content="">
<script src="js/rem.js"></script>
<script src="js/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/page.css"/>
<link rel="stylesheet" type="text/css" href="css/all.css"/>
<link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
<link rel="stylesheet" type="text/css" href="css/loaders.min.css"/>
<link rel="stylesheet" type="text/css" href="css/loading.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<script type="text/javascript">
$(window).load(function(){
$(".loading").addClass("loader-chanage")
$(".loading").fadeOut(300)
})
</script>
</head>
<!--loading页开始-->
<div class="loading">
<div class="loader">
<div class="loader-inner pacman">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!--loading页结束-->
<body>
<!--header star-->
<header class="mui-bar mui-bar-nav" id="header">
<a class="btn slide-menu" href="#">
<i class="iconfont icon-iconfontcaidan"></i>
</a>
<div class="top-sch-box flex-col">
<div class="centerflex">
<i class="fdj iconfont icon-sousuo"></i>
<input type="text" name="" id="" value="" class="sch-txt" placeholder="输入您要搜索的商品" />
</div>
</div>
<a class="btn" href="#">
<i class="iconfont icon-erweima"></i>
</a>
</header>
<!--header end-->
<!-- 侧边导航 -->
<div class="slide-mask"></div>
<aside class="slide-wrapper">
<div>
<ul>
<li><a href="list.html">家居家纺</a></li>
<li><a href="list.html">3C数码</a></li>
<li><a href="list.html">家用电器</a></li>
<li><a href="list.html">厨房小电</a></li>
<li><a href="list.html">零食小吃</a></li>
<li><a href="list.html">酒水饮料</a></li>
<li><a href="list.html">个护健康</a></li>
<li><a href="list.html">生活电器</a></li>
<li><a href="list.html">服饰</a></li>
<li><a href="list.html">五金家装</a></li>
</ul>
</div>
</aside>
<div id="main" class="clearfloat warp">
<div class="mui-content">
<!--banner开始-->
<div class="banner swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a></div>
<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a></div>
<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a></div>
<div class="swiper-slide"><a href="javascript:void(0)"><img class="swiper-lazy" data-src="upload/banner.jpg" alt=""></a></div>
</div>
</div>
<!--banner结束-->
<!--第一栏分类开始-->
<div class="cation clearfloat box-s">
<ul>
<li>
<a href="#">
<img src="img/icon1.png"/>
<p>报单专区</p>
</a>
</li>
<li>
<a href="lianmeng.html">
<img src="img/icon2.png"/>
<p>联盟商家</p>
</a>
</li>
<li>
<a href="#">
<img src="img/icon3.png"/>
<p>猜你喜欢</p>
</a>
</li>
<li>
<a href="#">
<img src="img/icon4.png"/>
<p>热门商品</p>
</a>
</li>
</ul>
</div>
<!--第一栏分类结束-->
<!--滚动公告开始-->
<div class="notice clearfloat box-s">
<p class="tit clearfloat fl">利民公告:</p>
<div class="left fl clearfloat box-s">
<div class="slider autoplay">
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
<div>这里是新闻资讯内容可以手滑滚动</div>
</div>
</div>
<a href="#" class="nmore clearfloat fr">更多</a>
</div>
<!--滚动公告结束-->
<!--boutique star-->
<div class="boutique clearfloat box-s">
<div class="boutit clearfloat">
<span></span>
<samp>精品任选</samp>
</div>
<div class="content clearfloat">
<ul>
<li>
<a href="#">
<img src="upload/1.jpg"/>
</a>
</li>
<li>
<a href="#">
<img src="upload/2.jpg"/>
</a>
</li>
</ul>
</div>
</div>
<!--boutique end-->
<!--seller star-->
<div class="seller clearfloat">
<div class="boutit clearfloat">
<span></span>
<samp>热卖推荐</samp>
</div>
<div class="content clearfloat">
<div class="left clearfloat fl">
<a href="detail.html">
<div class="top clearfloat box-s">
<p class="tit over">天天特惠</p>
<span class="over db">每天10点 爆款抢不停</span>
</div>
<div class="tu">
<img src="upload/3.jpg"/>
</div>
</a>
</div>
<div class="right clearfloat fr">
<div class="top clearfloat fl">
<a href="detail.html">
<div class="zuo clearfloat fl box-s">
<p class="tit over">酒水饮料</p>
<span class="over db">炫彩预调鸡尾酒</span>
</div>
<div class="tu clearfloat fr">
<span></span>
<img src="upload/4.jpg"/>
</div>
</a>
</div>
<div class="top clearfloat fl">
<a href="detail.html">
<div class="zuo clearfloat fl box-s">
<p class="tit over">酒水饮料</p>
<span class="over db">炫彩预调鸡尾酒</span>
</div>
<div class="tu clearfloat fr">
<span></span>
<img src="upload/4.jpg"/>
</div>
</a>
</div>
</div>
</div>
</div>
<!--seller end-->
<!--onnew star-->
<div class="onnew clearfloat">
<div class="boutit clearfloat">
<span></span>
<samp>每周上新</samp>
</div>
<div class="content clearfloat">
<div class="top clearfloat">
<div class="list clearfloat fl box-s">
<a href="detail.html">
<div class="zuo clearfloat fl box-s">
<p class="tit over">电器数码</p>
<span class="over db">大屏就�