Files
youdushop/index.html
2025-02-18 23:22:40 +08:00

844 lines
33 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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">
<meta name="author" content="吴兴有">
<link rel="shortcut icon" href="favicon/favicon.ico" />
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="js/index.js">
<link rel="stylesheet" href="list.html">
<title>有品优购(YPY.COM) - 正品低价、品质保障、配送及时、轻松购物!</title>
<meta name="description" content="品优-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数
十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。" />
<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东" />
<script src="js/ainmate.js"></script>
<!-- 函数必须先引入 -->
<script src="js/index.js"></script>
</head>
<body>
<div class="toolkit">
<ul>
<li><a href="#guesslike">猜你喜欢</a></li>
<li><a href="#youqu">有趣区</a></li>
<li><a href="#jiadian">家用电器</a></li>
<li><a href="#shouji">手机通讯</a></li>
<li><a href="#pcwork">电脑办公</a></li>
<li><a href="#fengqiang">热门疯抢</a></li>
<div class="returntop">返回顶部</div>
</ul>
</div>
<!-- 快捷导航模块 start -->
<section class="shortcut">
<div class="w">
<div class="fl">
<ul>
<li>有品优购欢迎你!&nbsp;</li>
<li><a href="login.html">请登录</a> &nbsp;<a href="login1.html">请登录(版本2)</a> &nbsp; <a
href="register.html" class="style_red">免费注册</a>
</li>
</ul>
</div>
<div class="fr">
<ul>
<li><a href="#">我的订单</a></li>
<li></li>
<li class="iconfont"><a href="#">我的品优购 &#xe62d;</a></li>
<li></li>
<li><a href="#">品优购会员</a></li>
<li></li>
<li><a href="#">企业采购</a></li>
<li></li>
<li class="iconfont"><a href="#">关注品优购 &#xe62d;</a></li>
<li></li>
<li class="iconfont"><a href="#">客户服务 &#xe62d;</a></li>
<li></li>
<li class="iconfont"><a href="#">网站导航 &#xe62d;</a></li>
</ul>
</div>
</div>
</section>
<!-- 快捷导航模块 end -->
<!-- 头部制作 start -->
<div class="header w">
<div class="logo">
<h1><a href="index.html" title="吴兴有的品优购商城">品友购商城</a></h1>
</div>
<div class="search">
<input type="search" name="" id="" placeholder="宝,你来啦!">
<a href="list.html" target="_blank">
<button class="iconfont">&#xe60a;</button>
</a>
</div>
<div class="hotwords">
<a href="">iphone14</a>
<a href="">亿元优惠</a>
<a href="">9.9元团购</a>
<a href="">rog枪神6</a>
<a href="">办公用品</a>
<a href="">电脑</a>
<a href="">通信</a>
</div>
<div class="shopcar iconfont">
<a href="shopcar.html" target="_blank"><i>&#xe61b;</i> <em>我的购物车&#xe62d;</em> </a>
<div class="shopcar_icon"><a href="shopcar.html">qq3050128610</a></div>
</div>
</div>
<!-- 头部制作 end -->
<!-- nav栏制作 start -->
<div class="nav">
<div class="w ">
<div class="dropdown">
<div class="dt">全部商品分类</div>
<div class="dd iconfont">
<ul>
<li>
<a href="list.html" target="_blank"> 家用电器 <em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank"> 手机、数码、通信
<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank"> 电脑、办公<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
家居、家具、家装、厨具<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
男装、女装、童装、内衣<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
个性化转、清洁用品、宠物<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
鞋靴、箱包、珠宝、奢侈品<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
户外运动、钟表<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
汽车、汽车用品<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
母婴、玩具乐器<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
食品、酒类、生鲜、特产<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank"> 医药保健<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
图书、音像、电子书<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank">
彩票、旅行、充值、票务<em>&#xe62d;</em></a>
</li>
<li>
<a href="list.html" target="_blank" class="last">
理财、众筹、白条、保险<em>&#xe62d;</em></a>
</li>
</ul>
</div>
</div>
<div class="navitems">
<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>
</ul>
</div>
</div>
</div>
<!-- nav栏制作 end -->
<!-- 首页专有模块开始 -->
<div class="w">
<div class="main">
<div class="focus">
<div class="arrow arrow_left">
<img src="images/arrow_left.png" alt="">
</div>
<div class="arrow arrow_right">
<img src="images/arrow_right .png" alt="">
</div>
<ol class="spot"> <!-- 自动生成轮播图的计数圈点 -->
</ol>
<ul>
<li>
<a href="#"><img src="images/banner7.png" alt=""></a>
</li>
<li>
<a href="#"><img src="images/banner6.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/banner4.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/banner5.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/banner3.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/banner2.jpg" alt=""></a>
</li>
<li>
<a href="#"><img src="images/banner.jpg" alt=""></a>
</li>
</ul>
</div>
<div class="newsflash">
<div class="news">
<div class="news_hd">
<h5>品优购快报</h5>
<a href="#" class="iconfont">更多 &#xe62d; </a>
</div>
<div class="news_bd">
<ul>
<li><a href="#"><strong>[特惠] </strong>寒假好好学习,天天向上...</a></li>
<li><a href="#"><strong>[公告] </strong>寒假好好学习,天天向上...</a></li>
<li><a href="#"><strong>[特惠] </strong>寒假好好学习,天天向上...</a></li>
<li><a href="#"><strong>[公告] </strong>寒假好好学习,天天向上...</a></li>
<li><a href="#"><strong>[特惠] </strong>寒假好好学习,天天向上...</a></li>
</ul>
</div>
</div>
<div class="lifeservice">
<ul>
<li class="iconfont">
<a href="https://www.189.cn/fj_qz/" target="_blank">
<i>&#xe6d6;</i>
<p>话费</p>
</a>
</li>
<li class="iconfont">
<a href="https://flights.ctrip.com/online/channel/domestic" target="_blank">
<i>&#xe73e;</i>
<p>机票</p>
</a>
</li>
<li class="iconfont">
<a href="https://movie.jd.com/#/" target="_blank">
<i>&#xf027e;</i>
<p>电影票</p>
</a>
</li>
<li class="iconfont">
<a href="https://www.4399.com/" target="_blank">
<i>&#xe643;</i>
<p>游戏</p>
</a>
</li>
<li class="iconfont">
<a href="https://www.zhcw.com/" target="_blank">
<i>&#xe614;</i>
<p>彩票</p>
</a>
</li>
<li class="iconfont">
<a href="https://www.sinopecsales.com/default.html" target="_blank">
<i>&#xe690;</i>
<p>加油卡</p>
</a>
</li>
<li class="iconfont">
<a href="https://ctrip.com/" target="_blank">
<i>&#xe649;</i>
<p>酒店</p>
</a>
</li>
<li class="iconfont">
<a href="https://www.12306.cn/index/" target="_blank">
<i>&#xfab2;</i><br>
<p>火车票</p>
</a>
</li>
<li class="iconfont">
<a href="https://www.taobao.com/" target="_blank">
<i>&#xe810;</i>
<p>众筹</p>
</a>
</li>
<li class="iconfont">
<a href="https://www.alipay.com/" target="_blank">
<i>&#xe623;</i>
<p>理财</p>
</a>
</li>
<li class="iconfont">
<a href="https://www.limaimai.com/" target="_blank">
<i>&#xef51;</i>
<p>礼品卡</p>
</a>
</li>
<li class="iconfont">
<a href="https://www.jd.com/" target="_blank">
<i>&#xe61a;</i>
<p>白条</p>
</a>
</li>
</ul>
</div>
<div class="bargin">
<img src="images/bargin3.png" alt="">
</div>
</div>
</div>
</div>
<!-- 首页专有模块结束 -->
<!-- 推荐模块 开始 -->
<div class="w recommend">
<div class="recom_hd">
<img src="images/recom.png" alt="">
</div>
<div class="recom_bd">
<ul>
<!-- <li><img src="upload/recom_1.png" alt=""></li> -->
<li><a href="#"><img src="upload/recom_1.png" alt=""></a></li>
<li><a href="#"><img src="upload/recom_2.png" alt=""></a></li>
<li><a href="#"><img src="upload/recom_3.png" alt=""></a></li>
<li><a href="#"><img src="upload/recom_04.jpg" alt=""></a></li>
</ul>
</div>
</div>
<!-- 推荐模块结束 -->
<!-- 猜你喜欢 开始 -->
<div class="guesslike w" id="guesslike">
<div class="box_hd">
<h3 class="style_blac">猜你喜欢</h3>
<div class="tab_list">
<a href="#" class="iconfont">换一批 &#xe602;</a>
</div>
</div>
<div class="box_bd">
<ul>
<li>
<a href="#">
<div class="bd_top">
<img src="upload/bao.png" alt="">
</div>
<div class="bd_bottom">
<p>
阳光美包新款单肩包女<br>
包时尚子母包四件套女
</p>
<i>$116.00</i>
</div>
</a>
</li>
<li>
<a href="#">
<div class="bd_top">
<img src="upload/guo.png" alt="">
</div>
<div class="bd_bottom">
<p>
爱仕达 30cm炒锅不粘<br>
锅NWG8330E电磁炉炒
</p>
<i>$99.00</i>
</div>
</a>
</li>
<li>
<a href="#">
<div class="bd_top">
<img src="upload/jiebolang.png" alt="">
</div>
<div class="bd_bottom">
<p>
捷波朗<br>
(jabra) BOOSI 劲步
</p>
<i>$245.00</i>
</div>
</a>
</li>
<li>
<a href="#">
<div class="bd_top">
<img src="upload/oupu.png" alt="">
</div>
<div class="bd_bottom">
<p>
欧普<br>
JYLZ08面板灯平板灯铝
</p>
<i>$266.00</i>
</div>
</a>
</li>
<li>
<a href="#">
<div class="bd_top">
<img src="upload/guesslike1.png" alt="">
</div>
<div class="bd_bottom">
<p>
Apple iphone14<br>
支持移动联通5G
</p>
<i>$649.00</i>
</div>
</a>
</li>
<li>
<a href="#">
<div class="bd_top">
<img src="upload/hanguo.png" alt="">
</div>
<div class="bd_bottom">
<p>
韩国所望<br>
紧致湿润精华露400ml
</p>
<i>$626.00</i>
</div>
</a>
</li>
</ul>
</div>
</div>
<!-- 猜你喜欢 结束 -->
<!-- 传智播客 有趣区 开始 -->
<div class="chuanzhi w" id="youqu">
<div class="box_hd">
<h3 class="style_blac">传智播客 有趣区</h3>
</div>
<div class="box_bd">
<ul>
<li>
<a href="#">
<img src="upload/chuanzhi_1.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="upload/chuanzhi_2.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="upload/chuanzhi_3.png" alt="">
</a>
</li>
<li>
<a href="#">
<img src="upload/chuanzhi_4.png" alt="">
</a>
</li>
</ul>
</div>
</div>
<!-- 传智播客 有趣区 结束 -->
<!-- 楼层区域制作 开始 -->
<div class="floor w">
<div class="jiadian " id="jiadian">
<div class="box_hd">
<h3>家用电器</h3>
<div class="tab_list">
<ul>
<li><a href="#" class="style_red">热门</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>
</div>
</div>
<div class="box_bd">
<div class="bd_1">
<div class="bd1_hd">
<ul>
<li><a href="#">节能补贴</a></li>
<li><a href="#">4k电视</a></li>
<li><a href="#">空气净化器</a></li>
<li><a href="#">IH电饭煲</a></li>
<li><a href="#">滚筒洗衣机</a></li>
<li><a href="#">电热水器</a></li>
</ul>
<a href="#">
<img src="upload/bd_1.png" alt="">
</a>
</div>
<div class="bd1_bd"></div>
</div>
<div class="bd_2">
<a href="#">
<img src="upload/bd_2.png" alt="">
</a>
</div>
<div class="bd_3">
<a href="#">
<div class="bd_3_top">
<img src="upload/bd_3_top.png" alt="">
</div>
</a>
<a href="#">
<div class="bd_3_bottom">
<img src="upload/bd_3_bottom.png" alt="">
</div>
</a>
</div>
<div class="bd_4">
<a href="#"><img src="upload/bd_4.png" alt=""></a>
</div>
<div class="bd_5">
<a href="#"><img src="upload/bd_5.png" alt=""></a>
</div>
<!-- 有点累,偷个懒,这里不分上下了 ---2022-10-16--wxy -->
</div>
</div>
<div class="ad">
<a href="#"><img src="upload/advertise_1.png" alt=""></a>
</div>
<div class="shouji " id="shouji">
<div class="box_hd">
<h3>手机通讯</h3>
<div class="tab_list">
<ul>
<li><a href="#" class="style_red">热门</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>
</div>
</div>
<div class="box_bd">
<div class="bd_1">
<div class="bd1_hd">
<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>
<a href="#">
<img src="upload/bd2_1.png" alt="">
</a>
</div>
<div class="bd1_bd"></div>
</div>
<div class="bd_2">
<a href="#">
<img src="upload/bd2_2.png" alt="">
</a>
</div>
<div class="bd_3">
<a href="#">
<div class="bd_3_top">
<img src="upload/bd2_3_top.png" alt="">
</div>
</a>
<a href="#">
<div class="bd_3_bottom">
<img src="upload/bd2_3_bottom.png" alt="">
</div>
</a>
</div>
<div class="bd_4">
<a href="#"><img src="upload/bd2_4.png" alt=""></a>
</div>
<div class="bd_5">
<a href="#"><img src="upload/bd2_5.png" alt=""></a>
</div>
<!-- 有点累,偷个懒,这里不分上下了 ---2022-10-16--wxy -->
</div>
</div>
<div class="ad">
<a href="#"> <img src="upload/advertise_2.png" alt=""></a>
</div>
<div class="diannao " id="pcwork">
<div class="box_hd">
<h3>电脑办公</h3>
<div class="tab_list">
<ul>
<li><a href="#" class="style_red">热门</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 href="#">文具电教</a>|</li>
<li><a href="#">精选配件</a></li>
</ul>
</div>
</div>
<div class="box_bd">
<div class="bd_1">
<div class="bd1_hd">
<ul>
<li><a href="#">SSD硬盘</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>
<a href="#">
<img src="upload/bd3_1.png" alt="">
</a>
</div>
<div class="bd1_bd"></div>
</div>
<div class="bd_2">
<a href="#">
<img src="upload/bd3_2.png" alt="">
</a>
</div>
<div class="bd_3">
<a href="#">
<div class="bd_3_top">
<img src="upload/bd3-3_top.png" alt="">
</div>
</a>
<a href="#">
<div class="bd_3_bottom">
<img src="upload/bd3_3_bottom.png" alt="">
</div>
</a>
</div>
<div class="bd_4">
<a href="#"><img src="upload/bd3_4.png" alt=""></a>
</div>
<div class="bd_5">
<a href="#"><img src="upload/bd3_5.png" alt=""></a>
</div>
<!-- 有点累,偷个懒,这里不分上下了 ---2022-10-16--wxy -->
</div>
</div>
<div class="ad">
<a href="#"><img src="upload/advertise_3.png" alt=""></a>
</div>
</div>
<!-- 楼层区域制作 结束 -->
<!-- 热门疯抢 开始 -->
<div class="fengqiang w" id="fengqiang">
<div class="box_hd">
<h3 class="style_blac">热门疯抢</h3>
</div>
<div class="box_bd">
<ul>
<li>
<a href="#">
<img src="upload/toulan.png" alt="">
</a>
</li>
<!-- 偷点懒,问题不大 2022-10-17 ---wxy -->
</ul>
</div>
</div>
<!-- 热门疯抢 结束 -->
<!-- 底部模块制作 start -->
<footer class="footer">
<div class="w">
<div class="mod_service">
<ul>
<li>
<a href="#">
<h5></h5>
<div>
<h2>正品保障</h2>
<p>正品保障,提供发票</p>
</div>
</a>
</li>
<li>
<a href="#">
<h5></h5>
<div>
<h2>极速物流</h2>
<p>极速物流,急速送达</p>
</div>
</a>
</li>
<li>
<a href="#">
<h5></h5>
<div>
<h2>无忧售后</h2>
<p>7天无理由退货</p>
</div>
</a>
</li>
<li>
<a href="#">
<h5></h5>
<div>
<h2>特色服务</h2>
<p>私人定制家电套餐</p>
</div>
</a>
</li>
<li>
<a href="#">
<h5></h5>
<div>
<h2>帮助中心</h2>
<p>您的购物指南</p>
</div>
</a>
</li>
</ul>
</div>
<div class="mod_help">
<dl>
<dt>购物指南</dt>
<dd><a href="#">购物流程</a></dd>
<dd><a href="#">会员介绍</a></dd>
<dd><a href="#">生活旅行/团购</a></dd>
<dd><a href="#">常见问题</a></dd>
<dd><a href="#">大家电</a></dd>
<dd><a href="#">联系客服</a></dd>
</dl>
<dl>
<dt>配送方式</dt>
<dd><a href="#">上门自提</a></dd>
<dd><a href="#">211限时达</a></dd>
<dd><a href="#">配送服务查询</a></dd>
<dd><a href="#">配送费收取标准</a></dd>
<dd><a href="#">海外配送</a></dd>
</dl>
<dl>
<dt>支付方式</dt>
<dd><a href="#">货到付款</a></dd>
<dd><a href="#">在线支付</a></dd>
<dd><a href="#">分期付款</a></dd>
<dd><a href="#">邮局汇款</a></dd>
<dd><a href="#">公司转账</a></dd>
</dl>
<dl>
<dt>售后服务</dt>
<dd><a href="#">售后政策</a></dd>
<dd><a href="#">价格保护</a></dd>
<dd><a href="#">退款说明</a></dd>
<dd><a href="#">返修/退换货</a></dd>
<dd><a href="#">取消订单</a></dd>
</dl>
<dl>
<dt>特色服务</dt>
<dd><a href="#">夺宝岛</a></dd>
<dd><a href="#">DIY装机</a></dd>
<dd><a href="#">延保服务</a></dd>
<dd><a href="#">品优购E卡</a></dd>
<dd><a href="#">品优购通信</a></dd>
</dl>
<dl>
<dt>帮助中心</dt>
<dd class="erweima"><img src="images/erweima.png" alt=""></dd>
<dd><a href="https://wx.qq.com/" target="_blank">扫码加我微信 </a>
</dd>
</dl>
</div>
<div class="footer_bottom">
<p>
<a href="#">关于我们</a>
<span>|</span>
<a href="#">联系我们</a>
<span>|</span>
<a href="#">联系客服</a>
<span>|</span>
<a href="#">商家入驻</a>
<span>|</span>
<a href="#">友情链接</a>
<span>|</span>
<a href="#">手机品优购</a>
<span>|</span>
<a href="#">友情链接</a>
<span>|</span>
<a href="#">销售联盟</a>
<span>|</span>
<a href="#">品优购社区</a>
<span>|</span>
<a href="#">品优购公益</a>
<span>|</span>
<a href="#">English Site</a>
<span>|</span>
<a href="#">Contact U </a>
<span></span>
</p>
<p> 地址:北京市昌平区建材城西路金燕龙办公楼一层 邮编100096 电话400-618-4000
传真010-82935100 邮箱:
zhanghj+itcast.cn <br> 京ICP备08001421号京公网安备110108007702</p>
</div>
</div>
</footer>
<!-- 底部模块制作 end -->
</body>
</html>