Author：Mr.柳上原
- 付出不亚于任何的努力
- 愿我们所有的努力，都不会被生活辜负
- 不忘初心，方得始终
终于走到了这一天吗
......
html部分：
<!doctype html> <!-- 网页申明：html标准文档 -->
<html lang='en'> <!-- 网页框架：英文 -->
<head> <!-- 网页头部:网页定义区域 -->
<meta charset='UTF-8'> <!-- 文字编码：国际通用 -->
<meta name='Keywords' content='潭州汪涵商城,湖南潭州,潭州官网'> <!-- 关键词：搜索优化 -->
<meta name='Description' content='汪涵，1974年出生在江苏省苏州市吴中区，中国民主促进会会员，中国民主促进会中央委员，湖南卫视节目主持人，国内综艺主持，曾主持过《音乐不断歌友会》、《超级女声》、《快乐男生》等节目，现主持《天天向上》、《越策越开心》等。'> <!-- 网页描述：网页简介 -->
<meta name='Author' content='Mr.柳上原'> <!-- 网页开发者：我自己 -->
<title>前端59期html+css结业《潭州汪涵商城》</title> <!-- 网页标题：可见标题栏 -->
<link rel='shortcut icon' type='images/x-icon' href='./icons/bitbug_favicon.ico'/> <!-- 网页标题图标 -->
<link rel='stylesheet' type='text/css' href='./css/base.css'/> <!-- 外链样式表：清除默认属性 -->
<link rel='stylesheet' type='text/css' href='./css/header.css'/> <!-- 外链样式表：网站头部导航栏样式 -->
<link rel='stylesheet' type='text/css' href='./css/content.css'/> <!-- 外链样式表：网站中部内容栏样式 -->
<link rel='stylesheet' type='text/css' href='./css/footer.css'/> <!-- 外链样式表：网站底部导航栏样式 -->
<!--
标准键盘布局
┌───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┬───┐ ┌───┬───┬───┐
│Esc│ │ F1│ F2│ F3│ F4│ │ F5│ F6│ F7│ F8│ │ F9│F10│F11│F12│ │P/S│S L│P/B│ ┌┐ ┌┐ ┌┐
└───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┴───┘ └───┴───┴───┘ └┘ └┘ └┘
┌───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───┬───────┐ ┌───┬───┬───┐ ┌───┬───┬───┬───┐
│~ `│! 1│@ 2│# 3│$ 4│% 5│^ 6│& 7│* 8│( 9│) 0│_ -│+ =│ BacSp │ │Ins│Hom│PUp│ │N L│ / │ * │ - │
├───┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─────┤ ├───┼───┼───┤ ├───┼───┼───┼───┤
│ Tab │ Q │ W │ E │ R │ T │ Y │ U │ I │ O │ P │{ [│} ]│ | \ │ │Del│End│PDn│ │ 7 │ 8 │ 9 │ │
├─────┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴┬──┴─────┤ └───┴───┴───┘ ├───┼───┼───┤ + │
│ Caps │ A │ S │ D │ F │ G │ H │ J │ K │ L │: ;│" '│ Enter │ │ 4 │ 5 │ 6 │ │
├──────┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴─┬─┴────────┤ ┌───┐ ├───┼───┼───┼───┤
│ Shift │ Z │ X │ C │ V │ B │ N │ M │< ,│> .│? /│ Shift │ │ ↑ │ │ 1 │ 2 │ 3 │ │
├─────┬──┴─┬─┴──┬┴───┴───┴───┴───┴───┴──┬┴───┼───┴┬────┬────┤ ┌───┼───┼───┐ ├───┴───┼───┤ E││
│ Ctrl│ │Alt │ Space │ Alt│ │ │Ctrl│ │ ← │ ↓ │ → │ │ 0 │ . │←─┘│
└─────┴────┴────┴───────────────────────┴────┴────┴────┴────┘ └───┴───┴───┘ └───────┴───┴───┘
// 写字楼里写字间，写字间里程序员；
// 程序人员写程序，又拿程序换酒钱。
// 酒醒只在网上坐，酒醉还来网下眠；
// 酒醉酒醒日复日，网上网下年复年。
// 但愿老死电脑间，不愿鞠躬老板前；
// 奔驰宝马贵者趣，公交自行程序员。
// 别人笑我忒疯癫，我笑自己命太贱；
// 不见满街漂亮妹，哪个归得程序员？
-->
<style type='text/css'> /* 内部样式表：给自己看的 */
</style>
</head>
<body>
<!-- 商城页面整体布局 -->
<div class='wrapper'>
<!-- 广告，临时加的 -->
<div class='linshi'>
<!-- 控制广告位置 -->
<div class='l1'>
<img src='./images/003.png' alt='泰国特产'/>
<div></div>
</div>
</div>
<!-- 商城导航栏 -->
<div class='nav'>
<!-- 商城导航栏顶部 -->
<div class='nav_top'>
<!-- 商城导航栏顶部一栏：主导航 -->
<div class='t1'>
<div class='tlogo'>
<img src='./logos/logo.png' alt='汪涵logo'/>
</div>
<!-- 控制文字在一栏的位置 -->
<div class='t1a'>
<!-- 导航栏顶部一栏的文字信息 -->
<ul class='clearfix'>
<li class='tadd fl'>
<div class='ticon'></div>
<a href='javascript:;'>长沙</a>
<!-- 导航栏顶部一栏的地址下拉框 -->
<div class='taddb'>
<div class='b1'>
<div class='b1b'>
<div class='ticon'></div>
<a href='javascript:;'>长沙</a>
</div>
</div>
<div class='b2'>
<p><a href='javascript:;'>北京</a> <a href='javascript:;'>上海</a> <a href='javascript:;'>天津</a> <a href='javascript:;'>重庆</a> <a href='javascript:;'>河北</a></p>
<p><a href='javascript:;'>山西</a> <a href='javascript:;'>河南</a> <a href='javascript:;'>辽宁</a> <a href='javascript:;'>吉林</a> <a href='javascript:;'>黑龙江</a></p>
<p><a href='javascript:;'>内蒙古</a> <a href='javascript:;'>江苏</a> <a href='javascript:;'>山东</a> <a href='javascript:;'>安徽</a> <a href='javascript:;'>浙江</a></p>
<p><a href='javascript:;'>福建</a> <a href='javascript:;'>湖北</a> <a href='javascript:;'>湖南</a> <a href='javascript:;'>广东</a> <a href='javascript:;'>广西</a></p>
<p><a href='javascript:;'>江西</a> <a href='javascript:;'>四川</a> <a href='javascript:;'>海南</a> <a href='javascript:;'>贵州</a> <a href='javascript:;'>云南</a></p>
<p><a href='javascript:;'>西藏</a> <a href='javascript:;'>陕西</a> <a href='javascript:;'>甘肃</a> <a href='javascript:;'>青海</a> <a href='javascript:;'>宁夏</a></p>
<p><a href='javascript:;'>新疆</a> <a href='javascript:;'>港澳</a> <a href='javascript:;'>台湾</a> <a href='javascript:;'>钓鱼岛</a> <a href='javascript:;'>海外<a></p>
<p>Available Sites</p>
</div>
</div>
</li>
<li class='ttext fr'>
<a href='javascript:;'>手机京东</a>
</li>
<li class='fr'>
<a href='javascript:;'>网站导航 ∨</a>
</li>
<li class='fr'>
<a href='javascript:;'>客户服务 ∨</a>
</li>
<li class='fr'>
<a href='javascript:;'>企业采购</a>
</li>
<li class='fr'>
<a href='javascript:;'>京东会员</a>
</li>
<li class='fr'>
<a href='javascript:;'>我的京东 ∨</a>
</li>
<li class='fr'>
<a href='javascript:;'>我的订单</a>
</li>
<li class='fr'>
<a href='javascript:;'>你好，请登录</a>
<a href='javascript:;'>免费注册</a>
</li>
</ul>
</div>
</div>
<!-- 商城导航栏顶部二栏：搜索表单 -->
<div class='t2'>
<!-- 控制表单在二栏的位置 -->
<div class='t2b'>
<!-- 搜索框表单 -->
<form>
<input class='bp1' type='text' name='shopping' placeholder='泰国人妖'/>
<input class='bp2' type='image' src='./icons/009.png' alt='Submit'/>
<div class='b3'>
<a href='javascript:;'>神舟新品日</a>
<a href='javascript:;'>表白季</a>
<a href='javascript:;'>荣耀10</a>
<a href='javascript:;'>母婴尖货</a>
<a href='javascript:;'>苹果立减</a>
<a href='javascript:;'>520告白</a>
<a href='javascript:;'>0元试用</a>
<a href='javascript:;'>爆款抢购</a>
<a href='javascript:;'>游戏本</a>
</div>
</form>
<!-- 购物车 -->
<div class='b4'>
<div class='b4b'>
<div class='bicon'></div>
<a href='javascript:;'>我的购物车</a>
</div>
</div>
</div>
</div>
<!-- 商城导航栏顶部三栏：副导航 -->
<div class='t3'>
<!-- 控制表单在三栏的位置 -->
<div class='t3b'>
<!-- 导航栏顶部三栏的文字信息 -->
<div class='b1'>
<a href='javascript:;'>秒杀</a>
<a href='javascript:;'>优惠券</a>
<a href='javascript:;'>PLUS会员</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 class='t3text' href='javascript:;'>京东金融</a>
</div>
<img src='./icons/010.png' alt='泰国京东日'/>
</div>
</div>
<!-- 商城导航栏顶部四栏：广告图及侧边导航 -->
<div class='t4'>
<!-- 四栏临时广告位 -->
<div class='linshi2'>
<div class='l21'>
<img src='./images/001.png' alt='泰国临时广告'/>
<div class='l22'>
<img src='./images/002.jpg' alt='泰国临时广告'/>
</div>
</div>
</div>
<!-- 控制广告在四栏的位置 -->
<div class='t4b'>
<!-- 导航栏顶部四栏的侧边导航 -->
<div class='b1'>
<ul>
<!-- 侧边导航的被hover栏 -->
<li class='bh'>
<a href='javascript:;'>家用电器</a>
<!-- 侧边导航的hover栏 -->
<div class='bhb'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg1' src='./images/004.png' alt='京东美女1'/>
</div>
</div>
</li>
<li class='bh2'>
<a href='javascript:;'>手机/运营商/数码</a>
<div class='bhb2'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg2' src='./images/005.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh3'>
<a href='javascript:;'>电脑/办公</a>
<div class='bhb3'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg3' src='./images/006.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh4'>
<a href='javascript:;'>家居/家具/家装/厨具</a>
<div class='bhb4'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg4' src='./images/007.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh5'>
<a href='javascript:;'>男装/女装/童装/内衣</a>
<div class='bhb5'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg5' src='./images/008.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh6'>
<a href='javascript:;'>美妆/个护清洁/宠物</a>
<div class='bhb6'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg6' src='./images/009.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh7'>
<a href='javascript:;'>女鞋/箱包/钟表/珠宝</a>
<div class='bhb7'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg7' src='./images/010.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh8'>
<a href='javascript:;'>男鞋/运动/户外</a>
<div class='bhb8'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg8' src='./images/011.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh9'>
<a href='javascript:;'>房产/汽车/汽车用品</a>
<div class='bhb9'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg9' src='./images/012.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh10'>
<a href='javascript:;'>母婴/玩具乐器</a>
<div class='bhb10'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg10' src='./images/013.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh11'>
<a href='javascript:;'>食品/酒类/生鲜/特产</a>
<div class='bhb11'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg11' src='./images/014.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh12'>
<a href='javascript:;'>艺术/礼品鲜花/农资绿植</a>
<div class='bhb12'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg12' src='./images/015.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh13'>
<a href='javascript:;'>医药保健/计生情趣</a>
<div class='bhb13'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg13' src='./images/016.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh14'>
<a href='javascript:;'>图书/音像/电子书</a>
<div class='bhb14'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg14' src='./images/017.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh15'>
<a href='javascript:;'>机票/酒店/旅游/生活</a>
<div class='bhb15'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg15' src='./images/018.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh16'>
<a href='javascript:;'>理财/众筹/白条/保险</a>
<div class='bhb16'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg16' src='./images/019.png' alt='京东美女2'/>
</div>
</div>
</li>
<li class='bh17'>
<a href='javascript:;'>安装/维修/清洗保养</a>
<div class='bhb17'>
<div class='a1 clearfix'>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
<a class='fl' href='javascript:;'>家电馆 ></a>
</div>
<div class='a2'>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<div>
<a href='javascript:;'>家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > 家电馆 > </a>
</div>
<img class='aimg17' src='./images/020.png' alt='京东美女2'/>
</div>
</div>
</li>
</ul>
</div>
<!-- 导航栏顶部四栏的广告图 -->
<div class='b2 clearfix'>
<!-- 广告图右侧 -->
<div class='b2r fr'>
<div class='rtop'>
<div class='login'></div>
<p>hi~欢迎来到京东！</p>
<a href='javascript:;'>登录</a>
<a href='javascript:;'>注册</a>
<div class='rip'>
<div class='rip1'>
<a href='javascript:;'>新人福利</a>
</div>
<div class='rip2'>
<a href='javascript:;'>PULS会员</a>
</div>
</div>
</div>
<div class='rtext'>
<ul>
<li>
<h3>促销 | 公告</h3>
</li>
<li>贝尔机器人，定金10元抵100</li>
<li>520花点时间表达爱</li>
<li>新品上市限量发行2000个</li>
<li>安踏官方旗舰店店庆</li>
</ul>
</div>
<div class='rbom'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/002.png' alt='图标'>
<a href='javascript:;'>游戏</a>
</li>
<li class='fl'>
<img src='./icons/003.png' alt='图标'>
<a href='javascript:;'>挖掘</a>
</li>
<li class='fl'>
<img src='./icons/004.png' alt='图标'>
<a href='javascript:;'>充值</a>
</li>
<li class='fl'>
<img src='./icons/005.png' alt='图标'>
<a href='javascript:;'>机票</a>
</li>
</ul>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/002.png' alt='图标'>
<a href='javascript:;'>游戏</a>
</li>
<li class='fl'>
<img src='./icons/003.png' alt='图标'>
<a href='javascript:;'>挖掘</a>
</li>
<li class='fl'>
<img src='./icons/004.png' alt='图标'>
<a href='javascript:;'>充值</a>
</li>
<li class='fl'>
<img src='./icons/005.png' alt='图标'>
<a href='javascript:;'>机票</a>
</li>
</ul>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/002.png' alt='图标'>
<a href='javascript:;'>游戏</a>
</li>
<li class='fl'>
<img src='./icons/003.png' alt='图标'>
<a href='javascript:;'>挖掘</a>
</li>
<li class='fl'>
<img src='./icons/004.png' alt='图标'>
<a href='javascript:;'>充值</a>
</li>
<li class='fl'>
<img src='./icons/005.png' alt='图标'>
<a href='javascript:;'>机票</a>
</li>
</ul>
</div>
</div>
<!-- 广告图中间 -->
<div class='b2c fr'>
<img src='./images/021.png' alt='京东广告'/>
<img src='./images/022.png' alt='京东广告'/>
<img src='./images/023.png' alt='京东广告'/>
</div>
<!-- 广告图左侧 -->
<div class='b2l fr'>
<img src='./images/024.jpg' alt='京东广告'/>
<ul class='b2l_anniu'>
<li class='icon_left'>
<a href='#'>
<div class='icon1'></div>
</a>
</li>
<li class='icon_right'>
<a href='#'>
<div class='icon2'></div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 商城主体 -->
<div class='main'>
<div class='main_top'>
<!-- 商城精选展示 -->
<div class='t1'>
<dl class='t1l clearfix'>
<dt class='jdms fl'>
<a href='javascript:;'>
<div>
<p class='p1'>京东秒杀</p>
<p class='p2'>FLASH DEALS</p>
<img src='./icons/011.png' alt='京东秒杀'/>
<p class='p3'>本场距离结束还剩</p>
<p class='p4'>23:59:59</p>
</div>
</a>
</dt>
<dd class='fl'>
<img src='./images/025.png' alt='秒杀商品'/>
<p>诺基亚7 PLUS（Nokia 7 Plus）</p>
<div class='lms'>
<div class='lms1'>￥ 5499.00</div>
<div class='lms2'>￥ 5799.00</div>
</div>
</dd>
<dd class='fl'>
<img src='./images/026.png' alt='秒杀商品'/>
<p>诺基亚7 PLUS（Nokia 7 Plus）</p>
<div class='lms'>
<div class='lms1'>￥ 5499.00</div>
<div class='lms2'>￥ 5799.00</div>
</div>
</dd>
<dd class='fl'>
<img src='./images/027.png' alt='秒杀商品'/>
<p>诺基亚7 PLUS（Nokia 7 Plus）</p>
<div class='lms'>
<div class='lms1'>￥ 5499.00</div>
<div class='lms2'>￥ 5799.00</div>
</div>
</dd>
<dd class='fl'>
<img src='./images/028.png' alt='秒杀商品'/>
<p>诺基亚7 PLUS（Nokia 7 Plus）</p>
<div class='lms'>
<div class='lms1'>￥ 5499.00</div>
<div class='lms2'>￥ 5799.00</div>
</div>
</dd>
<dd class='fl'>
<img src='./images/029.png' alt='秒杀商品'/>
<p>诺基亚7 PLUS（Nokia 7 Plus）</p>
<div class='lms'>
<div class='lms1'>￥ 5499.00</div>
<div class='lms2'>￥ 5799.00</div>
</div>
</dd>
</dl>
<ul class='b2l_anniu'>
<li class='icon_left'>
<a href='javascript:;'>
<div class='icon1'></div>
</a>
</li>
<li class='icon_right'>
<a href='javascript:;'>
<div class='icon2'></div>
</a>
</li>
</ul>
</div>
<div class='t2 clearfix'>
<p class='wanghan'>汪涵精选</p>
<div class='t2i fl'>
<div class='ileft fl'>
<img src='./images/030.jpg'/>
</div>
<div class='imiddle fl'>
<div class='middle_img fl'>
<img src='./images/031.jpg'/>
</div>
<div class='middle_img fl'>
<img src='./images/032.jpg'/>
</div>
<div class='middle_img fl'>
<img src='./images/033.jpg'/>
</div>
<div class='middle_img fl'>
<img src='./images/034.jpg'/>
</div>
</div>
<div class='iright fl'>
<div class='right_img fl'>
<img src='./images/035.jpg'/>
</div>
<div class='right_img fl'>
<img src='./images/036.jpg'/>
</div>
<div class='right_img fl'>
<img src='./images/037.jpg'/>
</div>
<div class='right_img fl'>
<img src='./images/038.jpg'/>
</div>
</div>
</div>
</div>
</div>
<div class='main_center'>
<!-- 左侧锚点 -->
<div class="dianti">
<div class="dianti_li">
<a href="#F1">F1</a>
</div>
<div class="dianti_li">
<a href="#F2">F2</a>
</div>
<div class="dianti_li">
<a href="#F3">F3</a>
</div>
<div class="dianti_li">
<a href="#F4">F4</a>
</div>
<div class="dianti_li">
<a href="#F5">F5</a>
</div>
<div class="dianti_li">
<a href="#F6">F6</a>
</div>
<div class="dianti_li">
<a href="#F7">F7</a>
</div>
<div class="dianti_li">
<a href="#F8">F8</a>
</div>
<div class="dianti_li">
<a href="#F9">F9</a>
</div>
</div>
<div id='F1' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>1F手机3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>手机频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑超市</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
<div id='F2' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>2F电脑3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='#'>手机频道</a>
</li>
<li class='fl'>
<a href='#'>电脑超市</a>
</li>
<li class='fl'>
<a href='#'>数码频道</a>
</li>
<li class='fl'>
<a href='#'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
<div id='F3' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>3F家电3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>手机频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑超市</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
<div id='F4' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>4F家居3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>手机频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑超市</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
<div id='F5' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>5F服装3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>手机频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑超市</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
<div id='F6' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>6F首饰3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>手机频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑超市</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
<div id='F7' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>7F日化3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>手机频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑超市</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
<div id='F8' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>8F汽车3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>手机频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑超市</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
<div id='F9' class='t3 clearfix'>
<div class='canten_top'>
<div class='canten_left fl'>9F零食3C</div>
<div class='canten_right fl'>
<ul>
<li class='canten_admin fl'>
<a href='javascript:;'>精选热卖</a>
</li>
<li class='fl'>
<a href='javascript:;'>手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>OA办公</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件</a>
</li>
<li class='fl'>
<a href='javascript:;'>淘实惠</a>
</li>
</ul>
</div>
<div class='canten_team fl'></div>
</div>
<div class='canten_bottom fl'>
<div class='canten_img_a'>
<img src='./images/039.jpg'/>
</div>
<div class='canten_img_b fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>手机频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>电脑超市</a>
</li>
<li class='fl'>
<a href='javascript:;'>数码频道</a>
</li>
<li class='fl'>
<a href='javascript:;'>配件频道</a>
</li>
</ul>
</div>
<div class='canten_img_c fl'>
<ul class='clearfix'>
<li class='fl'>
<a href='javascript:;'>iPhone</a>
</li>
<li class='fl'>
<a href='javascript:;'>iPad</a>
</li>
<li class='fl'>
<a href='javascript:;'>三星手机</a>
</li>
<li class='fl'>
<a href='javascript:;'></a>
</li>
<li class='fl'>
<a href='javascript:;'>华为手机</a>
</li>
<li class='fl'>
<a href='javascript:;'>华硕电脑</a>
</li>
<li class='fl'>
<a href='javascript:;'>打印机</a>
</li>
<li class='fl'>
<a href='javascript:;'>单反相机</a>
</li>
</ul>
</div>
</div>
<div class='laoli_img fl'>
<div class='laoli_left fl'>
<img src='./images/040.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/041.jpg'/>
</div>
<div class='laoli_right fl'>
<img src='./images/042.jpg'/>
</div>
</div>
<div class='oppo_img fl'>
<div class='oppo fl'>
<img src='./images/043.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/044.jpg'/>
</div>
<div class='oppo fl'>
<img src='./images/045.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/046.jpg'/>
</div>
<div class='oppos fl'>
<img src='./images/047.jpg'/>
</div>
</div>
<div class='divkk fl'>
<div class='div_left fl'>
<img src='./icons/left_normal.png'/>
</div>
<div class='div_middle fl'>
<ul class='clearfix'>
<li class='fl'>
<img src='./icons/012.png'/>
</li>
<li class='fl'>
<img src='./icons/013.jpg'/>
</li>
<li class='fl'>
<img src='./icons/014.jpg'/>
</li>
<li class='fl'>
<img src='./icons/015.png'/>
</li>
<li class='fl'>
<img src='./icons/016.jpg'/>
</li>
<li class='fl'>
<img src='./icons/017.png'/>
</li>
<li class='fl'>
<img src='./icons/018.jpg'/>
</li>
<li class='fl'>
<img src='./icons/019.jpg'/>
</li>
<li class='fl'>
<img src='./icons/020.png'/>
</li>
<li class='fl'>
<img src='./icons/021.jpg'/>
</li>
</ul>
</div>
<div class='div_right fr'>
<img src='./icons/right_normal.png'/>
</div>
</div>
</div>
</div>
</div>
<!-- 商城底部 -->
<div class='footer'>
<!-- 底部导航1栏 -->
<div class='help clearfix'>
<dl class='fl'>
<dt class='clearaf'>购物指南</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>
<dd>
<a href='javascript:;'>联系客服</a>
</dd>
</dl>
<dl class='fl'>
<dt>配送方式</dt>
<dd>
<a href='javascript:;'> 上门自提</a>
</dd>
<dd>
<a href='javascript:;'>211限时达</a>
</dd>
<dd>
<a href='javascript:;'>配送服务查询</a>
</dd>
<dd>
<a href='javascript:;'>配送费收取标准</a>
</dd>
<dd>
<a href='javascript:;'>海外配送</a>
</dd>
</dl>
<dl class='fl'>
<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 class='fl'>
<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 class='fl'>
<dt>特色服务</dt>
<dd>
<a href='javascript:;'>夺宝岛</a>
</dd>
<dd>
<a href='javascript:;'>DIY装机</a>
</dd>
<dd>
<a href='javascript:;'>延保服务</a>
</dd>
<dd>
<a href='javascript:;'>京东E卡</a>
</dd>
<dd>
<a href='javascript:;'>京东通信</a>
</dd>
<dd>
<a href='javascript:;'>京东JD+</a>
</dd>
</dl>
<dl class='fl'>
<dt>联系我们</dt>
<dd>
<a href='javascript:;'>夺宝岛</a>
</dd>
<dd>
<a href='javascript:;'>DIY装机</a>
</dd>
<dd>
<a href='javascript:;'>延保服务</a>
</dd>
<dd>
<a href='javascript:;'>京东E卡</a>
</dd>
<dd>
<a href='javascript:;'>京东通信</a>
</dd>
<dd>
<a href='javascript:;'>京东JD+</a>
</dd>
</dl>
</div>
<!-- 底部导航2栏 -->
<div class='Copyright'>
<ul class='btnav'>
<li>
<a href='javascript:;'>关于我们</a>
</li>
<li>
<a href='javascript:;'>联系我们</a>
</li>
<li>
<a href='javascript:;'>联系客服</a>
</li>
<li>
<a href='javascript:;'>合作招商</a>
</li>
<li>
<a href='javascript:;'>商家帮助</a>
</li>
<li>
<a href='javascript:;'>营销中心</a>
</li>
<li>
<a href='javascript:;'>友情链接</a>
</li>
<li>
<a href='javascript:;'>销售联盟</a>
</li>
<li>
<a href='javascript:;'>京东社区</a>
</li>
<li>
<a href='javascript:;'>风险监测</a>
</li>
<li>
<a href='javascript:;'>隐私政策</a>
</li>
<li>
<a href='javascript:;'>京东公益</a>
</li>
<li>
<a href='javascript:;'>English Site</a>
</li>
<li>
<a href='javascript:;'>Media & IR</a>
</li>
</ul>
<!-- 底部公司信息栏 -->
<ul>
<li>
<a href='javascript:;'>京公网安备 11000002000088号</a>
</li>
<li>
<a href='javascript:;'>京ICP证070359号</a>
</li>
<li>
<a href='javascript:;'>互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
</li>
<li>
<a href='javascript:;'>新出发京零 字第大120007号</a>
</li>
</ul>
<ul>
<li>
<a href='javascript:;'>互联网出版许可证编号新出网证(京)字150号</a>
</li>
<li>
<a href='javascript:;'>出版物经营许可证</a>
</li>
<li>
<a href='javascript:;'>网络文化经营许可证京网文[2014]2148-348号</a>
</li>
<li>
<a href='javascript:;'>违法和不良信息举报电话：4006561155</a>
</li>
</ul>
<ul>
<li>
<a href='javascript:;'>Copyright © 2004 - 2018 京东JD.com 版权所有</a>
</li>
<li>
<a href='javascript:;'>消费者维权热线：4006067733</a>
</li>
<li>
<a href='javascript:;'>经营证照</a>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>
css部分1，base.css：
@charset "utf-8";
/* 名称：base.css
功能：
1、重设浏览器默认样式
2、设置通用元素类
*/
/* 1、防止用户自定义背景颜色对网页的影响；2、让用户可以自定义字体颜色 */
html{
background:white;
color:black;
}
/* 去除标签的默认内外边距，让各个浏览器样式的表现位置统一 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
margin:0;
padding:0;
}
/* 对于表单元素不继承父级font的问题设置样式 */
body,button,input,select,textarea{
font:12px \5b8b\4f53,arial,sans-serif;
}
input,select,textarea{
font-size:100%;
}
/* 去掉 table cell 的边距并让其边重合 */
table{
border-collapse:collapse;
border-spacing:0;
}
/* ie浏览器bug：th不继承text-align问题设置样式 */
th{
text-align:inherit;
}
/* 去除默认边框 */
fieldset,img{
border:none;
}
/* 去除列表前的标识，li会继承样式 */
ul,ol{
list-style:none;
}
/* 默认不显示下划线，保持页面简洁 */
a,ins{
text-decoration:none;
}
/* 让链接在hover状态下显示下划线 */
a:hover{
text-decoration:none;
}
/*设置浮动，减少浮动带来的bug*/
.fl,.fr{
display:inline;
}
.fl{
float:left;
}
.fr{
float:right;
}
/* 清除浮动 */
.clearfix:after{
content:'';
display:block;
clear:both;
}
css部分2，header.css：
@charset "utf-8";
/* 名称：header.css
功能：商城页面头部布局样式（导航栏）
*/
body{
background-color:rgb(232,232,232);
}
/* 最外层样式布局 */
.wrapper{
width:100%;
}
/* 顶端临时广告位样式 */
.wrapper .linshi{
font-size:0px;
/* text-align:center; */
background-color:rgb(36,163,195);
}
.linshi .l1{
position:relative;
width:1190px;
margin:0px auto;
}
.linshi .l1 div{
position:absolute;
top:50%;
left:50%;
margin-top:-35px;
margin-left:571px;
width:20px;
height:20px;
border-radius:50%;
background-color:rgb(255,255,255);
}
/* 导航栏1样式 */
.nav .nav_top .t1{
position:relative;
background-color:rgb(226,227,228);
margin:0px auto;
padding:9px 0px;
width:1190px;
}
.nav_top .t1 .tlogo{
position:absolute;
top:50%;
left:50%;
margin-top:-18px;
margin-left:-595px;
width:190px;
font-size:0px;
box-shadow:0px 0px 20px 2px rgb(178,178,178);
z-index:9;
}
.t1a ul li{
position:relative;
display:inline-block;
padding:0px 10px;
/* border-right:1px solid rgb(152,152,152); */
}
.t1a ul li + li:before{
position:absolute;
top:2px;
left:0px;
width:1px;
height:12px;
content:'';
background-color:green;
}
.t1a ul li.ttext{
border:none;
}
.t1a ul li.tadd{
width:250px;
text-align:right;
border:none;
line-height:16px;
}
.t1a ul li.tadd div.ticon{
display:inline-block;
width:16px;
height:16px;
background:url('../icons/001.png') 0px -1px;
vertical-align: middle;
}
.t1a ul li a{
color:rgb(152,152,152);
line-height:16px;
vertical-align: middle;
}
.t1a ul li .taddb{
position:absolute;
top:50%;
left:50%;
margin-left:62px;
margin-top:-18px;
width:300px;
/* border:1px solid rgb(203,203,203); */
z-index:9;
display:none;
}
.taddb .b1{
position:relative;
width:66px;
height:35px;
background-color:rgb(255,255,255);
text-align:center;
border:1px solid rgb(203,203,203);
border-bottom:none;
border-top:none;
z-index:3;
}
.taddb .b1 .b1b{
padding-top:9px;
}
.taddb .b2{
position:relative;
top:-1px;
left:0px;
width:300px;
min-height:266px;
background-color:rgb(255,255,255);
border:1px solid rgb(203,203,203);
}
.taddb .b2 p{
text-align:left;
line-height:30px;
}
.taddb .b2 p a{
margin:0px 12px;
}
.tadd:hover .taddb{
display:block;
}
/* 导航栏2样式 */
.nav .nav_top .t2{
position:relative;
width:1190px;
margin:0px auto;
}
.nav_top .t2 .t2b{
position:relative;
width:778px;
margin-left:300px;
}
.t2b input.bp1{
width:500px;
height:31px;
text-indent:12px;
margin:26px 0px;
background:rgb(255,255,255) url('../icons/008.png') no-repeat 469px 7px/22px;
}
.t2b input.bp2{
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:115px;
width:50px;
}
.t2b .b3{
position:relative;
top:-18px;
left:0px;
}
.t2b .b3 a{
margin-right:6px;
color:rgb(152,152,152);
}
.t2b .b4{
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:187px;
width:200px;
height:33px;
background-color:rgb(255,255,255);
border:1px solid rgb(203,203,203);
vertical-align: middle;
}
.t2b .b4 .b4b{
width:90px;
margin:9.5px auto;
}
.t2b .b4 .bicon{
display:inline-block;
width:16px;
height:16px;
background:url('../icons/003.png') 0px -1px/16px;
vertical-align: middle;
}
.b4b a{
color:rgb(152,152,152);
}
/* 导航栏3样式 */
.nav .nav_top .t3{
position:relative;
width:1190px;
margin:0px auto;
text-align:right;
}
/* .t3 .t3b{
position:relative;
width:990px;
text-align:right;
} */
.t3b .b1{
display:inline-block;
line-height:36px;
vertical-align: middle;
}
.t3b .b1 a{
padding:0px 15px;
border-right:1px solid rgb(152,152,152);
color:rgb(50,50,50);
}
.t3b .b1 a.t3text{
border:none;
}
.t3b img{
display:inline-block;
vertical-align: middle;
margin-left:38px;
}
/* 导航栏4样式 */
.nav .nav_top .t4{
position:relative;
width:1190px;
margin:0px auto;
}
.linshi2{
position:absolute;
top:50%;
left:50%;
margin-top:-220px;
margin-left:-845px;
font-size:0px;
width:1040px;
height:470px;
}
.linshi2 .l21{
width:250px;
height:470px;
}
.linshi2 .l22{
position:absolute;
top:-5px;
left:250px;
display:none;
z-index:1;
}
.l21:hover .l22{
display:block;
}
.t4b .b1{
position:relative;
width:1190px;
}
.t4b .b1 ul{
width:190px;
padding:7px 0px;
background-color:rgb(255,255,255);
}
.t4b .b1 ul li{
line-height:28px;
padding:0px 12px;
}
.t4b .b1 ul li a{
color:rgb(152,152,152);
}
.t4b .b1 .bhb,.bhb2,.bhb3,.bhb4,.bhb5,.bhb6,.bhb7,.bhb8,.bhb9,.bhb10,.bhb11,.bhb12,.bhb13,.bhb14,.bhb15,.bhb16,.bhb17{
position:absolute;
top:50%;
left:50%;
margin-top:-245px;
margin-left:-405px;
width:976px;
height:476px;
padding:7px 12px;
box-shadow:0px 0px 20px 2px rgb(178,178,178);
z-index:9;
display:none;
}
.t4b .b1 ul li div div.a1 a{
height:28px;
line-height:28px;
padding:0px 12px;
margin-right:10px;
background-color:rgb(0,0,0);
color:rgb(255,255,255);
}
.t4b .b1 ul li div div.a2{
padding:25px 0px;
}
.t4b .b1 ul li div div.a2 div{
margin-bottom:18px;
}
.t4b .b1 ul li div div.a2 div a{
color:rgb(255,255,255);
}
.t4b .b1 ul li div div.a2 .aimg1{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:258px;
}
.t4b .b1 ul li div div.a2 .aimg2{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:296px;
}
.t4b .b1 ul li div div.a2 .aimg3{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:288px;
}
.t4b .b1 ul li div div.a2 .aimg4{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:270px;
}
.t4b .b1 ul li div div.a2 .aimg5{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:250px;
}
.t4b .b1 ul li div div.a2 .aimg6{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:344px;
}
.t4b .b1 ul li div div.a2 .aimg7{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:268px;
}
.t4b .b1 ul li div div.a2 .aimg8{
position:absolute;
top:50%;
left:50%;
margin-top:-206px;
margin-left:268px;
}
.t4b .b1 ul li div div.a2 .aimg9{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:254px;
}
.t4b .b1 ul li div div.a2 .aimg10{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:250px;
}
.t4b .b1 ul li div div.a2 .aimg11{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:278px;
}
.t4b .b1 ul li div div.a2 .aimg12{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:246px;
}
.t4b .b1 ul li div div.a2 .aimg13{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:250px;
}
.t4b .b1 ul li div div.a2 .aimg14{
position:absolute;
top:50%;
left:50%;
margin-top:-208px;
margin-left:250px;
}
.t4b .b1 ul li div div.a2 .aimg15{
position:absolute;
top:50%;
left:50%;
margin-top:-215px;
margin-left:288px;
}
.t4b .b1 ul li div div.a2 .aimg16{
position:absolute;
top:50%;
left:50%;
margin-top:-181px;
margin-left:288px;
}
.t4b .b1 ul li div div.a2 .aimg17{
position:absolute;
top:50%;
left:50%;
margin-top:-196px;
margin-left:308px;
}
.t4b .b1 ul .bh:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh2:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh3:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh4:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh5:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh6:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh7:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh8:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh9:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh10:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh11:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh12:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh13:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh14:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh15:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh16:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul .bh17:hover{
background-color:rgb(216,216,216);
}
.t4b .b1 ul li.bh:hover .bhb{
display:block;
background-color:rgba(255,128,128,1);
}
.t4b .b1 ul li.bh2:hover .bhb2{
display:block;
background-color:rgba(148,0,211,0.7);
}
.t4b .b1 ul li.bh3:hover .bhb3{
display:block;
background-color:rgba(123,104,238,0.7);
}
.t4b .b1 ul li.bh4:hover .bhb4{
display:block;
background-color:rgba(176,196,222,0.7);
}
.t4b .b1 ul li.bh5:hover .bhb5{
display:block;
background-color:rgba(30,144,255,0.7);
}
.t4b .b1 ul li.bh6:hover .bhb6{
display:block;
background-color:rgba(135,206,250,0.7);
}
.t4b .b1 ul li.bh7:hover .bhb7{
display:block;
background-color:rgba(0,191,255,0.7);
}
.t4b .b1 ul li.bh8:hover .bhb8{
display:block;
background-color:rgba(95,158,160,0.7);
}
.t4b .b1 ul li.bh9:hover .bhb9{
display:block;
background-color:rgba(0,206,209,0.7);
}
.t4b .b1 ul li.bh10:hover .bhb10{
display:block;
background-color:rgba(0,128,128,0.7);
}
.t4b .b1 ul li.bh11:hover .bhb11{
display:block;
background-color:rgba(60,179,113,0.7);
}
.t4b .b1 ul li.bh12:hover .bhb12{
display:block;
background-color:rgba(85,107,47,0.7);
}
.t4b .b1 ul li.bh13:hover .bhb13{
display:block;
background-color:rgba(154,205,50,0.7);
}
.t4b .b1 ul li.bh14:hover .bhb14{
display:block;
background-color:rgba(189,183,107,0.7);
}
.t4b .b1 ul li.bh15:hover .bhb15{
display:block;
background-color:rgba(240,230,140,0.7);
}
.t4b .b1 ul li.bh16:hover .bhb16{
display:block;
background-color:rgba(255,165,0,0.7);
}
.t4b .b1 ul li.bh17:hover .bhb17{
display:block;
background-color:rgba(169,169,169,0.7);
}
.t4b .b2{
position:absolute;
top:50%;
left:50%;
margin-top:-225px;
margin-left:-405px;
width:1000px;
height:470px;
}
.t4b .b2 .b2c{
width:190px;
margin-right:10px
}
.t4b .b2 .b2c img{
margin-bottom:7px;
}
.t4b .b2 .b2l{
position:relative;
margin:0px 10px;
}
.t4b .b2 .b2l .b2l_anniu{
position:absolute;
top:50%;
left:50%;
margin-top:-25px;
margin-left:-25px;
height:50px;
}
.t4b .b2 .b2l .b2l_anniu li{
position:absolute;
top:0px;
width:50px;
height:50px;
list-style:none;
background-color:rgba(0,0,0,0);
}
.t4b .b2 .b2l .b2l_anniu li.icon_left{
left:-270px;
background-color:rgba(0,0,0,0.3);
}
.t4b .b2 .b2l .b2l_anniu li.icon_right{
right:-320px;
background-color:rgba(0,0,0,0.3);
}
.t4b .b2 .b2l .b2l_anniu li.icon_left a div.icon1{
width:50px;
height:50px;
background:url('../icons/20180511_003.png') 0px -90px;
}
.t4b .b2 .b2l .b2l_anniu li.icon_right a div.icon2{
width:50px;
height:50px;
background:url('../icons/20180511_003.png') 0px -163px;
}
.t4b .b2 .b2l .b2l_anniu li:hover{
background-color:rgba(0,0,0,0.8);
}
.t4b .b2 .b2r{
width:190px;
background-color:rgb(255,255,255);
}
.t4b .b2 .b2r .rtop{
text-align:center;
line-height:20px;
}
.t4b .b2 .b2r .rtop .login{
width:55px;
height:55px;
margin:10px auto;
border-radius:50%;
background:url('../logos/no_login.jpg') 4px 4px/52px;
box-shadow:1px 1px 10px 1px rgb(178,178,178);
}
.t4b .b2 .b2r .rtop .rip{
margin-top:10px;
}
.t4b .b2 .b2r .rtop .rip1{
display:inline-block;
width:65px;
height:22px;
margin:0px 4px;
border-radius:22px;
background-color:rgb(255,255,255);
box-shadow:0px 2px 12px 0px rgb(178,178,178);
}
.t4b .b2 .b2r .rtop .rip1 a{
line-height:22px;
color:rgb(255,0,0);
}
.t4b .b2 .b2r .rtop .rip2{
display:inline-block;
width:65px;
height:22px;
margin:0px 4px;
border-radius:22px;
background-color:rgb(53,53,51);
box-shadow:0px 2px 12px 0px rgb(178,178,178);
}
.t4b .b2 .b2r .rtop .rip2 a{
line-height:22px;
color:rgb(212,199,137);
}
.t4b .b2 .b2r .rtop .rip1:hover{
background-color:rgb(255,0,0);
}
.t4b .b2 .b2r .rtop .rip1:hover a{
color:rgb(255,255,255);
}
.t4b .b2 .b2r .rtop .rip2:hover{
background-color:rgb(255,0,0);
}
.t4b .b2 .b2r .rtop .rip2:hover a{
color:rgb(255,255,255);
}
.t4b .b2 .b2r .rtext{
margin-top:12px;
padding:4px 12px;
}
.t4b .b2 .b2r .rtext ul li{
line-height:22px;
}
.t4b .b2 .b2r .rtext ul li h3{
margin-bottom:7px;
}
.t4b .b2 .b2r .rbom{
margin-top:10px;
padding:11px 12px;
border-top:1px solid rgb(152,152,152);
}
.t4b .b2 .b2r .rbom ul{
margin-bottom:12px;
}
.t4b .b2 .b2r .rbom ul li{
width:26px;
margin:0px 6px;
line-height:15px;
text-align:center;
}
.t4b .b2 .b2r .rbom ul li img{
width:20px;
height:20px;
}
css部分3，content.css：
@charset "utf-8";
/* 名称：content.css
功能：商城页面中部布局样式（内容）
*/
/* 主体内容外部布局样式 */
.main{
width:100%;
margin-top:30px;
}
/* 内容栏1样式 */
.main .main_top .t1{
position:relative;
width:1190px;
margin:0px auto 30px;
}
.main .main_top .t1 .b2l_anniu{
position:absolute;
top:50%;
left:50%;
margin-top:-13px;
margin-left:-25px;
/* height:50px; */
}
.main .main_top .t1 ul.b2l_anniu li{
position:absolute;
top:0px;
width:20px;
height:25px;
list-style:none;
background-color:rgba(0,0,0,0);
}
.main .main_top .t1 ul.b2l_anniu li.icon_left{
left:-380px;
background-color:rgba(0,0,0,0.3);
}
.main .main_top .t1 ul.b2l_anniu li.icon_right{
right:-620px;
background-color:rgba(0,0,0,0.3);
}
.main .main_top .t1 ul.b2l_anniu li.icon_left a div.icon1{
width:20px;
height:25px;
background:url('../icons/20180511_003.png') 0px -55px/69px;
}
.main .main_top .t1 ul.b2l_anniu li.icon_right a div.icon2{
width:20px;
height:25px;
background:url('../icons/20180511_003.png') 0px -140px/69px;
}
.main .main_top .t1 ul.b2l_anniu li:hover{
background-color:rgba(0,0,0,0.8);
}
.main_top .t1 .t1l{
height:278px;
background-color:rgb(255,255,255);
}
.main_top .t1 .t1l dt{
height:278px;
background-color:rgb(231,53,50);
}
.main_top .t1 .t1l dt,dd{
text-align:center;
width:190px;
}
.main_top .t1 .t1l dd{
padding:25px 0px;
margin:0px 5px;
}
.main_top .t1 .t1l dd p{
width:140px;
margin:20px auto;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.main_top .t1 .t1l dd .lms{
height:22px;
font-size:0px;
}
.main_top .t1 .t1l dd .lms1{
display:inline-block;
vertical-align:middle;
line-height:22px;
height:22px;
padding:0px 9px;
font-size:12px;
color:rgb(255,255,255);
background-color:rgb(231,53,50);
}
.main_top .t1 .t1l dd .lms2{
display:inline-block;
vertical-align:middle;
line-height:20px;
height:20px;
padding:0px 8px;
font-size:12px;
text-decoration:line-through;
border:1px solid rgb(231,53,50);
}
.main_top .t1 .t1l .jdms a div{
padding-top:50px;
text-align:center;
}
.main_top .t1 .t1l .jdms a div .p1{
font-size:38px;
text-align:center;
color:rgb(255,255,255);
}
.main_top .t1 .t1l .jdms a div .p2{
font-size:26px;
text-align:center;
color:rgb(255,255,255);
margin-bottom:15px;
}
.main_top .t1 .t1l .jdms a div .p3{
font-size:16px;
text-align:center;
color:rgb(255,255,255);
margin-top:15px;
}
.main_top .t1 .t1l .jdms a div .p4{
font-size:22px;
text-align:center;
color:rgb(255,255,255);
margin-top:15px;
}
.main_top .t1 .t1l .jdms a div img{
width:35px;
}
/* 内容栏2样式 */
.main .main_top .t2{
position:relative;
width:1200px;
margin:0px auto;
}
.wanghan{
width:1200px;
height:25px;
font-size:20px;
line-height:25px;
}
.main_top .t2 .t2i{
width:1200px;
height:560px;
margin:0px auto;
font-size:0px;
}
.main_top .t2 .t2i .ileft{
width:200px;
height:560px;
}
.main_top .t2 .t2i .ileft:hover{
color:#CCC;
opacity:0.9;
}
.main_top .t2 .t2i .imiddle{
width:500px;
height:560px;
}
.middle_img:hover{
color:#CCC;
opacity:0.9;
}
.main_top .t2 .t2i .iright{
width:500px;
height:560px;
}
.right_img:hover{
color:#CCC;
opacity:0.9;
}
/* 左侧锚点样式 */
.dianti{
width:22px;
height:300px;
position:fixed;
top:30%;
left:10px;
}
.dianti_li{
width:20px;
height:20px;
margin-top:10px;
border:1px solid #333;
border-radius:2px;
text-align:center;
background:#333;
}
.dianti_li a{
color:#FFF;
}
/* 内容栏3样式：内容公共样式 */
.main .main_center .t3{
width:1200px;
margin:20px auto 0px;
}
.canten_top{
width:1200px;
height:30px;
}
.canten_left{
width:209px;
height:30px;
font-family:"microsoft yahei";
font-size:20px;
}
.canten_right{
height:30px;
line-height:30px;
}
.canten_right ul{
list-style:none;
height:30px;
margin-top:0;
}
.canten_right ul li a{
text-decoration:none;
padding-left:15px;
padding-right:15px;
font-family:"microsoft yahei";
font-size:14px;
color:#000;
}
.canten_admin{
width:90px;
height:30px;
background:#999;
}
.canten_team{
width:1200px;
height:2px;
background:#000;
}
.canten_bottom{
width:209px;
height:480px;
}
.canten_img_a{
width:209px;
height:260px;
}
.canten_img_a:hover{
color:#CCC;
opacity:0.9;
width:209px;
height:260px;
}
.canten_img_b{
width:209px;
height:80px;
background:#DAE9F0;
}
.canten_img_b ul{
list-style:none;
}
.canten_img_b ul li{
line-height:25px;
margin-left:5px;
}
.canten_img_b ul li a{
text-decoration:none;
font-family:"microsoft yahei";
color:#000;
font-size:14px;
}
.canten_img_b ul li a:hover{
color:#F00;
}
.canten_img_c{
width:209px;
height:138px;
background:#ecf4f7;
}
.canten_img_c ul{
list-style:none;
}
.canten_img_c ul li{
margin-left:13px;
line-height:25px;
}
.canten_img_c ul li a{
text-decoration:none;
font-size:14px;
color:#CCC;
font-family:"microsoft yahei";
}
.canten_img_c ul li a:hover{
color:#F00;
}
.laoli_img{
width:991px;
height:259px;
}
.laoli_left{
height:259px;
border-right:1px solid #CCC;
}
.laoli_right{
height:259px;
border-right:1px solid #CCC;
}
.laoli_right:hover{
color:#CCC;
opacity:0.9;
}
.oppo_img{
width:991px;
height:218px;
}
.oppo{
height:218px;
border-right:1px solid #CCC;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}
.oppo:hover{
color:#CCC;
opacity:0.9;
}
.oppos{
height:218px;
border-right:1px solid #CCC;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
}
.oppos:hover{
color:#CCC;
opacity:0.9;
}
.divkk{
width:1198px;
border:1px #CCCCCC solid;
margin-top:20px;
}
.div_left{
width:20px;
height:60px;
}
.div_middle{
width:1100px;
padding:0px 24px;
height:60px;
}
.div_middle ul{
list-style:none;
}
.div_middle ul li{
padding:15px 0px;
font-size:0px;
margin-left:10px;
}
.div_right{
width:20px;
height:60px;
}
css部分4，footer.css：
@charset "utf-8";
/* 名称：footer.css
功能：商城页面底部布局样式（底部导航与公司信息）
*/
/* 底部布局样式 */
.footer{
width:100%;
margin:30px 0px;
border-top:1px solid rgb(203,203,203);
}
/* 底部导航 */
.footer .help{
box-sizing:border-box;
width:1200px;
margin:20px auto;
padding:20px;
text-align:center;
line-height:22px;
}
.help dl dt{
position:relative;
line-height:40px;
font-size:20px;
font-weight:bold;
color:rgb(220,20,60);
}
.help dl dd a{
color:rgb(46,46,46);
}
.help dt:after{
position:absolute;
top:38px;
left:1px;
width:1px;
height:99px;
content:'';
background-color:rgb(186,186,186);
}
.footer .help .clearaf:after{
display:none;
}
.footer .Copyright{
width:1200px;
margin:0px auto;
text-align:center;
}
.Copyright ul li{
position:relative;
display:inline-block;
padding:6px 12px;
}
.Copyright ul li + li:after{
position:absolute;
top:8px;
left:-3px;
width:1px;
height:10px;
content:'';
background-color:rgb(111,111,111);
}
.Copyright ul li a{
color:rgb(46,46,46);
}
网友评论