小兔鲜首页HTML+css
作者:互联网
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>小兔鲜</title>
<link rel="stylesheet" type="text/css" href="css/new_file.css" />
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
</head>
<body>
<!--顶部导航-->
<div class="top">
<div class="nav">
<ul>
<li>
<a href="">请先登录</a><span>|</span></li>
<li>
<a href="">免费注册</a><span>|</span></li>
<li>
<a href="">我的订单</a><span>|</span></li>
<li>
<a href="">会员中心</a><span>|</span></li>
<li>
<a href="">帮助中心</a><span>|</span></li>
<li>
<a href="">关于我们</a><span>|</span></li>
<li>
<a href=""><img src="img/未标题-1.png" />手机版</a>
</li>
</ul>
</div>
</div>
<!--导航部分-->
<div class="continer navbar">
<div class="logo">
<img src="img/1_03.png" />
</div>
<div class="list">
<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="">服装</a>
</li>
</ul>
</div>
<div class="search">
<input type="text" placeholder="搜一搜" />
<img src="img/搜索.png" />
<img src="img/购物车.png" />
<div class="amount">
<font>2</font>
</div>
</div>
</div>
<!--轮播图部分-->
<div class="grapbg one">
<div class="continer">
<img src="img/slideshow-img.jpg" />
<div class="left">
<ul>
<li>
<a href=""><span>生鲜</span>
<font>水果 蔬菜</font><i>></i></a>
</li>
<li>
<a href=""><span>美食</span>
<font>面点 干果</font><i>></i></a>
</li>
<li>
<a href=""><span>餐厨</span>
<font>数码产品</font><i>></i></a>
</li>
<li>
<a href=""><span>电器</span>
<font>床品 四件套 被枕</font><i>></i></a>
</li>
<li>
<a href=""><span>居家 </span>
<font>奶粉 玩具 铺食</font><i>></i></a>
</li>
<li>
<a href=""><span>洗护 </span>
<font>洗发 美发 美妆</font><i>></i></a>
</li>
<li>
<a href=""><span>孕婴 </span>
<font>奶粉 玩具</font><i>></i></a>
</li>
<li>
<a href=""><span>服饰 </span>
<font>女装男装</font><i>></i></a>
</li>
<li>
<a href=""><span>杂货 </span>
<font>户外 图书</font><i>></i></a>
</li>
<li>
<a href=""><span>品牌 </span>
<font>品牌制造</font><i>></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--背景为白色部分-->
<div class="continer frist clearfix">
<!--标题部分-->
<div class="title">
<h3>新鲜好物</h3>
<font>新鲜出炉 品质靠谱</font>
<a href="">查看全部></a>
</div>
<!--内容部分-->
<div class="center">
<div class="imgs ">
<img src="img/1_07.png" />
<h5>睿米无线吸尘器F8</h5>
<h6>¥899</h6>
</div>
<div class="imgs">
<img src="img/1_09.png" />
<h5>智能环绕3D空调</h5>
<h6>¥1299</h6>
</div>
<div class="imgs">
<img src="img/1_11.png" />
<h5>广东软软糯米煲仔饭</h5>
<h6>¥129</h6>
</div>
<div class="imgs">
<img src="img/1_13.png" />
<h5>罗西机械智能手表</h5>
<h6>¥3399</h6>
</div>
</div>
<!--标题部分-->
<div class="title">
<h3>生鲜</h3>
<a href="">查看全部></a>
<div class="lost">
<ul>
<li>水果</li>
<li>蔬菜</li>
<li>肉禽蛋</li>
<li>裤装</li>
<li>衬衫</li>
<li>T恤</li>
<li>内衣</li>
</ul>
</div>
</div>
<!--内容部分-->
<div class="center">
<div class="wine">
<img src="img/1_20.png" />
</div>
<div class="text">
<ul>
<li>
<img src="img/1_23.png" />
<p>美威 智利原味三文鱼排 240g/袋 4片装</p>
<p>海鲜年货</p>
<h4>¥59</h4>
</li>
<li><img src="img/1_25.png" />
<p>红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只</p>
<p>火锅食材</p>
<h4>¥79</h4>
</li>
<li><img src="img/1_27.png" />
<p>三都港 冷冻无公害黄花鱼 700g 2条 袋装</p>
<p>海鲜水产</p>
<h4>¥49</h4>
</li>
<li><img src="img/1_29.png" />
<p>渔公码头 大连鲜食入味 即食海参 辽参刺参</p>
<p>调味海</p>
<h4>¥899</h4>
</li>
<li><img src="img/1_35.png" />
<p>越南白心火龙果4个装 标椎果400-550g</p>
<p>新鲜水果</p>
<h4>¥20</h4>
</li>
<li><img src="img/1_36.png" />
<p>广西沃柑 新鲜水果 柑橘<br>1.5kg</p>
<p>新鲜水果</p>
<h4>¥10</h4>
</li>
<li><img src="img/1_37.png" />
<p>进口 牛油果 6个装 单果重约130-180g</p>
<p>新鲜水果</p>
<h4>¥50</h4>
</li>
<li><img src="img/1_38.png" />
<p>泰国进口山竹5A级<br>500g</p>
<p>新鲜水果</p>
<h4>¥60</h4>
</li>
</ul>
</div>
</div>
</div>
<!--背景为灰色部分-->
<div class="grapbg two">
<div class="continer">
<!--标题部分-->
<div class="title">
<h3>最新专题</h3>
<a href="">查看全部></a>
</div>
<!--内容部分-->
<div class="loss">
<ul>
<li>
<img src="img/1_44.png" />
<div class="Like">
<i class="iconfont icon-aixin1"></i>
</div>
<div class="View">
<i class="iconfont icon-yanjing"></i>
</div>
<div class="voice">
<i class="iconfont icon-liuyan"></i>
</div>
</li>
<li>
<img src="img/1_46.png" />
<div class="Like">
<i class="iconfont icon-aixin1"></i>
</div>
<div class="View">
<i class="iconfont icon-yanjing"></i>
</div>
<div class="voice">
<i class="iconfont icon-liuyan"></i>
</div>
</li>
<li>
<img src="img/1_48.png" />
<div class="Like">
<i class="iconfont icon-aixin1"></i>
</div>
<div class="View">
<i class="iconfont icon-yanjing"></i>
</div>
<div class="voice">
<i class="iconfont icon-liuyan"></i>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--底部信息栏-->
<div class="continer contact clearfix">
<ul>
<li>
<h4>客户服务</h4>
<div class="arrange">
<svg t="1631242763815" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1287">
<path d="M514.02613399 659.73689234a64.07953433 64.07953433 0 0 0 60.66195892-44.18436484 3.63727657 3.63727657 0 0 0-6.5910374-2.9537614c-0.09764515 0.14646766-9.83773415 15.89172458-47.79722986 21.0180876a124.25326883 124.25326883 0 0 1-16.45318368 1.17173968c-26.60826356-0.02441104-38.44772071-10.05743531-38.56977678-10.13066892a3.66168754 3.66168754 0 0 0-5.49253137 4.63813751 64.22600193 64.22600193 0 0 0 54.24180017 30.44083037z m204.07806005-235.2268166l-0.95203895 0.04882254c-22.21423879-96.27797489-107.2142151-168.09587578-209.10677796-168.09587578-104.67544509 0-191.62832185 75.79693479-210.88879876 176.05394357A40.27856452 40.27856452 0 0 0 264.17697759 472.25848305v79.70273513c0 22.33629489 17.89344704 40.4494431 40.03445223 40.44944314a39.54622674 39.54622674 0 0 0 30.80699923-14.93968562 186.01373436 186.01373436 0 0 0 99.35379235 104.48015546 21.31102241 21.31102241 0 0 1 2.00172248-3.24669675c0.70792617-0.92762745 1.51349746-1.70878771 2.19701265-1.70878768 0.73233774 0 1.36702986 0.29293477 1.9528999 0.68351519-10.57007187-7.86042271-48.70044627-48.26104381-56.95144881-104.6266226-3.61286505-24.8018313 14.96409718-49.16425968 36.61687637-53.19211661 34.73721056-6.46898137 69.30354192-13.84117959 104.04075301-20.18810478 22.09218214-4.02785643 37.17833543-16.13583683 46.40578849-36.32394162 2.17260112-4.71137164 5.29724167-14.23175947 6.71309407-27.9997049a4.29638019 4.29638019 0 0 1 4.22314614-3.61286559c1.41585238 0 2.63641504 0.73233774 3.44198687 1.78202177l0.97644996-0.58587003c13.67030092 19.87075853 40.840023 63.90865566 44.74582338 110.33885508 4.46725886 53.04564894 1.95289991 89.39400214-38.6430109 126.59674911a3.31993027 3.31993027 0 0 0-1.07409506 2.44112488c0 1.12291764 0.61028109 2.09936752 1.48908645 2.68523765l1.00086151 0.48822496c0.29293477 0.04882255 0.53704751 0.12205612 0.8055713 0.12205611 0.29293477 0 0.53704751-0.07323356 0.78115977-0.14646708 0.56145855-0.29293477 1.12291764-0.65910363 1.68437666-0.97645049a185.76962165 185.76962165 0 0 0 87.1481664-105.87159628c5.90752281 8.78805063 15.1349758 15.06174174 25.87592635 17.2587544-17.20993187 78.21364865-86.97728827 127.18261866-173.41752851 134.60363945a35.39631419 35.39631419 0 0 0-32.8819552-21.97012602c-19.5778237 0-35.4207257 15.5011447-35.42072575 34.56633139 0 19.0895982 15.86731305 34.56633188 35.39631423 34.56633188 15.76966849 0 28.97615541-10.13066943 33.56547038-24.04508261 100.06171856-8.12894653 180.2526787-67.59475478 196.99879762-159.99134029a40.815612 40.815612 0 0 0 25.16799969-37.61773787V465.32568775c0-22.53158508-18.40608355-40.815612-41.10854679-40.81561201z m-36.88540071 23.16627719c-26.12003856-70.69498323-93.73920438-121.17745078-173.27106079-121.17745076-79.19009916 0-146.56515219 50.04306507-172.9048925 120.29864592-1.31820782-1.61114259-2.8561163-2.97817241-4.34520278-4.3940253 14.89086308-85.56143536 88.53960834-150.61742017 177.34773987-150.61741964 88.36872911 0 161.79777311 64.42129215 177.2012727 149.39685692-1.53790898 2.05054501-2.92935038 4.17432411-4.0278565 6.49339286z" fill="#27bb9a" p-id="1288"></path>
</svg>
<h5>在线客服</h5>
</div>
<div class="arrange">
<svg t="1631243009927" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1141">
<path d="M512.01086369 763.74102802a251.73736007 251.73736007 0 1 1 251.7373601-251.66543491 251.98909717 251.98909717 0 0 1-251.73736008 251.66543491z m1.15799202-462.26171755a209.40952092 209.40952092 0 1 0 209.39513622 209.44548339A209.639681 209.639681 0 0 0 513.16885571 301.47931047z m26.31015057 333.15641444h-62.00650813v-60.77659098h62.00650813v60.77659092z m37.98357133-160.46458567a44.03246028 44.03246028 0 0 1-10.33561681 16.11119078 151.04241606 151.04241606 0 0 1-16.25504109 13.23419303 53.00869529 53.00869529 0 0 0-13.66574257 13.09034268 22.08096276 22.08096276 0 0 0-3.50274528 13.16226736v10.35719428h-50.13888983a433.09614621 433.09614621 0 0 1-0.15104218-19.27588918 76.47781015 76.47781015 0 0 1 1.51761688-13.52189222 37.20678162 37.20678162 0 0 1 5.63172409-13.09034273 54.80681947 54.80681947 0 0 1 10.01195456-10.06949454 128.60182843 128.60182843 0 0 1 13.89590219-9.92564431 53.32516524 53.32516524 0 0 0 9.7242544-8.99062004 13.44996751 13.44996751 0 0 0 3.34451088-8.63099524 26.88554989 26.88554989 0 0 0-5.37998704-13.5218927 17.15410272 17.15410272 0 0 0-13.66574257-4.45934744 22.57724514 22.57724514 0 0 0-15.65087098 5.82592168 23.93662653 23.93662653 0 0 0-7.19249636 14.52884205l-0.60416958 11.22029377H436.48246336c0-7.26442105 0.29489251-14.38499221 0.90625443-21.2178632a68.37905939 68.37905939 0 0 1 6.23589421-22.08096277 57.79889778 57.79889778 0 0 1 15.34159386-20.21091388 63.4665845 63.4665845 0 0 1 23.40438207-12.29916783 112.57694745 112.57694745 0 0 1 28.25931693-4.09972312 90.31617234 90.31617234 0 0 1 34.64625283 6.25747165 56.82071819 56.82071819 0 0 1 23.85750953 17.33391566 51.64212103 51.64212103 0 0 1 10.64489394 20.64246339 85.85682487 85.85682487 0 0 1 1.97074381 17.19006529 65.39417338 65.39417338 0 0 1-4.28672732 22.44058758z" fill="#27bb9a" p-id="1142"></path>
</svg>
<h5>问题反馈</h5>
</div>
</li>
<li>
<h4>关注我们</h4>
<div class="arrange">
<svg t="1631243072069" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="992">
<path d="M601.71315991 434.74434972c5.76906523 0 11.5381304 0.53285182 17.27730146 1.03633389C603.55191838 364.13571148 526.10588894 310.6071776 437.88377013 310.6071776c-98.65311323 0.3461439-179.48977955 67.02237754-179.48977961 151.68760532 0 48.81048749 26.94625479 89.06754911 71.70685846 120.23571068L312.03371007 635.99819012l62.82826709-31.13616947c22.50879463 4.40284566 40.57750694 8.80569138 62.79994619 8.80569136 5.76906523 0 11.25492179-0.25174103 16.73763162-0.756272a135.92337238 135.92337238 0 0 1-5.4832343-37.42445058c0.25436334-77.62119924 67.52113942-140.7111721 152.82935583-140.71117209l-0.03146763-0.03146762z m-96.55999134-48.24616797c13.63072775 0 22.50617238 8.80569138 22.50617228 22.32890468 0 13.21011046-8.87544462 22.33100259-22.50617228 22.33100255-13.3475191 0-26.9467792-8.83715902-26.94677929-22.33152704 0-13.52268891 13.59926013-22.32838029 26.94677929-22.32838024z m-125.63136011 44.65990723c-13.31290471 0-26.94363244-8.83715902-26.94363244-22.33152704 0-13.52268891 13.63072775-22.32838029 26.94363246-22.32838019 13.3475191 0 22.50879463 8.80569138 22.5087946 22.32890468 0 13.21011046-8.87596908 22.33100259-22.5087946 22.33100255z m386.08420101 142.47231036c0-71.14149006-71.70685844-129.29366755-152.60908239-129.29366753-85.30611856 0-152.57499246 58.15217746-152.57499251 129.29366753 0 71.39375555 67.2688739 129.32513515 152.57499251 129.32513517 17.81697125 0 35.88515909-4.40284566 53.9239771-8.83715901l49.19911269 26.73332381-13.5992601-44.40973965c36.13899794-27.23523248 63.08525271-62.83823183 63.0852527-102.81156032z m-202.06150951-22.33152703c-8.87544462 0-18.06871228-8.80569138-18.06871232-17.92553454 0-8.80569138 9.19326768-17.92605908 18.06871232-17.92605907 13.63072775 0 22.50879463 8.83715902 22.50879466 17.92605907 0 9.12036765-8.8780669 17.92605908-22.50879466 17.926059z m98.68510527 0c-8.90743673 0-17.81697125-8.80569138-17.81697128-17.92553454 0-8.80569138 8.87754246-17.92605908 17.81697128-17.92605907 13.59926013 0 22.50617238 8.83715902 22.50617236 17.92605907 0 9.12036765-8.90691228 17.92605908-22.50617236 17.926059z" fill="#27bb9a" p-id="993"></path>
</svg>
<h5>公众号</h5>
</div>
<div class="arrange">
<svg t="1631243132429" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="992">
<path d="M646.23204566 518.6772909c-20.99855828-4.06962681-10.80062247-15.34762486-10.8006225-15.34762485s20.55698587-33.88769892-4.05172521-58.47850845c-30.5162339-30.5162339-104.62282534 3.87270937-104.62282537 3.87270939-28.30240465 8.80161225-20.80164086-4.00398768-16.7857188-25.77231408 0-25.65893737-8.79564503-69.06431191-84.20905216-43.41134169-75.33583355 25.75441249-140.02022453 116.06790486-140.0202245 116.06790483-44.97474676 60.04191346-39.02545357 106.41895097-39.02545356 106.41895097 11.2362277 102.4149633 120.05995814 130.52641771 204.67477948 137.19774143 89.05441428 6.96371625 209.22774911-30.70718412 245.66344019-108.11363428 36.44762548-77.53772844-29.77033454-108.21507659-50.84049917-112.43388327M457.99688762 710.33761872c-88.39205566 4.13526595-159.84921264-40.20695815-159.84921267-99.17477655S369.60483195 504.73195681 457.99688762 500.66233001s160.06403167 32.37203146 160.06403165 91.29807949-71.60633686 114.35531997-160.06403166 118.37720923" fill="#27bb9a" p-id="993"></path>
<path d="M440.39366314 539.55053811c-88.9112016 10.41275479-78.63569227 93.68495739-78.63569227 93.68495738s-0.90104641 26.38096794 23.86877895 39.80715614c52.02200374 28.16515916 105.57160931 11.11091661 132.65073905-23.83297582S529.40630705 529.22132401 440.39366314 539.55053811M417.95104374 656.40611267c-16.60073575 1.95127267-29.97918636-7.61414048-29.97918636-21.51173704s11.88665193-28.29643746 28.48738765-30.0269239c19.09502317-1.79015843 31.48888663 9.15964394 31.48888665 23.04530603s-13.46199133 26.61368853-29.99708794 28.49335491m52.40987139-44.62268226c-5.62706464 4.17703632-12.53110893 3.58031685-15.51470632-1.43809393-3.10890845-4.92890286-1.94530549-12.8055999 3.75933266-16.94086588 6.56391422-4.88713251 13.43215536-3.48484174 16.39188399 1.42615957 2.98359738 5.03034517 0.85330886 12.5848137-4.63651033 16.94683305M774.91460017 472.01979525a21.48190106 21.48190106 0 0 0 0.70412897-5.10791868 159.92081898 159.92081898 0 0 0 1.92143672-23.82104142c0-87.71776266-71.36764908-159.13314929-159.10928051-159.13314927a22.001047 22.001047 0 1 0 0 44.00209402c63.47901763 0 115.1131537 51.65203765 115.11315368 115.13105525a116.06790486 116.06790486 0 0 1-1.9095023 21.05226305l0.25658937 0.04177037a21.8996047 21.8996047 0 0 0 42.96380209 7.97217214 0.33416291 0.33416291 0 0 1 0-0.13724546" fill="#27bb9a" p-id="994"></path>
<path d="M706.03527132 451.34943268c0.25062218-2.7329752 0.52511315-5.45998318 0.52511312-8.25859753 0-48.60280114-39.52669795-88.1294991-88.1235319-88.12949908a18.33122224 18.33122224 0 1 0 0 36.66244448 51.5207594 51.5207594 0 0 1 51.45512023 51.46705462 52.78580467 52.78580467 0 0 1-0.40576924 6.61165176l0.42963803 0.05967195c-0.08354071 0.72799777-0.42963798 1.37842199-0.42963803 2.13028852A18.32525504 18.32525504 0 0 0 687.81145856 470.22963685c9.26108623 0 16.60073575-6.98161785 17.84191228-15.9145084l0.19095024 0.04177037c0.04773757-0.45947399 0-0.95475116 0.07757355-1.40825792 0-0.3580317 0.22078621-0.674293 0.22078618-1.05022633 0-0.19691742-0.11337671-0.3580317-0.11337669-0.54301471" fill="#27bb9a" p-id="995"></path>
</svg>
<h5>微博</h5>
</div>
</li>
<li>
<h4>下载APP</h4>
<div class="code">
<img src="img/qrcode.5372a064.jpg" />
</div>
<div class="scan">
<p>扫描二维码</p>
<p>立马下载APP</p>
<div class="down">
<p>下载页面</p>
</div>
</div>
</li>
<li>
<h4>服务热线</h4>
<h4>400-0000-000</h4>
<h4>周一至周日 8:00-18:00</h4>
</li>
</ul>
</div>
<!--底端地址-->
<div class="grapbg twelve">
<div class="continer">
<div class="pro">
<svg t="1631261070498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2112" width="50" height="50">
<path d="M512 0C229.248 0 0 229.248 0 512s229.248 512 512 512 512-229.248 512-512S794.752 0 512 0z m0 85.333333c235.648 0 426.666667 191.018667 426.666667 426.666667s-191.018667 426.666667-426.666667 426.666667S85.333333 747.648 85.333333 512 276.352 85.333333 512 85.333333z" fill="#ffffff" p-id="2113"></path>
<path d="M689.450667 266.538667a42.666667 42.666667 0 0 1 7.253333 55.978666l-3.242667 4.266667L605.994667 426.666667H661.333333a42.666667 42.666667 0 0 1 4.992 85.034666L661.333333 512H554.666667v85.333333h85.333333a42.666667 42.666667 0 0 1 4.992 85.034667L640 682.666667h-85.333333v42.666666a42.666667 42.666667 0 0 1-85.034667 4.992L469.333333 725.333333v-42.666666H384a42.666667 42.666667 0 0 1-4.992-85.034667L384 597.333333h85.333333v-85.333333H362.666667a42.666667 42.666667 0 0 1-4.992-85.034667L362.666667 426.666667h55.296L330.538667 326.784a42.666667 42.666667 0 0 1 60.458666-60.032l3.797334 3.84L512 404.48l117.205333-133.973333a42.666667 42.666667 0 0 1 60.245334-4.010667z" fill="#ffffff" p-id="2114"></path>
</svg>
<h3>价格亲民</h3>
</div>
<div class="pro">
<svg t="1631261630065" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2411" width="200" height="200">
<path d="M181.333333 810.666667h-149.333333A32 32 0 0 1 0 778.666667v-618.666667A32 32 0 0 1 32 128h576A75.733333 75.733333 0 0 1 682.666667 205.013333V531.2a32 32 0 0 1-64 0V205.013333a12.16 12.16 0 0 0-10.666667-12.8H64V746.666667h117.333333a32 32 0 0 1 0 64z" fill="#ffffff" p-id="2412"></path>
<path d="M266.666667 896a117.333333 117.333333 0 1 1 117.333333-117.333333 117.546667 117.546667 0 0 1-117.333333 117.333333z m0-170.666667a53.333333 53.333333 0 1 0 53.333333 53.333334 53.333333 53.333333 0 0 0-53.333333-53.333334zM778.666667 896a117.333333 117.333333 0 1 1 117.333333-117.333333 117.546667 117.546667 0 0 1-117.333333 117.333333z m0-170.666667a53.333333 53.333333 0 1 0 53.333333 53.333334 53.333333 53.333333 0 0 0-53.333333-53.333334z" fill="#ffffff" p-id="2413"></path>
<path d="M693.333333 810.666667h-341.333333a32 32 0 0 1 0-64h341.333333a32 32 0 0 1 0 64zM991.786667 810.666667h-128a32 32 0 0 1 0-64H960V499.84L846.293333 384H650.666667a32 32 0 0 1 0-64h209.066666a31.36 31.36 0 0 1 22.826667 9.6l132.053333 134.613333a31.573333 31.573333 0 0 1 9.386667 22.613334V778.666667a32 32 0 0 1-32.213333 32zM501.333333 341.333333h-320a32 32 0 0 1 0-64h320a32 32 0 0 1 0 64z" fill="#ffffff" p-id="2414"></path>
<path d="M842.666667 512h-85.333334a32 32 0 0 1 0-64h85.333334a32 32 0 0 1 0 64z" fill="#ffffff" p-id="2415"></path>
</svg>
<h3>物流快捷</h3>
</div>
<div class="pro">
<svg t="1631261660635" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2560" width="200" height="200">
<path d="M986.776992 567.822977c14.823998-20.164492 26.251363-53.121973 26.251363-80.628234l-0.005126-0.396769c-0.793539-33.226095-16.845778-63.097593-45.19684-84.109961-27.883551-20.66276-65.458729-31.586731-108.666597-31.586731l-193.845887 0.035884c13.63369-47.042278 19.597532-100.589727 16.884737-153.311855-3.187482-61.967775-18.131433-117.13921-42.078049-155.35209-14.143236-22.563562-31.094614-39.332446-50.386623-49.84632-15.361225-8.370089-31.741542-12.615623-48.684719-12.615623-40.095228 0-69.546376 17.842315-85.168013 51.599486-12.649456 27.335045-12.649456 58.461442-12.649456 68.689272 0 87.236954-12.45671 124.689104-26.40925 158.056683-5.289232 9.781849-25.35735 33.24455-52.993818 54.16157-42.611175 32.246988-75.971578 39.017696-96.453895 39.017696l-144.089789 0c-28.828825 0-54.736732 10.680988-74.920703 30.886489-24.298274 24.323905-37.658223 60.185901-37.616188 100.983421l0.001025 0.760731 37.470604 403.396456c5.418413 73.995933 44.717026 114.76372 110.666847 114.797553 1.653718 0.015379 30.607623 0.277841 52.215658 0.277841 9.071356 0 21.437844-0.050237 28.841128-0.286043 23.031073-0.741251 40.783166-14.195523 55.04738-25.005692l3.624236-2.746628c3.47045-2.634876 7.958966-6.041761 10.787613-7.636014 2.294495 1.091884 5.393807 2.642053 8.07892 3.985122 7.318189 3.659094 17.340971 8.671511 28.261866 13.410187 26.117056 11.345346 63.949571 18.675838 96.383153 18.675838l301.476988 0c52.890268 0 94.037395-10.262689 122.299261-30.502023 28.652483-20.521276 43.815837-51.370857 43.850695-89.232079 0-13.623437-1.938736-24.567913-6.667159-35.454975 43.295013-16.846803 68.504728-49.618716 68.504728-90.56592 0-12.039436-3.257199-29.931988-10.07712-44.407402 8.743278-5.93206 17.574726-13.918707 25.344022-23.122319 17.040574-20.195249 26.414377-43.389335 26.394897-65.296741C1013.252884 612.426201 1004.16615 586.322473 986.776992 567.822977zM898.799812 682.726131l-22.270342 0 0.867356 65.362357 10.402122 4.070217 0.652055 0.250159c2.81942 1.074455 9.421989 3.590403 9.443519 23.428867-0.003076 3.403809-0.013328 13.764921-17.867946 22.567663-12.408524 6.119679-29.918659 9.630113-48.03984 9.630113l0 16.596644-16.480791-0.300396-0.890937 49.09174 13.114916 3.020368c2.600018 0.597717 8.008178 1.844413 7.987673 22.898816 0 14.763508-5.644991 25.403486-17.764396 33.482406-15.499633 10.33343-41.546972 15.794903-75.326699 15.794903l-312.100562 0c-11.539117 0-39.494435-7.971269-55.394938-15.796954-12.397246-6.097124-30.751157-16.439781-42.716775-23.214591L332.414226 434.134285c79.007324-27.16588 141.153491-95.435828 157.733731-127.879662l0.515698-1.108288c17.754144-42.137513 28.033236-86.674096 28.033236-189.634186 0-23.078234 4.3132-31.47908 6.883486-34.434857 1.481477-1.70293 3.771871-3.519661 12.246535-3.519661 8.443906 0 29.934038 13.505534 41.185061 31.451399 17.690579 28.219831 28.858557 74.782295 29.875599 124.554797 1.131869 55.389812-9.924358 110.039398-31.130497 153.878815l-0.776109 1.603481-13.6788 56.714427 297.271438-0.08612c50.690095 2.967055 78.121513 23.267904 78.325537 41.003593l-0.334229 11.623187c-0.401895 8.203999-3.941036 25.086686-11.083909 31.145876-7.190034 6.095073-12.738652 7.413537-14.117605 7.659595l-15.564223-0.656156-0.431628 53.90731-0.08407 14.5195 14.371865 2.050487c5.081107 0.725872 13.84489 2.935272 17.052877 5.179531 7.080332 4.975507 11.026495 15.99175 10.556934 29.444997-0.191721 5.263601-5.72291 15.899478-15.925109 26.043238C912.253059 678.62003 902.404569 682.726131 898.799812 682.726131zM258.021524 445.685705l0 486.712879c-3.860042 2.816344-7.481203 5.49223-10.454409 7.730337-5.671648 4.275266-10.423652 7.30281-12.769409 8.567961-5.534265 0.12508-14.388269 0.18762-26.391821 0.18762-19.246898 0-41.302964-0.160963-52.736481-0.256311l-0.996537-0.008202c-14.407749 0-28.619676-16.649956-32.557636-38.020134l-37.277858-417.166503c0.341406-25.792054 19.877423-46.025237 37.907358-48.16492L258.021524 445.685705z" fill="#ffffff" p-id="2561"></path>
</svg>
<h3>品质新鲜</h3>
</div>
</div>
<div class="ispn">
<h5>关于我们|帮助中心|售后服务|配送与验收|商务合作|搜索推荐|友情链接</h5>
<h5>CopyRight @ 小兔鲜儿</h5>
</div>
</div>
</body>
</html>
标签:洗护,水果,生鲜,APP,新鲜,HTML,小兔,css 来源: https://www.cnblogs.com/qq1561942060/p/15266085.html