ImitationJDPage
/
goodscar.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>购物车</title>
<link rel="icon" href="./images/icon/jing.ico">
<meta name="description" content="">
<meta name="keywords" content="">
<link href="./css/css.css" rel="stylesheet">
</head>
<body>
 <!-- 头部 -->
<div class="jd_header">
	<div class="jd_top">
		<div class="w1210 clearfix" style="width: 990px;">
			<span class='head_pos'>送至：北京<i class="arrow"></i></span>
			<ul class="head_list clearfix">
				<li class="line"></li>
				<li class="item"><a href="#" target="_blank"><span>我的订单</span></a></li>
				<li class="line"></li>
				<li class="item"><a href="#" target="_blank"><span>我的京东</span><i class="arrow"></i></a></li>
				<li class="line"></li>
				<li class="item"><a href="#" target="_blank"><span>京东会员</span></a></li>
				<li class="line"></li>
				<li class="item"><a href="#" target="_blank"><span>企业采购</span></a></li>
				<li class="line"></li>
				<li class="item"><a href="#" target="_blank"><i class="phone"></i><span>手机京东</span><i class="arrow"></i></a></li>
				<li class="line"></li>
				<li class="item"><a href="#" target="_blank"><span>关注京东</span><i class="arrow"></i></a></li>
				<li class="line"></li>
				<li class="item"><a href="#" target="_blank"><span>客户服务</span><i class="arrow"></i></a></li>
				<li class="line"></li>
				<li class="item"><a href="#" target="_blank"><span>网站导航</span><i class="arrow"></i></a></li>
			</ul>
			<span class="head_login_tips">你好，请登录<a href="#" target="_blank">免费注册</a></span>
		</div>
	</div>
</div>
<div class="car_search">
	<div class="h_logo">
	<a href="#" target="_blank" class="jd_logo"></a>
	<span class="jd_slogon"></span>
	</div>
	<div class="search_box">
	<form action="#" method='get'>
		<input type="text" name='kw'  class="jd_search" placeholder="自营">
		<button class="jd_btn">搜索</button>
	</form>
	</div>
</div>
<!-- 购物车 -->
<div class="car_wrap">
	<div class="car_title clearfix">
		<span class="red">全部商品  4</span>
		<div class="select">
			<div class="text">
				<a href="javascript:;">北京朝阳区管庄</a>
				<i class="arrow"></i>
			</div>
		</div>
		<span class="font">配送至：</span>
	</div>
	<div class="car_table">
		<div class="car_all">
			<div class="d1">
				<input type="checkbox"><span>全选</span>
			</div>
			<div class="d2">
				<span>商品</span>
			</div>
			<div class="d3">
				<span>单价（元）</span>
			</div>
			<div class="d4">
				<span>数量</span>
			</div>
			<div class="d5">
				<span>小计（元）</span>
			</div>
			<div class="d6">
				<span>操作</span>
			</div>
		</div>
		<div class="car_list">
			<div class="car_shop">
				<input type="checkbox" name="shop">
				<span>看着书怎么</span>
				<i class="icon"></i>
			</div>
			<dl class="car_item">
				<dd class="ck"> <input type="checkbox" name="check"> </dd>
				<dt  class="img">
					<a href="#" class="ob_img">
						<img src="./images/product/phone.jpg" alt="">
					</a>
				</dt>
				<dd class="title">
					<a href="#">卡夫威尔（OK-TOOLS） KH5009 10件套平头内六角扳手组</a>
				</dd>
				<dd class="size">
					<p class="text">颜色：10件套平头内六角组</p>
					<p class="text">颜色：10件套平头内六角组</p>
				</dd>
				<dd class="price">29.9</dd>
				<dd class="number">
					<p class="add">
						<em>-</em>
						<input type="text" value="1" class="inp_num">
						<em>+</em>
					</p>
					<p class="font">有货</p>
				</dd>
				<dd class="all">29.80</dd>
				<dd class="do">
					<a href="javascript:;" class="delete">删除</a><br>
					<a href="javascript:;" class="movefocus">移动到我的关注</a>
				</dd>
			</dl>
			<dl class="car_item">
				<dd class="ck"> <input type="checkbox" name="check"> </dd>
				<dt  class="img">
					<a href="#" class="ob_img">
						<img src="./images/product/phone.jpg" alt="">
					</a>
				</dt>
				<dd class="title">
					<a href="#">卡夫威尔（OK-TOOLS） KH5009 10件套平头内六角扳手组</a>
				</dd>
				<dd class="size">
					<p class="text">颜色：10件套平头内六角组</p>
					<p class="text">颜色：10件套平头内六角组</p>
				</dd>
				<dd class="price">29.9</dd>
				<dd class="number">
					<p class="add">
						<em>-</em>
						<input type="text" value="1" class="inp_num">
						<em>+</em>
					</p>
					<p class="font">有货</p>
				</dd>
				<dd class="all">29.80</dd>
				<dd class="do">
					<a href="javascript:;" class="delete">删除</a><br>
					<a href="javascript:;" class="movefocus">移动到我的关注</a>
				</dd>
			</dl>
			<dl class="car_item">
				<dd class="ck"> <input type="checkbox" name="check"> </dd>
				<dt  class="img">
					<a href="#" class="ob_img">
						<img src="./images/product/phone.jpg" alt="">
					</a>
				</dt>
				<dd class="title">
					<a href="#">卡夫威尔（OK-TOOLS） KH5009 10件套平头内六角扳手组</a>
				</dd>
				<dd class="size">
					<p class="text">颜色：10件套平头内六角组</p>
					<p class="text">颜色：10件套平头内六角组</p>
				</dd>
				<dd class="price">29.9</dd>
				<dd class="number">
					<p class="add">
						<em>-</em>
						<input type="text" value="1" class="inp_num">
						<em>+</em>
					</p>
					<p class="font">有货</p>
				</dd>
				<dd class="all">29.80</dd>
				<dd class="do">
					<a href="javascript:;" class="delete">删除</a><br>
					<a href="javascript:;" class="movefocus">移动到我的关注</a>
				</dd>
			</dl>
			<dl class="car_item">
				<dd class="ck"> <input type="checkbox" name="check"> </dd>
				<dt  class="img">
					<a href="#" class="ob_img">
						<img src="./images/product/phone.jpg" alt="">
					</a>
				</dt>
				<dd class="title">
					<a href="#">卡夫威尔（OK-TOOLS） KH5009 10件套平头内六角扳手组</a>
				</dd>
				<dd class="size">
					<p class="text">颜色：10件套平头内六角组</p>
					<p class="text">颜色：10件套平头内六角组</p>
				</dd>
				<dd class="price">29.9</dd>
				<dd class="number">
					<p class="add">
						<em>-</em>
						<input type="text" value="1" class="inp_num">
						<em>+</em>
					</p>
					<p class="font">有货</p>
				</dd>
				<dd class="all">29.80</dd>
				<dd class="do">
					<a href="javascript:;" class="delete">删除</a><br>
					<a href="javascript:;" class="movefocus">移动到我的关注</a>
				</dd>
			</dl>
			<dl class="car_item">
				<dd class="ck"> <input type="checkbox" name="check"> </dd>
				<dt  class="img">
					<a href="#" class="ob_img">
						<img src="./images/product/phone.jpg" alt="">
					</a>
				</dt>
				<dd class="title">
					<a href="#">卡夫威尔（OK-TOOLS） KH5009 10件套平头内六角扳手组</a>
				</dd>
				<dd class="size">
					<p class="text">颜色：10件套平头内六角组</p>
					<p class="text">颜色：10件套平头内六角组</p>
				</dd>
				<dd class="price">29.9</dd>
				<dd class="number">
					<p class="add">
						<em>-</em>
						<input type="text" value="1" class="inp_num">
						<em>+</em>
					</p>
					<p class="font">有货</p>
				</dd>
				<dd class="all">29.80</dd>
				<dd class="do">
					<a href="javascript:;" class="delete">删除</a><br>
					<a href="javascript:;" class="movefocus">移动到我的关注</a>
				</dd>
			</dl>
			<div class="car_end">
				<div class="car_end_ck">
					<input type="checkbox">
					<span>全选</span>
				</div>
				<div class="option">
					<a href="javascript:;">删除选中的商品</a>
					<a href="javascript:;">移到我的关注</a>
				</div>
				<a href="javascript:;" class="end_num">去结算</a>
				<div class="all_fee">
					<p><span class="font">总价（不含运费）：</span><span class="price">￥310.40</span></p>
					<p><span class="font">已节省：</span><b> -￥0.00</b></p>
				</div>
				<div class="car_count">
					已选择<em class="red">10</em>件商品
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 底部 -->
<div id="footer">
    <div class="slogon">
        <div class="w1210" style="width: 990px;">
                <ul class="clearfix">
                    <li class="slogon1"></li>
                    <li class="slogon2"></li>
                    <li class="slogon3"></li>
                    <li class="slogon4"></li>
                </ul>
        </div>
    </div>
    <div class="w1210 mb20"  style="width: 990px;">
        <dl class="dl1">
            <dt>购物指南</dt>
            <dd>
                <a href="#" target="_blank" rel="nofollow">购物流程</a>
                <a href="#" target="_blank" rel="nofollow">会员介绍</a>
                <a href="#" target="_blank" rel="nofollow">生活旅行/团购</a>
                <a href="#" target="_blank" rel="nofollow">常见问题</a>
                <a href="#" target="_blank" rel="nofollow">大家电</a>
                <a href="#" target="_blank" rel="nofollow">联系客服</a>
            </dd>
        </dl>
        <dl class="dl2">
            <dt>配送方式</dt>
            <dd>
                <a href="#" target="_blank" rel="nofollow">上门自提</a>
                <a href="#" target="_blank" rel="nofollow">211限时达</a>
                <a href="#" target="_blank" rel="nofollow">配送服务查询</a>
                <a href="#" target="_blank" rel="nofollow">配送费收取标准</a>
                <a href="#" target="_blank" rel="nofollow">海外配送</a>
            </dd>
        </dl>
        <dl class="dl3">
            <dt>支付方式</dt>
            <dd>
                <a href="#" target="_blank" rel="nofollow">货到付款</a>
                <a href="#" target="_blank" rel="nofollow">在线支付</a>
                <a href="#" target="_blank" rel="nofollow">分期付款</a>
                <a href="#" target="_blank" rel="nofollow">邮局汇款</a>
                <a href="#" target="_blank" rel="nofollow">公司转账</a>
            </dd>
        </dl>
        <dl class="dl4">
            <dt>售后服务</dt>
            <dd>
                <a href="#" target="_blank" rel="nofollow">售后政策</a>
                <a href="#" target="_blank" rel="nofollow">价格保护</a>
                <a href="#" target="_blank" rel="nofollow">退款说明</a>
                <a href="#" target="_blank" rel="nofollow">返修/退换货</a>
                <a href="#" target="_blank" rel="nofollow">取消订单</a>
            </dd>
        </dl>
        <dl class="dl5">
            <dt>特色服务</dt>
            <dd>
                <a href="#" target="_blank" rel="nofollow">夺宝岛</a>
                <a href="#" target="_blank" rel="nofollow">DIY装机</a>
                <a href="#" target="_blank" rel="nofollow">延保服务</a>
                <a href="#" target="_blank" rel="nofollow">京东E卡</a>
                <a href="#" target="_blank" rel="nofollow">京东通信</a>
                <a href="#" target="_blank" rel="nofollow">京东JD+</a>
            </dd>
        </dl>
    </div>
    <div class="w1210 bdt"  style="width: 990px;">
        <div class="links">
            <a href="#" target="_blank" rel="nofollow">关于我们</a>|<a href="#" target="_blank" rel="nofollow">联系我们</a>|<a href="#" target="_blank" rel="nofollow">商家入驻</a>|<a href="#" target="_blank" rel="nofollow">营销中心</a>|<a href="#" target="_blank" rel="nofollow">手机京东</a>|<a href="#" target="_blank" rel="nofollow">友情链接</a>|<a href="#" target="_blank" rel="nofollow">销售联盟</a>|<a href="#" target="_blank" rel="nofollow">京东社区</a>|<a href="#" target="_blank" rel="nofollow">京东公益</a>|<a href="#" target="_blank" rel="nofollow">English Site</a>|<a href="#" target="_blank" rel="nofollow">Contact Us</a>
        </div>
        <div class="copyright">
             <a href="#" target="_blank"><img src="./images/footer/guohui.png" alt="">京公网安备 11000002000088号 </a> |  京ICP证070359号  |  互联网药品信息服务资格证编号(京)-经营性-2014-0008  |  新出发京零 字第大120007号<br>
音像制品经营许可证苏宿批005号  |  出版物经营许可证编号新出发(苏)批字第N-012号  |  互联网出版许可证编号新出网证(京)字150号<br>
网络文化经营许可证京网文[2014]2148-348号  违法和不良信息举报电话：4006561155  Copyright © 2004-2016  京东JD.com 版权所有
        </div>
        <ul class="foot_msg">
            <li><a href="#" target="_blank" rel="nofollow"><img src="./images/footer/f1.png" alt=""></a></li>
            <li><a href="#" target="_blank" rel="nofollow"><img src="./images/footer/f2.png" alt=""></a></li>
            <li><a href="#" target="_blank" rel="nofollow"><img src="./images/footer/f3.jpg" alt=""></a></li>
            <li><a href="#" target="_blank" rel="nofollow"><img src="./images/footer/f4.png" alt=""></a></li>
            <li><a href="#" target="_blank" rel="nofollow"><img src="./images/footer/f5.jpg" alt=""></a></li>
            <li><a href="#" target="_blank" rel="nofollow"><img src="./images/footer/f6.jpg" alt=""></a></li>
        </ul>
    </div>
</div>
</body>
</html>