master

分支 (1)

管理

管理

master

pinyougou
/
lest.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>列表页-总和网购首选-正品低价</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/lest.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2919057_1j4nkurggexh.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2919057_0zixiwd3fanc.css">

    <link rel="stylesheet" href="//at.alicdn.com/t/font_3237751_g1mbxc15fd.css">
</head>

<body>
    <!-- 快捷导航模块 -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>品优购欢迎您!</li>
                    <li>
                        <a href="#">请登录</a>
                        <a href="#">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li>我的订单</li>
                    <li>|</li>
                    <li>我的品优购<i class="iconfont icon-xiala"></i></li>
                    <li>|</li>
                    <li>企业代购</li>
                    <li>|</li>
                    <li>关注品优购<i class="iconfont icon-xiala"></i></li>
                    <li>|</li>
                    <li>品优购会员</li>
                    <li>|</li>
                    <li>客服服务<i class="iconfont icon-xiala"></i></li>
                    <li>|</li>
                    <li>网站导航<i class="iconfont icon-xiala"></i></li>
                </ul>
            </div>
        </div>

    </section>
    <!-- logo部分 -->
    <header class="header w">
        <div class="logo">
            <h1><a href="index.html" title="品优购商城">品优购商城</a></h1>
        </div>
        <!-- 秒杀模块 -->
        <div class="sk">
            <img src="./images/13.png" alt="">
        </div>
        <div class="search">
            <input type="text" placeholder="语言文本">
            <button>搜索</button>
        </div>
        <div class="hotwords">
            <a href="#">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9元团购</a>
            <a href="#">美满99减30</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>
        <div class="shopcar">
            <a href="#">
                <sapn class="iconfont icon-gouwuchekong"></sapn>我的购物车
            </a>
            <i class="iconfont icon-jiantouyou"></i>
            <i class="count">4</i>
        </div>
    </header>
    <!-- 目录 -->
    <nav class="nav">
        <div class="w">
            <div class="sk_left">
                <ul>
                    <li><a href="#">拼邮秒杀</a></li>
                    <li><a href="#">即将收益</a></li>
                    <li><a href="#">超值低价</a></li>
                </ul>
            </div>
            <div class="sk_right">
                <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="#">更多分类<i class="iconfont icon-xiala"></i></a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 正在抢购 -->
    <div class="gou w">
        <img src="./images/14.png" alt="">
    </div>
    <!-- 手机图片 -->
    <div class="w">
        <div class="phone">
            <div class="pho">
                <img src="./images/15.png" alt="">
                <p>Apple苹果ipone 6s Plus(A1699) 32G 金色</p>
                <span>￥6088</span><span class="er">￥6988</span>
                <div class="bai">
                    <ul>
                        <li>87%</li>
                        <li>
                            <div class="bar">
                                <div class="bar_in">
                                </div>
                            </div>
                        </li>
                        <li>100%</li>
                    </ul>
                </div>
                <a href="#">立即抢购</a>
            </div>
            <div class="pho">
                <img src="./images/15.png" alt="">
                <p>Apple苹果ipone 6s Plus(A1699) 32G 金色</p>
                <span>￥6088</span><span class="er">￥6988</span>
                <div class="bai">
                    <ul>
                        <li>87%</li>
                        <li>
                            <div class="bar">
                                <div class="bar_in">
                                </div>
                            </div>
                        </li>
                        <li>100%</li>
                    </ul>
                </div>
                <a href="#">立即抢购</a>
            </div>
            <div class="pho">
                <img src="./images/15.png" alt="">
                <p>Apple苹果ipone 6s Plus(A1699) 32G 金色</p>
                <span>￥6088</span><span class="er">￥6988</span>
                <div class="bai">
                    <ul>
                        <li>87%</li>
                        <li>
                            <div class="bar">
                                <div class="bar_in">
                                </div>
                            </div>
                        </li>
                        <li>100%</li>
                    </ul>
                </div>
                <a href="#">立即抢购</a>
            </div>
            <div class="pho">
                <img src="./images/15.png" alt="">
                <p>Apple苹果ipone 6s Plus(A1699) 32G 金色</p>
                <span>￥6088</span><span class="er">￥6988</span>
                <div class="bai">
                    <ul>
                        <li>87%</li>
                        <li>
                            <div class="bar">
                                <div class="bar_in">
                                </div>
                            </div>
                        </li>
                        <li>100%</li>
                    </ul>
                </div>
                <a href="#">立即抢购</a>
            </div>
            <div class="pho">
                <img src="./images/15.png" alt="">
                <p>Apple苹果ipone 6s Plus(A1699) 32G 金色</p>
                <span>￥6088</span><span class="er">￥6988</span>
                <div class="bai">
                    <ul>
                        <li>87%</li>
                        <li>
                            <div class="bar">
                                <div class="bar_in">
                                </div>
                            </div>
                        </li>
                        <li>100%</li>
                    </ul>
                </div>
                <a href="#">立即抢购</a>
            </div>
            <div class="pho">
                <img src="./images/15.png" alt="">
                <p>Apple苹果ipone 6s Plus(A1699) 32G 金色</p>
                <span>￥6088</span><span class="er">￥6988</span>
                <div class="bai">
                    <ul>
                        <li>87%</li>
                        <li>
                            <div class="bar">
                                <div class="bar_in">
                                </div>
                            </div>
                        </li>
                        <li>100%</li>
                    </ul>
                </div>
                <a href="#">立即抢购</a>
            </div>
            <div class="pho">
                <img src="./images/15.png" alt="">
                <p>Apple苹果ipone 6s Plus(A1699) 32G 金色</p>
                <span>￥6088</span><span class="er">￥6988</span>
                <div class="bai">
                    <ul>
                        <li>87%</li>
                        <li>
                            <div class="bar">
                                <div class="bar_in">
                                </div>
                            </div>
                        </li>
                        <li>100%</li>
                    </ul>
                </div>
                <a href="#">立即抢购</a>
            </div>
            <div class="pho">
                <img src="./images/15.png" alt="">
                <p>Apple苹果ipone 6s Plus(A1699) 32G 金色</p>
                <span>￥6088</span><span class="er">￥6988</span>
                <div class="bai">
                    <ul>
                        <li>87%</li>
                        <li>
                            <div class="bar">
                                <div class="bar_in">
                                </div>
                            </div>
                        </li>
                        <li>100%</li>
                    </ul>
                </div>
                <a href="#">立即抢购</a>
            </div>
        </div>

        <!-- 底部内容 -->
        <footer class="footer">
            <div class="w">
                <div class="yi">
                    <ul>
                        <li>
                            <img src="./images/zheng.png" alt="">
                            <div class="he">
                                <h4>正品保障</h4>
                                <span>正品保障，提供发票</span>
                            </div>
                        </li>
                        <li>
                            <img src="./images/zheng.png" alt="">
                            <div class="he">
                                <h4>正品保障</h4>
                                <span>正品保障，提供发票</span>
                            </div>
                        </li>
                        <li>
                            <img src="./images/zheng.png" alt="">
                            <div class="he">
                                <h4>正品保障</h4>
                                <span>正品保障，提供发票</span>
                            </div>
                        </li>
                        <li>
                            <img src="./images/zheng.png" alt="">
                            <div class="he">
                                <h4>正品保障</h4>
                                <span>正品保障，提供发票</span>
                            </div>
                        </li>
                        <li>
                            <img src="./images/zheng.png" alt="">
                            <div class="he">
                                <h4>正品保障</h4>
                                <span>正品保障，提供发票</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="er">
                    <dl>
                        <dt class="kai">购物指南</dt>
                        <dd class="we">购物流程</dd>
                        <dd class="we">会员介绍</dd>
                        <dd class="we">生活鲈形</dd>
                        <dd class="we">常见问题</dd>
                        <dd class="we">联系客服</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>
                        <dd>常见问题</dd>
                        <dd>联系客服</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>
                        <dd>常见问题</dd>
                        <dd>联系客服</dd>
                    </dl>
                    <dl>
                        <dt>帮助中心</dt>
                        <dd class="ma">
                            <img src="./images/屏幕截图 2022-03-10 164601.png" alt="">
                        </dd>
                        <dd class="wen">品优购客户端</dd>
                    </dl>
                </div>
                <div class="mod">
                    <div class="mod_service">
                        <a href="#">关于我们</a>
                        <a href="#">|</a>
                        <a href="#">联系我们</a>
                        <a href="#">|</a>
                        <a href="#">联系客服</a>
                        <a href="#">|</a>
                        <a href="#">商家入驻</a>
                        <a href="#">|</a>
                        <a href="#">营销中心</a>
                        <a href="#">|</a>
                        <a href="#">手机品优购</a>
                        <a href="#">|</a>
                        <a href="#">友情链接</a>
                        <a href="#">|</a>
                        <a href="#">销联售盟</a>
                        <a href="#">|</a>
                        <a href="#">品优购社区</a>
                        <a href="#">|</a>
                        <a href="#">品优购公益</a>
                        <a href="#">|</a>
                        <a href="#">English Site</a>
                        <a href="#">|</a>
                        <a href="#">Contact U</a>

                    </div>
                    <div class="mod_help">地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱:
                        zhanghj+itcast.cn
                    </div>
                    <div class="mod_copyright">京ICP备08001421号京公网安备110108007702</div>
                </div>
        </footer>
</body>

</html>