<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/static/item/scss/shop.css"/>
    <link rel="stylesheet" type="text/css" href="/static/item/scss/main.css"/>
    <link rel="stylesheet" href="/static/item/scss/header.css"/>
    <link rel="stylesheet" type="text/css" href="/static/item/bootstrap/css/bootstrap.css"/>
</head>
<body>
<div id="max">
	<header>
		<!--品牌官方网站-->
		<div class="min">
			<ul class="header_ul_left">
				<li class="glyphicon glyphicon-home"> <a href="shouye.html" class="aa">谷粒首页</a></li>
				<li class="glyphicon glyphicon-map-marker"> <a href="javascript:;">北京</a>
					<ol id="beijing">
						<li style="background: red;"><a href="javascript:;" style="color: white;">北京</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:;">山东</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:;">云南</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>
					</ol>
				</li>
			</ul>
			<ul class="header_ul_right">
				<li style="border: 0;">
					<a th:if="${session.loginUser!=null}">[[${session.loginUser==null?'':session.loginUser.nickname}]]</a>
					<a href="http://auth.gulimall.com/login.html" th:if="${session.loginUser==null}">你好，请登录: </a> |
				</li>
				<li th:if="${session.loginUser==null}" >
					<a style="color: red;" href="http://auth.gulimall.com/reg.html" class="li_2">免费注册</a> |
				</li>
				<li><a href="http://member.gulimall.com/memberOrder.html" class="aa">我的订单</a> |</li>
				<li class="jingdong"><a href="javascript:;">我的谷粒</a><span class="glyphicon glyphicon-menu-down">|</span>
					<ol class="jingdong_ol">
						<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 style="width: 100%;height: 1px;background: lavender;margin-top: 15px;"></li>
						<li style="margin-top: 0;"><a href="javascript:;">我的京豆</a></li>
						<li style="margin-top: 0;"><a href="javascript:;">我的优惠券</a></li>
						<li style="margin-bottom: 10px;"><a href="javascript:;">我的白条</a></li>

					</ol>
				</li>

				<li><a href="javascript:;" class="aa">谷粒会员</a> |</li>
				<li><a href="javascript:;" class="aa">企业采购</a> |</li>
				<li class="fuwu"><a href="javascript:;">客户服务</a><span class="glyphicon glyphicon-menu-down"></span> |
					<ol class="fuwu_ol">
						<h6>客户</h6>
						<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 style="margin-bottom: -5px;"><a href="javascript:;">金融咨询</a></li>
						<li style="margin-bottom: -5px;"><a href="javascript:;">售全球客服</a></li>
						<h6 style="border-top: 1px dashed darkgray;height: 30px;line-height: 30px;">商户</h6>
						<li style="margin-top: -5px;"><a href="javascript:;">合作招商</a></li>
						<li style="margin-top: -5px;"><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>
					</ol>
				</li>
				<li class="daohang"><a href="javascript:;">网站导航</a><span class="glyphicon glyphicon-menu-down"></span> |
					<ol class="daohang_ol">
						<li style="width: 34%;">
							<h5>特色主题</h5>
							<p>
								<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>
							</p>
							<p>
								<a href="javascript:;">装机大师</a>
								<a href="javascript:;">0元评测</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>
							</p>
							<p>
								<a href="javascript:;">谷粒金融科技</a>
								<a href="javascript:;">In货推荐</a>
								<a href="javascript:;">陪伴计划</a>
								<a href="javascript:;">出海招商</a>
							</p>
						</li>
						<li>
							<h5>行业频道</h5>
							<p>
								<a href="javascript:;" class="aa_2">手机</a>
								<a href="javascript:;" class="aa_2">智能数码</a>
								<a href="javascript:;" class="aa_2">玩3C</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">电脑办公</a>
								<a href="javascript:;" class="aa_2">家用电器</a>
								<a href="javascript:;" class="aa_2">谷粒智能</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">服装城</a>
								<a href="javascript:;" class="aa_2">美妆馆</a>
								<a href="javascript:;" class="aa_2">家装城</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">母婴</a>
								<a href="javascript:;" class="aa_2">食品</a>
								<a href="javascript:;" class="aa_2">运动户外</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">农资频道</a>
								<a href="javascript:;" class="aa_2">整车</a>
								<a href="javascript:;" class="aa_2">图书</a>
							</p>
						</li>
						<li>
							<h5>生活服务</h5>
							<p>
								<a href="javascript:;" class="aa_2">谷粒众筹</a>
								<a href="javascript:;" class="aa_2">白条</a>
								<a href="javascript:;" class="aa_2">谷粒金融APP</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">谷粒小金库</a>
								<a href="javascript:;" class="aa_2">理财</a>
								<a href="javascript:;" class="aa_2">智能家电</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">话费</a>
								<a href="javascript:;" class="aa_2">水电煤</a>
								<a href="javascript:;" class="aa_2">彩票</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">旅行</a>
								<a href="javascript:;" class="aa_2">机票酒店</a>
								<a href="javascript:;" class="aa_2">电影票</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">谷粒到家</a>
								<a href="javascript:;" class="aa_2">谷粒众测</a>
								<a href="javascript:;" class="aa_2">游戏</a>
							</p>
						</li>
						<li style="border: 0;">
							<h5>更多精选</h5>
							<p>
								<a href="javascript:;" class="aa_2">合作招商</a>
								<a href="javascript:;" class="aa_2">谷粒通信</a>
								<a href="javascript:;" class="aa_2">谷粒E卡</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">企业采购</a>
								<a href="javascript:;" class="aa_2">服务市场</a>
								<a href="javascript:;" class="aa_2">办公生活馆</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">乡村招募</a>
								<a href="javascript:;" class="aa_2">校园加盟</a>
								<a href="javascript:;" class="aa_2">京友邦</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">谷粒社区</a>
								<a href="javascript:;" class="aa_2">智能社区</a>
								<a href="javascript:;" class="aa_2">游戏社区</a>
							</p>
							<p>
								<a href="javascript:;" class="aa_2">知识产权维权</a>
								<a href="javascript:;" class="aa_2"></a>
								<a href="javascript:;" class="aa_2"></a>
							</p>
						</li>
					</ol>
				</li>
				<li class="sjjd" style="border: 0;"><a href="javascript:;" class="aa">手机谷粒</a>
					<div class="er">
						<div class="er_1">
							<div class="er_1_1">
								<h6><a href="#">手机谷粒</a></h6>
								<p>新人专享大礼包</p>

							</div>
						</div>
						<div class="er_1">
							<div class="er_1_1">
								<h6><a href="#">关注谷粒微信</a></h6>
								<p>微信扫一扫关注新粉最高180元惊喜礼包</p>
							</div>
						</div>
						<!--我的理财-->
						<div class="er_1" style="border: 0;">
							<img src="/static/item/img/5874a555Ne8192324.jpg"/>
							<div class="er_1_1">
								<h6><a href="#">谷粒金融客户端</a></h6>
								<p>新人专享大礼包</p>
								<div><a href="#"><img src="/static/item/img/11.png"/></a><a href="#"><img src="/static/item/img/22.png"/></a></div>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</header>
	<nav>
		<div class="nav_min">
			<div class="nav_top">
				<div class="nav_top_one"><a href="http://gulimall.com"><img src="/static/search/image/logo1.jpg"/></a></div>
				<div class="nav_top_two"><input type="text"/><button>搜索</button></div>
				<div class="nav_top_three"><a href="http://cart.gulimall.com/cart.html">我的购物车</a><span class="glyphicon glyphicon-shopping-cart"></span>
					<div class="nav_top_three_1">
						<img src="/static/item/img/44.png"/>购物车还没有商品，赶紧选购吧！
					</div>
				</div>
			</div>
			<div class="nav_down">
				<ul class="nav_down_ul">
					<li class="nav_down_ul_1" style="width: 24%;float: left;"><a href="javascript:;">全部商品分类</a>

					</li>
					<li class="ul_li"><a href="javascript:;">服装城</a></li>
					<li class="ul_li"><a href="javascript:;">美妆馆</a></li>
					<li class="ul_li"><a href="javascript:;">超市</a></li>
					<li class="ul_li" style="border-right: 1px solid lavender;"><a href="javascript:;">生鲜</a></li>
					<li class="ul_li"><a href="javascript:;">全球购</a></li>
					<li class="ul_li"><a href="javascript:;">闪购</a></li>
					<li class="ul_li" style="border-right: 1px solid lavender;"><a href="javascript:;">拍卖</a></li>
					<li class="ul_li"><a href="javascript:;">金融</a></li>
				</ul>
			</div>
		</div>
	</nav>

</div>


<div class="crumb-wrap">
	<div class="w">
		<div class="crumb">
			<div class="crumb-item">
				<a href="">手机</a>
			</div>
			<div class="crumb-item sep">></div>
			<div class="crumb-item">
				<a href="">手机通讯</a>
			</div>
			<div class="crumb-item sep">></div>
			<div class="crumb-item">
				<a href="">手机</a>
			</div>
			<div class="crumb-item sep">></div>
			<div class="crumb-item">
				<div class="crumb-item-one">
					华为 (HUAWEI)
					<img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img" />
					<div class="crumb-item-two ">
						<div class="crumb-item-con clear">
							<ul class="con-ul">
								<li>
									<img src="/static/item/img/5825a5a6Nde8ecb75.jpg" alt="" />
								</li>
								<li>
									<p>
										荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
									</p>
									<p>
										￥1099.00
									</p>
								</li>
							</ul>
							<ul class="con-ul">
								<li>
									<img src="/static/item/img/5919637aN271a1301.jpg" alt="" />
								</li>
								<li>
									<p>
										荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
									</p>
									<p>
										￥1099.00
									</p>
								</li>
							</ul>
							<ul class="con-ul">
								<li>
									<img src="/static/item/img/599a806bN9d829c1c.jpg" alt="" />
								</li>
								<li>
									<p>
										荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
									</p>
									<p>
										￥1099.00
									</p>
								</li>
							</ul>
						</div>
						<div class="crumb-item-cons clear">
							<ul>
								<li>华为(huawei)</li>
								<li>小米(xiaomi)</li>
								<li>APPle</li>
								<li>魅族(meizu)</li>
								<li>锤子</li>

							</ul>
							<ul>
								<li>三星</li>
								<li>vivo</li>
								<li>飞利浦</li>
								<li>360</li>
								<li>更多>></li>

							</ul>
						</div>
					</div>

				</div>

			</div>
			<div class="crumb-item sep">></div>
			<div class="crumb-item">
				华为Mate 10
			</div>
		</div>

		<div class="contact">
			<ul class="contact-ul">
				<li>
					<a href="#">
						华为谷粒自营官方旗舰店
					</a>

					<span class="contact-sp">
								<span class="contact-sp1">
								JD
							</span>
							<span class="contact-sp2">
								自营
							    </span>
							</span>
				</li>
				<li>
					<a href="#">
						<img src="/static/item/img/f5831b9848b32440b381bcd30a3d96c7.png" alt="" /> 联系供应商
					</a>
				</li>
				<li>
					<a href="#">
						<img src="/static/item/img/81a6326edc82d343a5a8860a6970f93b.png" alt="" /> JIMI
					</a>
				</li>
				<li>
					<a href="#">
						<img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" /> 关注店铺
					</a>
				</li>
			</ul>
			<div class="contact-one">
				<ul>
					<li>客服</li>
					<li><img src="/static/item/img/f5831b9848b32440b381bcd30a3d96c7.png" alt="" />留言</li>
					<li><img src="/static/item/img/81a6326edc82d343a5a8860a6970f93b.png" alt="" />JIMI智能</li>
					<li>
						<img src="/static/item/img/1466134037230.jpg" class="contact-img" />
						<p>手机下单</p>
					</li>

				</ul>
				<div class="contact-two">
					<span><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" />进店逛逛</span>
					<span><img src="/static/item/img/a400e3d61d5645459f769b00d9f431e7.png" alt="" />关注店铺</span>
				</div>
			</div>
		</div>

	</div>
</div>
<div class="Shop">
	<div class="box">
		<div class="box-one ">
			<div class="boxx">

				<div class="imgbox">
					<div class="probox">
						<img class="img1" alt="" th:src="${item.info.skuDefaultImg}">
						<div class="hoverbox"></div>
					</div>
					<div class="showbox">
						<img class="img1" alt="" th:src="${item.info.skuDefaultImg}">
					</div>
				</div>
				<div class="box-lh">
					<div class="box-lh-one">
						<ul>
							<li th:each="image:${item.images}" th:if="${!#strings.isEmpty(image.imgUrl)}">
								<img th:src="${image.imgUrl}" />
							</li>
						</ul>
					</div>
					<div id="left">
						<
					</div>
					<div id="right">
						>
					</div>
				</div>
				<div class="boxx-one">
					<ul>
						<li>
									<span>
										<img src="/static/item/img/b769782fe4ecca40913ad375a71cb92d.png" alt="" />关注
									</span>
							<span>
										<img src="/static/item/img/9224fcea62bfff479a6712ba3a6b47cc.png" alt="" />
										对比
									</span>
						</li>
						<li>

						</li>
					</ul>
				</div>

			</div>
			<div class="box-two">
				<div class="box-name" th:text="${item.info.skuTitle}">
					华为 HUAWEI Mate 10 6GB+128GB 亮黑色 移动联通电信4G手机 双卡双待
				</div>
				<div class="box-hide" th:text="${item.info.skuSubtitle}">
					<a href="#"><u></u></a>
				</div>
				<div class="box-yuyue">
					<div class="yuyue-one">
						<img src="/static/item/img/7270ffc3baecdd448958f9f5e69cf60f.png" alt="" /> 预约抢购
					</div>
					<div class="yuyue-two">
						<ul>
							<li>
								<img src="/static/item/img/f64963b63d6e5849977ddd6afddc1db5.png" />
								<span>190103</span> 人预约
							</li>
							<li>
								<img src="/static/item/img/36860afb69afa241beeb33ae86678093.png" /> 预约剩余
								<span id="timer">

									</span>
							</li>
						</ul>
					</div>
				</div>
				<div class="box-summary clear">
					<ul>
						<li>谷粒价</li>
						<li>
							<span>￥</span>
							<span th:text="${#numbers.formatDecimal(item.info.price,3,2)}">4499.00</span>
						</li>
						<li style="color: red;" th:if="item.seckillSkuVo!=null">
							<span th:if="${(item.seckillSkuVo!=null) && (#dates.createNow().getTime() < item.seckillSkuVo.startTime)}">
								商品将会在[[${(item.seckillSkuVo!=null) && (#dates.format(new java.util.Date(item.seckillSkuVo.startTime), 'yyyy-MM-dd HH:mm:ss'))}]]
							</span>
							<span th:if="${(item.seckillSkuVo!=null) && (#dates.createNow().getTime() >= item.seckillSkuVo.startTime)&&(#dates.createNow().getTime() <= item.seckillSkuVo.endTime)}">
								秒杀价：￥[[${#numbers.formatDecimal(item.seckillSkuVo.seckillPrice,1,2)}]]
							</span>

						</li>
						<li>
							<a href="">
								预约说明
							</a>
						</li>
					</ul>
				</div>
				<div class="box-wrap clear">
					<div class="box-wrap-one clear">
						<ul>
							<li>增值业务</li>
							<li><img src="/static/item/img/90a6fa41d0d46b4fb0ff6907ca17c478.png" /></li>
							<li><img src="/static/item/img/2e19336b961586468ef36dc9f7199d4f.png" /></li>
							<li><img src="/static/item/img/1f80c3d6fabfd3418e54b005312c00b5.png" /></li>
						</ul>
					</div>
				</div>

				<div class="box-stock">
					<ul class="box-ul">
						<li>配送至</li>
						<li class="box-stock-li">
							<div class="box-stock-one">
								北京朝阳区管庄
								<img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img" />
							</div>
							<div class="box-stock-two">
								<dl>
									<dt>
										<a>选择新地址</a>
										<img src="/static/item/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="box-stock-two-img"/>
									</dt>
									<dd>
										<div class="box-stock-dd">
											<div class="box-stock-top">
												<div class="box-stock-div">北京</div>
												<div class="box-stock-div">朝阳区</div>
												<div class="box-stock-div">管庄</div>
											</div>
											<div class="box-stock-fot">
												<div class="box-stock-con" style="display: block;">
													<ul>
														<li>北京</li>
														<li>上海</li>
														<li>天津</li>
														<li>重庆</li>
													</ul>
												</div>
												<div class="box-stock-con">
													<ul>
														<li>朝阳区</li>
														<li>海淀区</li>
														<li>东城区</li>
														<li>西城区</li>
													</ul>
												</div>
												<div class="box-stock-con">
													<ul>
														<li>4环到5环之内</li>
														<li>管庄</li>
														<li>北苑</li>
													</ul>
												</div>

											</div>
										</div>
									</dd>
								</dl>

							</div>

						</li>
						<li>
							<span th:text="${item.hasStock}?'有货':'无货, 此商品暂时售完'">有货</span>
						</li>
					</ul>
				</div>
				<div class="box-supply">
					<ul class="box-ul">
						<li></li>
						<li>
							由<span>谷粒</span> 发货，并提供售后服务
						</li>
					</ul>
				</div>
				<div class="box-attr-3">
					<div class="box-attr clear" th:each="attr:${item.saleAttr}">
						<dl>
							<dt>选择[[${attr.attrName}]]</dt>
							<dd th:each="vals:${attr.attrValues}" >
								<a th:attr="class=${#strings.contains(#strings.listSplit(vals.skuIds, ','), item.info.skuId.toString())}?'sku_attr_value checked':'sku_attr_value' , skus=${vals.skuIds}"
								   href="#">
									[[${vals.attrValue}]]
								</a>
							</dd>
						</dl>
					</div>
				</div>

				<div class="box-btns clear">
					<div class="box-btns-one">
						<input type="text" name="" id="numInput" value="1" />
						<div class="box-btns-one1">
							<div>
								<button id="jia">
									+
								</button>
							</div>
							<div>
								<button id="jian">
									-
								</button>
							</div>

						</div>
					</div>
					<div class="box-btns-two"
						 th:if="${item.seckillSkuVo == null}">
						<a id="addToCart" href="http://cart.gulimall.com/addToCart" th:attr="skuId=${item.info.skuId}">
							加入购物车
						</a>
					</div>
					<div class="box-btns-two"
						 th:if="${item.seckillSkuVo != null && (#dates.createNow().getTime() >= item.seckillSkuVo.startTime && #dates.createNow().getTime() <= item.seckillSkuVo.endTime)}">
						<a id="seckillA" href="#"
						   th:attr="skuId=${item.info.skuId},sessionId=${item.seckillSkuVo.promotionSessionId},code=${item.seckillSkuVo.randomCode}">
							立即抢购
						</a>
					</div>
					<div class="box-btns-three">
						<img src="/static/item/img/e4ed3606843f664591ff1f68f7fda12d.png" alt="" /> 分享
					</div>
				</div>

				<div class="box-footer-zo">
					<div class="box-footer clear">
						<dl>
							<dt>本地活动</dt>
							<dd>
								<a href="">
									·1元500MB激活到账30元 >>
								</a>
							</dd>
						</dl>
					</div>

					<div class="box-footer">
						<dl>
							<dt>温馨提示</dt>
							<dd>·本商品不能使用 东券 京券</dd>
							<dd>·请完成预约后及时抢购！</dd>
						</dl>
					</div>
				</div>
			</div>

		</div>
	</div>
	<!--欲约抢购流程-->
	<div class="qianggoulioucheng">
		<div class="lioucheng">
			<h3>欲约抢购流程</h3>
		</div>
		<!--抢购步骤-->
		<ul class="qianggoubuzhao">
			<li>
				<img src="/static/item/img/shop_03.png" />
				<dl class="buzhou">
					<dt>1.等待预约</dt>
					<dl>预约即将开始</dl>
				</dl>
			</li>
			<li>
				<img src="/static/item/img/shop_04.png" />
				<dl class="buzhou">
					<dt>2.预约中</dt>
					<dl>2017-11-15 10:35 2017-11-15 23:59</dl>
				</dl>
			</li>
			<li>
				<img src="/static/item/img/shop_05.png" />
				<dl class="buzhou">
					<dt>3.等待抢购</dt>
					<dl>抢购即将开始</dl>
				</dl>
			</li>
			<li>
				<img src="/static/item/img/shop_06.png" />
				<dl class="buzhou">
					<dt>4.抢购中</dt>
					<dl></dl>
				</dl>
			</li>
		</ul>
	</div>

	<div class="ShopXiangqing">
		<div class="allLeft">
			<!--火热预约-->
			<div class="huoreyuyue">
				<h3>火热预约</h3>
			</div>
			<div class="dangeshopxingqing">
				<ul class="shopdange">
					<li>
						<a href="##"><img src="/static/item/img/5a0afeddNb34732af.jpg" /></a>
						<p>
							<a href="##">OPPO R11s Plus 双卡双待全面屏拍照手机香槟色 全网通(6G RAM+64G ROM)标配</a>
						</p>
						<p><strong class="J-p-20015341974">￥3699.00</strong></p>
					</li>
					<li>
						<a href="##"><img src="/static/item/img/5a12873eN41754123.jpg" /></a>
						<p>
							<a target="_blank" title="詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版（新品预约）" href="//item.jd.com/20348283521.html">詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版（新品预约）</a>
						</p>
						<p><strong class="J-p-20348283521">￥13999.00</strong></p>
					</li>
					<li>
						<a href="##"><img src="/static/item/img/59ec0131Nf239df75.jpg" /></a>
						<p>
							<a target="_blank" title="斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60" href="//item.jd.com/16683419775.html">斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60</a>
						</p>
						<p><strong class="J-p-16683419775">￥1599.00</strong></p>
					</li>
					<li>
						<a href="##"><img src="/static/item/img/59015444N27317512.jpg" /></a>
						<p>
							<a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金" href="//item.jd.com/12187770381.html">斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
						</p>
						<p><strong class="J-p-12187770381">￥2599.00</strong></p>
					</li>
				</ul>
			</div>
			<!--看了又看-->
			<div class="huoreyuyue">
				<h3>看了又看</h3>
			</div>
			<div class="dangeshopxingqing">
				<ul class="shopdange">
					<li>
						<a href="##"><img src="/static/item/img/59e55e01N369f98f2.jpg" /></a>
						<p>
							<a target="_blank" title="华为（HUAWEI） 华为 Mate10 4G手机  双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)" href="//item.jd.com/17931625443.html">华为（HUAWEI） 华为 Mate10 4G手机 双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)</a>
						<p><strong class="J-p-17931625443">￥4766.00</strong></p>
					</li>
					<li>
						<a href="##"><img src="/static/item/img/584fcc3eNdb0ab94c.jpg" /></a>
						<p>
							<a target="_blank" title="华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待" href="//item.jd.com/3749093.html">华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待</a>
						</p>
						<p><strong class="J-p-3749093">￥4899.00</strong></p>
					</li>
					<li>
						<!--shopjieshao-->
						<a href="##"><img src="/static/item/img/59eb0df9Nd66d7585.jpg" /></a>
						<p>
							<a target="_blank" title="华为（HUAWEI） 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版" href="//item.jd.com/12306211773.html">华为（HUAWEI） 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版</a>
						</p>
						<p><strong class="J-p-12306211773">￥4088.00</strong></p>
					</li>
					<li>
						<a href="##"><img src="/static/item/img/5a002ba3N126c2f73.jpg" /></a>
						<p>
							<a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金" href="//item.jd.com/12187770381.html">斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
						</p>
						<p><strong class="J-p-12187770381">￥2599.00</strong></p>
					</li>
				</ul>
				<img src="/static/item/img/5a084a1aNa1aa0a71.jpg" />
			</div>
		</div>
		<!--商品介绍-->
		<div class="allquanbushop">
			<ul class="shopjieshao">
				<li class="jieshoa" style="background: #e4393c;">
					<a href="##" style="color: white;">商品介绍</a>
				</li>
				<li class="baozhuang">
					<a href="##">规格与包装</a>
				</li>
				<li class="baozhang">
					<a href="##">售后保障</a>
				</li>
				<li class="pingjia">
					<a href="##">商品评价(4万+)</a>
				</li>
				<li class="shuoming">
					<a href="##">预约说明</a>
				</li>

			</ul>
			<button class="Lijiyuyuessss">
				立即预约
			</button>
			<ul class="shopjieshaos posi" style="display: none;">
				<li class="jieshoa" style="background: #e4393c;">
					<a href="#li1" style="color: white;">商品介绍</a>
				</li>
				<li class="baozhuang">
					<a href="#li2">规格与包装</a>
				</li>
				<li class="baozhang">
					<a href="#li3">售后保障</a>
				</li>
				<li class="pingjia">
					<a href="#li4">商品评价(4万+)</a>
				</li>
				<li class="shuoming">
					<a href="#li5">预约说明</a>
				</li>
			</ul>

			<!--商品详情-->
			<div class="huawei">
				<ul class="xuanxiangka">
					<li class="jieshoa actives" id="li1">
						<div class="shanpinsssss">
							<img class="xiaoguo" th:src="${img}" th:each="img:${#strings.listSplit(item.desc.decript,',')}"/>
						</div>
					</li>
					<li class="baozhuang actives" id="li2">
						<div class="guiGebox">
							<div class="guiGe" th:each="guige:${item.groupAttrs}">
								<h3 th:text="${guige.groupName}">主体</h3>
								<dl>
									<div th:each="attr:${guige.attrs}">
										<dt th:text="${attr.attrName}"></dt>
										<dd th:text="${attr.attrValue}"></dd>
									</div>

								</dl>
							</div>
							<div class="package-list">
								<h3>包装清单</h3>
								<p>手机（含内置电池） X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X 1、取卡针 X 1、保护壳 X 1</p>
							</div>
						</div>
					</li>
					<!--包装-->
					<li class="baozhang actives" id="li3">
						<div class="oBox">
							<div class="shuoHou">
								<div class="baoZhang">
									<h2>售后保障</h2>
								</div>
							</div>
							<!--厂家服务-->
							<div class="changJia">
								<div class="lianBao">
				<span class="oImg">
					<img src="/static/item/img/2017.jpg" alt="" />
					<h3>厂家服务</h3>
				</span>
									<div class="wenZi">
										本产品全国联保，享受三包服务，质保期为：一年保<br />
										如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在保质期内享受免费保修等安保服务！<br />
										(注：如厂家在商品介绍中有售后保障的说明，则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a href="#">请点击这儿查询...</a><br /><br />
									</div>
								</div>
								<div class="lianBao oCn">
				<span class="oImg">
					<img src="/static/item/img/2017.jpg" alt="" />
					<h3>谷粒承诺</h3>
				</span>
									<div class="wenZi">
										本产品全国联保，享受三包服务，质保期为：一年保<br />
										如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在保质期内享受免费保修等安保服务！<br />
										(注：如厂家在商品介绍中有售后保障的说明，则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a href="#">请点击这儿查询...</a><br /><br /><br />
									</div>
								</div>

								<div class="lianBao ">
				<span class="oImg">
					<img src="/static/item/img/2017.jpg" alt="" />
					<h3>正品行货</h3>
				</span>
									<div class="wenZi hangHuo">
										谷粒商城向您保证所售商品均为正品行货，谷粒自营商品开具机打发票或电子发票。
									</div>
								</div>
								<div class="lianBao quanGuo">
				<span class="oImg">
					<img src="/static/item/img/2017-1.jpg" alt="" />
					<h3>全国联保</h3>
				</span>
									<div class="wenZi">
										凭质保证书及谷粒商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由谷粒联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。谷粒商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！ <br />

										注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
									</div>
								</div>
								<!--权利声明-->
								<div class="quanLi">
									<h4>权利声明:</h4>
									<div class="jingDong">
										谷粒上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是谷粒重要的经营资源，未经许可，禁止非法转载使用。<br />
										<span class="oZhu">注</span>：本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。
									</div>
								</div>
								<div class="quanLi jiaGe">
									<h4>价格说明:</h4>
									<div class="jingDong">
										<span class="oZhu">谷粒价</span>：谷粒价为商品的销售价，是您最终决定是否购买商品的依据。<br />
										<span class="oZhu">划线价</span>：商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在谷粒平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。<br />
										<span class="oZhu">折扣</span>：如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。<br />
										<span class="oZhu">异常问题</span>：商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。
									</div>
								</div>
							</div>


						</div>
					</li>
					<!--评价-->
					<li class="PINgjia actives" id="li4">
						<div class="h3">
							<h3>商品评价</h3>
						</div>
						<div class="nav">
							<div class="left">
								<p class="haoping">好评度</p>
								<p><span>100%</span></p>
							</div>
							<div class="right">
								<ul>
									<li>
										<a href="##">就是快（424）</a>
									</li>
									<li>
										<a href="##">物流很快（254） </a>
									</li>
									<li>
										<a href="##">货真价实（168）</a>
									</li>
									<li>
										<a href="##">有档次（158）</a>
									</li>
									<li>
										<a href="##">国产品牌（133）</a>
									</li>
									<li>
										<a href="##">外形美观（103）</a>
									</li>
									<li>
										<a href="##">很给力（75）</a>
									</li>
									<li>
										<a href="##">反应灵敏（68）</a>
									</li>
									<li>
										<a href="##">性价比高（60）</a>
									</li>
									<li>
										<a href="##">价格优惠（50）</a>
									</li>
									<li>
										<a href="##">功能齐全（49）</a>
									</li>
									<li style="background: gainsboro;">
										<a href="##">速度太慢（5）</a>
								</ul>
							</div>
						</div>
						<!--全部评价-->
						<div class="allpingjia">
							<ul>
								<li><a href="##">全部评价（4.2万）</a></li>
								<li><a href="##">晒图（500）</a></li>
								<li><a href="##">追拼（200+）</a></li>
								<li><a href="##">好评（4.1万）</a></li>
								<li><a href="##">中评（100+）</a></li>
								<li><a href="##">差评（100+）</a></li>
								<li><a href="##"><input type="checkbox"/>只看当前商品价格</a></li>
								<li class="imga" style="float: right;"><a href="##">推荐排序 <img src="/static/item/img/animaite.png"/> </a>
								</li>
							</ul>
						</div>
					</li>
					<li class="shuoming actives" id="li5"></li>
				</ul>
			</div>
		</div>
	</div>
</div>
<div class="headera">
	<div class="Logo-tu">
		<span><img src="/static/item/img/service_items_1.png"/></span>
		<span><img src="/static/item/img/service_items_2.png"/></span>
		<span><img src="/static/item/img/service_items_3.png"/></span>
		<span><img src="/static/item/img/service_items_4.png"/></span>
	</div>
	<div class="table">
		<dl>
			<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>
			<dd>
				<a href="##">练习客服</a>
			</dd>
		</dl>
		<dl>
			<dt><a href="##">配送方式</a></dt>
			<dd>
				<a href="##">上门自提</a>
			</dd>
			<dd>
				<a href="##">211限时达</a>
			</dd>
			<dd>
				<a href="##">配送服务查询</a>
			</dd>
			<dd>
				<a href="##"></a>
			</dd>
			<dd>
				<a href="##">海外配送</a>
			</dd>
			<dd></dd>
		</dl>
		<dl>
			<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>
			<dd></dd>
		</dl>
		<dl>
			<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>
			<dd></dd>
		</dl>
		<dl class="dls">
			<dt><a href="##">特色服务</a></dt>
			<dd>
				<a href="##">夺宝岛</a>
			</dd>
			<dd>
				<a href="##">DIY装机</a>
			</dd>
			<dd>
				<a href="##">延保服务</a>
			</dd>
			<dd>
				<a href="##">谷粒E卡</a>
			</dd>
			<dd>
				<a href="##">谷粒通信</a>
			</dd>
			<dd>
				<a href="##">谷粒JD+</a>
			</dd>
		</dl>
	</div>
	<!--关于我们-->
	<div class="guanyuwomen">
		<ul>
			<li>
				<a href="##">关于我们</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">联系我们</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">联系客服</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">合作招商</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">商家帮助</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">营销中心</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">手机谷粒</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">友情链接</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">销售联盟</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">谷粒社区</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">风险检测</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">隐私政策</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">谷粒公益</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">English Site</a>
			</li>
			<li>|</li>
			<li>
				<a href="##">Mdeila $ IR</a>
			</li>
		</ul>
	</div>
	<!--jieshoa-->
	<p class="p1"><img src="/static/item/img/56a0a994Nf1b662dc.png" />
		<a href="##"> 京公网安备 xxxxx号</a>|
		<a href="##"> 京ICP证xxxxxx号</a>|
		<a href="##"> 互联网药品信息服务资格证编号(京)-经营性-28 </a>|
		<a href="##">新出发京零 字第大120007号</a>
	</p>
	<p class="p1">
		<a href="##"> 互联网出版许可证编号新出网证(京)字0号</a>|
		<a href="##"> 出版物经营许可证</a>|
		<a href="##"> 网络文化经营许可证京网文 </a>|
		<a href="##">[2014]2148-348号 </a>|
		<a href="##"> 违法和不良信息举报电话 </a>|
		<a href="##">：40061155 </a>
	</p>
	<p class="p1">
		<a href="##"> Copyright © 2004-2222 谷粒 版权所有</a>|
		<a href="##"> 消费者维权热线：40067733 经营证照</a>|
	</p>
	<p class="p1">
		<a href="##"> 谷粒旗下网站：谷粒支付</a>|
		<a href="##"> 谷粒云</a>
	</p>
	<p class="p3">
		<img src="/static/item/img/54b8871eNa9a7067e.png" />
		<img src="/static/item/img/54b8872dNe37a9860.png" />
		<img src="/static/item/img/54b8875fNad1e0c4c.png" />
		<img src="/static/item/img/5698dc03N23f2e3b8.jpg" />
		<img src="/static/item/img/5698dc16Nb2ab99df.jpg" />
		<img src="/static/item/img/56a89b8fNfbaade9a.jpg" />
	</p>
</div>
<div class="Fixedbian">
	<ul>
		<li class="li1"><a class="aaa" href="##">顶部</a></li>
	</ul>
</div>
<div class="gouwuchexiaguo">
	<img src="/static/item/img/44.png" />
	<span>购物车还没有商品，赶紧选购吧！</span>
</div>
</body>

<script src="/static/item/js/jquery1.9.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/item/js/js.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(".sku_attr_value").click(function () {
		// 1. 先获取包括checked
		var skus = new Array();
		$(this).addClass("clicked")
		var curr = $(this).attr('skus').split(",");
		skus.push(curr)
		// 去掉同一行所有的checked信息
		$(this).parent().parent().find(".sku_attr_value").removeClass("checked");

		$("a[class='sku_attr_value checked']").each(function () {
			skus.push($(this).attr("skus").split(","));
		});
		console.log(skus);
		// 3. 取出交集 得到skuId
		var filterEle = skus[0];
		for (let i = 0; i < skus.length; i++) {
			filterEle = $(filterEle).filter(skus[i]);
		}
		console.log(filterEle[0]);
		// 4. 跳转
		location.href = "http://item.gulimall.com/" + filterEle[0] + ".html";

	});
	$(function () {
		$(".sku_attr_value").parent().css({"border": "1px solid #CCC"});
		$("a[class='sku_attr_value checked']").parent().css({"border": "1px solid red"});
	})
	$("#addToCart").click(function () {
		var num = $("#numInput").val();
		var skuId = $(this).attr("skuId");
		location.href = "http://cart.gulimall.com/addToCart?skuId=" + skuId + "&num=" + num;
		return false;
	})

	$("#seckillA").click(function () {
		var isLogin = [[${session.loginUser!=null}]];     //true
		console.log("isLogin:"+isLogin);
		if (isLogin) {
			var killId = $(this).attr("sessionid") + "-" + $(this).attr("skuid");
			var code = $(this).attr("code");
			var num = $("#numInput").val();
			location.href = "http://seckill.gulimall.com/kill?killId=" + killId + "&key=" + code + "&num=" + num;
		} else {
			alert("秒杀请先登录");
		}
		return false;
	});
</script>
</html>
