<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>搜索</title>
<style>
* {
margin: 0px;
padding: 0px;
}
.nav {
color: gray;
line-height: 35px;
font-size: 12px;
background: linear-gradient(to bottom, #E2E2E2, #F3F3F3, #F5F5F5);
}
.na1 {
text-indent: 4em;
}
.na2 {
margin-right: 50px;
float: right;
}
.na3 {
margin-right: -55px;
float: left;
}
a {
text-decoration: none;
color: gray;
}
header a:hover {
color: orangered;
}
ul {
list-style: none;
}
.ul {
float: left;
}
.li {
background: url(image/t_arrow.gif) no-repeat right center;
display: inline;
margin-left: 10px;
padding-right: 15px;
}
.div_1 {
position: absolute;
right: 310px;
top: 23px;
z-index: 100;
border: 1px solid #cdcdcd;
display: none;
margin: 0;
padding:0;
}
.div_1 a{
text-align: center;
}
.div_1 p {
margin-left: -22px;
}
.span_1 {
margin-left: -35px;
}
.img1 {
vertical-align: -2px;
margin-right: 5px;
}
.img2 {
vertical-align: -3px;
}
.li:hover .div_1 {
display: block;
/*显示*/
}
.logo {
display: inline-block;
vertical-align: 10px;
margin-top: 50px;
margin-left: 40px;
}
.input-box {
margin-left: 100px;
display: inline-block;
}
.input1 {
width: 408px;
height: 40px;
line-height: 36px;
overflow: hidden;
color: #555555;
font-size: 14px;
float: left;
padding: 0 10px;
border: 2px solid #ff3c3c;
border-right: 0;
outline: none;
}
.input2 {
width: 90px;
height: 44px;
line-height: 45px;
background-color: #ff3c3c;
color: #FFF;
font-size: 16px;
text-align: center;
float: left;
border: none;
outline: none;
cursor: pointer;
}
.div-box2 {
font-size: 12px;
}
.div-box2 ul {
margin-top: 10px;
display: inline-block;
}
.div-box2 li {
display: inline-block;
margin-right: 15px;
}
.login {
vertical-align: 35px;
width: 120px;
height: 40px;
line-height: 40px;
background: #F6F6F6;
display: inline-block;
text-align: center;
margin-left: 150px;
border: 1px solid #DFDFDF;
position: relative;
top: -5px;
}
.adw{
width: 1200px;
margin: 0 auto;
}
.div-login {
background: url(image/car.png)no-repeat 0 12px;
margin-left: 10px;
margin-right: -10px;
}
.h3 {
display: inline-block;
margin-top: 40px;
color: white;
width: 210px;
text-indent: 3em;
line-height: 40px;
background: #FF3C3C;
}
.qw {
display: inline-block;
}
.qw li {
margin-right: 25px;
margin-left: 5px;
display: inline-block;
}
.qw li a {
color: black;
}
.qw li a:hover {
color: red;
text-decoration: underline;
}
.loo {
margin-left: 160px;
vertical-align: -10px;
display: inline-block;
}
.had {
border-bottom: 1px solid #FF4E00;
}
.qe{
margin-top: 20px;
height: 30px;
padding-top: 5px;
border: 1px solid black;
color: #555555;
font-size: 14px;
font-weight: bold;
}
.qe span{
border: 2px dashed #ff4e00;
padding: 3px 10px;
}
.qe span a{
color: #ff3200;
font-weight: bold;
font-style: italic;
}
.ko{
width: 1200px;
border: 2px solid #cccccc;
margin-top: 30px;
}
.ko:after{
content: '';
display: block;
clear: both;
}
.ko .de{
padding: 10px;
border-bottom: 1px solid #cccccc;
}
.ko .de li:nth-child(1) {
display: inline-block;
padding-left: 5px;
margin: 0;
position: relative;
top: -25px;
font-size: 14px;
color: #555555;
}
.ko .de li:nth-child(2) {
width: 1040px;
height: 40px;
display: inline-block;
padding: 5px 45px;
line-height: 25px;
}
.ko .dw{
padding: 10px;
border-bottom: 1px solid #cccccc;
}
.ko .dw li:nth-child(1) {
display: inline-block;
padding-left: 5px;
margin: 0;
position: relative;
top: 1px;
font-size: 14px;
color: #555555;
}
.ko .dw li:nth-child(2) {
width: 1040px;
display: inline-block;
padding: 5px 45px;
line-height: 25px;
}
.ko .dq{
padding: 10px;
border-bottom: 1px solid #cccccc;
}
.ko .dq li:nth-child(1) {
display: inline-block;
margin: 0;
position: relative;
top: 1px;
font-size: 14px;
color: #555555;
}
.ko .dq li:nth-child(2) {
width: 1040px;
display: inline-block;
padding: 5px 10px;
line-height: 25px;
}
.ko .ds{
padding: 10px;
border-bottom: 1px solid #cccccc;
}
.ko .ds li:nth-child(1) {
display: inline-block;
margin: 0;
position: relative;
top: 1px;
font-size: 14px;
color: #555555;
}
.ko .ds li:nth-child(2) {
width: 1040px;
display: inline-block;
padding: 5px 10px;
line-height: 25px;
}
.ko li a{
font-size: 12px;
margin-right: 25px;
}
.ko li a:hover{
color: #ff3c3c;
text-decoration: underline;
}
.axd{
color: #ff4e00;
}
.ert{
width: 1200px;
margin-top: 15px;
}
.ert:after{
content: '';
display: block;
clear: both;
}
.xrt{
width: 1200px;
border-bottom:1px solid #eaeaea;
}
.xrt:after{
content: '';
display: block;
clear: both;
}
.opp{
float: left;
width: 180px;
border: 1px solid #eaeaea;
background: url("image/h_t.gif") no-repeat;
background-position: 8px 13px;
padding: 11px;
border-bottom:none;
}
.opp span:nth-child(1){
padding-left: 10px;
color: #ff4e00;
}
.opp span:nth-child(2){
padding-left: 70px;
font-size: 14px;
color: #888888;
}
.dxx {
margin-top: 5px;
width: 990px;
float: left;
}
.trt {
height: 39px;
line-height: 39px;
overflow: hidden;
}
.sqs a {
width: 68px;
height: 23px;
line-height: 23px;
color: #555555;
text-indent: 12px;
float: left;
display: inline;
margin-right: -1px;
margin-top: 6px;
font-size: 12px;
border: 1px solid #cccccc;
}
.sqs a:nth-child(1){
color: white;
}
.szz{
background: #ff4e00;
}
.tr{
float: right;
font-size: 14px;
color: #555555;
}
.span1{
position: relative;
top: -5px;
left: 10px;
}
.span2{
position: relative;
top: 2px;
left: 4px;
}
.wrf {
width: 210px;
float: left;
}
.wrf:after{
content: '';
display: block;
clear: both;
}
.qa{
color: #b00504;
font-weight: bold;
}
.xc{
float: left;
width: 202px;
border: 1px solid #eaeaea;
border-top: none;
}
.xc li:nth-child(2){
text-align: center;
font-size: 14px;
opacity: 0.7;
}
.xf{
width: 202px;
border: 1px solid #eaeaea;
border-top: none;
}
.xf li:nth-child(2){
text-align: center;
font-size: 14px;
opacity: 0.7;
}
.xo{
width: 202px;
border: 1px solid #eaeaea;
border-top: none;
font-size: 14px;
opacity: 0.7;
}
.xo li:nth-child(2){
text-align: center;
font-size: 14px;
opacity: 0.7;
}
.xt{
width: 202px;
border: 1px solid #eaeaea;
border-top: none;
}
.xt li:nth-child(2){
text-align: center;
font-size: 14px;
opacity: 0.7;
}
.xi{
width: 202px;
border: 1px solid #eaeaea;
border-top: none;
}
.xi li:nth-child(2){
text-align: center;
font-size: 14px;
opacity: 0.7;
}
.xi,.xc,.xf,.xo,.xt li{
line-height: 25px;
}
.xi,.xc,.xo,.xt li:nth-child(1){
padding-top: 10px;
}
.xf li img{
padding-top: 10px;
}
.list_c{
width: 1000px;
margin-left: 200px;
}
.list_c:after{
content: '';
display: block;
clear: both;
}
.list_c li {
width: 232px;
height: 316px;
overflow: hidden;
float: left;
display: inline;
/*margin: 0 20px;*/
text-align: center;
padding: 10px;
box-sizing: border-box;
}
.list_c li:hover {
background-color: #FFF;
box-shadow: 0 0 5px #e0e0e0;
}
.price_a {
font-size: 18PX;
color: orangered;
}
.name_a {
text-align: center;
width: 208px;
height: 30px;
line-height: 30px;
overflow: hidden;
font-size: 14px;
color: #555555;
}
.name_a a:hover {
color: orangered;
}
.img {
width: 210px;
height: 185px;
overflow: hidden;
margin-top: 40px;
}
.shoucang {
width: 68px;
height: 30px;
line-height: 28px;
overflow: hidden;
background: url(image/heart.png) no-repeat 10px center;
color: #888888;
text-indent: 33px;
float: left;
display: inline;
font-size: 12px;
margin-right: -1px;
border: 1px solid #CCCCCC;
}
.shoucang:hover {
color: #888888;
background: url(image/heart_h.png) no-repeat 10px center;
}
.list_c li:hover .j_car {
color: #FFF;
background: #FF4500 url(image/cars_h.png) no-repeat 24px center;
}
.j_car {
width: 140px;
height: 30px;
overflow: hidden;
background: url(image/cars.png) no-repeat 24px center;
color: #FF4500;
text-indent: 47px;
float: left;
font-size: 12px;
line-height: 30px;
border: 1px solid #CCCCCC;
}
.j_car:hover {
color: #FFF;
background: #FF4500 url(image/cars_h.png) no-repeat 24px center;
}
.pages {
overflow: hidden;
color: #888888;
padding: 20px 10px;
text-align: right;
font-size: 16px;
margin-top: 20px;
}
.pages a {
height: 36px;
line-height: 36px;
overflow: hidden;
color: #666666;
font-size: 16px;
text-align: center;
display: inline-block;
padding: 0 12px;
margin: 0 4px;
border: 1px solid #cccccc;
}
.pages a.p_pre:hover {
color: #666666;
border: 1px solid #cccccc;
background: #EDEDED;
}
.pages a.dnf {
color: white;
background-color: #FF4E00;
border: 1px solid #FF4E00;
}
.pages a:hover {
color: white;
background-color: #FF4E00;
border: 1px solid #FF4E00;
}
.bmm{
width: 1200px;
margin: 0 auto;
margin-top: 40px;
}
.bmm:after{
content: '';
display: block;
clear: both;
}
.azz{
margin-left: 40px;
}
.azz li{
float: left;
padding-left: 120px;
text-align: center;
line-height: 25px;
}
.azz li img{
transition: all 3s;
}
.azz li img:hover{
transform: rotate(360deg) scale(1.2);
}
.azz li div h2{
font-size: 16px;
}
.azz li div{
opacity: 0.5;
font-size: 14px;
}
.qwq{
width: 1200px;
margin: 0 auto;
margin-top: 40px;
/*border: 1px solid black;*/
}
.qwq:after{
content: '';
display: block;
clear: both;
}
.opl{
width: 850px;
float: left;
/*border: 1px solid black;*/
}
.opl dl{
padding-left: 80px;
line-height: 30px;
float:left;
}
.opl dt{
padding-bottom: 15px;
font-weight: bold;
opacity: 0.5;
}
.opl dd{
opacity: 0.5;
font-size: 14px;
}
.oy{
width: 310px;
float: right;
/*border: 1px solid black;*/
}
.oy:after{
content: '';
display: block;
clear: both;
}
.aet{
padding-top: 5px;
}
.qzw{
float: left;
}
.mkk{
width: 160px;
float: right;
/*border: 1px solid black;*/
padding-top: 5px;
}
.xfh img{
vertical-align: middle;
}
.xfh span{
padding-left: 10px;
opacity: 0.5;
}
.xfq{
margin-top: 15px;
}
.xfq img{
vertical-align: middle;
}
.xfq span{
padding-left: 10px;
opacity: 0.5;
}
.xfx{
margin-top: 15px;
}
.xfx span:nth-child(1){
opacity: 0.5;
font-size: 13px;
}
.xfx span:nth-of-type(2){
line-height: 60px;
font-size: 20px;
color:#ff4e00 ;
}
.qs{
padding-top: 10px;
}
.bnn {
width: 1200px;
margin: 0 auto;
margin-top: 20px;
padding-top: 40px;
color: gray;
text-align: center;
font-size: 12px;
border-top: 1px solid #eaeaea;
}
.bnn img {
border-radius: 5px;
width: 98px;
height: 33px;
margin-top: 20px;
margin-right: 20px;
border: 1px solid #D9D9D9;
margin-bottom: 50px;
}
</style>
</head>
<body>
<header>
<div class="nav">
<div class="na1">
<span>
中国大陆
</span>
<div class="na2">
<div class="na3">
<span>你好!<a href="../登录/dl.html">请登录</a></span>
<span>
<a href="../淘宝注册/zc.html" style="color: orangered;">免费注册</a>
|
<a href="../会员俱乐部/hyjlb.html">会员俱乐部</a>
|
</span>
</div>
<ul class="ul">
<li class="li">
<a href="#">收藏夹</a>
</li>
<li class="li">
<a href="#">客户服务
<div class="div_1">
<p> <a href="#">包裹跟踪</a></p>
<p><a href="#">创建问题</a></p>
<p><a href="#">在线退换货</a></p>
<p><a href="#">在线投诉</a></p>
<p><a href="#">配送范围</a></p>
</div></a>
</li>
<li class="li">
<a href="#">网站导航</a>
</li>
</ul>
<span class="span_1">
| <a href="#">关注我们:</a>
<span>
<a href="#"><img src="image/sh1.png" class="img1"/></a>
<a href="#"><img src="image/sh2.png" class="img2"/></a>
</span>
</span>
<span class="fr"> |
<a href="#">手机版
<img src="image/s_tel.png"style="vertical-align: -3px;"/>
</a>
</span>
</div>
</div>
</div>
<div class="div-box">
<div class="logo">
<a href="#"><img src="image/TB1_uT8a5ERMeJjSspiXXbZLFXa-143-59.png" /></a>
</div>
<div class="input-box">
<form action="#" method="post">
<input class="input1" type="text" placeholder="请输入关键字" />
<input class="input2" type="submit" value="搜索" />
</form>
<div class="div-box2">
<ul>
<li>
<a href="#">咖啡</a>
</li>
<li>
<a href="#">iphone 6S</a>
</li>
<li>
<a href="#">新鲜美食</a>
</li>
<li>
<a href="#">蛋糕</a>
</li>
<li>
<a href="#">日用品</a>
</li>
<li>
<a href="#">连衣裙</a>
</li>
</ul>
</div>
</div>
<div class="login">
<div class="div-login">
<a href="#">购物车</a>
</div>
</div>
</div>
</header>
<section>
<div class="adw">
<div class="had">
<div class="h3">
全部商品分类
</div>
<ul class="qw">
<li>
<a href="../淘宝首页/shouye.html" style="color: #FF4141;"><strong>首页</strong></a>
</li>
<li>
<a href="../聚划算/jhs.html" style="color: #FF4141;"><strong>聚划算</strong></a>
</li>
<li>
<a href="#"><strong>淘手机</strong></a>
</li>
<li>
<a href="../美妆/mz.html"><strong>美妆心选</strong></a>
</li>
<li>
<a href="../有好货/yhh.html"><strong>有好货</strong></a>
</li>
<li>
<a href="../电器城/dcq.html"><strong>电器城</strong></a>
</li>
<li>
<a href="#"><strong>淘宝办公</strong></a>
</li>
<li>
<a href="#"><strong>环保园艺</strong></a>
</li>
</ul>
<div class="loo">
<a href="#"><img src="image/phone.png"></a>
</div>
</div>
<div class="qe">
全部>珠宝饰品>珍珠项链>
<span>品牌:<a href="#">珠韵首饰</a></span>
</div>
<div class="ko">
<ul class="de">
<li>品牌:</li>
<li>
<a href="#" class="axd">珠韵首饰/ZHUYUN JEWELLERY</a>
<a href="#">施华洛世奇/Swarovski</a>
<a href="#">海瞳</a>
<a href="#">周大福/CHOW TAI FOOK</a>
<a href="#">京润珍珠</a>
<a href="#">佰色传情/BRI.R</a>
<a href="#">迈姿/Maizi</a>
<a href="#">Ginasy Jewelry</a>
<a href="#">心鑫圆</a>
<a href="#">银斯妮/yin si ni silver</a>
<a href="#">迈姿/Maizi</a>
<a href="#">Ginasy Jewelry</a>
<a href="#">蛟蓓</a>
<a href="#">芭比/Barbie</a>
<a href="#">珍福祥</a>
<a href="#">珍福祥</a>
</li>
</ul>
<ul class="dw">
<li>价格:</li>
<li>
<a href="#" >0~199</a>
<a href="#" class="axd">200~399</a>
<a href="#">400~599</a>
<a href="#">600~899</a>
<a href="#">900~1299</a>
<a href="#">1300~1399</a>
<a href="#">1400以上</a>
</li>
</ul>
<ul class="dq">
<li>珍珠颜色:</li>
<li>
<a href="#" >混彩</a>
<a href="#">黑色系</a>
<a href="#">粉色系</a>
<a href="#">白色系</a>
<a href="#">金色系</a>
<a href="#">紫色系</a>
</li>
</ul>
<ul class="ds">
<li>珍珠分类:</li>
<li>
<a href="#" >天然海水珍珠</a>
<a href="#">养殖海水珍珠</a>
<a href="#">养殖淡水珍珠</a>
<a href="#">天然淡水珍珠</a>
</li>
</ul>
</div>
<div class="ert">
<div class="xrt">
<div class="opp">
<span>浏览历史</span>
<span>清空</span>
</div>
<div class="dxx">
<div class="trt">
<span class="sqs">
<a href="#" class="szz">默认</a>
<a href="#"><span>销量</span><span class="span1"><img src="image/i_up.gif"></span><span class="span2"><img src="image/i_down.gif"></span></a>
<a href="#"><span>价格</span><span class="span1"><img src="image/i_up.gif"></span><span class="span2"><img src="image/i_down.gif"></span></a>
<a href="#">新品</a>
</span>
<span class="tr">共发现120件</span>
</div>
</div>
</div>
<div class="wrf">
<div class="xc">
<ul>
<li><img src="image/his_1.jpg"></li>
<li>Dior/迪奥香水2件套装<br/>
<span class="qa">¥368.00</span></li>
</ul>
</div>
<div class="xf">
<ul>
<li><img src="image/his_2.jpg"></li>
<li>Dior/迪奥香水2件套装<br/>
<span class="qa">¥768.00</span></li>
</ul>
</div>
<div class="xo">
<ul>
<li><img src="image/his_3.jpg"></li>
<li>Dior/迪奥香水2件套装<br/>
<span class="qa">¥680.00</span></li>
</ul>
</div>
<div class="xt">
<ul>
<li><img src="image/his_4.jpg"></li>
<li>Dior/迪奥香水2件套装<br/>
<span class="qa">¥368.00</span></li>
</ul>
</div>
<div class="xi">
<ul>
<li><img src="image/his_5.jpg"></li>
<li>Dior/迪奥香水2件套装<br/>
<span class="qa">¥368.00</span></li>
</ul>
</div>
</div>
<div class="list_c">
<ul class="ul_list">
<li>
<div class="img">
<a href="#"><img src="image/per_1.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥198.00</span>
</div>
<div class="name_a">
<a href="#">海瞳7-8mm水滴形天然珍珠项链</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_2.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥598.00</span>
</div>
<div class="name_a">
<a href="#">佰色传情淡水珍珠项链圆8-9mm</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_3.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥440.00</span>
</div>
<div class="name_a">
<a href="#">京润[魅惑]海水珍珠项链</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_4.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥680.00</span>
</div>
<div class="name_a">
<a href="#">心鑫圆天然珍珠项链淡水套装</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
</ul>
<ul class="ul_list">
<li>
<div class="img">
<a href="#"><img src="image/per_5.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥1980.00</span>
</div>
<div class="name_a">
<a href="#">海瞳明星款玛瑙天然淡水珍珠</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_6.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥198.00</span>
</div>
<div class="name_a">
<a href="#">佰色传情淡水珍珠项链</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_7.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥390.00</span>
</div>
<div class="name_a">
<a href="#">7-8mm米形珍珠加长型</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_8.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥2980.00</span>
</div>
<div class="name_a">
<a href="#">珠韵首饰多色可选(白色)</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
</ul>
<ul class="ul_list">
<li>
<div class="img">
<a href="#"><img src="image/per_9.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥670.00</span>
</div>
<div class="name_a">
<a href="#">小清新8.5-10.5mm珍珠吊坠项链</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_10.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥2198.00</span>
</div>
<div class="name_a">
<a href="#">京润[简爱]淡水珍珠项链</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_11.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥5198.00</span>
</div>
<div class="name_a">
<a href="#">海瞳罕见7-8mm高亮泽表皮光</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_12.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥212.00</span>
</div>
<div class="name_a">
<a href="#">媲美海水珠天然浅粉金色珍珠项</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
</ul>
<ul class="ul_list">
<li>
<div class="img">
<a href="#"><img src="image/per_5.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥1980.00</span>
</div>
<div class="name_a">
<a href="#">海瞳明星款玛瑙天然淡水珍珠</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_6.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥198.00</span>
</div>
<div class="name_a">
<a href="#">佰色传情淡水珍珠项链</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_7.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥390.00</span>
</div>
<div class="name_a">
<a href="#">7-8mm米形珍珠加长型</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_8.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥2980.00</span>
</div>
<div class="name_a">
<a href="#">珠韵首饰多色可选(白色)</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
</ul>
<ul class="ul_list">
<li>
<div class="img">
<a href="#"><img src="image/per_9.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥670.00</span>
</div>
<div class="name_a">
<a href="#">小清新8.5-10.5mm珍珠吊坠项链</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_10.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥2198.00</span>
</div>
<div class="name_a">
<a href="#">京润[简爱]淡水珍珠项链</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_11.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥5198.00</span>
</div>
<div class="name_a">
<a href="#">海瞳罕见7-8mm高亮泽表皮光</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
<li>
<div class="img">
<a href="#"><img src="image/per_12.jpg" width="210" height="185"></a>
</div>
<div class="price_a">
<span>¥212.00</span>
</div>
<div class="name_a">
<a href="#">媲美海水珠天然浅粉金色珍珠项</a>
</div>
<div class="carbg">
<a href="#" class="shoucang">收藏</a>
<a href="#" class="j_car">加入购物车</a>
</div>
</li>
</ul>
</div>
</div>
<div class="pages">
<a href="#" class="p_pre">上一页</a>
<a href="#" class="dnf">1</a>
<a href="#">2</a>
<a href="#">3</a>
...
<a href="#">20</a>
<a href="#" class="p_pre">下一页</a>
</div>
</div>
</section>
<footer>
<div class="bmm">
<ul class="azz">
<li>
<a href="#"><img src="image/b1.png" width="62" height="62"></a>
<div><h2>正品保障</h2>正品行货 放心购买</div>
</li>
<li>
<a href="#"><img src="image/b2.png" width="62" height="62"></a>
<div><h2>满38包邮</h2>满38包邮 免运费</div>
</li>
<li>
<a href="#"><img src="image/b3.png" width="62" height="62"></a>
<div><h2>天天低价</h2>天天低价 畅选无忧</div>
</li>
<li>
<a href="#"><img src="image/b4.png" width="62" height="62"></a>
<div><h2>准时送达</h2>收货时间由你做主</div>
</li>
</ul>
</div>
<div class="qwq">
<div class="opl">
<dl>
<dt>消费者保障</dt>
<dd>保障范围</dd>
<dd>退货退款流程</dd>
<dd>服务中心</dd>
<dd>更多特色服务</dd>
</dl>
<dl>
<dt>新手上路</dt>
<dd>新手专区</dd>
<dd>消费警示</dd>
<dd>交易安全</dd>
<dd>24小时在线帮助</dd>
</dl>
<dl>
<dt>付款方式</dt>
<dd>快捷支付</dd>
<dd>信用卡</dd>
<dd>余额宝</dd>
<dd>蚂蚁花呗</dd>
<dd>货到付款</dd>
</dl>
<dl>
<dt>淘宝特色</dt>
<dd>手机淘宝旺旺</dd>
<dd>旺信</dd>
<dd>大众评审</dd>
</dl>
<dl>
<dt>联系我们</dt>
<dd>网站故障报告</dd>
<dd>购物咨询</dd>
<dd>投诉与建议</dd>
</dl>
</div>
<div class="oy">
<div class="qzw">
<div class="aet"><img src="image/TB18W1cQFXXXXaWXXXXXXXXXXXX-160-160.png" width="134" height="134"></div>
</div>
<div class="mkk">
<div class="xfh">
<img src="image/b_sh_1.png"><span>新浪微博</span>
</div>
<div class="xfq">
<img src="image/b_sh_2.png"><span>腾讯微博</span>
</div>
<div class="xfx">
<span>服务热线:</span><br/>
<span>0571-88157858</span>
</div>
</div>
</div>
<!-- br>-->
</div>
<div class="bnn">
<p>阿里巴巴集团「淘宝网| 天猫「 聚划算」 全球速卖通 I 阿里巴巴国际交易市场| 16881 阿里妈妈「 飞猪| 阿里云计算1 AiosI 阿里通信| - 淘I 万网I 高德I UC I 友盟<br/>
虾米1大麦网「钉钉|支付宝优酷「土豆「阿里健康「阿里影业1阿里体育1 网商银行 </p>
<img src="image/b_1.gif">
<img src="image/b_2.gif">
<img src="image/b_3.gif">
<img src="image/b_4.gif">
<img src="image/b_5.gif">
<img src="image/b_6.gif">
</div>
</footer>
</body>
</html>