⛵ 源码获取 文末联系 ✈
Web前端开发技术
描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 在线商城购物 | 水果商城 | 商城系统建设 | 多平台移动商城 | H5微商城购物商城项目 | HTML期末大学生网页设计作业，Web大学生网页
-
HTML：结构
-
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识 -
JavaScript：做与用户的交互行为
前端学习路线
（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）
网页基本结构
(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面
网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用.
网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。
网页演示
HTML结构代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>淘宝网 - 淘！我喜欢</title>
<!-- 引入css文件 -->
<link rel="stylesheet" href="css/font_1476086402_7038264.css">
<link rel="stylesheet" href="css/resetStyle.css">
<link rel="stylesheet" href="css/QR.css">
<link rel="stylesheet" href="css/fixed-nav.css">
<link rel="stylesheet" href="css/fixed-search.css">
<link rel="stylesheet" href="css/help.css">
<link rel="stylesheet" href="css/link.css">
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/often-visit.css">
<link rel="stylesheet" href="css/trail.css">
<link rel="stylesheet" href="css/side-nav.css">
<link rel="stylesheet" href="css/slide1.css">
<link rel="stylesheet" href="css/slide2.css">
<link rel="stylesheet" href="css/search.css">
<link rel="stylesheet" href="css/head.css">
<link rel="stylesheet" href="css/aliAPP.css">
<link rel="stylesheet" href="css/side-announcement.css">
<link rel="stylesheet" href="css/side-recharge.css">
<link rel="stylesheet" href="css/side-user.css">
<link rel="stylesheet" href="css/hot-today.css">
<link rel="stylesheet" href="css/popularity.css">
<link rel="stylesheet" href="css/my-often-visit.css">
<link rel="stylesheet" href="css/ifashion.css">
<link rel="stylesheet" href="css/quality.css">
<link rel="stylesheet" href="css/feature.css">
<link rel="stylesheet" href="css/benefits.css">
<link rel="stylesheet" href="css/headline.css">
<link rel="stylesheet" href="css/goodGoods.css">
<link rel="stylesheet" href="css/goodShop.css">
<link rel="stylesheet" href="css/hotSale.css">
<link rel="stylesheet" href="css/hotSaleBottom.css">
<link rel="stylesheet" href="css/guessYouLike.css">
<link rel="shortcut icon" href="http://www.ylcp.shop/files/files/1652753810198/img/title.ico" type="image/x-icon">
<style>
body{
background: #F1F1F1; }
#search{
width: inherit; height: inherit; background: #fff; }
#logo,.search,.QR-code{
float: left; }
#search .search-bg{
width: 1190px; height: 164px; margin: 0 auto; position: relative; }
#main{
width: 1190px; margin: 0 auto; }
#sub-main{
width: 889px; position: relative; float: left; }
#sub-main #market,#sub-main .slide,#sub-main .good-bag,#sub-main .slide2,#sub-main .hot-today{
float: left; }
.good-bag{
margin: 10px 0 0 9px; }
.bag{
position: absolute; left: 0; top: 489px; }
.bag img{
width: 192px; }
#side{
float: right; width: 290px; }
.price-99{
display: inline-block; line-height: 0; margin: 15px 0 0 5px; }
.startwork-lowprice{
float: left; margin: 16px 0 0 5px; }
#shunfengbaoyou{
width: 290px; height: 270px; margin-top: 73px; }
#shunfengbaoyou img{
margin-left: 5px; }
#shunfengbaoyou h2{
font-size: 14px; font-weight: bold; color: #3C3C3C; margin-bottom: 12px; }
</style>
</head>
<body>
<!--固定的右侧导航条-->
<div class="fixed-nav">
<ul>
<li class="often"><a href="javascript:;">我常逛的</a></li>
<li class="fashion"><a href="javascript:;">时尚</a></li>
<li class="quality"><a href="javascript:;">品质</a></li>
<li class="feature"><a href="javascript:;">特色</a></li>
<li class="benefits"><a href="javascript:;">实惠</a></li>
<li class="guess-like"><a href="javascript:;">猜你喜欢</a></li>
<li class="top"><a href="javascript:;"><span class="arrows iconfont icon-jiantoushang"></span><span class="top-span">顶部</span></a></li>
<li class="couple-back"><a href="javascript:;">反馈</a></li>
<li class="report"><a href="javascript:;">暴恐举报</a></li>
</ul>
</div>
<!--固定定位的search-->
<div class="fixed-search">
<div class="wrap">
<a class="logo" href="#"><img src="picture/1.png" alt=""></a>
<div class="box-1">
<form class="form clear" action="#">
<div class="choose">
<a class="active goods" href="javascript:;">宝贝</a>
<a class="Tmall" href="javascript:;">天猫</a>
<a class="shop" href="javascript:;">店铺</a>
</div>
<input class="text" type="text">
<span class="wrap-1 iconfont icon-xiangji"><input class="file" type="file"></span>
<input class="submit" type="submit" value="搜索">
</form>
</div>
<div class="box-2">
<form class="form clear" action="#">
<div class="choose">
<a class="active Tmall" href="javascript:;">天猫</a>
<a class="goods" href="javascript:;">宝贝</a>
<a class="shop" href="javascript:;">店铺</a>
</div>
<input class="text text-2" type="text">
<input class="submit submit-2" type="submit" value="搜索">
</form>
</div>
<div class="box-3">
<form class="form clear" action="#">
<div class="choose">
<a class="active shop" href="javascript:;">店铺</a>
<a class="Tmall" href="javascript:;">天猫</a>
<a class="goods" href="javascript:;">宝贝</a>
</div>
<input class="text text-3" type="text">
<input class="submit" type="submit" value="搜索">
</form>
</div>
</div>
</div>
<!--头部-->
<div id="header">
<div id="headwrap">
<div id="head">
<ul class="left">
<li><a class="active left-1" href="#">亲，请登录</a></li>
<li><a class="left-2" href="#">免费注册</a></li>
<li><a class="left-3" href="#">手机逛淘宝</a></li>
</ul>
<ul class="right">
<li class="li-1 my-taobao"><a class="left" href="#">我的淘宝</a><span class="iconfont icon-xiajiantou"></span>
<ul>
<li><a href="#">已买到的宝贝</a></li>
<li><a href="#">我的足迹</a></li>
</ul>
</li>
<li class="li-1 shopping-cart"><span class="left iconfont icon-gouwuche"></span><a href="#">购物车<span class="count">0</span></a><span class="iconfont icon-xiajiantou"></span>
<ul></ul>
</li>
<li class="li-1 favorite"><span class="left iconfont icon-shoucangjia"></span><a href="#">收藏夹</a><span class="iconfont icon-xiajiantou"></span>
<ul>
<li><a href="#">收藏的宝贝</a></li>
<li><a href="#">收藏的店铺</a></li>
</ul>
</li>
<li class="li-1 classify"><a class="left" href="#">商品分类</a><span class="iconfont icon-shuxian"></span>
</li>
<li class="li-1 seller"><a class="left" href="#">卖家中心</a><span class="iconfont icon-xiajiantou"></span>
<ul>
<li><a href="#">免费开店</a></li>
<li><a href="#">已卖出的宝贝</a></li>
<li><a href="#">出售中的宝贝</a></li>
<li><a href="#">卖家服务市场</a></li>
<li><a href="#">卖家培训中心</a></li>
<li><a href="#">体检中心</a></li>
</ul>
</li>
<li class="li-1 service"><a class="left" href="#">联系客服</a><span class="iconfont icon-xiajiantou"></span>
<ul>
<li><a href="#">消费者客服</a></li>
<li><a href="#">卖家客服</a></li>
</ul>
</li>
<!-- 网站导航 -->
<li class="nav-li-1 navigation"><span class="left iconfont icon-daohang"></span><a href="#">网站导航</a><span class="iconfont icon-xiajiantou"></span>
<ul class="ul-1">
<li class="li-2 d-1">
<h2 class="h2-1">主题市场</h2>
<ul class="ul-2">
<li><a class="hot" href="#">女装</a></li>
<li><a href="#">男装</a></li>
<li><a href="#">内衣</a></li>
<li><a href="#">鞋靴</a></li>
<li><a href="#">箱包</a></li>
<li><a href="#">婴童</a></li>
<li><a class="n" href="#">家电</a></li>
<li><a href="#">数码</a></li>
<li><a href="#">手机</a></li>
<li><a href="#">美妆</a></li>
<li><a href="#">珠宝</a></li>
<li><a href="#">眼镜</a></li>
<li><a href="#">手表</a></li>
<li><a href="#">运动</a></li>
<li><a href="#">户外</a></li>
<li><a href="#">乐器</a></li>
<li><a href="#">游戏</a></li>
<li><a href="#">动漫</a></li>
<li><a href="#">影视</a></li>
<li><a href="#">美食</a></li>
<li><a href="#">鲜花</a></li>
<li><a href="#">宠物</a></li>
<li><a href="#">农资</a></li>
<li><a href="#">房产</a></li>
<li><a href="#">装修</a></li>
<li><a href="#">建材</a></li>
<li><a class="hot" href="#">家居</a></li>
<li><a href="#">百货</a></li>
<li><a href="#">汽车</a></li>
<li><a href="#">二手车</a></li>
<li><a href="#">办公</a></li>
<li><a href="#">企业购</a></li>
<li><a href="#">定制</a></li>
<li><a href="#">教育</a></li>
<li><a href="#">卡券</a></li>
<li><a href="#">本地</a></li>
</ul>
</li>
<li class="li-2 d-2">
<h2 class="h2-2">特色市场</h2>
<ul class="ul-2 w-2">
<li><a class="n" href="#">iFashion</a></li>
<li><a href="#">爱逛街</a></li>
<li><a href="#">美妆秀</a></li>
<li><a class="hot" href="#">全球购</a></li>
<li><a href="#">腔调</a></li>
<li><a href="#">淘女郎</a></li>
<li><a href="#">星店</a></li>
<li><a href="#">汇吃</a></li>
<li><a href="#">格调</a></li>
<li><a href="#">运动派</a></li>
<li><a class="hot" href="#">极有家</a></li>
<li><a href="#">特色中国</a></li>
<li><a href="#">潮店街</a></li>
<li><a href="#">拍卖会</a></li>
<li><a href="#">淘宝众筹</a></li>
<li><a href="#">中国质造</a></li>
<li><a href="#">质+</a></li>
<li><a href="#">阿里旅行</a></li>
<li><a class="n" href="#">亲宝贝</a></li>
<li><a href="#">闲鱼</a></li>
<li><a href="#">桃花源</a></li>
<li><a href="#">农资</a></li>
<li>
<aclass="hot" href="#">天天特价
</aclass="hot"></li>
<li><a href="#">清仓</a></li>
<li><a href="#">俪人购</a></li>
<li><a href="#">聚名品</a></li>
<li><a href="#">淘抢购</a></li>
<li><a href="#">生活汇</a></li>
<li><a href="#">全球精选</a></li>
<li><a href="#">非常大牌</a></li>
<li><a href="#">试用</a></li>
<li><a href="#">量贩团</a></li>
<li><a href="#">阿里翻译</a></li>
</ul>
</li>
<li class="li-2 d-3">
<h2 class="h2-3">阿里APP</h2>
<ul class="ul-2 w-2">
<li><a class="hot" href="#">淘宝</a></li>
<li><a href="#">天猫</a></li>
<li><a href="#">支付宝</a></li>
<li><a href="#">聚划算</a></li>
<li><a href="#">去啊</a></li>
<li><a class="n" href="#">蚂蚁聚宝</a></li>
<li><a href="#">旺信</a></li>
<li><a class="hot" href="#">闲鱼</a></li>
<li><a href="#">阿里钱盾</a></li>
<li><a class="hot" href="#">钉钉</a></li>
<li><a href="#">高德地图</a></li>
<li><a href="#">点点虫</a></li>
<li><a href="#">虾米音乐</a></li>
<li><a href="#">淘宝电影</a></li>
<li><a class="n" href="#">菜鸟裹裹</a></li>
<li><a href="#">爱逛街</a></li>
<li><a href="#">拍卖会</a></li>
<li><a href="#">阿里云</a></li>
<li><a href="#">网商银行</a></li>
<li><a class="n" href="#">阿里邮箱</a></li>
<li><a href="#">阿里众包</a></li>
</ul>
</li>
<li class="li-2 d-4">
<h2 class="h2-4">精彩推荐集</h2>
<ul class="ul-2 w-3">
<li><a class="hot" href="#">余额宝</a></li>
<li><a href="#">大牌捡宝</a></li>
<li><a href="#">淘公仔</a></li>
<li><a href="#">浏览器</a></li>
<li><a href="#">淘宝香港</a></li>
<li><a href="#">淘宝台湾</a></li>
<li><a href="#">淘宝全球</a></li>
<li><a href="#">淘宝东南亚</a></li>
<li><a href="#">闺蜜淘货</a></li>
<li><a href="#">淘宝视频</a></li>
<li><a href="#">大众评审</a></li>
<li><a class="n" href="#">淘工作</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!--search-->
<div id="search">
<div class="search-bg">
<a href="#"><img id="logo" src="picture/logo.png"></a>
<div class="search">
<p class="title clear">
<a class="goods active" href="#" javascript:;="">宝贝</a>
<a class="tmall" href="#" javascript:;="">天猫</a>
<a class="store" href="#" javascript:;="">店铺</a>
</p>
<div class="box-1">
<form class="form clear" action="#">
<input class="text" type="text">
<span class="wrap iconfont icon-xiangji"><input class="file" type="file"></span>
<input class="submit" type="submit" value="搜索">
</form>
<a class="adv-search" href="#">高级搜索</a>
<ul class="clear">
<li><a class="hot" href="#">男休闲裤</a></li>
<li><a class="hot" href="#">月饼礼盒</a></li>
<li><a class="hot" href="#">男士T恤</a></li>
<li><a href="#">老人机</a></li>
<li><a class="hot" href="#">老人手机</a></li>
<li><a href="#">笔记本</a></li>
<li><a href="#">男装</a></li>
<li><a href="#">月饼</a></li>
<li><a href="#">男鞋</a></li>
<li><a href="#">时尚女包</a></li>
<li><a href="#">长袖女T恤</a></li>
<li><a href="#">男包</a></li>
<li class="more"><a href="#">更多></a></li>
</ul>
</div>
<div class="box-2">
<form class="form clear" action="#">
<input class="text text-2" type="text">
<input class="submit submit-2" type="submit" value="搜索">
</form>
<a class="adv-search" href="#">高级搜索</a>
<ul class="clear">
<li><a href="#">妈妈装</a></li>
<li><a class="hot-2" href="#">休闲裤男</a></li>
<li><a href="#">女鞋</a></li>
<li><a class="hot-2" href="#">笔记本电脑</a></li>
<li><a href="#">睡衣</a></li>
<li><a href="#">运动鞋</a></li>
<li><a class="hot-2" href="#">拉杆箱</a></li>
<li><a href="#">月饼</a></li>
<li><a class="hot-2" href="#">奶粉</a></li>
<li><a href="#">零食</a></li>
<li><a href="#">吹风机</a></li>
<li><a class="hot-2" href="#">避孕套</a></li>
<li><a href="#">双肩包</a></li>
</ul>
</div>
<div class="box-3">
<form class="form clear" action="#">
<input class="text text-3" type="text">
<input class="submit" type="submit" value="搜索">
</form>
<a class="adv-search" href="#">高级搜索</a>
<ul class="clear">
<li><a class="hot" href="#">男休闲裤</a></li>
<li><a class="hot" href="#">月饼礼盒</a></li>
<li><a class="hot" href="#">男士T恤</a></li>
<li><a href="#">老人机</a></li>
<li><a class="hot" href="#">老人手机</a></li>
<li><a href="#">笔记本</a></li>
<li><a href="#">男装</a></li>
<li><a href="#">月饼</a></li>
<li><a href="#">男鞋</a></li>
<li><a href="#">时尚女包</a></li>
<li><a href="#">长袖女T恤</a></li>
<li><a href="#">男包</a></li>
<li class="more"><a href="#">更多></a></li>
</ul>
</div>
</div>
<div class="QR-code">
<li>
<a class="close iconfont icon-cha" href="javascript:;"></a>
</li>
<li>
<a href=""><img src="picture/11.png" alt=""></a>
</li>
</div>
<div class="nav">
<ul>
<li class="hot"><a href="#">天猫</a></li>
<li class="hot"><a href="#">聚划算</a></li>
<li class="hot"><a href="#">天猫超市</a></li>
<li class="iconfont icon-shuxian"></li>
<li><a href="#">淘抢购</a></li>
<li><a href="#">电器城</a></li>
<li><a href="#">司马拍卖</a></li>
<li><a href="#">中国质造</a></li>
<li><a href="#">特色中国</a></li>
<li class="iconfont icon-shuxian"></li>
<li><a href="#">阿里旅行</a></li>
<li><a href="#">智能生活</a></li>
<li><a href="#">苏宁易购</a></li>
</ul>
</div>
</div>
</div>
<!--main-->
<div id="main">
<div id="sub-main">
<div id="market">
<ul>
<li class="title"><a href="#">主题市场</a><a href="#"><span class="iconfont icon-caidan"></span></a></li>
<!-- 1 -->
<li class="_li">
<p class="p1"><span class="zhan1 iconfont icon-fuzhuangneiyi"></span><a href="#">女装</a>/<a href="#">男装</a>/<a href="#">内衣</a><span class="zhan2 iconfont icon-hot"></span><span class="arrow">></span></p>
<ul class="right">
<li class="__li">
<p class="p2"><a class="h3 woman_dress" href="#">女装</a><a class="more" href="#">更多></a></p>
<ul>
<li><a href="#">韩版</a></li>
<li><a class="hot" href="#">秋新品</a></li>
<li><a href="#">淘品牌</a></li>
<li><a href="#">90后潮流志</a></li>
<li><a class="hot" href="#">连衣裙</a></li>
<li><a class="hot" href="#">T恤</a></li>
<li><a href="#">裤子</a></li>
<li><a href="#">衬衫</a></li>
<li><a href="#">雪纺/蕾丝衫</a></li>
<li><a class="hot" href="#">半身裙</a></li>
<li><a class="hot" href="#">套装</a></li>
<li><a href="#">卫衣</a></li>
<li><a href="#">高腰裤</a></li>
<li><a href="#">牛仔裤</a></li>
<li><a href="#">短外套</a></li>
<li><a href="#">小西装</a></li>
<li><a class="hot" href="#">风衣</a></li>
<li><a class="hot" href="#">针纺衫</a></li>
<li><a href="#">阔腿裤</a></li>
<li><a href="#">雪纺衫</a></li>
<li><a href="#">伯尼外套</a></li>
<li><a href="#">妈妈装</a></li>
<li><a class="hot" href="#">大码</a></li>
<li><a href="#">好货</a></li>
<li><a class="hot" href="#">红人私服</a></li>
<li><a href="#">甜美风</a></li>
<li><a class="hot" href="#">文艺风</a></li>
<li><a class="hot" href="#">原创单品</a></li>
<li><a href="#">街风头</a></li>
<li><a href="#">通勤风</a></li>
<li><a href="#">大厂直供</a></li>
</ul>
</li>
<li class="__li">
<p class="p2"><a class="h3 man_dress" href="#">男装</a><a class="more" href="#">更多></a></p>
<ul>
<li><a class="hot" href="#">刺绣夹克潮</a></li>
<li><a class="hot" href="#">焕新</a></li>
<li><a href="#">潮搭</a></li>
<li><a href="#">设计款</a></li>
<li><a href="#">品牌清仓</a></li>
<li><a href="#">质造</a></li>
<li><a class="hot" href="#">短袖T</a></li>
<li><a href="#">条纹T</a></li>
<li><a href="#">纯色T</a></li>
<li><a class="hot" href="#">衬衫</a></li>
<li><a class="hot" href="#">短裤</a></li>
<li><a href="#">休闲裤</a></li>
<li><a href="#">小脚裤</a></li>
<li><a href="#">哈伦裤</a></li>
<li><a href="#">运动裤</a></li>
<li><a href="#">九分裤</a></li>
<li><a class="hot" href="#">夹克</a></li>
<li><a href="#">薄外套</a></li>
<li><a href="#">棒球服</a></li>
<li><a href="#">牛仔外套</a></li>
<li><a href="#">牛仔衬衫</a></li>
<li><a class="hot" href="#">牛仔裤</a></li>
<li><a href="#">卫衣</a></li>
<li><a href="#">情侣装</a></li>
<li><a href="#">运动套装</a></li>
<li><a href="#">西装</a></li>
<li><a href="#">风衣</a></li>
<li><a href="#">Polo</a></li>
<li><a href="#">马甲</a></li>
<li><a href="#">背心</a></li>
<li><a href="#">开衫</a></li>
<li><a class="hot" href="#">大码</a></li>
</ul>
</li>
<li class="__li">
<p class="p2"><a class="h3 underwear" href="#">内衣</a><a class="more" href="#">更多></a></p>
<ul>
<li><a class="hot" href="#">抢新品</a></li>
<li><a href="#">薄款</a></li>
<li><a class="hot" href="#">性感</a></li>
<li><a href="#">透视</a></li>
<li><a href="#">抹胸</a></li>
<li><a href="#">文胸</a></li>
<li><a class="hot" href="#">发育期</a></li>
<li><a href="#">聚拢</a></li>
<li><a href="#">睡衣</a></li>
<li><a href="#">套装</a></li>
<li><a class="hot" href="#">胖MM</a></li>
<li><a href="#">连体睡衣</a></li>
<li><a href="#">情侣睡衣</a></li>
<li><a href="#">女内裤</a></li>
<li><a class="hot" href="#">男内裤</a></li>
<li><a href="#">丁字裤</a></li>
<li><a href="#">无痕内裤</a></li>
<li><a href="#">丝袜</a></li>
<li><a href="#">棉袜</a></li>
<li><a href="#">打底裤</a></li>
<li><a href="#">美体衣</a></li>
</ul>
</li>
<li class="like">
</li>
</ul>
</li>
<!-- 2 -->
<li class="_li">
<p class="p1"><span class="zhan1 iconfont icon-xiexue"></span><a href="#">鞋靴</a>/<a href="#">箱包</a>/<a href="#">配件</a><span class="arrow">></span></p>
<ul class="right">
<li class="__li">
<p class="p2"><a class="h3 shoe" href="#">鞋靴</a><a class="more" href="#">更多></a></p>
<ul>
<li><a class="hot" href="#">女鞋</a></li>
<li><a class="hot" href="#">新品</a></li>
<li><a href="#">夏上新</a></li>
<li><a href="#">懒人一脚蹬</a></li>
<li><a class="hot" href="#">绑带鞋</a></li>
<li><a href="#">中空鞋</a></li>
<li><a href="#">后空鞋</a></li>
<li><a href="#">人字拖</a></li>
<li><a href="#">一字拖</a></li>
<li><a href="#">四季鞋</a></li>
<li><a href="#">松糕厚底</a></li>
<li><a class="hot" href="#">简约平底</a></li>
<li><a href="#">气质高跟</a></li>
<li><a href="#">帆布鞋</a></li>
<li><a href="#">妈妈鞋</a></li>
<li><a class="hot" href="#">男鞋</a></li>
<li><a href="#">休闲鞋</a></li>
<li><a class="hot" href="#">夏季新品</a></li>
<li><a href="#">凉字拖</a></li>
<li><a href="#">网面鞋</a></li>
<li><a href="#">洞洞鞋</a></li>
<li><a class="hot" href="#">豆豆鞋</a></li>
<li><a href="#">运动鞋</a></li>
<li><a href="#">板鞋</a></li>
<li><a href="#">乐福鞋</a></li>
<li><a href="#">正装鞋</a></li>
<li><a href="#">商务鞋</a></li>
<li><a href="#">帆布鞋</a></li>
<li><a href="#">布洛克</a></li>
<li><a href="#">爸爸鞋</a></li>
<li><a href="#">潮鞋</a></li>
</ul>
</li>
<li class="__li">
<p class="p2"><a class="h3 bag" href="#">箱包</a><a class="more" href="#">更多></a></p>
<ul>
<li><a href="#">女包</a></li>
<li><a href="#">男包</a></li>
<li><a href="#">双肩包</a></li>
<li><a href="#">拉杆箱</a></li>
<li><a href="#">钱包</a></li>
<li><a class="hot" href="#">夏上新</a></li>
<li><a href="#">明星款</a></li>
<li><a href="#">潮包</a></li>
<li><a href="#">大牌</a></li>
<li><a href="#">真皮包</a></li>
<li><a href="#">帆布包</a></li>
<li><a href="#">单肩包</a></li>
<li><a href="#">斜挎包</a></li>
<li><a href="#">手提包</a></li>
<li><a href="#">手拿包</a></li>
<li><a href="#">手机包</a></li>
<li><a href="#">零钱包</a></li>
<li><a href="#">中年包</a></li>
<li><a href="#">迷你包</a></li>
<li><a href="#">大包</a></li>
<li><a href="#">小方包</a></li>
<li><a href="#">贝壳包</a></li>
<li><a href="#">链条包</a></li>
<li><a href="#">欧美风</a></li>
<li><a href="#">日韩风</a></li>
<li><a href="#">学院风</a></li>
<li><a href="#">腰包</a></li>
<li><a href="#">通勤</a></li>
<li><a href="#">休闲</a></li>
<li><a href="#">胸包</a></li>
<li><a href="#">学生箱</a></li>
<li><a href="#">拉杆包</a></li>
<li><a href="#">航空箱</a></li>
<li><a href="#">万向轮</a></li>
</ul>
</li>
<li class="__li">
<p class="p2"><a class="h3 part" href="#">配件配饰</a><a class="more" href="#">更多></a></p>
<ul>
<li><a class="hot" href="#">帽子</a></li>
<li><a href="#">棒球帽</a></li>
<li><a href="#">贝雷帽</a></li>
<li><a href="#">渔夫帽</a></li>
<li><a class="hot" href="#">鸭舌帽</a></li>
<li><a href="#">围巾</a></li>
<li><a href="#">羊绒</a></li>
<li><a href="#">披肩</a></li>
<li><a href="#">皮带</a></li>
<li><a href="#">头层牛皮</a></li>
<li><a class="hot" href="#">帆布腰包</a></li>
<li><a href="#">假领</a></li>
<li><a href="#">手套</a></li>
<li><a href="#">手链</a></li>
<li><a href="#">DIY饰品</a></li>
<li><a href="#">发饰</a></li>
<li><a href="#">耳饰</a></li>
<li><a class="hot" href="#">戒指</a></li>
<li><a href="#">吊坠</a></li>
<li><a class="hot" href="#">手串</a></li>
<li><a href="#">手镯</a></li>
<li><a href="#">首饰收纳</a></li>
<li><a href="#">小叶紫檀</a></li>
<li><a href="#">胸针</a></li>
<li><a href="#">银饰</a></li>
<li><a class="hot" href="#">水晶饰品</a></li>
<li><a href="#">耳钉</a></li>
<li><a href="#">毛衣链</a></li>
<li><a class="hot" href="#">锁骨链</a></li>
<li><a href="#">新娘头饰</a></li>
<li><a href="#">对戒</a></li>
<li><a href="#">时尚饰品</a></li>
</ul>
</li>
<li class="like">
</li>
</ul>
</li>
<!-- 3 -->
<li class="_li">
<p class="p1"><span class="zhan1 iconfont icon-naiping"></span><a class="a1" href="#">童装玩具</a>/<a href="#">孕产</a>/<a href="#">用</a><span class="arrow">></span></p>
<ul class="right">
<li class="__li">
<p class="p2"><a class="h3 toy" href="#">童装玩具</a><a class="more" href="#">更多></a></p>
<ul>
<li><a class="hot" href="#">童装新款</a></li>
<li><a href="#">演出服</a></li>
<li><a href="#">新生儿礼盒</a></li>
<li><a href="#">连衣裙</a></li>
<li><a href="#">打底裤</a></li>
<li><a href="#">男童外套</a></li>
<li><a href="#">男童裤子</a></li>
<li><a href="#">女童外套</a></li>
<li><a href="#">遮阳帽</a></li>
<li><a href="#">亲子装</a></li>
<li><a href="#">童装</a></li>
<li><a href="#">女童鞋春款</a></li>
<li><a href="#">男童鞋春款</a></li>
<li><a href="#">学步鞋</a></li>
<li><a href="#">女童运动鞋</a></li>
<li><a href="#">男同运动鞋</a></li>
<li><a href="#">毛毛虫童鞋</a></li>
<li><a href="#">玩具</a></li>
<li><a href="#">积木</a></li>
<li><a href="#">早教</a></li>
<li><a href="#">儿童自行车</a></li>
<li><a href="#">电动童车</a></li>
<li><a href="#">遥控模型</a></li>
<li><a href="#">户外玩具</a></li>
<li><a href="#">亲子玩具</a></li>
<li><a href="#">学习用品</a></li>
<li><a href="#">描红本</a></li>
</ul>
</li>
<li class="__li">
<p class="p2"><a class="h3 pab" href="#">孕产用品</a><a class="more" href="#">更多></a></p>
<ul>
<li><a href="#">孕妇春装</a></li>
<li><a href="#">孕妇裤</a></li>
<li><a href="#">月子服</a></li>
<li><a href="#">哺乳文胸</a></li>
<li><a href="#">吸奶器</a></li>
<li><a href="#">孕妇内裤</a></li>
<li><a href="#">连衣裙</a></li>
<li><a href="#">待产包</a></li>
<li><a href="#">孕妇牛仔裤</a></li>
<li><a href="#">孕妇营养品</a></li>
<li><a href="#">防溢乳垫</a></li>
<li><a href="#">美德乐</a></li>
<li><a href="#">十月妈咪</a></li>
<li><a href="#">三洋</a></li>
<li><a href="#">Bravado</a></li>
<li><a href="#">新生儿</a></li>
<li><a href="#">婴儿床</a></li>
<li><a href="#">婴儿推车</a></li>
<li><a href="#">睡袋</a></li>
<li><a href="#">抱被</a></li>
<li><a href="#">隔尿垫</a></li>
<li><a href="#">学步车</a></li>
<li><a href="#">安抚奶嘴</a></li>
<li><a href="#">体温计</a></li>
<li><a href="#">纸尿裤</a></li>
<li><a href="#">花王</a></li>
<li><a href="#">洗衣液</a></li>
<li><a href="#">湿巾</a></li>
</ul>
</li>
<li class="__li">
<p class="p2"><a class="h3 make" href="#">奶食</a><a class="more" href="#">更多></a></p>
<ul>
<li><a href="#">爱他美</a></li>
<li><a href="#">羊奶粉</a></li>
<li><a href="#">特殊配方奶粉</a></li>
<li><a href="#">喜宝</a></li>
<li><a href="#">惠氏</a></li>
<li><a href="#">启禀</a></li>
<li><a href="#">牛栏</a></li>
<li><a href="#">美素佳儿</a></li>
<li><a href="#">贝因美</a></li>
<li><a href="#">雅培</a></li>
<li><a href="#">美赞成</a></li>
<li><a href="#">可瑞康</a></li>
<li><a href="#">a2</a></li>
<li><a href="#">嘉宝</a></li>
<li><a href="#">美林</a></li>
<li><a href="#">米粉</a></li>
<li><a href="#">泡芙</a></li>
<li><a href="#">溶溶豆</a></li>
<li><a href="#">肉肠</a></li>
<li><a href="#">果肉条</a></li>
<li><a href="#">奶片</a></li>
<li><a href="#">益生菌</a></li>
<li><a href="#">维生素</a></li>
<li><a href="#">钙铁锌</a></li>
<li><a href="#">DHA</a></li>
<li><a href="#">宝宝食用油</a></li>
<li><a href="#">核桃油</a></li>
<li><a href="#">葡萄糖</a></li>
<li><a href="#">宝宝调料</a></li>
<li><a href="#">奶瓶</a></li>
<li><a href="#">餐具</a></li>
<li><a href="#">餐椅</a></li>
<li><a href="#">暖奶器</a></li>
</ul>
</li>
<li class="like">
</li>
</ul>
</li>
<!-- 4 -->
<li class="_li">
<p class="p1"><span class="zhan1 iconfont icon-shouji"></span><a href="#">家电</a>/<a href="#">数码</a>/<a href="#">手机</a><span class="zhan2 iconfont icon-hot"></span><span class="arrow">></span></p>
<ul class="right">
<li class="__li">
<p class="p2"><a class="h3 appliance" href="#">家电</a><a class="more" href="#">更多></a></p>
<ul>
<li><a href="#">蒸汽拖把</a></li>
<li><a href="#">除螨仪</a></li>
<li><a class="hot" href="#">净水器</a></li>
<li><a href="#">吸尘器</a></li>
<li><a href="#">扫地机器人</a></li>
<li><a href="#">烤箱</a></li>
<li><a class="hot" href="#">豆浆机</a></li>
<li><a href="#">榨汁机</a></li>
<li><a href="#">电饭煲</a></li>
<li><a class="hot" href="#">足浴盆</a></li>
<li><a href="#">剃须刀</a></li>
<li><a href="#">卷发器</a></li>
<li><a class="hot" href="#">按摩器材</a></li>
<li><a href="#">网络机顶盒</a></li>
<li><a href="#">耳机</a></li>
<li><a href="#">HiFi音箱</a></li>
<li><a class="hot" href="#">蓝牙音箱</a></li>
<li><a href="#">看片神器</a></li>
<li><a href="#">音响</a></li>
<li><a href="#">看戏机</a></li>
<li><a class="hot" href="#">空调</a></li>
<li><a href="#">油烟机</a></li>
<li><a class="hot" href="#">平板电视</a></li>
<li><a href="#">好货</a></li>
<li><a href="#">洗衣机</a></li>
<li><a href="#">冰箱</a></li>
<li><a href="#">厨房大电</a></li>
</ul>
</li>
<li class="__li">
<p class="p2"><a class="h3 digital" href="#">数码</a><a class="more" href="#">更多></a></p>
<ul>
<li><a class="hot" href="#">苹果ipad</a></li>
<li><a href="#">win10平板</a></li>
<li><a href="#">平板电脑</a></li>
<li><a class="hot" href="#">超级本</a></li>
<li><a href="#">笔记本</a></li>
<li><a href="#">镜头</a></li>
</li>
<!-- 2 -->
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
<span class="count">销量:1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="hot">HOT</span>
<span class="price">￥2249.1</span>
<span class="count">销量:1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p>
</div>
</div>
</a>
</li>
<li>
<a href="#">
<div class="wrap">
<div class="content">
<img src="picture/17.png" alt="">
<p>Nina出口法国家具 超美仿古单人沙发扶手椅棕色 条纹最后一个现货</p>
<span class="price">￥2249.1</span>
</div>
<!-- 遮罩 -->
<div class="shade"></div>
<!-- 遮罩内的文字内容 -->
<div class="seeMore">
<h3>找相似</h3>
<p>发现更多相似的宝贝</p