jal
/
WebTest


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>详情页</title>
	<meta name="description" content="品优购-专业综合网上购物商城，销售超数万品牌，4020万种商品，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、旅游等13大品类。京东PLUS会员，免费体验30天！京东秉承客户为先， 100％正品行货保障，提供全国联保，机打发票，专业配送，售后服务！" />
	<meta name="keywords" content="正品低价、品质保障、配送及时、轻松购物"/>
	<!-- 引入css， 初始化的css文件 -->
	<link rel="stylesheet" href="css/base.css">
	<!-- 引入css， 公共样式的css文件 -->
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/detail.css">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
	<script src="js/jquery.min.js"></script>
	<script src="js/detail.js"></script>
</head>
<body>
	<!-- 顶部导航start  -->
	<div class="shortcut">
		<div class="w">
			<div class="fl">
				<ul>
					<li>品优购欢迎你！</li>
					<li>
						<a href="#">请登录</a>
						<a href="register.html" class='style-red'>免费注册</a>
					</li>
				</ul>
			</div>
			<div class="fr">
				<ul>
					<li><a href="#">我的订单</a></li>
					<li class="spacer"></li>
					<li>
						<a href="#">我的品优购</a>
						<i class='arrow-down'>⌄</i>
					</li>
					<li class="spacer"></li>
					<li><a href="#">品优购会员</a></li>
					<li class="spacer"></li>
					<li><a href="#">企业采购</a></li>
					<li class="spacer"></li>
					<li>
						<a href="#">关注品优购</a>
						<i class='arrow-down'>⌄</i>
					</li>
					<li class="spacer"></li>
					<li>
						<a href="#">客户服务</a>
						<i class='arrow-down'>⌄</i>
					</li>
					<li class="spacer"></li>
					<li>
						<a href="#">网站导航</a>
						<i class='arrow-down'>⌄</i>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 顶部导航end  -->

	<!-- header start -->
	<div class="header w">
		<!-- logo -->
		<div class="logo">
			<h1>
				<a href="index.html" title='品优购'>品优购</a>
			</h1>
		</div>
		<!-- search -->
		<div class="search">
			<input type="text" class="text" value="请搜索内容...">
			<button class="btn">搜索</button>
		</div>
		<!-- hotwords -->
		<div class="hotwords">
			<a href="#" class="style-red">优惠购首发</a>
			<a href="#">亿元优惠</a>
			<a href="#">9.9元团购</a>
			<a href="#">美满99减30</a>
			<a href="#">办公用品</a>
			<a href="#">电脑</a>
			<a href="#">通信</a>
		</div>
		<!-- shopcart -->
		<a class="shopcar" href='cart.html'>
			<i class='fa fa-shopping-cart icon-cart'></i>
			我的购物车
			<i class="fa fa-chevron-right icon-ctrl"></i>
			<i class="count">8</i>
		</a>
	</div>
	<!-- header end -->

	<!-- nav start -->
	<div class="nav">
		<div class="w">
			<!-- 左侧导航 -->
			<div class="dropdown fl">
				<div class="dt">
					全部商品分类
				</div>
				<!-- 悬浮出现的商品分类 -->
				<div class="dd none">
					<ul>
						<li class="menu_item">
							<a href="#">家用电器</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">手机</a>、
							<a href="#">数码</a>、
							<a href="#">通信</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">手机</a>、
							<a href="#">数码</a>、
							<a href="#">通信</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">手机</a>、
							<a href="#">数码</a>、
							<a href="#">通信</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">手机</a>、
							<a href="#">数码</a>、
							<a href="#">通信</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">手机</a>、
							<a href="#">数码</a>、
							<a href="#">通信</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">手机</a>、
							<a href="#">数码</a>、
							<a href="#">通信</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">手机</a>、
							<a href="#">数码</a>、
							<a href="#">通信</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">家用电器</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">家用电器</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">家用电器</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">家用电器</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">家用电器</a>
							<i>&gt;</i>
						</li>
						<li class="menu_item">
							<a href="#">家用电器</a>
							<i>&gt;</i>
						</li>
					</ul>
				</div>
			</div>
			<!-- 右侧导航 -->
			<div class="navitems fl">
				<ul>
					<li><a href="#">服装城</a></li>
					<li><a href="#">美妆馆</a></li>
					<li><a href="#">传志超市</a></li>
					<li><a href="#">生鲜</a></li>
					<li><a href="#">全球购</a></li>
					<li><a href="#">全球购</a></li>
					<li><a href="#">全球购</a></li>
					<li><a href="#">全球购</a></li>
					<li><a href="#">鞋服</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- nav end -->

	<!-- 详情页内容部分 start -->
	<div class="de_container w">
		<!-- 面包屑导航 -->
		<div class="crumb_wrap">
			<a href="#">手机、数码、通讯</a>
			>
			<a href="#">手机</a>
			>
			<a href="#">Apple苹果</a>
			>
			<a href="#">iPhone 6s plus系类</a>
		</div>
		<!-- 产品介绍模块 -->
		<div class="product_intro clearfix">
			<!-- 预览区域 -->
			<div class="preview_wrap fl">
				<div class="preview_img">
					<img src="upload/s3.png" alt="">
					<div id="mask" class="mask"></div>
					<div id="big" class="big">
						<img src="upload/s3.png" alt="" class="big_img" id="big_img">
					</div>
				</div>
				<div class="preview_list">
					<a href="#" class="arrow_prev">
					</a>
					<a href="#" class="arrow_next">
					</a>
					<ul class="list_item">
						<li class="current"><img src="upload/pre.jpg" alt=""></li>
						<li><img src="upload/pre.jpg" alt=""></li>
						<li><img src="upload/pre.jpg" alt=""></li>
						<li><img src="upload/pre.jpg" alt=""></li>
						<li><img src="upload/pre.jpg" alt=""></li>
					</ul>
				</div>
				<div class="preview_share">
					商品编号：04242343324 
					<i class="fa fa-share style-red"></i> 分享
					<i class="fa fa-heart-o style-red"></i> 关注 2002
					<i class="fa fa-circle-o style-red"></i> 对比
				</div>
			</div>
			<!-- 产品详细信息 -->
			<div class="itemInfo_wrap fr">
				<div class="sku_name">
					Apple iPhone 6s (A1700) 64G 玫瑰金 移动通信电信4G手机
				</div>
				<div class="news">
					推荐选择下方【移动优惠购】
				</div>
				<div class="summary">
					<dl class="summary_price">
						<dt>价  格</dt>
						<dd>
							<i class="price">￥5299.00</i>
						 	<a href="#">降价通知</a>
							<div class="remark">
							  	累计评价123
							</div>
						</dd>
					</dl>
					<dl class="summary_promotion">
						<dt>促  销</dt>
						<dd>
							<em>加购价</em>
							128G 2728起 12期分期 苹果7 Apple/苹果 iPhone 7 全网通官方旗舰店4G手机iPhone 6P 6s 8 plus xr xs max X
						</dd>
					</dl>
					<dl class="summary_support">
						<dt>支  持</dt>
						<dd>
							以旧换新，闲置手机回收 4G套餐超值抢 礼品购
						</dd>
					</dl>
					<dl class="choose_color">
						<dt>选择颜色</dt>
						<dd>
							<a href="javascript:;" class="current">金色</a>
							<a href="javascript:;">银色</a>
							<a href="javascript:;">黑色</a>
							<a href="javascript:;">玫瑰金</a>
						</dd>
					</dl>
					<dl class="choose_version">
						<dt>选择版本</dt>
						<dd>
							<a href="javascript:;" class="current">公开版</a>
							<a href="javascript:;">移动4G</a>
						</dd>
					</dl>
					<dl class="choose_type">
						<dt>购买方式</dt>
						<dd>
							<a href="javascript:;" class="current">官方标配</a>
							<a href="javascript:;">移动优惠购</a>
							<a href="javascript:;">电信优惠购</a>
						</dd>
					</dl>
					<dl class="choose_site">
						<dt>套装</dt>
						<dd>
							<a href="javascript:;">保护套装</a>
							<a href="javascript:;">充电套装</a>
						</dd>
					</dl>
					<div class="choose_btns">
						<div class="choose_amount">
							<input type="text" value="1">
							<a href="javascript:;" class="add">+</a>
							<a href="javascript:;" class="reduce">-</a>
						</div>
						<a href="#" class="addcar">加入购物车</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 产品细节模块 -->
		<div class="product_detail clearfix">
			<div class="aside fl">
				<div class="tab_list">
					<ul>
						<li class="first_tab current">
							相关分类
						</li>
						<li class="second_tab">推荐品牌</li>
					</ul>
				</div>
				<div class="tab_con">
					<!-- 相关分类 -->
					<ul class="tab_con_classify clearfix">
						<li><a href="#">手机</a></li>
						<li><a href="#">手机壳</a></li>
						<li><a href="#">内存卡</a></li>
						<li><a href="#">iPhone配件</a></li>
						<li><a href="#">贴膜</a></li>
						<li><a href="#">手机耳机</a></li>
						<li><a href="#">移动电源</a></li>
						<li><a href="#">平板电脑</a></li>
						<li><a href="#">笔记本</a></li>
						<li><a href="#">蓝牙耳机</a></li>
					</ul>
					<!-- 推荐品牌 -->
					<ul class="tab_con_recommend">
						<li>
							<img src="upload/aside_img.jpg" alt="">
							<h5>Apple iPhone 6s (A1700) 64G 玫瑰金 移动通信电信4G手机</h5>
							<div class="aside_price">
								￥19
							</div>
							<a href="#" class="aside_addcar">加入购物车</a>
						</li>
						<li>
							<img src="upload/aside_img.jpg" alt="">
							<h5>Apple iPhone 6s (A1700) 64G 玫瑰金 移动通信电信4G手机</h5>
							<div class="aside_price">
								￥19
							</div>
							<a href="#" class="aside_addcar">加入购物车</a>
						</li>
						<li>
							<img src="upload/aside_img.jpg" alt="">
							<h5>Apple iPhone 6s (A1700) 64G 玫瑰金 移动通信电信4G手机</h5>
							<div class="aside_price">
								￥19
							</div>
							<a href="#" class="aside_addcar">加入购物车</a>
						</li>
						<li>
							<img src="upload/aside_img.jpg" alt="">
							<h5>Apple iPhone 6s (A1700) 64G 玫瑰金 移动通信电信4G手机</h5>
							<div class="aside_price">
								￥19
							</div>
							<a href="#" class="aside_addcar">加入购物车</a>
						</li>
						<li>
							<img src="upload/aside_img.jpg" alt="">
							<h5>Apple iPhone 6s (A1700) 64G 玫瑰金 移动通信电信4G手机</h5>
							<div class="aside_price">
								￥19
							</div>
							<a href="#" class="aside_addcar">加入购物车</a>
						</li>
						<li>
							<img src="upload/aside_img.jpg" alt="">
							<h5>Apple iPhone 6s (A1700) 64G 玫瑰金 移动通信电信4G手机</h5>
							<div class="aside_price">
								￥19
							</div>
							<a href="#" class="aside_addcar">加入购物车</a>
						</li>
						<li>
							<img src="upload/aside_img.jpg" alt="">
							<h5>Apple iPhone 6s (A1700) 64G 玫瑰金 移动通信电信4G手机</h5>
							<div class="aside_price">
								￥19
							</div>
							<a href="#" class="aside_addcar">加入购物车</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="detail fr">
				<div class="detail_tab_list">
					<ul>
						<li class="current">商品介绍</li>
						<li>规格与包装</li>
						<li>售后保障</li>
						<li>商品评价（999+）</li>
						<li>手机社区</li>
					</ul>
				</div>
				<div class="detail_tab_con">
					<!-- 商品介绍 -->
					<div class="item">
						<ul class="item_info">
							<li>商品名称：AppleiPhone XS Max</li>
							<li>商品编号：100000287117</li>
							<li>商品毛重：490.00g</li>
							<li>商品产地：中国</li>
							<li>CPU型号：其他</li>
							<li>运行内存：其它</li>
							<li>存储卡：不支持存储卡</li>
							<li>摄像头数量：后置双摄</li>
							<li>后摄主摄像素：1200万像素</li>
							<li>前摄主摄像素：其他</li>
							<li>主屏幕尺寸（英寸）：6.5英寸</li>
							<li>分辨率：其它</li>
							<li>分辨率屏幕比例：其它</li>
							<li>屏幕比例屏幕前摄组合：其他</li>
							<li>电池容量（mAh）：以官网信息为准</li>
							<li>充电器：其他</li>
							<li>机身颜色：金色操作系统：iOS(Apple)</li>
						</ul>
						<p><a href="#" class="more">查看更多参数<i class="fa fa-chevron-down"></i></a></p>
						<img src="upload/detail_img1.jpg" alt="">
						<img src="upload/detail_img2.jpg" alt="">
						<img src="upload/detail_img3.jpg" alt="">
					</div>
					<!-- 规格与包装 ... -->
					<div class="item">
						<ul class="item_info">
							<li>参数信息
								机身内存（GB）
								16GB；32GB；64GB；128GB</li>
							<li>运行内存（GB）
								2GB</li>
							<li>主卡4G网络制式
								移动（TD-LTE）；联通（FDD-LTE）；电信（FDD-LTE）</li>
							<li>主屏幕尺寸（英寸）
								4.7英寸</li>
							<li>后置摄像头像素（万）
								1200万</li>
							<li>颜色分类
								金色；银色；深灰色；玫瑰金</li>
							</ul>
					</div>
					<!-- 售后保障 -->
					<div class="item">
							厂家服务
							本产品全国联保，享受三包服务，质保期为：一年质保
							如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在质保期内享受免费保修等三包服务！
							(注:如厂家在商品介绍中有售后保障的说明,则此商品按照厂家说明执行售后保障服务。)
							 京东承诺
							京东平台卖家销售并发货的商品，由平台卖家提供发票和相应的售后服务。请您放心购买！
							注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
							正品行货
							京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。
							全国联保
							凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由京东联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！
							
							注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
							无忧退货
							客户购买京东自营商品7日内（含7日，自客户收到商品之日起计算），在保证商品完好的前提下，可无理由退货。（部分商品除外，详情请见各商品细则）
							权利声明：
						
					</div>
					<!-- 商品评价 -->
					<div class="item">
							很惊喜很意外！居然是9的系统！真的没想到！很喜欢！值得珍藏！个人觉得9的系统最流畅最好用了！必须给好评！物流也比较快！机子就像新的一样，没有任何磕碰划痕！赞一个！可能是运气好才能碰到这事吧也许是这样！不过好评是发自内心！
					</div>
					<!-- 手机社区 -->
					<div class="item">
						心中疑惑就问问买过此商品的同学吧~	

					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 详情页内容部分 end -->

	<!-- foot start -->
	<div class="footer">
		<div class="w">
			<div class="mod_service">
				<ul>
					<li>
						<i class="mod-service-icon mod_service_zheng"></i>
						<div class="mod_service_tit">
							<h5>正品保障</h5>
							<p>正品保障，提供发票</p>
						</div>
					</li>
					<li>
						<i class="mod-service-icon mod_service_kuai"></i>
						<div class="mod_service_tit">
							<h5>正品保障</h5>
							<p>正品保障，提供发票</p>
						</div>
					</li>
					<li>
						<i class="mod-service-icon mod_service_bao"></i>
						<div class="mod_service_tit">
							<h5>正品保障</h5>
							<p>正品保障，提供发票</p>
						</div>
					</li>
					<li>
						<i class="mod-service-icon mod_service_bao"></i>
						<div class="mod_service_tit">
							<h5>正品保障</h5>
							<p>正品保障，提供发票</p>
						</div>
					</li>
					<li>
						<i class="mod-service-icon mod_service_kuai"></i>
						<div class="mod_service_tit">
							<h5>正品保障</h5>
							<p>正品保障，提供发票</p>
						</div>
					</li>
				</ul>
			</div>
			<div class="mod_help">
				<dl class="mod_help_item">
					<dt><a href="#">购物指南</a></dt>
					<dd><a href="#">会员介绍</a></dd>
					<dd><a href="#">生活旅行、团购</a></dd>
					<dd><a href="#">常见问题</a></dd>
					<dd><a href="#">大家电</a></dd>
					<dd><a href="#">联系客服</a></dd>
				</dl>
				<dl class="mod_help_item">
					<dt><a href="#">购物指南</a></dt>
					<dd><a href="#">会员介绍</a></dd>
					<dd><a href="#">生活旅行、团购</a></dd>
					<dd><a href="#">常见问题</a></dd>
					<dd><a href="#">大家电</a></dd>
					<dd><a href="#">联系客服</a></dd>
				</dl>
				<dl class="mod_help_item">
					<dt><a href="#">购物指南</a></dt>
					<dd><a href="#">会员介绍</a></dd>
					<dd><a href="#">生活旅行、团购</a></dd>
					<dd><a href="#">常见问题</a></dd>
					<dd><a href="#">大家电</a></dd>
					<dd><a href="#">联系客服</a></dd>
				</dl>
				<dl class="mod_help_item">
					<dt><a href="#">购物指南</a></dt>
					<dd><a href="#">会员介绍</a></dd>
					<dd><a href="#">生活旅行、团购</a></dd>
					<dd><a href="#">常见问题</a></dd>
					<dd><a href="#">大家电</a></dd>
					<dd><a href="#">联系客服</a></dd>
				</dl>
				<dl class="mod_help_item">
					<dt><a href="#">购物指南</a></dt>
					<dd><a href="#">会员介绍</a></dd>
					<dd><a href="#">生活旅行、团购</a></dd>
					<dd><a href="#">常见问题</a></dd>
					<dd><a href="#">大家电</a></dd>
					<dd><a href="#">联系客服</a></dd>
				</dl>
				<dl class="mod_help_item mod_help_app">
					<dt><a href="#">帮助中心</a></dt>
					<dd>
						<img src="img/wx_cz.jpg" alt="">
						<p>品优购客户端</p>
					</dd>
				</dl>
			</div>
			<!-- mod_copyright -->
			<div class="mod_copyright">
				<p class="mod_copyright_links">
					关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 
				</p>
				<p class="mod_copyright_info">
					关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们<br/> 关于我们 | 关于我们 | 关于我们 | 关于我们 | 关于我们 | 
				</p>
			</div>
		</div>
	</div>
	<!-- foot end -->
</body>
</html>