1号店搜索网页

<!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>
                     &nbsp;|&nbsp;
                     <a href="../会员俱乐部/hyjlb.html">会员俱乐部</a>
                     &nbsp;|&nbsp;
                  </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">
                   | &nbsp;<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">&nbsp;&nbsp; | &nbsp;
                    <a href="#">手机版&nbsp;
                        <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>

 

  • 7
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值