1 Star 0 Fork 25

itguang/shopp

forked from yuany24/shopp 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
index.html 43.65 KB
一键复制 编辑 原始数据 按行查看 历史
yuany24 提交于 2016-07-27 20:51 . 第一次提交
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物街</title>
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/animate.css">
<script src="js/indexs.js"></script>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/base.js"></script>
<script src="js/wow.min.js"></script>
<script>
wow = new WOW(
{
animateClass: 'animated',
offset: 100
}
);
wow.init();
</script>
</head>
<body>
<!-- site-top-nav部分 start-->
<div class="site-top-nav">
<div class="w clearfix">
<div class="fl top-nav-left">
<i></i>
<a href="#">购物街首页</a>
<b class="line"></b>
<span>贵宾专线:400-660-5610</span>
<em></em>
</div>
<div class="fr top-nav-right">
<ul>
<li>
<a href="register.html">登录</a>
<b class="line"></b>
</li>
<li>
<a href="login.html">注册</a>
<b class="line"></b>
</li>
<li class="about-me">
<a class="triangle" href="#">我的购物街
<ol>
<li>我的购物街</li>
<li>我的订单</li>
<li>我的收藏</li>
<li>已购商品</li>
<li>我的礼券</li>
<li>我的积分</li>
</ol>
<i></i>
</a>
<b class="line"></b>
</li>
<li>
<a href="#">帮助中心</a>
<b class="line"></b>
</li>
<li class="download">
<a class="qr-code" href="#">
<span>手机下载</span>
<i></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- site-top-nav部分 end-->
<!--search部分 start-->
<div class="w search clearfix">
<div class="fl search-logo">
<a href="#"><img class="logo" src="images/logo.jpg" title="购物街网"></a>
<a href="#"><img class="good-life" src="images/logo_d.gif" title="购物街网"></a>
</div>
<div class="search-input">
<input type="text" value="爱马氏铂金包"/>
<button>搜 索</button>
</div>
<div class="search-car">
<a href="#">购物袋</a>
<i class="search-car-icon1"></i>
<i class="search-car-icon2">(<span>0</span>)</i>
<i class="search-car-icon3">&gt;</i>
</div>
<div class="search-more">
<a href="#">腕表</a>
<a href="#">箱包</a>
<a href="#">阿玛尼</a>
<a href="#">T恤</a>
</div>
</div>
<!--search部分 end-->
<!--shortcut部分 start-->
<div class="shortcut clearfix">
<div class="w">
<div class="shortcut-nav">
<ul>
<li class="category"><a href="#">商品分类</a></li>
<li><a href="index.html">首页</a></li>
<li><a href="brand.html">品牌</a></li>
<li><a href="wMadam.html">女士</a></li>
<!--<li><a href="#">男士</a></li>-->
<li><a href="life.html">生活馆</a></li>
<li><a href="n-index.html">海外馆</a></li>
<li><a href="fashion.html">时尚</a></li>
<li class="reach-store">
<i></i>
<a href="arriveshop.html">到店</a>
</li>
</ul>
</div>
<div class="shortcut-others">
<ul>
<li class="quality-goods">
<i></i>
<!-- <a class="text1" href="#">品牌授权,官方验真</a> -->
</li>
<li class="vip">
<i></i>
<!-- <a href="#">尊享品牌会员服务</a> -->
</li>
<li class="integrity">
<i></i>
<!-- <a href="#">商务部诚信示范企业</a> -->
</li>
</ul>
</div>
</div>
</div>
<!--shortcut部分 end-->
<!--轮播图start-->
<div class="j-main-slider" id="jMainSlider">
<div class="circle">
<ul>
<li><img src="images/j_main_slide01.jpg" width="1440"/></li>
<li><img src="images/j_main_slide02.jpg" width="1440"/></li>
<li><img src="images/j_main_slide03.jpg" width="1440"/></li>
<li><img src="images/j_main_slide04.jpg" width="1440"/></li>
</ul>
<ol>
</ol>
</div>
<div class="j-arrow">
<a class="arrow-l" id="arrowL"><</a>
<a class="arrow-r" id="arrowR">></a>
</div>
</div>
<!--轮播图end-->
<!-- t-flagship-start -->
<div class="t-flagship w">
<div class="title">
<h2>FLAGSHIP BRAND<br><span>品牌旗舰</span></h2>
</div>
<div class="t-shopping-brand clearfix">
<ul>
<li class="wow slideInDown">
<img src="images/t-flag-br1.jpg">
<div class="t-shopping-rad">
<img src="images/t-flag1.png">
<p>Michael Kors/MK</p>
<p>迈克.柯尔</p>
</div>
</li>
<li class="wow slideInDown" data-wow-delay="0.2s">
<img src="images/t-flag-br2.jpg">
<div class="t-shopping-rad">
<img src="images/t-flag2.png">
<p>Omega</p>
<p>欧米茄</p>
</div>
</li>
<li class="wow slideInDown" data-wow-delay="0.4s">
<img src="images/t-flag-br3.jpg">
<div class="t-shopping-rad">
<img src="images/t-flag3.png">
<p>Hermes</p>
<p>爱马仕</p>
</div>
</li>
<li class="wow slideInDown" data-wow-delay="0.6s">
<img src="images/t-flag-br4.jpg">
<div class="t-shopping-rad">
<img src="images/t-flag4.png">
<p>Dior</p>
<p>迪奥</p>
</div>
</li>
<li class="wow slideInDown" data-wow-delay="0.8s">
<img src="images/t-flag-br5.jpg">
<div class="t-shopping-rad">
<img src="images/t-flag5.png">
<p>Montblanc</p>
<p>万宝龙</p>
</div>
</li>
</ul>
</div>
<div class="t-shopping-store">
<h3>Hot Store/热门旗舰店<span class="t-shopping-but"><i class="t-store-l">&lt;</i>&nbsp;<i class="t-store-r">&gt;</i> </span></h3>
<ul class="t-store-li">
<li>
<ol>
<li>
<img src="images/t-hot-store1.png"/>
<div class="t-store-li-name">
<p>亚历山大</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store2.png"/>
<div class="t-store-li-name">
<p>宝格丽</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store3.png"/>
<div class="t-store-li-name">
<p>.蒂芙尼</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store4.png"/>
<div class="t-store-li-name">
<p>范思哲</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store5.png"/>
<div class="t-store-li-name">
<p>兰蔻</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store6.png"/>
<div class="t-store-li-name">
<p>西铁城</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store7.png"/>
<div class="t-store-li-name">
<p>古琦</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store8.png"/>
<div class="t-store-li-name">
<p>蒙口</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store9.png"/>
<div class="t-store-li-name">
<p>路易.威登</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store10.png"/>
<div class="t-store-li-name">
<p>娇兰</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store11.png"/>
<div class="t-store-li-name">
<p>凯尼斯.柯尔</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store12.png"/>
<div class="t-store-li-name">
<p>劳力士</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
</ol>
</li>
<li>
<ol>
<li>
<img src="images/t-hot-store1.png"/>
<div class="t-store-li-name">
<p>亚历山大</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store2.png"/>
<div class="t-store-li-name">
<p>宝格丽</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store3.png"/>
<div class="t-store-li-name">
<p>.蒂芙尼</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store4.png"/>
<div class="t-store-li-name">
<p>范思哲</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store5.png"/>
<div class="t-store-li-name">
<p>兰蔻</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store6.png"/>
<div class="t-store-li-name">
<p>西铁城</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store7.png"/>
<div class="t-store-li-name">
<p>古琦</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store8.png"/>
<div class="t-store-li-name">
<p>蒙口</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store9.png"/>
<div class="t-store-li-name">
<p>路易.威登</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store10.png"/>
<div class="t-store-li-name">
<p>娇兰</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store11.png"/>
<div class="t-store-li-name">
<p>凯尼斯.柯尔</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store12.png"/>
<div class="t-store-li-name">
<p>劳力士</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
</ol>
</li>
<li>
<ol>
<li>
<img src="images/t-hot-store1.png"/>
<div class="t-store-li-name">
<p>亚历山大</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store2.png"/>
<div class="t-store-li-name">
<p>宝格丽</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store3.png"/>
<div class="t-store-li-name">
<p>.蒂芙尼</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store4.png"/>
<div class="t-store-li-name">
<p>范思哲</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store5.png"/>
<div class="t-store-li-name">
<p>兰蔻</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store6.png"/>
<div class="t-store-li-name">
<p>西铁城</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store7.png"/>
<div class="t-store-li-name">
<p>古琦</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store8.png"/>
<div class="t-store-li-name">
<p>蒙口</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store9.png"/>
<div class="t-store-li-name">
<p>路易.威登</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store10.png"/>
<div class="t-store-li-name">
<p>娇兰</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store11.png"/>
<div class="t-store-li-name">
<p>凯尼斯.柯尔</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
<li>
<img src="images/t-hot-store12.png"/>
<div class="t-store-li-name">
<p>劳力士</p>
<div class="t-line"></div>
<span class="t-line1"></span>
<span class="t-line2"></span>
<span class="t-line3"></span>
<span class="t-line4"></span>
</div>
</li>
</ol>
</li>
</ul>
</div>
</div>
<!-- t-flagship-end -->
<!-- t-hotsale-start -->
<div class="t-hotsale w">
<div class="title">
<h2>HOT SALE<br><span>商场同款</span></h2>
</div>
<div class="t-hotsale-buts clearfix">
<ul>
<li><button class="t-hotsale-current">热卖品牌</button></li>
<li><button>新品推荐</button></li>
<li><button>明星同款</button></li>
</ul>
</div>
<div class="t-hotsale-con">
<ul>
<li class="clearfix">
<div class="t-hotsale-con-l">
<a href="#"><img src="images/t-hot-salebig1.jpg"/> </a>
</div>
<div class="t-hotsale-con-r">
<div class="t-icon1 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml1.jpg"/></a>
</div>
</div>
<div class="t-icon2 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml2.jpg"/></a>
</div>
</div>
<div class="t-icon1 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml3.jpg"/></a>
</div>
</div>
<div class="t-icon4 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml4.jpg"/></a>
</div>
</div>
<div class="t-icon4 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml5.jpg"/></a>
</div>
</div>
<div class="t-icon4 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml6.jpg"/></a>
</div>
</div>
</div>
</li>
<li class="clearfix">
<div class="t-hotsale-con-l">
<a href="#"><img src="images/t-hot-salebig2.jpg"/></a>
</div>
<div class="t-hotsale-con-r">
<div class="t-icon1 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml7.jpg"/></a>
</div>
</div>
<div class="t-icon2 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml8.jpg"/></a>
</div>
</div>
<div class="t-icon1 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml9.jpg"/></a>
</div>
</div>
<div class="t-icon4 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml10.jpg"/></a>
</div>
</div>
<div class="t-icon4 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml11.jpg"/></a>
</div>
</div>
<div class="t-icon4 t-icon">
<div class="t-icon-p">
<p>Hermes</p>
<p>爱马仕</p>
<p>¥ 158000.00</p>
</div>
<div class="t-icon-img">
<a href="#"><img src="images/t-hot-salesml12.jpg"/></a>
</div>
</div>
</div>
</li>
<li class="clearfix">
<div class="t-hotsale-con-l t-icon-a">
<a href="#"><span>Stella MaCartney<br/>斯特拉.麦卡特尼<br/><hr/><br/>范冰冰同款 星星厚底鞋</span><img src="images/t-hot-salebig3.png"/></a>
</div>
<div class="t-hotsale-con-r">
<div class="t-icon1 t-icon t-icons">
<a href="#"><span>Dior<br/>迪奥<br/><hr/><br/>杨幂推荐款 修复妆前乳</span><img src="images/t-hot-salebig4.png"/></a>
</div>
<div class="t-icon2 t-icon t-icons">
<a href="#"><span>Cartier<br/>卡地亚<br/><hr/><br/>刘德华同款 TANK 系列机械表</span><img src="images/t-hot-salebig5.png"/></a>
</div>
<div class="t-icon4 t-icon t-icons">
<a href="#"><span>Alexander Mcqueen<br/>亚历山大麦昆<br/><hr/><br/>高圆圆同款 手提包</span><img src="images/t-hot-salebig6.png"/></a>
</div>
<div class="t-icon4 t-icon t-icons">
<a href="#"><span>Cartier<br/>卡地亚<br/><hr/><br/>全智贤同款 蓝气球系列女表</span><img src="images/t-hot-salebig7.png"/></a>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- t-hotsale-end -->
<!-- t-shopping-start -->
<div class="t-shopping w">
<div class="title">
<h2>SHOPPING MALL<br><span>购物中心</span></h2>
</div>
<div class="t-shopping-buts clearfix">
<ul>
<li><button>经典箱包</button><div><span>Classic bags</span></div></li>
<li><button>典藏腕表</button><div><span>Collection watches</span></div></li>
<li><button>精致配饰</button><div><span>Exquisite accessories</span></div></li>
<li><button>个护化妆</button><div><span>Nurse makeup</span></div></li>
<li><button>时尚鞋服</button><div><span>Shoes and apparel</span></div></li>
</ul>
</div>
<div class="t-shopping-con clearfix">
<ul class="t-shopping-con-ul">
<li class="t-shopping-con-li clearfix">
<div class="shopping-con-l">
<div class="t-bao">
<ul class="clearfix">
<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>
<li><a href="#">2.55</a></li>
</ul>
</div>
<div class="t-tab">
<div class="t-tab-con clearfix">
<ul class="clearfix">
<li><img src="images/t-hot-store1.png"/></li>
<li><img src="images/t-hot-store2.png"/></li>
<li><img src="images/t-hot-store3.png"/></li>
<li><img src="images/t-hot-store4.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store5.png"/></li>
<li><img src="images/t-hot-store6.png"/></li>
<li><img src="images/t-hot-store7.png"/></li>
<li><img src="images/t-hot-store8.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store9.png"/></li>
<li><img src="images/t-hot-store10.png"/></li>
<li><img src="images/t-hot-store11.png"/></li>
<li><img src="images/t-hot-store12.png"/></li>
</ul>
</div>
<ol class="t-tab-ol clearfix">
<li class="current"></li>
<li></li>
<li></li>
</ol>
</div>
</div>
<div class="shopping-con-c">
<a href="#"><img src="images/t-shopping1.jpg"></a>
</div>
<div class="shopping-con-r">
<ul>
<li><a href="#"><img src="images/t-shopping-sml1.jpg"/></a></li>
<li><a href="#"><img src="images/t-shopping-sml2.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml3.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml4.jpg"/></a></li>
</ul>
</div>
</li>
<li class="t-shopping-con-li clearfix">
<div class="shopping-con-l">
<div class="t-bao">
<ul class="clearfix">
<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>
<li><a href="#">2.55</a></li>
</ul>
</div>
<div class="t-tab">
<div class="t-tab-con clearfix">
<ul class="clearfix">
<li><img src="images/t-hot-store1.png"/></li>
<li><img src="images/t-hot-store2.png"/></li>
<li><img src="images/t-hot-store3.png"/></li>
<li><img src="images/t-hot-store4.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store5.png"/></li>
<li><img src="images/t-hot-store6.png"/></li>
<li><img src="images/t-hot-store7.png"/></li>
<li><img src="images/t-hot-store8.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store9.png"/></li>
<li><img src="images/t-hot-store10.png"/></li>
<li><img src="images/t-hot-store11.png"/></li>
<li><img src="images/t-hot-store12.png"/></li>
</ul>
</div>
<ol class="t-tab-ol clearfix">
<li class="current"></li>
<li></li>
<li></li>
</ol>
</div>
</div>
<div class="shopping-con-c">
<a href="#"><img src="images/t-shopping2.jpg"></a>
</div>
<div class="shopping-con-r">
<ul>
<li><a href="#"><img src="images/t-shopping-sml5.jpg"/></a></li>
<li><a href="#"><img src="images/t-shopping-sml6.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml7.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml8.jpg"/></a></li>
</ul>
</div>
</li>
<li class="t-shopping-con-li clearfix">
<div class="shopping-con-l">
<div class="t-bao">
<ul class="clearfix">
<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>
<li><a href="#">2.55</a></li>
</ul>
</div>
<div class="t-tab">
<div class="t-tab-con clearfix">
<ul class="clearfix">
<li><img src="images/t-hot-store1.png"/></li>
<li><img src="images/t-hot-store2.png"/></li>
<li><img src="images/t-hot-store3.png"/></li>
<li><img src="images/t-hot-store4.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store5.png"/></li>
<li><img src="images/t-hot-store6.png"/></li>
<li><img src="images/t-hot-store7.png"/></li>
<li><img src="images/t-hot-store8.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store9.png"/></li>
<li><img src="images/t-hot-store10.png"/></li>
<li><img src="images/t-hot-store11.png"/></li>
<li><img src="images/t-hot-store12.png"/></li>
</ul>
</div>
<ol class="t-tab-ol clearfix">
<li class="current"></li>
<li></li>
<li></li>
</ol>
</div>
</div>
<div class="shopping-con-c">
<a href="#"><img src="images/t-shopping3.jpg"></a>
</div>
<div class="shopping-con-r">
<ul>
<li><a href="#"><img src="images/t-shopping-sml9.jpg"/></a></li>
<li><a href="#"><img src="images/t-shopping-sml10.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml11.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml12.jpg"/></a></li>
</ul>
</div>
</li>
<li class="t-shopping-con-li clearfix">
<div class="shopping-con-l">
<div class="t-bao">
<ul class="clearfix">
<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>
<li><a href="#">2.55</a></li>
</ul>
</div>
<div class="t-tab">
<div class="t-tab-con clearfix">
<ul class="clearfix">
<li><img src="images/t-hot-store1.png"/></li>
<li><img src="images/t-hot-store2.png"/></li>
<li><img src="images/t-hot-store3.png"/></li>
<li><img src="images/t-hot-store4.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store5.png"/></li>
<li><img src="images/t-hot-store6.png"/></li>
<li><img src="images/t-hot-store7.png"/></li>
<li><img src="images/t-hot-store8.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store9.png"/></li>
<li><img src="images/t-hot-store10.png"/></li>
<li><img src="images/t-hot-store11.png"/></li>
<li><img src="images/t-hot-store12.png"/></li>
</ul>
</div>
<ol class="t-tab-ol clearfix">
<li class="current"></li>
<li></li>
<li></li>
</ol>
</div>
</div>
<div class="shopping-con-c">
<a href="#"><img src="images/t-shopping4.jpg"></a>
</div>
<div class="shopping-con-r">
<ul>
<li><a href="#"><img src="images/t-shopping-sml13.jpg"/></a></li>
<li><a href="#"><img src="images/t-shopping-sml14.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml15.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml16.jpg"/></a></li>
</ul>
</div>
</li>
<li class="t-shopping-con-li clearfix">
<div class="shopping-con-l">
<div class="t-bao">
<ul class="clearfix">
<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>
<li><a href="#">2.55</a></li>
</ul>
</div>
<div class="t-tab">
<div class="t-tab-con clearfix">
<ul class="clearfix">
<li><img src="images/t-hot-store1.png"/></li>
<li><img src="images/t-hot-store2.png"/></li>
<li><img src="images/t-hot-store3.png"/></li>
<li><img src="images/t-hot-store4.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store5.png"/></li>
<li><img src="images/t-hot-store6.png"/></li>
<li><img src="images/t-hot-store7.png"/></li>
<li><img src="images/t-hot-store8.png"/></li>
</ul>
<ul class="clearfix">
<li><img src="images/t-hot-store9.png"/></li>
<li><img src="images/t-hot-store10.png"/></li>
<li><img src="images/t-hot-store11.png"/></li>
<li><img src="images/t-hot-store12.png"/></li>
</ul>
</div>
<ol class="t-tab-ol clearfix">
<li class="current"></li>
<li></li>
<li></li>
</ol>
</div>
</div>
<div class="shopping-con-c">
<a href="#"><img src="images/t-shopping5.jpg"></a>
</div>
<div class="shopping-con-r">
<ul>
<li><a href="#"><img src="images/t-shopping-sml17.jpg"/></a></li>
<li><a href="#"><img src="images/t-shopping-sml18.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml19.jpg"/></a></li>
<li class="t-lis"><a href="#"><img src="images/t-shopping-sml20.jpg"/></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<!-- t-shopping-end -->
<!-- t-flashbuy-start -->
<div class="t-flashbuy w">
<div class="title">
<h2>FLASH BUY<br><span>闪购</span></h2>
</div>
<div class="t-shopping-t clearfix">
<div class="t-shopping-timer">
<div class="t-now-time">
<span>剩余时间</span>
<p>几天几小时几分几秒</p>
</div>
<a href="javascript:;"><img src="images/t-flash1.jpg"/></a>
<div class="t-price">
<span>5.1折起</span>
<p>卫小宝 Wei XiaoBao 温暖粉色智能定位手表 </p>
<p class="t-price-in">¥ 499.00</p>
</div>
</div>
<div class="t-shopping-tslider">
<a href="javascript:;" class="wow slideInRight"><img src="images/t-flash2.jpg"/></a>
</div>
<div class="t-shopping-others">
<div><a href="javascript:;" class="wow slideInRight"><img src="images/t-flash3.jpg"/><span class="t-others-t">更多闪购品牌 &gt;&gt;</span></a></div>
<div class="t-others"><a href="javascript:;" class="wow slideInRight" data-wow-delay="0.2s"><img src="images/t-flash4.jpg"/><span class="t-others-b">明日预告 &gt;&gt;</span></a></div>
</div>
</div>
<div class="t-shopping-b">
<a href="javascript:;" class="wow slideInDown" data-wow-delay="0.2s"><img src="images/t-flash-banners.jpg"/></a>
</div>
</div>
<!-- t-flashbuy-end -->
<!-- t-promot-start -->
<div class="t-promot w">
<div class="title">
<h2>PROMOTION<br><span>主题活动</span></h2>
</div>
<div class="t-promot-t clearfix">
<a href="javascript:;" class="wow fadeInLeft"><img src="images/t-promot1.jpg"/></a>
<a href="javascript:;" class="t-a-imgs wow bounceInDown" data-wow-delay="0.2s"><span><i>Prilgrim<br/>全场低至125元</i></span><img src="images/t-promot2.jpg"/></a>
<a href="javascript:;" class="t-a-imgs wow bounceInDown" data-wow-delay="0.3s"><span><i>Anna Sui<br/>全场低至229元</i></span><img src="images/t-promot3.jpg"/></a>
</div>
<div class="t-promot-m clearfix">
<a href="javascript:;" class="t-a-imgs wow bounceInDown"><span><i>Longchamp<br/>全场低至4.3折</i></span><img src="images/t-promot4.jpg"/></a>
<a href="javascript:;" class="t-a-imgs wow bounceInDown" data-wow-delay="0.2s"><span><i>Polo Ralph Lauren<br/>全场低至580元</i></span><img src="images/t-promot5.jpg"/></a>
<a href="javascript:;" class="wow fadeInRight" data-wow-delay="0.2s"><img src="images/t-promot6.jpg"/></a>
</div>
<div class="t-promot-b clearfix">
<ul class="t-bind">
<li><a href="javascript:;"><img src="images/t-promot-moy1.jpg"/></a></li>
<li><a href="javascript:;"><img src="images/t-promot-moy2.jpg"/></a></li>
<li><a href="javascript:;"><img src="images/t-promot-moy3.jpg"/></a></li>
<li><a href="javascript:;"><img src="images/t-promot-moy4.jpg"/></a></li>
<li><a href="javascript:;"><img src="images/t-promot-moy5.jpg"/></a></li>
<li><a href="javascript:;"><img src="images/t-promot-moy6.jpg"/></a></li>
</ul>
<a href="javascript:;" class="wow fadeIn" data-wow-delay="0.2s"><img src="images/t-promot7.jpg"/></a>
</div>
</div>
<!-- t-promot-end -->
<!-- t-side-start -->
<div class="t-side">
<h2>购物袋 <span>×</span></h2>
<div class="t-side-b">
<img src="images/t-shopping_bag.png" alt=""/>
<p>您的购物袋还没有商品再去逛逛吧!</p>
</div>
<div class="t-btn">
<span class="t-btn1"></span>
<span class="t-btn2"><i>我的资产</i></span>
<span class="t-btn3"><i>我喜欢的商品</i></span>
<span class="t-btn4"><i>联系客服</i></span>
<span class="t-btn5"><i><img src="images/weixin.jpg"></i></span>
<span class="t-btn6"><i>意见反馈</i></span>
<span class="t-btn7" id = btn7><i>返回顶部</i></span>
</div>
</div>
<!-- t-side-end -->
<!-- footerm-top start-->
<div class="footer-message">
<div class="w">
<!-- footerm-top start-->
<div class="footerm-top">
<ul>
<li>
<a href="javascript:;">
<img src="images/footer_message01.jpg" alt=""/>
</a>
<div>
<p>正品保障</p>
<p><a href="javascript:;">品牌授权,官方验真</a></p>
</div>
</li>
<li><a href="javascript:;"><img src="images/footer_message02.jpg" alt=""/></a>
<div>
<p>专柜发货</p>
<p><a href="javascript:;">专柜直接或到店自提</a></p>
</div></li>
<li><a href="javascript:;"><img src="images/footer_message03.jpg" alt=""/></a>
<div>
<p>无忧售后</p>
<p><a href="javascript:;">7天无理由退换货</a></p>
</div>
</li>
<li><a href="javascript:;"><img src="images/footer_message04.jpg" alt=""/></a>
<div>
<p>VIP服务</p>
<p><a href="javascript:;">享品牌会员售前售后服务</a></p>
</div>
</li>
<li><a href="javascript:;"><img src="images/footer_message05.jpg" alt=""/></a>
<div>
<p>权威荣誉</p>
<p><a href="javascript:;">商务部授予诚信示范企业</a></p>
</div>
</li>
</ul>
</div>
<!-- footerm-top end-->
<!-- footerm-middle start-->
<div class="footerm-middle">
<div class="footerm-middle-left clearfix">
<dl>
<dt>服务保障</dt>
<dd><a href="javascript:;">品牌授权正品</a></dd>
<dd><a href="javascript:;">品牌客服</a></dd>
<dd><a href="javascript:;">预约到店体验</a></dd>
<dd><a href="javascript:;">7天无理由退换</a></dd>
</dl>
<dl>
<dt>使用帮助</dt>
<dd><a href="javascript:;">常见问题</a></dd>
<dd><a href="javascript:;">会员制度</a></dd>
<dd><a href="javascript:;">集团采购</a></dd>
<dd><a href="javascript:;">礼品卡</a></dd>
</dl>
<dl>
<dt>支付方式</dt>
<dd><a href="javascript:;">到店付款</a></dd>
<dd><a href="javascript:;">货到付款</a></dd>
<dd><a href="javascript:;">在线支付</a></dd>
<dd><a href="javascript:;">余额支付</a></dd>
<dd><a href="javascript:;">分期付款</a></dd>
</dl>
<dl>
<dt>配送方式</dt>
<dd><a href="javascript:;">配送说明</a></dd>
<dd><a href="javascript:;">到店自提</a></dd>
<dd><a href="javascript:;">运费说明</a></dd>
<dd><a href="javascript:;">验货签收</a></dd>
</dl>
<dl>
<dt>售后服务</dt>
<dd><a href="javascript:;">品牌售后</a></dd>
<dd><a href="javascript:;">售后咨询</a></dd>
<dd><a href="javascript:;">退换政策</a></dd>
<dd><a href="javascript:;">发票保障</a></dd>
</dl>
<div class="footerm-middle-right clearfix">
<ul>
<li class="fmr-left">
<span>购物街APP</span>
<img src="images/footer_message06.png" />
</li>
<li class="fmr-right">
<span>购物街微博</span>
<img src="images/footer_message06.png" />
</li>
</ul>
</div>
</div>
</div>
<!-- footerm-middle end-->
<!-- footerm-bottom start-->
<div class="footerm-bottom">
<div class="footerm-bottom-tp">
<a href="javascript:;">箱包</a>|
<a href="javascript:;">美妆</a>|
<a href="javascript:;">服饰</a>|
<a href="javascript:;">腕表</a>|
<a href="javascript:;">配饰</a>|
<a href="javascript:;">鞋靴</a>|
<a href="javascript:;">特惠</a>|
<a href="javascript:;">名品闪购</a>|
<a href="javascript:;">礼品区</a>
</div>
<div class="footerm-bottom-md">
<a href="javascript:;">关于购物街</a>|
<a href="javascript:;">网站地图</a>|
<a href="javascript:;">品牌合作专区</a>|
<a href="javascript:;">媒体聚焦</a>|
<a href="javascript:;">商务合作</a>|
<a href="javascript:;">商家合作</a>|
<a href="javascript:;">加入我们</a>|
<a href="javascript:;">友情链接</a>|
<a href="javascript:;">奢尚志</a>
<p>&nbsp Copyright © 2008-2019 MODULE_ID吉他世界网 Guitarworld.com.cn All Rights Reserved 沪ICP备12023735号-1
</p>
</div>
<div class="footerm-bottom-bm">
<a href="javascript:;"><img src="images/footer_message08.jpg" /></a>
<a href="javascript:;"><img src="images/footer_message08.jpg" /></a>
<a href="javascript:;"><img src="images/footer_message08.jpg" /></a>
<a href="javascript:;"><img src="images/footer_message08.jpg" /></a>
</div>
</div>
<!-- footerm-bottom end-->
</div>
</div>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/itguang/shopp.git
[email protected]:itguang/shopp.git
itguang
shopp
shopp
master

搜索帮助