master

分支 (1)

管理

管理

master

ImitationJDPage
/
details.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 oncontextmenu="window.event.returnValue=flase">
 <!-- 头部 -->
<div class="jd_header">
	<div class="jd_top">
		<div class="w1210 clearfix">
			<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="head_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">
	<button class="jd_btn">搜索</button>
</form>
</div>
            <div class="index_car">
                    <a href="#" target="_blank" class="index_car_link">
                        <i class="car"></i>
                        我的购物车
                        <i class="arrow">&gt;</i>
                        <i class="tips">0</i>
                    </a>
            </div>
            <ul class="index_link_">
                <li><a href="#" target="_blank" class="active">9.9抢大牌</a></li>
                <li><a href="#" target="_blank">两件</a></li>
                <li><a href="#" target="_blank">9.9抢大牌</a></li>
                <li><a href="#" target="_blank">9.9抢大牌</a></li>
                <li><a href="#" target="_blank">9.9抢大牌</a></li>
            </ul>
</div>
<div id="jd_nav">
        <div class="w1210 clearfix">
                <div id="nav_side" class="nav_span focus">
                    <div class="nav_all"><a href="#" target="_blank" class="all">全部商品分类</a><i class="arrow"><span>◇</span></i></div>
                    <div class="nav_detail">
                        <ul class="nav_title">
                            <li><h3><a href="#" target="_blank">家用电器</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">手机</a>、<a href="#" target="_blank">数码</a>、<a href="#" target="_blank">京东通信</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">电脑</a>、<a href="#" target="_blank">办公</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">家居</a>、<a href="#" target="_blank">家具</a>、<a href="#" target="_blank">家装</a><a href="#" target="_blank">厨具</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">男装</a>、<a href="#" target="_blank">女装</a>、<a href="#" target="_blank">内衣</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">个护化妆</a>、<a href="#" target="_blank">清洁用品</a>、<a href="#" target="_blank">宠物</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">鞋靴</a>、<a href="#" target="_blank">箱包</a>、<a href="#" target="_blank">珠宝</a>、<a href="#" target="_blank">奢侈品</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">运动户外</a>、<a href="#" target="_blank">钟表</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">汽车</a>、<a href="#" target="_blank">汽车用品</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">母婴</a>、<a href="#" target="_blank">玩具乐器</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">食品</a>、<a href="#" target="_blank">酒类</a>、<a href="#" target="_blank">生鲜</a>、<a href="#" target="_blank">特产</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">营养保健</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">图书</a>、<a href="#" target="_blank">音像</a>、<a href="#" target="_blank">电子书</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">彩票</a>、<a href="#" target="_blank">旅行</a>、<a href="#" target="_blank">充值</a>、<a href="#" target="_blank">票务</a></h3><i class='arrow'>&gt;</i></li>
                            <li><h3><a href="#" target="_blank">理财</a>、<a href="#" target="_blank">众筹</a>、<a href="#" target="_blank">白条</a>、<a href="#" target="_blank">保险</a></h3><i class='arrow'>&gt;</i></li>
                        </ul>
                        <div class="out"></div>
                    </div>
                </div>
                <div class="nav_main">
                    <ul class="clearfix">
                        <li class="item">
                            <a href="#" target="_blank">服装城</a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank">美妆馆</a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank">超市</a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank">全球购</a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank">闪购</a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank">团购</a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank">拍卖</a>
                        </li>
                        <li class="item">
                            <a href="#" target="_blank">金融</a>
                        </li>
                    </ul>
                </div>
        </div>
</div>
<!-- 详情主体 -->
<div class="productor">
	<div class="pro_bread">
		<strong>
			<a href="#">手机</a>
		</strong>
		<span>
			&nbsp;&gt;&nbsp;
			<a href="#">手机通讯</a>
			&nbsp;&gt;&nbsp;
			<a href="#">手机</a>
			&nbsp;&gt;&nbsp;
			<a href="#">APPLE</a>
			&nbsp;&gt;&nbsp;
			<a href="#">APPLE iphon 6s plus</a>
		</span>
	</div>
	<!-- 产品介绍 -->
	<div class="goods_intro">
		<div class="pro_img">
			<div class="pro_img_mian">
				<img src="./images/product/phone.jpg" alt="">
			</div>
			<div class="pro_img_list">
				<ul>
					<li class="active"><a href="javascript:;"><img src="./images/product/phone.jpg" alt=""></a></li>
					<li><a href="javascript:;"><img src="./images/product/phone.jpg" alt=""></a></li>
				</ul>
			</div>
			<div class="pro_info">
				<a href="javascript:;" class="pro_num">
					商品编号：1312313
				</a>
				<a href="javascript:;" class="pro_focus">关注商品</a>
				<a href="javascript:;" class="pro_share">分享</a>
			</div>
		</div>
		<div class="pro_msg">
			<div class="name">
				<h2 class="title">APPLE iphon 6s plusAPPLE iphon 6s plusAPPLE iphon 6s plus</h2>
				<p class="info">一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍一大段介绍</p>
				<div class="compare">对比</div>
			</div>
			<div class="summary">
				<dl class="item">
					<dt>京&nbsp;&nbsp;东&nbsp;价：</dt>
					<dd>
						<strong class="price">￥6388.00</strong>
						<span class="font">(降价通知)</span>
					</dd>
				</dl>
				<dl class="item">
					<dt>促销信息：</dt>
					<dd>
						<p class="redfont"><span class="red">加价购</span>满699.00另加25.00，或满1299.000满699.00另加25.00，或满1299.000满699.00另加25.00，或满1299.000满699.00另加25.00，或满1299.000 <a href="#" >详情&gt;&gt;</a></p>
					</dd>
				</dl>
				<div class="pro_cmt_num">
					<p class="comment">累计评价</p>
					<a href="javascript:;">688</a>
				</div>
			</div>
			<dl class="pro_dl">
				<dt>支　　持：</dt>
				<dd>
					<a class="icon" href="javascript:;"><i class="refresh"></i>以旧换新，闲置游戏本回收</a>
					<a class="icon" href="javascript:;"><i class="phone"></i>以旧换新，闲置游戏本回收</a>
				</dd>
			</dl>
			<dl class="pro_dl">
				<dt>配&nbsp;送&nbsp;;至：</dt>
				<dd class="clearfix">
					<div class="pro_dl_select">
						<div class="selected">
							北京朝阳区管庄
							<i class="arrow"></i>
						</div>
					</div>
					<strong class="yh">有货，</strong>
					<span class="zc">支持79免运费|货到付款</span>
				</dd>
			</dl>
			<dl class="pro_dl mb">
				<dt>服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：</dt>
				<dd class="clearfix">
					<span class="zc">由京东发货支持79免运费|货到付款</span>
				</dd>
			</dl>
			<div class="chose">
				<div class="chose_item">
					<div class="dt">选择颜色：</div>
					<ul class="dd">
						<li><a href="javascript:;"><img src="./images/product/icon/56d51a5aNdbf55744.jpg" alt=""><span>红色</span></a></li>
						<li><a href="javascript:;"><img src="./images/product/icon/56d51a5aNdbf55744.jpg" alt=""><span>红色</span></a></li>
					</ul>
				</div>
				<div class="chose_item">
					<div class="dt">选择版本：</div>
					<ul class="dd">
						<li><a href="javascript:;"><span>公开版</span></a></li>
						<li><a href="javascript:;"><span>移动4G版</span></a></li>
					</ul>
				</div>
				<div class="chose_item">
					<div class="dt">选择容量：</div>
					<ul class="dd">
						<li><a href="javascript:;"><span>16GB</span></a></li>
						<li><a href="javascript:;"><span>32GB</span></a></li>
						<li><a href="javascript:;"><span>128GB</span></a></li>
					</ul>
				</div>
				<div class="chose_item">
					<div class="dt">购买方式：</div>
					<ul class="dd">
						<li><a href="javascript:;"><span>非合约机</span></a></li>
						<li><a href="javascript:;"><span>移动合约机</span></a></li>
					</ul>
				</div>
				<div class="chose_item">
					<div class="dt">京东服务：</div>
					<ul class="dd">
						<li>
							<div class="pro_dl_select">
								<div class="selected">
									第二年换新￥398
									<i class="arrow"></i>
								</div>
							</div>
						</li>
						<li>
							<div class="pro_dl_select">
								<div class="selected">
									延长保修￥398
									<i class="arrow"></i>
								</div>
							</div>
						</li>
						<li>
							<div class="pro_dl_select">
								<div class="selected">
									屏碎保一年￥398
									<i class="arrow"></i>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="pro_addCar">
					<div class="pro_add_num">
						<input type="text" value="1" class="num">
						<span>+</span>
						<span>-</span>
					</div>
					<a href="javascript:;" id="addCar"></a>
					<a href="javascript:;" id="goShoping"></a>
				</div>
				<div class="chose_item">
					<div class="dt">温馨提示：</div>
					<div class="dd">
						<p class="font">1.支持7天无理由退货 </p>
					</div>
				</div>
			</div>
		</div>
		<div class="pro_about">
			<div class="img"><img src="./images/product/apple_img.png" alt=""></div>
			<div class="pro_dda">
				<p class="jdzybox"><a href="javascript:;" class="jdzy">京东自营</a></p>
				<p class="kfbox"><a href="javascript:;" class="lxkf"></a><a href="javascript:;" class="wjm"></a></p>
				<dl class="fwzc">
					<dt>服务支持</dt>
					<dd class="bg1">211限时达</dd>
					<dd class="bg2">自提</dd>
				</dl>
			</div>
		</div>
	</div>

	<!--  产品详细-->
	<div class="goods_main">
		<div class="goods_wrap clearfix">
			<div class="goods_left">
				<dl class="good_might">
					<dt>关于手机，你可能在找</dt>
					<dd>
						<a href="#"> 以旧换新</a>
						<a href="#"> 指纹是被</a>
						<a href="#"> volte</a>
						<a href="#"> applpay</a>
						<a href="#"> 金属机身</a>
						<a href="#"> 支持nfc</a>
						<a href="#">移动</a>
						<a href="#"> applpay</a>
						<a href="#"> 金属机身</a>
						<a href="#"> 支持nfc</a>
						<a href="#">移动</a>
					</dd>
				</dl>
				<dl class="good_sort">
					<dt>相关分类</dt>
					<dd>
						<a href="#">手机</a>
						<a href="#">对讲机</a>
					</dd>
				</dl>
				<dl class="good_like">
					<dt>同类其他品牌</dt>
					<dd>
						<a href="#">APPle</a>
						<a href="#">小米</a>
						<a href="#">华为</a>
						<a href="#">魅族</a>
						<a href="#">APPle</a>
						<a href="#">小米</a>
						<a href="#">华为</a>
						<a href="#">魅族</a>
						<a href="#">三星</a>
						<a href="#">APPle</a>
						<a href="#">小米</a>
						<a href="#">华为</a>
						<a href="#">魅族</a>
						<a href="#">三星</a>
						<a href="#">三星</a>
					</dd>
				</dl>
				<dl class="good_rank">
					<dt>手机排行榜</dt>
					<dd>
						<ol class="good_rank_tit">
							<li class="active">同价位</li>
							<li>同品牌</li>
							<li>同类别</li>
						</ol>
						<div class="good_rank_box">
							<ul class="rank_list">
								<li class="topnum">
									<a href="#" class="block">
										<i class="num">1</i>
										<img src="./images/product/phone.jpg" alt="">
										<h3>Apple iPhone 6s</h3>
										<p class="price">￥120.00</p>
									</a>
								</li>
								<li class="topnum">
									<a href="#" class="block">
										<i class="num">2</i>
										<img src="./images/product/phone.jpg" alt="">
										<h3>Apple iPhone 6s</h3>
										<p class="price">￥120.00</p>
									</a>
								</li>
								<li class="topnum">
									<a href="#" class="block">
										<i class="num">3</i>
										<img src="./images/product/phone.jpg" alt="">
										<h3>Apple iPhone 6s</h3>
										<p class="price">￥120.00</p>
									</a>
								</li>
								<li>
									<a href="#" class="block">
										<i class="num">4</i>
										<img src="./images/product/phone.jpg" alt="">
										<h3>Apple iPhone 6s</h3>
										<p class="price">￥120.00</p>
									</a>
								</li>
								<li>
									<a href="#" class="block">
										<i class="num">5</i>
										<img src="./images/product/phone.jpg" alt="">
										<h3>Apple iPhone 6s</h3>
										<p class="price">￥120.00</p>
									</a>
								</li>
								<li>
									<a href="#" class="block">
										<i class="num">6</i>
										<img src="./images/product/phone.jpg" alt="">
										<h3>Apple iPhone 6s</h3>
										<p class="price">￥120.00</p>
									</a>
								</li>
							</ul>
						</div>
					</dd>
				</dl>
			</div>
			<div class="goods_right">
				<div class="gds_tit">
					<ul class="gds_tabs">
						<li class="active"><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>
					</ul>
					<div class="gds_add">
						<a href="#"></a>
					</div>
					<div class="gds_kms">
						<div class="gds_app">
							<a href="#">客户端首单 满79送79</a>
							<b></b>
							<i></i>
						</div>
					</div>
				</div>
				<div class="gds_details">
					<img src="./images/product/pp1.png" alt="">
				</div>
			</div>
		</div>
	</div>
</div>


<!-- 底部 -->
<div id="footer">
    <div class="slogon">
        <div class="w1210">
                <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">
        <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 class="foot_cover">
            <div class="dt">京东自营覆盖区县</div>
            <div class="dd">
                <p>京东已向全国2514个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                <p class="tar"><a href="#" target="_blank">查看详情&nbsp;&gt;</a></p>
            </div>
        </div>
    </div>
    <div class="w1210 bdt">
        <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>