1 Star 3 Fork 0

一个喜欢动漫的程序员/FS商城

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 51.24 KB
一键复制 编辑 原始数据 按行查看 历史
一个喜欢动漫的程序员 提交于 2021-09-09 20:18 . 静态网页
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>FS商城</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/font.css">
<link rel="stylesheet" href="css/video-js.min.css">
</head>
<body>
<!--顶部 -->
<div class="top">
<div class="container">
<div class="top_list">
<a href="index.html">FS</a>
<span>|</span>
<a href="FAUI.html" target="_blank">FSUI</a>
<span>|</span>
<a href="Forum.html" target="_blank">论坛</a>
<span>|</span>
<a href="#">金融</a>
<span>|</span>
<a href="#">聊聊</a>
<span>|</span>
<a href="#">FS有品</a>
<span>|</span>
<a href="#">政企服务</a>
<span>|</span>
<a href="#">下载app</a>
<span>|</span>
<a href="#">资质证照</a>
<span>|</span>
<a href="#">问题反馈</a>
<span>|</span>
<a href="#"> Select Region</a>
<span>|</span>
</div>
<div class="shop">
<a href="shoppingCart.html" target="_blank">
<i class="iconfont" style="font-size: 14px;">&#xe60c;</i>
购物车(0)
</a>
</div>
<div class="login">
<a href="Login.html" target="_blank">登录</a>
<spam>|</spam>
<a href="Login.html" target="_blank">注册</a>
<span>|</span>
<a href="#">个人中心</a>
<span>|</span>
</div>
</div>
</div>
<!-- 导航栏 -->
<div class="header">
<div class="container">
<div class="header-logo">
<a href="#">
<img src="img/logo.jpg" alt="">
</a>
</div>
<div class="sub-menu hide" id="sub-menu">
<div class="inner-box">
<div class="sub-inner-box">
<div class="title">手机、配件</div>
<div class="sub-row">
<span class="bold mr10">手机通讯:</span>
<a href="#">手机</a>
<span class="mr10 ml10">/</span>
<a href="#">手机维修</a>
<span class="mr10 ml10">/</span>
<a href="#">以旧换新</a>
</div>
<div class="sub-row">
<span class="bold mr10">智能设备:</span>
<a href="#">智能手环</a>
<span class="mr10 ml10">/</span>
<a href="#">智能家居</a>
<span class="mr10 ml10">/</span>
<a href="#">智能手表</a>
<span class="mr10 ml10">/</span>
<a href="#">其他配件</a>
</div>
<div class="sub-row">
<span class="bold mr10">娱乐</span>
<a href="#">耳机</a>
<span class="mr10 ml10">/</span>
<a href="#">音响</a>
<span class="mr10 ml10">/</span>
<a href="#">收音机</a>
<span class="mr10 ml10">/</span>
<a href="#">麦克风</a>
</div>
</div>
</div>
<div class="inner-box">
<div class="sub-inner-box">
<div class="title">电脑</div>
<div class="sub-row">
<span class="bold mr10">电脑:</span>
<a href="#">笔记本</a>
<span class="mr10 ml10">/</span>
<a href="#">平板</a>
<span class="mr10 ml10">/</span>
<a href="#">一体机</a>
</div>
<div class="sub-row">
<span class="bold mr10">电脑配件:</span>
<a href="#">显示器</a>
<span class="mr10 ml10">/</span>
<a href="#">CPU</a>
<span class="mr10 ml10">/</span>
<a href="#">主板</a>
<span class="mr10 ml10">/</span>
<a href="#">硬盘</a>
<span class="mr10 ml10">/</span>
<a href="#">电源</a>
<span class="mr10 ml10">/</span>
<a href="#">显卡</a>
<span class="mr10 ml10">/</span>
<a href="#">其他配件</a>
</div>
<div class="sub-row">
<span class="bold mr10">游戏设备:</span>
<a href="#">游戏机</a>
<span class="mr10 ml10">/</span>
<a href="#">耳机</a>
<span class="mr10 ml10">/</span>
<a href="#">游戏软件</a>
</div>
</div>
</div>
<div class="inner-box">
<div class="sub-inner-box">
<div class="title">家用电器</div>
<div class="sub-row">
<span class="bold mr10">电视:</span>
<a href="#">国产品牌</a>
<span class="mr10 ml10">/</span>
<a href="#">韩国品牌</a>
<span class="mr10 ml10">/</span>
<a href="#">欧美品牌</a>
</div>
<div class="sub-row">
<span class="bold mr10">空调:</span>
<a href="#">显示器</a>
<span class="mr10 ml10">/</span>
<a href="#">柜式</a>
<span class="mr10 ml10">/</span>
<a href="#">中央</a>
<span class="mr10 ml10">/</span>
<a href="#">壁挂式</a>
</div>
<div class="sub-row">
<span class="bold mr10">冰箱:</span>
<a href="#">多门</a>
<span class="mr10 ml10">/</span>
<a href="#">对开门</a>
<span class="mr10 ml10">/</span>
<a href="#">三门</a>
<span class="mr10 ml10">/</span>
<a href="#">双门</a>
</div>
<div class="sub-row">
<span class="bold mr10">洗衣机:</span>
<a href="#">滚筒式洗衣机</a>
<span class="mr10 ml10">/</span>
<a href="#">迷你洗衣机</a>
<span class="mr10 ml10">/</span>
<a href="#">烘洗一体机</a>
</div>
</div>
</div>
<!--家具-->
<div class="inner-box">
<div class="sub-inner-box">
<div class="title">家具</div>
<div class="sub-row">
<span class="bold mr10">家纺:</span>
<a href="#">被子</a>
<span class="mr10 ml10">/</span>
<a href="#">枕头</a>
<span class="mr10 ml10">/</span>
<a href="#">四件套</a>
<span class="mr10 ml10">/</span>
<a href="#">床垫</a>
</div>
<div class="sub-row">
<span class="bold mr10">灯具:</span>
<a href="#">台灯</a>
<span class="mr10 ml10">/</span>
<a href="#">顶灯</a>
<span class="mr10 ml10">/</span>
<a href="#">节能灯</a>
<span class="mr10 ml10">/</span>
<a href="#">应急灯</a>
</div>
<div class="sub-row">
<span class="bold mr10">厨具:</span>
<a href="#">烹饪锅具</a>
<span class="mr10 ml10">/</span>
<a href="#">餐具</a>
<span class="mr10 ml10">/</span>
<a href="#">菜板刀具</a>
</div>
<div class="sub-row">
<span class="bold mr10">家装:</span>
<a href="#">地毯</a>
<span class="mr10 ml10">/</span>
<a href="#">沙发垫套</a>
<span class="mr10 ml10">/</span>
<a href="#">装饰字画</a>
<span class="mr10 ml10">/</span>
<a href="#">照片墙</a>
<span class="mr10 ml10">/</span>
<a href="#">窗帘</a>
</div>
</div>
</div>
</div>
<div class="header-li">
<ul>
<li class="site-category">
<!-- 侧边栏 -->
<div class="menu-content" id="menu-content">
<ul>
<li>
<a href="#" class="ment-item">
<span>手机、配件</span>
<span class="menu-value iconfont">&#xe633;</span>
</a>
</li>
<li>
<a href="" class="ment-item">
<span>电脑</span>
<span class="menu-value iconfont">&#xe633;</span>
</a>
</li>
<li>
<a href="" class="ment-item">
<span>家用电器</span>
<span class="menu-value iconfont">&#xe633;</span>
</a>
</li>
<li>
<a href="" class="ment-item">
<span>家具</span>
<span class="menu-value iconfont">&#xe633;</span>
</a>
</li>
</ul>
</div>
</li>
<li class="header-category menu-buttom" switch="zhuda">
<a href="">FS主打</a>
</li>
<li><a href="#" class="menu-buttom" switch="shouji">手机</a></li>
<li><a href="#" class="menu-buttom" switch="dianqi">电器</a></li>
<li><a href="#" class="menu-buttom" switch="shuma">数码</a></li>
<li><a href="#" class="menu-buttom" switch="peijian">配件</a></li>
<li><a href="#" class="menu-buttom" switch="pinban">平板</a></li>
<li><a href="#" class="menu-buttom" switch="bijiben">笔记本</a></li>
<li><a href="#" class="menu-buttom" switch="luyouqi">路由器</a></li>
</ul>
</div>
<div class="header-search">
<form action="">
<input type="text" name="srarch-ar" class="srarch-ar" id="srarch-ar"/>
<input type="submit" class="srarch-btn iconfont" value="&#xe6d1;" style="font-size: 22px;"
autocomplete="off"/>
<div class="search-txt">
<a href="">FS盒子</a>
<a href="">FS15</a>
</div>
<div class="keyword-list">
<ul class="result-list">
<li><a href="#">闪S9</a></li>
<li><a href="#">闪5s</a></li>
<li><a href="#">闪MAX</a></li>
<li><a href="#">FS笔记本AIR</a></li>
<li><a href="#">FS平板2</a></li>
<li><a href="#">闪Note 4</a></li>
<li><a href="#">空气净化器</a></li>
</ul>
</div>
</form>
</div>
<div id="menu_content_bg">
<div id="menu_content_wrap">
<ul id="yingcang" style="top: 0px;">
<li id="zhuda">
<div class="menu_content">
<a href="single.html" target="_blank">
<img src="img/menu_conten-01.png" style="width: 150px;">
<p class="menu_content_tit">FS&nbsp;10s</p>
<p class="menu_content_price">4499元起</p>
</a>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<img src="img/menu_conten-02.webp">
<p class="menu_content_tit">F&nbsp;NOTE标准版</p>
<p class="menu_content_price">1999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<img src="img/menu-cont03.webp">
<p class="menu_content_tit">FS&nbsp;变频空调</p>
<p class="menu_content_price">1999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<img src="img/menu-cont03.webp" style="width: 150px;">
<p class="menu_content_tit">FS&nbsp;一体式冰箱s</p>
<p class="menu_content_price">1499元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<img src="img/menu_content05.webp">
<p class="menu_content_tit">F&nbsp;NOTE16pro</p>
<p class="menu_content_price">7999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<img src="img/menu_content06.jpg">
<p class="menu_content_tit">FS&nbsp;AI门锁</p>
<p class="menu_content_price">2999元起</p>
</div>
</li>
<li id="shouji">
<div class="menu_content">
<p class="menu_content_tit">FS&nbsp;10s</p>
<p class="menu_content_price">4499元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">F&nbsp;NOTE标准版</p>
<p class="menu_content_price">1999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FS&nbsp;CC7</p>
<p class="menu_content_price">1999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FS&nbsp;MIX5</p>
<p class="menu_content_price">3499元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">F&nbsp;NOTE4</p>
<p class="menu_content_price">999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FS&nbsp;AIpuss</p>
<p class="menu_content_price">2999元起</p>
</div>
</li>
<li id="dianqi">
<div class="menu_content">
<p class="menu_content_tit">FS智能洗衣机</p>
<p class="menu_content_price">699元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">黑启电饭煲</p>
<p class="menu_content_price">129元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">黑启吹风机&nbsp;青春版</p>
<p class="menu_content_price">79元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FS&nbsp;电动牙刷</p>
<p class="menu_content_price">39元</p>
</div>
</li>
<li id="shuma">
<div class="menu_content">
<p class="menu_content_tit">AT2&nbsp;pro</p>
<p class="menu_content_price">199元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">无线蓝牙耳机</p>
<p class="menu_content_price">199元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">真无线蓝牙耳机</p>
<p class="menu_content_price">1999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">AI相机</p>
<p class="menu_content_price">1499元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">小黑同学</p>
<p class="menu_content_price">999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">黑启音箱</p>
<p class="menu_content_price">99元起</p>
</div>
</li>
<li id="peijian">
<div class="menu_content">
<p class="menu_content_tit">USB数据线</p>
<p class="menu_content_price">9元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">黑启72V充电头</p>
<p class="menu_content_price">129元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">黑启10s定制手机壳</p>
<p class="menu_content_price">279元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FS&nbsp;30000mA充电宝</p>
<p class="menu_content_price">39元</p>
</div>
</li>
<li id="pinban">
<div class="menu_content">
<p class="menu_content_tit">PIAI2平板</p>
<p class="menu_content_price">699元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">AI家定制平板套装</p>
<p class="menu_content_price">2229元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">apaAI&nbsp;6</p>
<p class="menu_content_price">2279元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FS平板一代</p>
<p class="menu_content_price">1399元</p>
</div>
</li>
<li id="luyouqi">
<div class="menu_content">
<p class="menu_content_tit">FS路由器min</p>
<p class="menu_content_price">99元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FS路由器&nbsp;MINI2</p>
<p class="menu_content_price">429元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FSMAX路由器&nbsp;青春版</p>
<p class="menu_content_price">179元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">FS&nbsp;WIFI放大器</p>
<p class="menu_content_price">39元</p>
</div>
</li>
<li id="bijiben">
<div class="menu_content">
<p class="menu_content_tit">FS15pro</p>
<p class="menu_content_price">7999元起</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">AI&nbsp;MINI2笔记本</p>
<p class="menu_content_price">4129元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">黑启游戏本&nbsp;青春版</p>
<p class="menu_content_price">4479元</p>
</div>
<span class="menu_content_line"></span>
<div class="menu_content">
<p class="menu_content_tit">黑启游戏本</p>
<p class="menu_content_price">10800元</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 内容 -->
<div class="mi-content">
<div class="container">
<div class="site-slider">
<a href="#" id="main">
<div class="banner" id="banner">
<!--超链接标签组合div块实现点击图片的超链接-->
<a href="">
<div class="banner-slide slide1 slide-active">
<img src="img/96884137234c71e1becd5.webp" alt=""/>
</div>
</a>
<a href="">
<div class="banner-slide slide2">
<img src="img/ccbfe7b3d359a31e12b6f17573e14183.webp" alt="">
</div>
</a>
<!--重叠的时候默认最后的图片出现在最上面-->
<a href="">
<div class="banner-slide slide3">
<img src="img/84775abcb85cb706a979356633ab874e.webp" alt="">
</div>
</a>
</div>
<!--圆点导航-->
<div class="dots" id="dots">
<!--因为span是行级标签,不能设置宽高,因此在css声明的时候需要使用display:inline-block 声明为行内块元素-->
<span class="active"></span>
<!--active类用来改变圆点样式-->
<span></span>
<span></span>
</div>
</a></div>
</div>
<div class="conten-sub-fa">
<div class="content-sub">
<div class="content-channel">
<ul class="channel-list clearfixall">
<li>
<a href="#">
<i class="iconfont">&#xe60a;</i>
FS秒杀
</a>
</li>
<li>
<a href="#">
<i class="iconfont">&#xe72f;</i>
选购手机
</a>
</li>
<li>
<a href="#">
<i class="iconfont">&#xe66d;</i>
F粉卡
</a>
</li>
<li>
<a href="#">
<i class="iconfont">&#xe62e;</i>
以旧换新
</a>
</li>
<li>
<a href="#">
<i class="iconfont">&#xe6c9;</i>
FS福利
</a>
</li>
<li>
<a href="#">
<i class="iconfont">&#xe613;</i>
网点预约
</a>
</li>
</ul>
</div>
<div class="content-list">
<ul class="xm-carousel-list">
<li>
<a href="">
<img src="img/d158f243b54d5ec68dd2ac72bd24555d.jpg" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/816a66edef10673b4768128b41804cae.jpg" alt="">
</a>
</li>
<li>
<a href="">
<img src="img/fbff319c7dd00e75c9758acf248d3784.jpg" alt="">
</a>
</li>
<li>
<a href="" class="yanchanimg">
<img src="img/home-hero-sub-3.jpg" alt="">
</a>
</li>
<li>
<a href="" class="yanchanimg">
<img src="img/home-hero-sub-4.jpg" alt="">
</a>
</li>
<li>
<a href="" class="yanchanimg">
<img src="img/home-hero-sub-2.jpg" alt="">
</a>
</li>
</ul>
<div class="leftBtn span2"><i class="iconfont" style="font-size: 11px;">&#xe607;</i></div>
<!--向右按钮-->
<div class="rightBtn span2"><i class="iconfont" style="font-size: 12px;">&#xe610;</i></div>
</div>
<!--向左按钮-->
</div>
</div>
</div>
<div class="home-star-goods">
<div class="container">
<div class="xm-plain-box">
<div class="box-hd">
<h2 class="seckill-title">FS秒杀</h2>
</div>
<div class="box-bd">
<div class="seckill-carousel-wrapper">
<ul class="seckill-carousel-list goods-list rainbow-list dome-1">
<li class="rainbow-item-0">
<!-- 倒计时超链接 -->
<a href="#" id="countdownLink">
<!-- 秒杀框标题 -->
<div id="seckill">FS秒杀</div>
<!-- 促销特殊时间:时间场 -->
<div id="specialTime"></div>
<!-- 倒计时剩余时间 -->
<div id="leftTime">
<span id="hour">00</span>
<span id="minute">00</span>
<span id="second">00</span>
</div>
</a>
</li>
</ul>
</div>
</div>
<div id="dome-fa">
<div id="dome">
<ul class="seckill-carousel-list goods-list rainbow-list dome-0">
<li class="rainbow-item-1">
<a class="thumb" href="single.html" target="_blank"><img
src="img/8729282b199b3ec51e31c1b6b15f3f93.webp" width="200" height="200"/></a>
<h3 class="title"><a href="#">FS10s Plus</a></h3>
<p class="desc">5.7英寸大屏双摄手机,拍照黑科技</p>
<p class="price">4999元起</p>
</li>
<li class="rainbow-item-2">
<a class="thumb" href="#"><img src="img/k30.webp" width="200" height="200"/></a>
<h3 class="title"><a href="#">FS30</a></h3>
<p class="desc">7月7日早10点开售</p>
<p class="price">2799元起</p>
</li>
<li class="rainbow-item-3">
<a class="thumb" href="#"><img src="img/e850fa029579ba886e3d5c81f00ae534.jpg" width="200"
height="200"/></a>
<h3 class="title"><a href="#">AI3s</a></h3>
<p class="desc">全新AI智能</p>
<p class="price">199元起</p>
</li>
<li class="rainbow-item-4">
<a class="thumb" href="#"><img src="img/92af1f21293fabfbf2a112892b864925!250x250.jpg"
width="200" height="200"/></a>
<h3 class="title"><a href="#">FS真无线蓝牙</a></h3>
<p class="desc">开启音质新次元</p>
<p class="price">1199元</p>
</li>
<li class="rainbow-item-5">
<a class="thumb" href="#"><img src="img/1f32af53d1ad60f4980146f6a2b81019.jpg" width="200"
height="200"/></a>
<h3 class="title"><a href="#">FS移动电源2</a></h3>
<p class="desc">双向快充,高密度锂聚合物电芯</p>
<p class="price">179元</p>
</li>
<li class="rainbow-item-6">
<a class="thumb" href="#"><img src="img/cd2aa2dcad6440b469c22e27db9b6236.jpg" width="200"
height="200"/></a>
<h3 class="title"><a href="#">FSNote4</a></h3>
<p class="desc">十核旗舰处理器,一体化全金属机身</p>
<p class="price">5999元起</p>
</li>
<li class="rainbow-item-7">
<a class="thumb" href="#"><img src="img/pms_1546997991.03868800.jpg" width="200"
height="200"/></a>
<h3 class="title"><a href="#">F盒子3 增强版</a></h3>
<p class="desc">高端 4K 网络机顶盒</p>
<p class="price">399元</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="body_desc">
<div class="container">
<!-- 标题 -->
<div class="body-hd">
<h2 style="margin-top: -5px;">新品</h2>
<div class="hd-more">
<a href="#">查看全部<i class="iconfont" style="font-size: 12px;">&#xe610;</i></a>
</div>
</div>
<div class="body-bd">
<div class="bd-row">
<div class="row-left" style="width: 234px; float: left; margin-bottom: 14px;">
<a href="">
<img src="img/body-hh.jpg" alt="" style="width: 234px;">
</a>
</div>
<div class="row-right" style="width: 992px; float: left;">
<ul>
<li>
<div class="photo">
<a href="single.html">
<img src="img/xiaomi10.webp" alt="">
</a>
</div>
<h3 class="bd-title">
<a href="">
FS10 12GB+512GB
</a>
</h3>
<p class="bd-desc">
骁龙865/1亿像素相机
</p>
<p class="bd-price">
<span class="num">4999</span>
</p>
</li>
<li>
<div class="photo">
<a href="">
<img src="img/k30.webp" alt="">
</a>
</div>
<h3 class="bd-title">
<a href="">
FS&nbsp;K40 8GB+512GB
</a>
</h3>
<p class="bd-desc">
骁龙855+/1亿像素相机
</p>
<p class="bd-price">
<span class="num">2999</span>
</p>
</li>
<li>
<div class="photo">
<a href="">
<img src="img/dianshiE55A.webp" alt="">
</a>
</div>
<h3 class="bd-title">
<a href="">
智能电视E55A
</a>
</h3>
<p class="bd-desc">
全面屏设计,人工智能语音
</p>
<p class="bd-price">
<span class="num">1599</span>
</p>
</li>
<li>
<div class="photo">
<a href="">
<img src="img/yinxian.jpg" alt="">
</a>
</div>
<h3 class="bd-title">
<a href="">
FS&nbsp; 智能音箱
</a>
</h3>
<p class="bd-desc">
小巧便捷,一键唤醒AI
</p>
<p class="bd-price">
<span class="num">49</span>
</p>
</li>
<li>
<div class="photo">
<a href="">
<img src="img/wuxian.webp" alt="">
</a>
</div>
<h3 class="bd-title">
<a href="">
FS无线充电套装
</a>
</h3>
<p class="bd-desc">
快速无线闪充
</p>
<p class="bd-price">
<span class="num">99</span>
</p>
</li>
<li>
<div class="photo">
<a href="">
<img src="img/erji.webp" alt="">
</a>
</div>
<h3 class="bd-title">
<a href="">
FS&nbsp; 真无线蓝牙耳机
</a>
</h3>
<p class="bd-desc">
智能真无线
</p>
<p class="bd-price">
<span class="num">199</span>
</p>
</li>
<li>
<div class="photo">
<a href="">
<img src="./img/xiyiji.webp" alt="">
</a>
</div>
<h3 class="bd-title">
<a href="">
FS&nbsp;洗烘干一体机
</a>
</h3>
<p class="bd-desc">
智能洗烘,省心省力
</p>
<p class="bd-price">
<span class="num">2999</span>
</p>
</li>
<li>
<div class="photo">
<a href="">
<img src="img/10spro.webp" alt="">
</a>
</div>
<h3 class="bd-title">
<a href="">
FS10&nbsp; pro 12GB+512GB
</a>
</h3>
<p class="bd-desc">
骁龙865+/1亿像素相机
</p>
<p class="bd-price">
<span class="num">6999</span>
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="video">
<div class="video-hd">
<span class="video-font"></span>
<h2 class="video-title">Videos</h2>
<span class="video-font"></span>
</div>
<div class="video-bd">
<ul class="video-list">
<li>
<video id="myvideo0" class="video-js vjs-big-play-centered" controls data-setup="{}" width="660"
height="400" preload="auto" poster="img/mp401.webp">
<source src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e25d81c4922fca5ebe51877717ef9b76.mp4"></source>
</video>
</li>
<li>
<video id="myvideo1" class="video-js vjs-big-play-centered" controls data-setup="{}" width="660"
height="400" preload="auto" poster="img/2dd41120fded30fe1cedbcaa530b16b3.jpg">
<source src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12e0189c132e21e064c8161d09816de5.mp4"></source>
</video>
</li>
<li>
<video id="myvideo2" class="video-js vjs-big-play-centered" controls data-setup="{}" width="660"
height="400" preload="auto" poster="img/mix.jpg">
<source src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1443581f88b733750c7763b2b3d67c52.mp4"></source>
</video>
</li>
</ul>
</div>
</div>
<!-- 脚部 -->
<div class="footer">
<div style="width: 1226px; margin: 0 auto;">
<div class="footer-hd">
<span class="footer-font"></span>
<div class="footer-biaoti">
<a href=""><i class="iconfont" style="font-size: 24px;">&#xe629;</i>预约维修</a>
<span></span>
<a href=""><i class="iconfont" style="font-size: 24px;">&#xe60e;</i>七天无理由退货</a>
<span></span>
<a href=""><i class="iconfont" style="font-size: 24px;">&#xe66e;</i>15天免费换货</a>
<span></span>
<a href=""><i class="iconfont" style="font-size: 24px;">&#xe6c9;</i>满100包邮</a>
</div>
<span class="footer-font"></span>
</div>
</div>
<div class="footer-bd">
<div class="bd-nav">
<div class="row">
<dl class="row3" style="width: 234px;">
<dt>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">了解更多
</font>
</font>
</dt>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
账号信息
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
订单操作
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit; font-size: 14px;">
售后处理
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
相关下载
</font>
</font>
</dd>
</dl>
<dl class="row4" style="width: 190px;">
<dt>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">支持
</font>
</font>
</dt>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
联系我们
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
保证
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit; font-size: 14px;">
自助服务
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
礼物码
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
防卫查询
</font>
</font>
</dd>
</dl>
<dl class="row4" style="width: 190px;">
<dt>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">关于我们
</font>
</font>
</dt>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
FS简介
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
新闻媒体
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit; font-size: 14px;">
用户协议
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
隐私政策
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
诚信合规
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
FS公众号
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
投资者关系
</font>
</font>
</dd>
</dl>
<dl class="row4" style="width: 190px;">
<dt>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">跟随FS
</font>
</font>
</dt>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
推特
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
微博
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit; font-size: 14px;">
博客
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
腾讯
</font>
</font>
</dd>
<dd>
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
优酷
</font>
</font>
</dd>
</dl>
</div>
</div>
</div>
<div class="footer-buttom">
<div class="container" style="border-top: 1px solid #424242;">
<div class="fb-he">
<font style="vertical-align: inherit;">
<font style="vertical-align: inherit;">
版权所有© 2020-20XX&nbsp;1940811204-林伟冰。
</font>
</font>
</div>
</div>
</div>
</div>
<script language="javascript" type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script src="js/index.js"></script>
<script src="js/video.min.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/ice2020x/FS-shopping-centre.git
git@gitee.com:ice2020x/FS-shopping-centre.git
ice2020x
FS-shopping-centre
FS商城
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385