1 Star 0 Fork 0

阿杰/shopping

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 62.04 KB
一键复制 编辑 原始数据 按行查看 历史
阿杰 提交于 2022-11-18 17:46 . shopping
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280
<!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>清水河(QSH.COM)-正品低价、品质保障、配送及时、轻松购物!</title>
<meta name="description" content="清水河JD.COM-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。">
<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,清水河">
<link rel="shortcut icon" href="//www.jd.com/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="//at.alicdn.com/t/font_2993785_kzljt1vqa8.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body class="index">
<!-- 快捷导航栏 -->
<div class="shortcut">
<div class="w">
<div class="fl">
<ul>
<li><span>清水河欢迎您!</span><a href="#" style="margin-right: 3px;">请登录</a></li>
<li><a href="register.html" class="style-red">免费注册</a></li></li>
</ul>
</div>
<div class="fr">
<ul class="tab">
<li class="spacer"></li>
<li><a class="tab_lk" href="#">我的订单</a></li>
<li class="spacer"></li>
<li>
<a class="tab_lk" href="#">
我的清水河
<i class="iconfont icon-CaretDown"></i>
</a>
</li>
<li class="spacer"></li>
<li><a class="tab_lk" href="#">清水河会员</a></li>
<li class="spacer"></li>
<li>
<a class="tab_lk" href="#">
企业采购
<i class="iconfont icon-CaretDown"></i>
</a>
</li>
<li class="spacer"></li>
<li>
<a class="tab_lk" href="#">
客户服务
<i class="iconfont icon-CaretDown"></i>
</a>
</li>
<li class="spacer"></li>
<li>
<a class="tab_lk" href="#">
网站导航
<i class="iconfont icon-CaretDown"></i>
</a>
</li>
<li class="spacer"></li>
<li><a class="tab_lk" href="#">手机清水河</a></li>
<li class="spacer"></li>
<li><a class="tab_lk" href="#">网站无障碍</a></li>
</ul>
</div>
<div class="tab_con tab_con_position1" data-index="1">
<ul class="tab_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>
<!-- 头部 -->
<div class="header">
<!-- logo盒子 -->
<div class="logo">
<a class="logo_lk" href="index.html" title="清水河"></a>
</div>
<!-- scroll拖动显示出来的搜索栏 -->
<div class="search_fix">
<div class="fix_logo">
<a class="fix_logo_lk" href="index.html" title="清水河"></a>
</div>
<!-- search -->
<div class="search">
<input type="text" class="text" value="手机">
<button class="btn">搜索</button>
</div>
<!-- shopCar -->
<div class="shopCar">
<i class="iconfont icon-gouwuchekong"></i>
我的购物车
<i class="iconfont icon-xiangzuo"></i>
<i class="count">80</i>
</div>
</div>
<!-- search -->
<div class="search">
<input type="text" class="text" value="手机">
<button class="btn">搜索</button>
</div>
<!-- hotWords -->
<div class="hotWords">
<ul>
<li><a href="#" class="style-red">优惠购首发</a></li>
<li><a href="#">亿元优惠</a></li>
<li><a href="#">9.9元团购</a></li>
<li><a href="#">美满99减30</a></li>
<li><a href="#">办公用品</a></li>
<li><a href="#">电脑</a></li>
<li><a href="#">通信</a></li>
</ul>
</div>
<!-- shopCar -->
<div class="shopCar">
<i class="iconfont icon-gouwuchekong"></i>
我的购物车
<i class="iconfont icon-xiangzuo"></i>
<i class="count">80</i>
</div>
<!-- nav -->
<div class="nav">
<ul>
<li><a href="#" class="style-weight-red">秒杀</a></li>
<li><a href="#" class="style-weight-red">优惠券</a></li>
<li><a href="#">PLUS会员</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="#">
清水河云
<img class="navitems-tag" src="img/hot.png" alt="">
</a>
</li>
</ul>
</div>
</div>
<!-- fs部分 -->
<div class="fs w clearfix">
<div class="fs_col1">
<ul class="cate_menu">
<li class="cate_menu_item"><a href="#" class="cate_menu_lk">家用电器</a></li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="list.html">手机</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//wt.jd.com">运营商</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//shuma.jd.com/">数码</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//diannao.jd.com/">电脑</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//bg.jd.com">办公</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/home.html">家居</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/furniture.html">家具</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//jzjc.jd.com/">家装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/kitchenware.html">厨具</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//phat.jd.com/10-603.html">男装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//phat.jd.com/10-507.html">女装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//phat.jd.com/10-156.html">童装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/1315-1345.html">内衣</a>
</li>
<li class="cate_menu_item"><a href="#" class="cate_menu_lk">家用电器</a></li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="list.html">手机</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//wt.jd.com">运营商</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//shuma.jd.com/">数码</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//diannao.jd.com/">电脑</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//bg.jd.com">办公</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/home.html">家居</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/furniture.html">家具</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//jzjc.jd.com/">家装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/kitchenware.html">厨具</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//phat.jd.com/10-603.html">男装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//phat.jd.com/10-507.html">女装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//phat.jd.com/10-156.html">童装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/1315-1345.html">内衣</a>
</li>
<li class="cate_menu_item"><a href="#" class="cate_menu_lk">家用电器</a></li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="list.html">手机</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//wt.jd.com">运营商</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//shuma.jd.com/">数码</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//diannao.jd.com/">电脑</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//bg.jd.com">办公</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/home.html">家居</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/furniture.html">家具</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//jzjc.jd.com/">家装</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//channel.jd.com/kitchenware.html">厨具</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="list.html">手机</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//wt.jd.com">运营商</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//shuma.jd.com/">数码</a>
</li>
<li class="cate_menu_item">
<a target="_blank" class="cate_menu_lk" href="//diannao.jd.com/">电脑</a>
<span class="cate_menu_line">/</span>
<a target="_blank" class="cate_menu_lk" href="//bg.jd.com">办公</a>
</li>
</ul>
<!-- 这里是要写将来要拓展的内容 -->
<div class="cate_pop" style="display: none;"></div>
</div>
<!-- a标签里面放图片,好像由给图片属性就行了,不需要给a属性 -->
<div class="fs_col2">
<div class="focus_left">
<!-- 左按钮 -->
<button class="slider_control slider_control_prev">
<i class="iconfont icon-houtui"></i>
</button>
<!-- 右按钮 -->
<button class="slider_control slider_control_next">
<i class="iconfont icon-qianjin"></i>
</button>
<!-- 轮播图的小圈圈 -->
<div class="slider_indicators">
</div>
<!-- 轮播图记得用li来包裹 -->
<div class="slider_list">
<ul class="slider_wrap">
<li class="slider_item">
<a href="#" class="slider_item_lk">
<img class="focus_left_img" src="upload/slider1.avif" alt="">
</a>
</li>
<li class="slider_item">
<a href="#" class="slider_item_lk">
<img class="focus_left_img" src="upload/slider2.jpg.webp" alt="">
</a>
</li>
<li class="slider_item">
<a href="#" class="slider_item_lk">
<img class="focus_left_img" src="upload/slider3.jpg" alt="">
</a>
</li>
<li class="slider_item">
<a href="#" class="slider_item_lk">
<img class="focus_left_img" src="upload/slider4.avif" alt="">
</a>
</li>
<li class="slider_item">
<a href="#" class="slider_item_lk">
<img class="focus_left_img" src="upload/slider5.jpg" alt="">
</a>
</li>
<li class="slider_item">
<a href="#" class="slider_item_lk">
<img class="focus_left_img" src="upload/slider2.avif" alt="">
</a>
</li>
</ul>
</div>
</div>
<div class="focus_right">
<div class="focus_right_item">
<a href="#">
<img src="upload/rotation_right_1.png.webp" class="focus_right_img" alt="">
</a>
</div>
<div class="focus_right_item">
<a href="#">
<img src="upload/rotation_right_2.jpg.webp" class="focus_right_img" alt="">
</a>
</div>
<div class="focus_right_item">
<a href="#">
<img src="upload/rotation_right_3.jpg.webp" class="focus_right_img" alt="">
</a>
</div>
</div>
</div>
<div class="fs_col3">
<div class="user">
<div class="user_avatar">
<a href="#" class="user_avatar_lk">
</a>
</div>
<div class="user_show">
<a href="#">Hi~欢迎逛清水河!</a>
<p>
<a href="#">登录</a>
&nbsp;|&nbsp;
<a href="#">注册</a>
</p>
</div>
</div>
<div class="user_profit">
<a href="#" class="user_profit_lk">新人福利</a>
</div>
<hr class="line">
<div class="news">
<div class="news_hd">
<h5 class="news_tit">清水河快报</h5>
<a href="#" class="news_more">更多<i class="iconfont icon-xiangzuo"></i></a>
</div>
<ul class="news_list">
<li class="news_item">
<a href="#">
<span class="news_tag">热议</span>
电竞职业玩家的偏爱,罗技(G)PRO X鼠标
</a>
</li>
<li class="news_item">
<a href="#">
<span class="news_tag">HOT</span>
长虹全自动按摩洗脚盆,仿真人按摩轻松帮我们缓解疲劳
</a>
</li>
<li class="news_item">
<a href="#">
<span class="news_tag">HOT</span>
吃鸡常备的超轻职业级电竞鼠标,罗技(G)PRO X
</a>
</li>
<li class="news_item">
<a href="#">
<span class="news_tag">热门</span>
JBL无线降噪蓝牙耳机,颜值与实力兼具
</a>
</li>
</ul>
</div>
<hr class="line">
<div class="service">
<ul class="service_list">
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service1.png" alt="">
</i>
<span class="service_txt">话费</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service2.png" alt="">
</i>
<span class="service_txt">机票</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service3.png" alt="">
</i>
<span class="service_txt">酒店</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service4.png" alt="">
</i>
<span class="service_txt">游戏</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service5.png" alt="">
</i>
<span class="service_txt">加油卡</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service6.png" alt="">
</i>
<span class="service_txt">火车票</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service7.png" alt="">
</i>
<span class="service_txt">众筹</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service8.png" alt="">
</i>
<span class="service_txt">理财</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service9.png" alt="">
</i>
<span class="service_txt">白条</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service10.png" alt="">
</i>
<span class="service_txt">电影票</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service11.png" alt="">
</i>
<span class="service_txt">企业购</span>
</a>
</li>
<li class="service_item">
<a href="#" class="service_lk">
<i>
<img src="img/service12.png" alt="">
</i>
<span class="service_txt">礼品卡</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- app部分 -->
<div class="app w clearfix">
<div class="seckill">
<a href="#" class="seckill_countdown">
<div class="countdown_tit">2023秋招</div>
<div>
<div class="countdown_desc">
还有
<span class="timer_unit time_day" style="width: 50px;">
01
</span>
</div>
<div class="countdown_main">
<span class="timer_unit time_hour">
01
</span>
<span class="timer_c">:</span>
<span class="timer_unit time_minute">
30
</span>
<span class="timer_c">:</span>
<span class="timer_unit time_second">
00
</span>
</div>
</div>
</a>
<div class="seckill_list">
<div class="slider_wrapper">
<a href="#" class="seckill_item">
<div class="seckill_item_img">
<img class="lazy_img" src="upload/seckill_01.jpg.webp" alt="">
</div>
<h6 class="seckill_item_name">Dickies马丁靴男靴英伦风男女靴复古布洛克靴子高帮休闲男鞋加绒保暖情侣靴 驼色【男女款】 42</h6>
<div class="seckill_item__price">
<span class="price_origin">
<i>¥</i>
<span>342.00</span>
</span>
</div>
</a>
<a href="#" class="seckill_item">
<div class="seckill_item_img">
<img class="lazy_img" src="upload/seckill_01.jpg.webp" alt="">
</div>
<h6 class="seckill_item_name">Dickies马丁靴男靴英伦风男女靴复古布洛克靴子高帮休闲男鞋加绒保暖情侣靴 驼色【男女款】 42</h6>
<div class="seckill_item__price">
<span class="price_origin">
<i>¥</i>
<span>342.00</span>
</span>
</div>
</a>
<a href="#" class="seckill_item">
<div class="seckill_item_img">
<img class="lazy_img" src="upload/seckill_01.jpg.webp" alt="">
</div>
<h6 class="seckill_item_name">Dickies马丁靴男靴英伦风男女靴复古布洛克靴子高帮休闲男鞋加绒保暖情侣靴 驼色【男女款】 42</h6>
<div class="seckill_item__price">
<span class="price_origin">
<i>¥</i>
<span>342.00</span>
</span>
</div>
</a>
<a href="#" class="seckill_item">
<div class="seckill_item_img">
<img class="lazy_img" src="upload/seckill_01.jpg.webp" alt="">
</div>
<h6 class="seckill_item_name">Dickies马丁靴男靴英伦风男女靴复古布洛克靴子高帮休闲男鞋加绒保暖情侣靴 驼色【男女款】 42</h6>
<div class="seckill_item__price">
<span class="price_origin">
<i>¥</i>
<span>342.00</span>
</span>
</div>
</a>
<a href="#" class="seckill_item">
<div class="seckill_item_img">
<img class="lazy_img" src="upload/seckill_01.jpg.webp" alt="">
</div>
<h6 class="seckill_item_name">Dickies马丁靴男靴英伦风男女靴复古布洛克靴子高帮休闲男鞋加绒保暖情侣靴 驼色【男女款】 42</h6>
<div class="seckill_item__price">
<span class="price_origin">
<i>¥</i>
<span>342.00</span>
</span>
</div>
</a>
<a href="#" class="seckill_item">
<div class="seckill_item_img">
<img class="lazy_img" src="upload/seckill_01.jpg.webp" alt="">
</div>
<h6 class="seckill_item_name">Dickies马丁靴男靴英伦风男女靴复古布洛克靴子高帮休闲男鞋加绒保暖情侣靴 驼色【男女款】 42</h6>
<div class="seckill_item__price">
<span class="price_origin">
<i>¥</i>
<span>342.00</span>
</span>
</div>
</a>
<a href="#" class="seckill_item">
<div class="seckill_item_img">
<img class="lazy_img" src="upload/seckill_01.jpg.webp" alt="">
</div>
<h6 class="seckill_item_name">Dickies马丁靴男靴英伦风男女靴复古布洛克靴子高帮休闲男鞋加绒保暖情侣靴 驼色【男女款】 42</h6>
<div class="seckill_item__price">
<span class="price_origin">
<i>¥</i>
<span>342.00</span>
</span>
</div>
</a>
<a href="#" class="seckill_item">
<div class="seckill_item_img">
<img class="lazy_img" src="upload/seckill_01.jpg.webp" alt="">
</div>
<h6 class="seckill_item_name">Dickies马丁靴男靴英伦风男女靴复古布洛克靴子高帮休闲男鞋加绒保暖情侣靴 驼色【男女款】 42</h6>
<div class="seckill_item__price">
<span class="price_origin">
<i>¥</i>
<span>342.00</span>
</span>
</div>
</a>
</div>
</div>
<div class="seckill_brand">
<div class="slider_list">
<a class="brand_item" href="#" style="float: left; width: 180px;">
<div class="item_img">
<img src="upload/zhubao.jpg.webp" class="lazyimg_img">
</div>
<div class="item_info">
<p class="item_info_title">珠宝饰品12.12</p>
<p class="item_info_promo">叠券满400减80</p>
<div class="item_info_action">品类秒杀
<i class="iconfont icon-xiangzuo" style="color: #e1251b;"></i>
</div>
</div>
</a>
</div>
<div class="slider_indicators"></div>
</div>
</div>
<div class="grid_c1">
<div class="special_offer">
<div class="box_hd">
<a href="#" class="box_hd_lk">
<h3 class="box_tit">每日特价</h3>
<i class="box_hd_arrow"></i>
</a>
<ul class="box_hd_right">
<li class="box_hd_item">
<a href="#" class="box_hd_item_lk">精选</a>
</li>
<li class="box_hd_item">
<a href="#" class="box_hd_item_lk">美食</a>
</li>
<li class="box_hd_item">
<a href="#" class="box_hd_item_lk">百货</a>
</li>
<li class="box_hd_item">
<a href="#" class="box_hd_item_lk">个护</a>
</li>
<li class="box_hd_item">
<a href="#" class="box_hd_item_lk">预告</a>
</li>
</ul>
</div>
<div class="box_bd">
<div class="box_hd_left">
<a href="#" class="box_hd_left_lk">
<div class="special_item_img0">
<img class="lazy_img" src="upload/special1.jpg.webp" alt="">
</div>
<div class="special_item_message">
<span class="special_item_name">贵州酱香型纯粮食原浆白酒</span>
<div class="special_item_price">
¥9.9
</div>
<span class="special_item_soldMsg">
已抢<span class="special_item_soldNum">274</span>
</span>
</div>
</a>
</div>
<div class="box_hd_right">
<ul class="box_hd_right_list">
<li class="box_hd_right_list_item">
<a href="#" class="box_hd_right_list_lk">
<div class="box_hd_right_list_lk_left">
<img class="box_hd_right_img" src="upload/special2.jpg.webp" alt="">
</div>
<div class="box_hd_right_list_lk_right">
<span class="box_hd_right_list_tit">乐高暴力熊大号积木拼装</span>
<div class="special_item_price">
¥9.9
</div>
</div>
</a>
</li>
<li class="box_hd_right_list_item">
<a href="#" class="box_hd_right_list_lk">
<div class="box_hd_right_list_lk_left">
<img class="box_hd_right_img" src="upload/special3.jpg.webp" alt="">
</div>
<div class="box_hd_right_list_lk_right">
<span class="box_hd_right_list_tit">智利车厘子 品质进口水果 JJ</span>
<div class="special_item_price">
¥9.9
</div>
</div>
</a>
</li>
<li class="box_hd_right_list_item">
<a href="#" class="box_hd_right_list_lk">
<div class="box_hd_right_list_lk_left">
<img class="box_hd_right_img" src="upload/special4.jpg.webp" alt="">
</div>
<div class="box_hd_right_list_lk_right">
<span class="box_hd_right_list_tit">怡鹭 多口味夹心麻糍麻薯750g</span>
<div class="special_item_price">
¥9.9
</div>
</div>
</a>
</li>
<li class="box_hd_right_list_item">
<a href="#" class="box_hd_right_list_lk">
<div class="box_hd_right_list_lk_left">
<img class="box_hd_right_img" src="upload/special5.jpg.webp" alt="">
</div>
<div class="box_hd_right_list_lk_right">
<span class="box_hd_right_list_tit">新鲜红薯5斤</span>
<div class="special_item_price">
¥9.9
</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="lightning_buy">
<div class="box_hd">
<a href="#" class="box_hd_lk">
<h3 class="box_tit">品牌闪购</h3>
<i class="box_hd_arrow"></i>
</a>
</div>
<div class="box_bd">
<div class="box_bd_left">
<a href="#" class="box_bd_left_lk">
<img class="shangou_img" src="upload/balabala.png" alt="">
</a>
</div>
<div class="box_bd_right">
<ul class="shangou_ul">
<li class="shangou_li">
<a href="#" class="shangou_lk">
<img class="shangou_img" src="upload/shangou01.webp" alt="">
<span class="shangou_line">花加品牌闪购</span>
</a>
</li>
<li class="shangou_li">
<a href="#" class="shangou_lk">
<img class="shangou_img" src="upload/shangou02.webp" alt="">
<span class="shangou_cont">青岛啤酒专场</span>
</a>
</li>
<li class="shangou_li">
<a href="#" class="shangou_lk">
<img class="shangou_img" src="upload/shangou03.webp" alt="">
<span class="shangou_line">12.16家具闪购</span>
</a>
</li>
<li class="shangou_li">
<a href="#" class="shangou_lk">
<img class="shangou_img" src="upload/shangou04.webp" alt="">
<span class="shangou_cont">全屋尚品闪购专场</span>
</a>
</li>
<li class="shangou_li">
<a href="#" class="shangou_lk">
<img class="shangou_img" src="upload/shangou05.webp" alt="">
<span class="shangou_line">内外品牌闪购专场</span>
</a>
</li>
<li class="shangou_li">
<a href="#" class="shangou_lk">
<img class="shangou_img" src="upload/shangou06.webp" alt="">
<span class="shangou_cont">何浩明闪购专场</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="jd_container">
<div class="floorhd">
<h3 class="floorhd_tit">频道广场</h3>
</div>
<div class="channel_block">
<div class="channel_item channel_item1">
<a href="#" class="channel_item1_lk">
<img class="channel_item1_img" src="upload/channel_item1.webp" alt="">
</a>
</div>
<div class="channel_item channel_item1">
<a href="#" class="channel_item1_lk">
<img class="channel_item1_img" src="upload/channel_item2.webp" alt="">
</a>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">清水河国际</span>
<span class="channels_item_title_aside">一站尽享进口好物</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item3.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item4.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">中外名酒</span>
<span class="channels_item_title_aside">享全球美酒品美好生活</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item5.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item6.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">食品饮料</span>
<span class="channels_item_title_aside">吃货嘉年华</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item7.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item8.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">电脑办公</span>
<span class="channels_item_title_aside">科技潮物 惠享不停</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item9.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item10.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">企业购</span>
<span class="channels_item_title_aside">一站式企业采购平台</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item11.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item12.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">新机发布</span>
<span class="channels_item_title_aside">有新机更有范</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item13.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item14.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">清水河云</span>
<span class="channels_item_title_aside">云主机、软件精选特惠</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item15.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item16.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">运动城</span>
<span class="channels_item_title_aside">生命在于运动</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item17.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item18.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">企业购</span>
<span class="channels_item_title_aside">一站式企业采购平台</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item11.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item12.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">新机发布</span>
<span class="channels_item_title_aside">有新机更有范</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item13.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item14.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">清水河云</span>
<span class="channels_item_title_aside">云主机、软件精选特惠</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item15.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item16.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">运动城</span>
<span class="channels_item_title_aside">生命在于运动</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item17.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item18.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">企业购</span>
<span class="channels_item_title_aside">一站式企业采购平台</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item11.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item12.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">新机发布</span>
<span class="channels_item_title_aside">有新机更有范</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item13.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item14.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">清水河云</span>
<span class="channels_item_title_aside">云主机、软件精选特惠</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item15.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item16.webp" alt="">
</a>
</div>
</div>
<div class="channel_item">
<a href="#" class="channel_item_title">
<span class="channels_item_title_main">运动城</span>
<span class="channels_item_title_aside">生命在于运动</span>
</a>
<div class="channels_item_imgs">
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item17.webp" alt="">
</a>
<a href="#" class="channels_item_link">
<img class="channels_item_img" src="upload/channel_item18.webp" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<!-- 侧边盒子 -->
<div class="fixedtool">
<ul class="fixed_ul">
<li class="fixed_li">
<a href="#" class="fixed_lk">清水秒杀</a>
</li>
<li class="fixed_li">
<a href="#" class="fixed_lk">特色优选</a>
</li>
<li class="fixed_li">
<a href="#" class="fixed_lk">频道广场</a>
</li>
<li class="fixed_li">
<a href="#" class="fixed_lk">
<i class="iconfont icon-zixun"></i>
<span style="display: block;margin-top: 2px;">客服</span>
</a>
</li>
<li class="fixed_li">
<a href="#" class="fixed_lk">
<i class="iconfont icon-bianji"></i>
<span style="display: block;margin-top: 2px;">反馈</span>
</a>
</li>
<li class="fixed_li">
<a href="#" class="fixed_lk">
<i class="iconfont icon-xiangshang"></i>
<span style="display: block;margin-top: 2px;">顶部</span>
</a>
</li>
</ul>
</div>
<!-- 尾部 -->
<div class="footer">
<div class="mod_service">
<ul class="mod_service_list">
<li class="mod_service_item">
<div class="mod_service_unit">
<h5 class="mod_service_tit mod_service_duo"></h5>
<p class="mod_service_txt">品类齐全,轻松购物</p>
</div>
</li>
<li class="mod_service_item">
<div class="mod_service_unit">
<h5 class="mod_service_tit mod_service_kuai"></h5>
<p class="mod_service_txt">多仓直发,极速配送</p>
</div>
</li>
<li class="mod_service_item">
<div class="mod_service_unit">
<h5 class="mod_service_tit mod_service_hao"></h5>
<p class="mod_service_txt">正品行货,精致服务</p>
</div>
</li>
<li class="mod_service_item">
<div class="mod_service_unit">
<h5 class="mod_service_tit mod_service_shen"></h5>
<p class="mod_service_txt">天天低价,畅选无忧</p>
</div>
</li>
</ul>
</div>
<div class="long_line"></div>
<div class="mod_help clearfix">
<div class="mod_help_list">
<div class="mod_help_nav">
<h5 class="mod_help_nav_tit">购物指南</h5>
<ul class="mod_help_nav_con">
<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 class="mod_help_nav">
<h5 class="mod_help_nav_tit">配送方式</h5>
<ul class="mod_help_nav_con">
<li>
<a href="#">上门自提</a>
</li>
<li>
<a href="#" >211限时达</a>
</li>
<li>
<a href="#">配送服务查询</a>
</li>
<li>
<a href="#">配送费收取标准</a>
</li>
<li>
<a href="#">海外配送</a>
</li>
</ul>
</div>
<div class="mod_help_nav">
<h5 class="mod_help_nav_tit">支付方式</h5>
<ul class="mod_help_nav_con">
<li>
<a href="#">货到付款</a>
</li>
<li>
<a href="#" >在线支付</a>
</li>
<li>
<a href="#">分期付款</a>
</li>
<li>
<a href="#">公司转账</a>
</li>
</ul>
</div>
<div class="mod_help_nav">
<h5 class="mod_help_nav_tit">售后服务</h5>
<ul class="mod_help_nav_con">
<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 class="mod_help_nav">
<h5 class="mod_help_nav_tit">特色服务</h5>
<ul class="mod_help_nav_con">
<li>
<a href="#">夺宝岛</a>
</li>
<li>
<a href="#" >DIY装机</a>
</li>
<li>
<a href="#">延保服务</a>
</li>
<li>
<a href="#">清水河E卡</a>
</li>
<li>
<a href="#">清水河通信</a>
</li>
<li>
<a href="#">京鱼座智能</a>
</li>
</ul>
</div>
<div class="mod_help_cover">
<h5 class="mod_help_cover_tit">清水河自营覆盖区县</h5>
<div class="mod_help_cover_con">
<p class="mod_help_cover_info">清水河已向全国2661个区县提供自营配送服务,支持货到付款、POS机刷卡和售后上门服务。</p>
<p class="mod_help_cover_more">
<a href="#">
查看详情<i class="iconfont icon-xiangzuo"></i>
</a>
</p>
</div>
</div>
</div>
</div>
<div class="long_line" style="width: 1200px;"></div>
<div class="mod_copyright">
<p class="mod_copyright_links">
<a href="#">关于我们</a>
<span class="mod_copyright_split">|</span>
<a href="#">联系我们</a>
<span class="mod_copyright_split">|</span>
<a href="#">联系客服</a>
<span class="mod_copyright_split">|</span>
<a href="#">合作招商</a>
<span class="mod_copyright_split">|</span>
<a href="#">商家帮助</a>
<span class="mod_copyright_split">|</span>
<a href="#">营销中心</a>
<span class="mod_copyright_split">|</span>
<a href="#">手机清水河</a>
<span class="mod_copyright_split">|</span>
<a href="#">友情链接</a>
<span class="mod_copyright_split">|</span>
<a href="#">销售联盟</a>
<span class="mod_copyright_split">|</span>
<a href="#">清水河社区</a>
<span class="mod_copyright_split">|</span>
<a href="#">风险监测</a>
<span class="mod_copyright_split">|</span>
<a href="#">隐私政策</a>
<span class="mod_copyright_split">|</span>
<a href="#">清水河公益</a>
<span class="mod_copyright_split">|</span>
<a href="#">English Site</a>
<span class="mod_copyright_split">|</span>
<a href="#">Media & IR</a>
</p>
<p class="mod_copyright_auth">
<a href="#" class="mod_copyright_auth_ico"></a>
<a href="#" class="mod_copyright_auth_ico"></a>
<a href="#" class="mod_copyright_auth_ico"></a>
<a href="#" class="mod_copyright_auth_ico"></a>
<a href="#" class="mod_copyright_auth_ico"></a>
</p>
</div>
</div>
<script src="js/index.js"></script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/coolboyjt/shopping.git
git@gitee.com:coolboyjt/shopping.git
coolboyjt
shopping
shopping
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385