<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>秦达的Gouleme够了么</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<!--顶部右侧导航栏-->
<!--user开始-->
<div class="user clearfix">
<div class='uc'>
<!--向右浮动，所以倒着写-->
<div class="contact-us">
<img src="img/navi/phone.png"/>
<a href="#">联系我们</a>
</div>
<div class="user-center">
<img src="img/navi/user.png"/>
<a href="#">用户中心</a>
</div>
<div class="check-cart">
<img src="img/navi/cart.png"/>
<a href="#">查看购物车</a>
</div>
<div class="welcome">
<a href="#">亲，欢迎回来！</a>
</div>
</div>
</div>
<!--user结束-->
<!--搜索栏区-->
<!--navi开始-->
<div class="navi">
<div class="search">
<!--搜索框-->
<input type="text" class="searcher" />
<!--搜索键-->
<button type="submit">宝贝搜索</button>
</div>
</div>
<!--navi结束-->
<!--中部展示区-->
<!--banner开始-->
<div class="banner">
<!--顶部首页条-->
<div class="main-navi">
<a class='sy' href="#">首页</a>
<a class="tgcx" href="#">团购促销</a>
<a class="mshc" href="#">名师荟萃</a>
<a class="ypyz" href="#">艺品驿站</a>
</div>
<!--banner大图-->
<div class="banner-img clearfix">
<div class="banner-bg">
<a href="#">韵香观音王</a>
<a class='ypgyw' href="#">御品观音王</a>
<a href="#">满嘴留香金骏眉</a>
<a href="#">花韵正山小种</a>
<a class='dhp' href="#">*大红袍</a>
</div>
</div>
<!--左方导航条-->
<div class="left-navi">
<a class="left-navi1" href="#">所有商品分类</a>
<div class="left-navi2">
<a class="left-navi-title" href="#">木艺</a>
<a href="#">书香文房</a>
<a href="#">桂品</a>
<a href="#">佛件</a>
<a href="#">美玉</a>
<a href="#">木艺佛道</a>
</div>
<div class="left-navi2">
<a class="left-navi-title" href="#">石艺</a>
<a href="#">书香文房</a>
<a href="#">桂品</a>
<a href="#">佛件</a>
<a href="#">美玉</a>
<a href="#">木艺佛道</a>
</div>
<div class="left-navi2">
<a class="left-navi-title" href="#">陶艺</a>
<a href="#">书香文房</a>
<a href="#">桂品</a>
<a href="#">佛件</a>
<a href="#">美玉</a>
<a href="#">木艺佛道</a>
</div>
</div>
<!--右方导航条-->
<div class="right-navi">
<div class="right-navi-title"></div>
<!--三个一样的设计-->
<div class="box1 clearfix">
<img src='img/navi/right-navi-img.png'/>
<div class="rn-little-title">顶尖的设计</div>
<span class="rn-content">
来这里的基本上都是<br />喝茶的人，有的...
</span>
</div>
<div class="box1 clearfix">
<img src='img/navi/right-navi-img.png'/>
<div class="rn-little-title">顶尖的设计</div>
<span class="rn-content">
来这里的基本上都是<br />喝茶的人，有的...
</span>
</div>
<div class="box1 clearfix box3">
<img src='img/navi/right-navi-img.png'/>
<div class="rn-little-title">顶尖的设计</div>
<span class="rn-content">
来这里的基本上都是<br />喝茶的人，有的...
</span>
</div>
<div class="more">
<a class='for-more' href="#">查看更多>></a>
</div>
</div>
</div>
<!--banner结束-->
<!--牛屎区-->
<!--news1开始-->
<div class="news w">
<!--顶部的两个元素-->
<div class="top-two">
<div class="top-left">精品推荐</div>
<a class="top-right" href="#">查看更多>></a>
</div>
<div class="news-pic clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change2 clearfix">
<div class="shadow">
<a href="#">年终大促实惠佛珠</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change3 clearfix">
<div class="shadow">
<a href="#">最新优惠活动进行中</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change4 clearfix">
<div class="shadow">
<a href="#">中国茶和茶具的搭配 </a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
</div>
<!--news1结束-->
<!--news2开始-->
<div class="news w">
<!--顶部的两个元素-->
<div class="top-two">
<div class="top-left">新品上市</div>
<a class="top-right" href="#">查看更多>></a>
</div>
<div class="news-pic change5 clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change6 clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change1 clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change3 clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
</div>
<!--news2结束-->
<!--news3开始-->
<div class="news w">
<!--顶部的两个元素-->
<div class="top-two">
<div class="top-left">热卖商品</div>
<a class="top-right" href="#">查看更多>></a>
</div>
<div class="news-pic clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change2 clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change3 clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
<div class="news-pic change4 clearfix">
<div class="shadow">
<a href="#">送礼领导长辈*正山小种</a>
</div>
<!--购买链接-->
<div class="message">
<a class="abs" href="#">*岩茶正宗武夷特产 特级大红袍</a>
<span>商城价: ￥58元 </span>
<a class='buy' href="#">购买</a>
</div>
</div>
</div>
<!--news3结束-->
<!--bottom开始-->
<div class="bottom">
<img src="img/bottom.png"/>
</div>
<!--bottom结束-->
</body>
</html>
