package com.alatus.mall.order; import org.springframework.amqp.rabbit.annotation.EnableRabbit; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cloud.client.discovery.EnableDiscoveryClient; import org.springframework.session.data.redis.config.annotation.web.http.EnableRedisHttpSession; @SpringBootApplication @EnableDiscoveryClient @EnableRedisHttpSession @EnableRabbit public class MallOrderApplication { public static void main(String[] args) { SpringApplication.run(MallOrderApplication.class, args); } }
package com.alatus.mall.order; import org.springframework.amqp.rabbit.annotation.EnableRabbit; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cloud.client.discovery.EnableDiscoveryClient; import org.springframework.session.data.redis.config.annotation.web.http.EnableRedisHttpSession; @SpringBootApplication @EnableDiscoveryClient @EnableRedisHttpSession @EnableRabbit public class MallOrderApplication { public static void main(String[] args) { SpringApplication.run(MallOrderApplication.class, args); } }
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="/static/search/css/index.css"> <link rel="stylesheet" type="text/css" href="/static/search/font/iconfont.css"> <script src="/static/search/js/jquery-3.2.1.min.js"></script> <script src="/static/search/js/jquery-1.12.4.js"></script> <title>Document</title> </head> <body> <!--头部--> <div class="header_head"> <div class="header_head_box"> <b class="header_head_p"> <div style="overflow: hidden"> <a href="http://alatusmall.com" class="header_head_p_a1" style="width:73px;"> 京东商城首页 </a> <a class="header_head_p_a"> <img src="/static/search/img/img_05.png" style="border-radius: 50%;"/> 北京</a> </div> <div class="header_head_p_cs"> <a style="background: #C81623;color: #fff;">北京</a> <a >上海</a> <a >天津</a> <a >重庆</a> <a >河北</a> <a >山西</a> <a >河南</a> <a >辽宁</a> <a >吉林</a> <a >黑龙江</a> <a >内蒙古</a> <a >江苏</a> <a >山东</a> <a >安徽</a> <a >浙江</a> <a >福建</a> <a >湖北</a> <a >湖南</a> <a >广东</a> <a >广西</a> <a >江西</a> <a >四川</a> <a >海南</a> <a >贵州</a> <a >云南</a> <a >西藏</a> <a >陕西</a> <a >甘肃</a> <a >青海</a> <a >宁夏</a> <a >新疆</a> <a >港澳</a> <a >台湾</a> <a >钓鱼岛</a> <a >海外</a> </div> </b> <ul> <li> <a class="li_2" th:if="${session.get('loginUser')==null}" href="http://auth.alatusmall.com/login.html">你好,请登录:</a> <a class="li_2" th:if="${session.get('loginUser')!=null}">[[${session.get('loginUser').getNickname()}]]</a> </li> <span>|</span> <li> <a th:if="${session.get('loginUser')==null}" href="http://auth.alatusmall.com/reg.html">免费注册</a> </li> <span>|</span> <li> <a href="http://order.alatusmall.com/list.html">我的订单</a> </li> <span>|</span> <li class="header_wdjd" style="width:80px;"> <a >我的京东商城</a> <img src="/static/search/image/down-@1x.png" /> <b class="glyphicon glyphicon-menu-down"></b> <div class="header_wdjd_txt"> <ul> <li> <a >待处理订单</a> </li> <li> <a >消息</a> </li> <li> <a >返修退换货</a> </li> <li> <a >我的回答</a> </li> <li> <a >降价商品</a> </li> <li> <a >我的关注</a> </li> </ul> <ul> <li> <a >我的京豆</a> </li> <li> <a >我的优惠券</a> </li> <li> <a >我的白条</a> </li> <li> <a >我的理财</a> </li> </ul> </div> </li> <span>|</span> <li> <a >京东商城会员</a> </li> <span>|</span> <li> <a >企业采购</a> </li> <span>|</span> <li class="header_wdjd1"> <a >客户服务</a> <img src="/static/search/image/down-@1x.png" /> <b class="glyphicon glyphicon-menu-down"></b> <div class="header_wdjd_txt"> <ul> <p style="width:100%;">客户</p> <li> <a >帮助中心</a> </li> <li> <a >售后服务</a> </li> <li> <a >在线客服</a> </li> <li> <a >意见建议</a> </li> <li> <a >电话客服</a> </li> <li> <a >客服邮箱</a> </li> <li> <a >金融资讯</a> </li> <li> <a >售全球客服</a> </li> </ul> <ul> <p style="width:100%;">商户</p> <li> <a >合作招商</a> </li> <li> <a >学习中心</a> </li> <li> <a >商家后台</a> </li> <li> <a >京麦工作台</a> </li> <li> <a >商家帮助</a> </li> <li> <a >规则平台</a> </li> </ul> </div> </li> <span>|</span> <li class="header_wzdh"> <a >网站导航</a> <img src="/static/search/image/down-@1x.png" /> <b class="glyphicon glyphicon-menu-down"></b> <div class="header_wzdh_txt"> <ul style="width: 25%;"> <p style="width:100%;">特色主题</p> <li> <a >京东商城试用</a> </li> <li> <a >京东商城金融</a> </li> <li> <a >全球售</a> </li> <li> <a >国际站</a> </li> <li> <a >京东商城会员</a> </li> <li> <a >京东商城预售</a> </li> <li> <a >买什么</a> </li> <li> <a >俄语站</a> </li> <li> <a >装机大师</a> </li> <li> <a >0元评测</a> </li> <li> <a >定期送</a> </li> <li> <a >港澳售</a> </li> <li> <a >优惠券</a> </li> <li> <a >秒杀</a> </li> <li> <a >闪购</a> </li> <li> <a >印尼站</a> </li> <li> <a >京东商城金融科技</a> </li> <li> <a >In货推荐</a> </li> <li> <a >陪伴计划</a> </li> <li> <a >出海招商</a> </li> </ul> <ul style="width: 20%;"> <p style="width:100%;">行业频道</p> <li> <a >手机</a> </li> <li> <a >智能数码</a> </li> <li> <a >玩3c</a> </li> <li> <a >电脑办公</a> </li> <li> <a >家用电器</a> </li> <li> <a >京东商城智能</a> </li> <li> <a >服装城</a> </li> <li> <a >美妆馆</a> </li> <li> <a >家装城</a> </li> <li> <a >母婴</a> </li> <li> <a >食品</a> </li> <li> <a >运动户外</a> </li> <li> <a >农资频道</a> </li> <li> <a >整车</a> </li> <li> <a >图书</a> </li> </ul> <ul style="width: 21%;"> <p style="width:100%;">生活服务</p> <li> <a >白条</a> </li> <li> <a >京东商城金融App</a> </li> <li> <a >京东商城小金库</a> </li> <li> <a >理财</a> </li> <li> <a >智能家电</a> </li> <li> <a >话费</a> </li> <li> <a >水电煤</a> </li> <li> <a >彩票</a> </li> <li> <a >旅行</a> </li> <li> <a >机票酒店</a> </li> <li> <a >电影票</a> </li> <li> <a >京东商城到家</a> </li> <li> <a >京东商城众测</a> </li> <li> <a >游戏</a> </li> </ul> <ul style="width: 23%; border-right: 0;"> <p style="width:100%;">更多精选</p> <li> <a >合作招商</a> </li> <li> <a >京东商城通信</a> </li> <li> <a >京东商城E卡</a> </li> <li> <a >企业采购</a> </li> <li> <a >服务市场</a> </li> <li> <a >办公生活馆</a> </li> <li> <a >乡村招募</a> </li> <li> <a >校园加盟</a> </li> <li> <a >京友帮</a> </li> <li> <a >京东商城社区</a> </li> <li> <a >智能社区</a> </li> <li> <a >游戏社区</a> </li> <li> <a >知识产权维权</a> </li> </ul> </div> </li> <span>|</span> <li class="header_sjjd"> <a >手机京东商城</a> <div class="header_sjjd_div"> <img src="/static/search/img/01.png" /> </div> </li> </ul> </div> </div> <!--搜索导航--> <div class="header_sous"> <div class="logo"> <a href="http://alatusmall.com"><img src="/static/item/img/111.png" alt=""></a> </div> <div class="header_form"> <input type="text" placeholder="手机" id="keywordInput" th:value="${param.keyword}" onkeydown="if(event.key === 'Enter') { searchByKeyword(); }"/> <a href="javascript:searchByKeyword()">搜索</a> </div> <div class="header_ico"> <div class="header_gw"> <span><a href="http://cart.alatusmall.com/cart.html">我的购物车</a></span> <img src="/static/search/image/settleup-@1x.png" /> <span>0</span> </div> <div class="header_ko"> <p>购物车中还没有商品,赶紧选购吧!</p> </div> </div> <div class="header_form_nav"> <ul> <li> <a >京东商城之家</a> </li> <li> <a >京东商城专卖店</a> </li> <li> <a >平板</a> </li> <li> <a >电脑</a> </li> <li> <a >ipad</a> </li> </ul> </div> <nav> <ul> <li class="nav_li1"> <a >全部商品分类</a> </li> <li class="nav_li"> <a >服装城</a> </li> <li class="nav_li"> <a >没装馆</a> </li> <li class="nav_li"> <a >超市</a> </li> <li class="nav_li"> <a >生鲜</a> </li> </ul> <div class="spacer">|</div> <ul> <li class="nav_li"> <a >全球购</a> </li> <li class="nav_li"> <a >闪购</a> </li> <li class="nav_li"> <a >拍卖</a> </li> </ul> <div class="spacer">|</div> <ul> <li class="nav_li"> <a >金融</a> </li> </ul> </nav> <div class="header_main_left"> <ul> <li> <a class="header_main_left_a"><b>家用电器</b></a> </li> <li class="header_li2"> <a class="header_main_left_a"><b>手机</b> / <b>运营商</b> / <b>数码</b></a> <div class="header_main_left_main"> <div class="header_sj"> <a class="header_sj_a">玩3c</a> <a class="header_sj_a">手机频道</a> <a class="header_sj_a">网上营业厅</a> <a class="header_sj_a">配件选购中心</a> <a class="header_sj_a">企业购</a> <a class="header_sj_a">以旧换新</a> </div> <ol class="header_ol"> <a style="color: #111;" class="aaa">手机通讯 ></a> <li> <a style="color: #999;">手机</a> <a style="color: #999;">对讲机</a> <a style="color: #999;">手机维修</a> <a style="color: #999;">以旧换新</a> </li> <a style="color: #111;" class="aaa">运营商 ></a> <li> <a style="color: #999;">合约机</a> <a style="color: #999;">固话宽带</a> <a style="color: #999;">办套餐</a> <a style="color: #999;">从话费/流量</a> <a style="color: #999;">中国电信</a> <a style="color: #999;">中国移动</a> <a style="color: #999;">中国联通</a> <a style="color: #999;">京东商城通信</a> <a style="color: #999;">170选号</a> </li> <a style="color: #111;" class="aaa">手机配件 ></a> <li style="height: 60px;"> <a style="color: #999;">手机壳</a> <a style="color: #999;">贴膜</a> <a style="color: #999;">手机储存卡</a> <a style="color: #999;">数据线</a> <a style="color: #999;">存电器</a> <a style="color: #999;">手机耳机</a> <a style="color: #999;">创业配件</a> <a style="color: #999;">手机饰品</a> <a style="color: #999;">手机电池</a> <a style="color: #999;">苹果周边</a> <a style="color: #999;">移动电源</a> <a style="color: #999;">蓝牙耳机</a> <a style="color: #999;">手机支架</a> <a style="color: #999;">车载配件</a> <a style="color: #999;">拍照配件</a> </li> <a style="color: #111;" class="aaa">摄影摄像 ></a> <li style="height: 60px;"> <a style="color: #999;">数码相机</a> <a style="color: #999;">单电/微单相机</a> <a style="color: #999;">单反相机</a> <a style="color: #999;">拍立得</a> <a style="color: #999;">运动相机</a> <a style="color: #999;">摄像机</a> <a style="color: #999;">镜头</a> <a style="color: #999;">户外器材</a> <a style="color: #999;">影棚器材</a> <a style="color: #999;">冲印服务</a> <a style="color: #999;">数码相框</a> </li> <a style="color: #111;" class="aaa">数码配件 ></a> <li style="height: 60px;"> <a style="color: #999;">三脚架/云台</a> <a style="color: #999;">相机包</a> <a style="color: #999;">滤镜</a> <a style="color: #999;">散光灯/手柄</a> <a style="color: #999;">相机清洁</a> <a style="color: #999;">机身附件</a> <a style="color: #999;">镜头附件</a> <a style="color: #999;">读卡器</a> <a style="color: #999;">支架</a> <a style="color: #999;">电池/存电器</a> </li> <a style="color: #111;" class="aaa">影音娱乐 ></a> <li> <a style="color: #999;">耳机/耳麦</a> <a style="color: #999;">音箱/音响</a> <a style="color: #999;">智能音箱</a> <a style="color: #999;">便携/无线音箱</a> <a style="color: #999;">收音机</a> <a style="color: #999;">麦克风</a> <a style="color: #999;">MP3/MP4</a> <a style="color: #999;">专业音频</a> </li> <a style="color: #111;" class="aaa">智能设备 ></a> <li style="height: 60px;"> <a style="color: #999;">智能手环</a> <a style="color: #999;">智能手表</a> <a style="color: #999;">智能眼镜</a> <a style="color: #999;">智能机器人</a> <a style="color: #999;">运动跟踪器</a> <a style="color: #999;">健康监测</a> <a style="color: #999;">智能配饰</a> <a style="color: #999;">智能家居</a> <a style="color: #999;">体感车</a> <a style="color: #999;">无人机</a> <a style="color: #999;">其他配件</a> </li> <a style="color: #111;" class="aaa">电子教育 ></a> <li> <a style="color: #999;">学生平板</a> <a style="color: #999;">点读机</a> <a style="color: #999;">早教益智</a> <a style="color: #999;">录音笔</a> <a style="color: #999;">电纸书</a> <a style="color: #999;">电子词典</a> <a style="color: #999;">复读机</a> </li> </ol> <div class="header_r"> <div class="header_r_tu"> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> </div> <div class="header_r_tu1"> <a ><img src="/static/search/img/JD_ash7.png" /></a> <a ><img src="/static/search/img/JD_ash6.png" /></a> </div> </div> </div> </li> <li> <a class="header_main_left_a"><b>电脑</b> / <b>办公</b></a> </li> <li> <a class="header_main_left_a"><b>家居</b> / <b>家具</b> / <b>家装</b> / <b>厨具</b></a> </li> <li> <a class="header_main_left_a"><b>男装</b> / <b>女装</b> / <b>童装</b> / <b>内衣</b></a> </li> <li> <a class="header_main_left_a"><b>美妆个护 </b>/ <b>宠物</b></a> </li> <li> <a class="header_main_left_a"><b>女鞋</b> / <b>箱包</b> / <b>钟表</b> / <b>珠宝</b></a> </li> <li> <a class="header_main_left_a"><b>男鞋</b> / <b>运动</b> / <b>户外</b></a> </li> <li> <a class="header_main_left_a"><b>汽车</b> / <b>汽车用品</b></a> </li> <li> <a class="header_main_left_a"><b>母婴</b> / <b>玩具乐器</b></a> </li> <li> <a class="header_main_left_a"><b>食品</b> / <b>酒类</b> / <b>生鲜</b> / <b>特产</b></a> </li> <li> <a class="header_main_left_a"><b>礼品鲜花</b> / <b>农资绿植</b></a> </li> <li> <a class="header_main_left_a"><b>医药保健</b> / <b>计生情趣</b></a> </li> <li> <a class="header_main_left_a"><b>图书</b> / <b>音箱</b>/ <b>电子书</b></a> </li> <li> <a class="header_main_left_a"><b>机票</b> / <b>酒店</b> / <b>旅游</b> / <b>生活</b></a> </li> <li> <a class="header_main_left_a"><b>理财</b> / <b>众筹</b> / <b>白条</b> / <b>保险</b></a> </li> </ul> </div> </div> <hr style="border: 1px solid red;margin-top: -7px;"> <!--热卖促销--> <div class="JD_temai"> <div class="JD_main"> <div class="JD_left"> <div class="hd"> 热卖推荐 </div> <div class="bd mc"> <ul class="mc"> <li> <a class="mc_a"><img src="/static/search/img/5a28b5a1n8a5c095f.jpg" alt=""></a> <div class="mc_div"> <a class="mc_div_a1"> <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <p> <strong> <em class="number J-p-5963064">¥2999.00</em> </strong> </p> <a class="mc_div_a2">立即抢购</a> </div> </li> <li> <a class="mc_a"><img src="/static/search/img/59f5eef1n99542494.jpg" alt=""></a> <div class="mc_div"> <a class="mc_div_a1"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> <p> <strong> <em class="number J-p-5963064">¥1699.00</em> </strong> </p> <a class="mc_div_a2">立即抢购</a> </div> </li> <li style="margin-right: 0"> <a class="mc_a"><img src="/static/search/img/59f5eef1n99542494.jpg" alt=""></a> <div class="mc_div"> <a class="mc_div_a1"> <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <p> <strong> <em class="number J-p-5963064">¥2999.00</em> </strong> </p> <a class="mc_div_a2">立即抢购</a> </div> </li> </ul> </div> </div> <div class="JD_right"> <div class="hd"> 促销活动</div> <div class="bd"> <ul> <li> . <a >红米千元全面屏手机上市</a></li> <li> . <a >锤子坚果Pro2火爆预约中</a></li> <li> . <a >大牌新品 疯狂抢购</a></li> <li> . <a >X20 vivo蓝新色上市</a></li> <li> . <a >荣耀畅玩7X新品上市</a></li> </ul> </div> </div> </div> </div> <!--手机--> <div class="JD_ipone"> <div class="JD_ipone_bar"> <div class="JD_ipone_one a"> <a >手机</a> </div> <i><img src="/static/search/image/right-@1x.png" alt=""></i> <div class="JD_ipone_one b"> <a class="qqq">手机通讯录 <img src="/static/search/image/down-@1x.png" alt=""></a> <div> <a >手机通讯</a> <a >运营商</a> <a >手机配件</a> <a >手机服务</a> </div> </div> <i><img src="/static/search/image/right-@1x.png" alt=""></i> <div class="JD_ipone_one c"> <a class="qqq">手机 <img src="/static/search/image/down-@1x.png" alt=""></a> <div> <a >手机</a> <a >老人机</a> <a >对讲机</a> <a >女性手机</a> <a >超续航手机</a> <a >全面屏手机</a> <a >拍照手机</a> <a >游戏手机</a> </div> </div> <div class="JD_ipone_one c" th:each="nav:${result.getNavs()}"> <!-- 遍历面包屑导航--> <a class="qqq" th:href="${nav.getLink()}"> <span th:text="${nav.getNavName()}"></span>: <span th:text="${nav.getNavValue()}"></span> x </a> <i><img src="/static/search/image/right-@1x.png" alt=""></i> </div> </div> </div> <!--商品筛选和排序--> <div class="JD_banner w"> <div class="JD_nav"> <div class="JD_selector"> <!--手机商品筛选--> <div class="title"> <h3><b>手机</b><em>商品筛选</em></h3> <div class="st-ext">共 <span th:text="${result.getTotal()}"></span>个商品 </div> </div> <div class="JD_nav_logo" th:with="brandId=${param.brandId},catelogId=${param.catalog3Id}"> <!--品牌--> <div th:if="${#strings.isEmpty(brandId)}" class="JD_nav_wrap"> <div class="sl_key"> <span><b>品牌:</b></span> </div> <div class="sl_value"> <div class="sl_value_logo"> <ul> <li th:each="brand:${result.getBrands()}"> <a th:href="${'javascript:searchProducts("brandId",'+brand.getBrandId()+')'}"> <img th:src="${brand.getBrandImg()}" alt=""> <div th:text="${brand.getBrandName()}"> </div> </a> </li> </ul> </div> </div> <div class="sl_ext"> <a > 更多 <i style='background: url("/static/search/image/search.ele.png")no-repeat 3px 7px'></i> <b style='background: url("/static/search/image/search.ele.png")no-repeat 3px -44px'></b> </a> <a > 多选 <i>+</i> <span>+</span> </a> </div> </div> <!--分类--> <div th:if="${#strings.isEmpty(catelogId)}" class="JD_pre"> <div class="sl_key"> <span><b>分类:</b></span> </div> <div class="sl_value"> <ul> <li th:each="catalog:${result.getCatalogs()}"><a th:href="${'javascript:searchProducts("catalog3Id",'+catalog.getCatalogId()+')'}" th:text="${catalog.getCatalogName()}"></a></li> </ul> </div> <div class="sl_ext"> <a > 更多 <i style='background: url("/static/search/image/search.ele.png")no-repeat 3px 7px'></i> <b style='background: url("/static/search/image/search.ele.png")no-repeat 3px -44px'></b> </a> <a > 多选 <i>+</i> <span>+</span> </a> </div> </div> <!--属性--> <div class="JD_pre" th:if="${!#lists.contains(result.getAttrIds(),attr.getAttrId())}" th:each="attr:${result.getAttrs()}"> <div class="sl_key"> <span th:text="${attr.getAttrName()+':'}"></span> </div> <div class="sl_value"> <ul> <li th:each="value:${attr.getAttrValue()}"><a th:href="${'javascript:searchProducts("attrs","'+attr.getAttrId()+'_'+value+'")'}" th:text="${value}"></a></li> </ul> </div> </div> </div> <div class="JD_show"> <a > <span> 更多选项( CPU核数、网络、机身颜色 等) </span> </a> </div> </div> <!--排序--> <div class="JD_banner_main"> <!--商品精选--> <div class="JD_con_left"> <div class="JD_con_left_bar"> <div class="JD_con_one"> <div class="mt"> <h3>商品精选</h3> <span>广告</span> </div> <div class="mc"> <ul> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/59bf3c.jpg" alt=""></a> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥2999.00</span> </strong> <span class="mc-ico" title="购买本商品送赠品"> <i class="goods-icons">赠品</i> </span> </div> <div class="mc_rev"> 已有 <a class="number">12466</a> 人评价 </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/59bf3c.jpg" alt=""></a> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥2999.00</span> </strong> <span class="mc-ico" title="购买本商品送赠品"> <i class="goods-icons">赠品</i> </span> </div> <div class="mc_rev"> 已有 <a class="number">12466</a> 人评价 </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/593ba628n8794c6a6.jpg" alt=""></a> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥1799.00</span> </strong> <span class="mc-ico" title="购买本商品送赠品"> <i class="goods-icons">赠品</i> </span> </div> <div class="mc_rev"> 已有 <a class="number">15600</a> 人评价 </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5919637an271a1301.jpg" alt=""></a> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>vivo Xplay6 全网通 6GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥3498.00</span> </strong> <span class="mc-ico" title="购买本商品送赠品"> <i class="goods-icons">赠品</i> </span> </div> <div class="mc_rev"> 已有 <a class="number">5369</a> 人评价 </div> </li> </ul> </div> </div> <div class="JD_con_one"> <div class="mt"> <h3>达人选购</h3> </div> <div class="mc"> <ul> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/59bf3c.jpg" alt=""></a> <a > <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥2999.00</span> </strong> </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/59bf3c.jpg" alt=""></a> <a > <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥2999.00</span> </strong> </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/593ba628n8794c6a6.jpg" alt=""></a> <a > <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥1799.00</span> </strong> </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5919637an271a1301.jpg" alt=""></a> <a > <em>vivo Xplay6 全网通 6GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥3498.00</span> </strong> </div> </li> </ul> </div> </div> <div class="JD_con_one" style="border:none;"> <div class="mt"> <h3>商品精选</h3> <span>广告</span> </div> <div class="mc"> <ul> <li> <a ><img src="/static/search/img/599a806bn9d829c1c.jpg" alt=""></a> </li> <li> <a ><img src="/static/search/img/593e4de0n5ff878a4.jpg" alt=""></a> </li> </ul> </div> </div> </div> </div> <!--综合排序--> <div class="JD_con_right"> <div class="filter"> <!--综合排序--> <div class="filter_top"> <div class="filter_top_left" th:with="sort=${param.sort},skuRange=${param.skuPrice}"> <a sort="hotScore" th:attr="style=${(#strings.isEmpty(sort)||#strings.startsWith(sort,'hotScore'))?'color:#FFF;border-color:#e4393c;background:#e4393c':'color:#333;border-color:#CCC;background:#fff'}" th:class="${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'hotScore')&&#strings.endsWith(sort,'desc'))?'sort_a desc':'sort_a'}"> 综合排序[[${((!#strings.isEmpty(sort))&&(#strings.startsWith(sort,'hotScore'))&&(#strings.endsWith(sort,'desc')))?'↓':'↑'}]] </a> <a sort="saleCount" th:attr="style=${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'saleCount'))?'color:#FFF;border-color:#e4393c;background:#e4393c':'color:#333;border-color:#CCC;background:#fff'}" th:class="${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'saleCount')&&#strings.endsWith(sort,'desc'))?'sort_a desc':'sort_a'}"> 销量[[${((!#strings.isEmpty(sort))&&(#strings.startsWith(sort,'saleCount'))&&(#strings.endsWith(sort,'desc')))?'↓':'↑'}]] </a> <a sort="skuPrice" th:attr="style=${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'skuPrice'))?'color:#FFF;border-color:#e4393c;background:#e4393c':'color:#333;border-color:#CCC;background:#fff'}" th:class="${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'skuPrice')&&#strings.endsWith(sort,'desc'))?'sort_a desc':'sort_a'}"> 价格[[${((!#strings.isEmpty(sort))&&(#strings.startsWith(sort,'skuPrice'))&&(#strings.endsWith(sort,'desc')))?'↓':'↑'}]] </a> <a>评论分</a> <a>上架时间</a> <input style="width: 100px;margin-left: 30px;" id="skuPriceFrom" type="number" th:value="${#strings.isEmpty(skuRange)?'':(#strings.substringBefore(skuRange,'_'))}"> - <input style="width: 100px;" id="skuPriceTo" type="number" th:value="${#strings.isEmpty(skuRange)?'':(#strings.substringAfter(skuRange,'_'))}"> <button id="skuPriceSearchBtn">确定</button> </div> <div class="filter_top_right"> <span class="fp-text"> <b>1</b><em>/</em><i>169</i> </span> <a class="prev"><</a> <a class="next"> > </a> </div> </div> <!--收货地址--> <div class="filter_bottom"> <div class="filter_bottom_left"> <div class="fs-cell">收货地</div> <div class="dizhi"> <div class="dizhi_show"> <em>北京朝阳区三环以内</em> <b></b> </div> </div> <div class="dizhi_con"> <ul id="tab"> <li id="tab1" value="1">北京 <img src="/static/search/image/down-@1x.png" alt=""></li> <li id="tab2" value="2">朝阳 <img src="/static/search/image/down-@1x.png" alt=""></li> <li id="tab3" value="3">三环以内 <img src="/static/search/image/down-@1x.png" alt=""></li> </ul> <div id="container"> <div id="content1" style="z-index: 1;"> <a >北京</a> <a >上海</a> <a >天津</a> <a >重庆</a> <a >河北</a> <a >山西</a> <a >河南</a> <a >辽宁</a> <a >吉林</a> <a >黑龙江</a> <a >内蒙古</a> <a >江苏</a> <a >山东</a> <a >安徽</a> <a >浙江</a> <a >福建</a> <a >湖北</a> <a >湖南</a> <a >广东</a> <a >广西</a> <a >江西</a> <a >四川</a> <a >海南</a> <a >贵州</a> <a >云南</a> <a >西藏</a> <a >陕西</a> <a >甘肃</a> <a >青海</a> <a >宁夏</a> <a >新疆</a> <a >港澳</a> <a >台湾</a> <a >钓鱼岛</a> <a >海外</a> </div> <div id="content2"> <a >朝阳区</a> <a >海淀区</a> <a >西城区</a> <a >东城区</a> <a >大兴区</a> <a >丰台区</a> <a >昌平区</a> <a >顺义区</a> </div> <div id="content3"> <a >三环以内</a> <a >管庄</a> <a >北苑</a> <a >定福庄</a> <a >三环到四环之间</a> <a >四环到五环之间</a> <a >五环到六环之间</a> </div> </div> </div> </div> <div class="filter_bottom_right"> <ul> <li> <a > <i></i> 京东商城配送 </a> </li> <li> <a > <i></i> 京尊达 </a> </li> <li> <a > <i></i> 货到付款 </a> </li> <li> <a class="hasStock" th:with="checked=${param.hasStock}"> <input th:checked="${#strings.equals(checked,'1')}" type="checkbox" class="hasStock" id="hasStockChecked"> 仅显示有货 </a> </li> <li> <a > <i></i> 可配送全球 </a> </li> </ul> </div> </div> <!--排序内容;每四个一组--> <div class="rig_tab"> <div th:each="product:${result.getProducts()}"> <div class="ico"> <i class="iconfont icon-weiguanzhu"></i> <a >关注</a> </div> <p class="da"> <a th:href="|http://item.alatusmall.com/${product.getSkuId()}.html|" th:title="${product.getSkuTitle()}"> <img th:src="${product.getSkuImg()}" class="dim"> </a> </p> <ul class="tab_im"> <li><a title="黑色"> <img th:src="${product.getSkuImg()}" c></a></li> </ul> <p class="tab_R"> <span th:text="'¥'+${product.getSkuPrice()}"></span> </p> <p class="tab_JE"> <a th:utext="${product.getSkuTitle()}"> </a> </p> <p class="tab_PI">已有<span>11万+</span>热门评价 <a >二手有售</a> </p> <p class="tab_CP"><a th:title="${'京东商城'+product.getBrandName()+'产品专营店'}" th:text="${'京东商城'+product.getBrandName()+'产品...'}"></a> <a href='#' title="联系供应商进行咨询"> <img src="/static/search/img/xcxc.png"> </a> </p> <div class="tab_FO"> <div class="FO_one"> <p>自营 <span>京东商城自营,品质保证</span> </p> <p>满赠 <span>该商品参加满赠活动</span> </p> </div> </div> </div> </div> <!--分页--> <div class="filter_page"> <div class="page_wrap"> <span class="page_span1"> <a class="page_a" th:attr="pn=${(result.getPageNum())-1}" th:if="${result.getPageNum()>1}"> < 上一页 </a> <a class="page_a" th:attr="pn=${i},style=${i==result.getPageNum()?'border: 0;color:#ee2222;background: #fff':''}" th:each="i:${#numbers.sequence(1, result.totalPages)}" th:text="${i}"> [[${i}]] </a> <a th:if="${(result.getTotalPages()-result.getPageNum())>10}" style="border: 0;font-size: 20px;color: #999;background: #fff">...</a> <a class="page_a" th:attr="pn=${(result.getPageNum())+1}" th:if="${result.getPageNum()<result.getTotalPages()}"> 下一页 > </a> </span> <span class="page_span2"> <em>共<b>[[${result.getTotalPages()}]]</b>页 到第</em> <input type="number" th:value="${result.getPageNum()}" id="inputPage"> <em>页</em> <a id="choosePage">确定</a> </span> </div> </div> </div> </div> </div> </div> </div> <!--商品精选--> <div class="JD_jx"> <div class="JD_jx_title"> <div class="mt"> <strong class="mt-title">商品精选</strong> <img src="/static/search/image/u-ad.gif" alt=""> </div> <div class="mc"> <ul> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> </ul> </div> </div> </div> <!--猜你喜欢--> <div class="JD_cnxh"> <div class="JD_jx_title"> <div class="mt"> <strong class="mt-title">猜你喜欢</strong> <a > <img src="/static/search/image/update.png" alt=""> 换一批 </a> </div> <div class="mc"> <ul> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/59bf3c.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a28b5c6Ndec5088f.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/593e4de0n5ff878a4.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/593e4de0n5ff878a4.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/59c493a7N3f9b9c86.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/59c493a7N3f9b9c86.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> </ul> </div> </div> </div> <!--我的足迹--> <div class="JD_zuji"> <div class="JD_jx_title"> <div class="mt"> <strong class="mt-title">我的足迹</strong> <a > 更多浏览记录 </a> </div> <div class="mc"> <ul> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/59e58a11Nc38676d5.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥2998.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a28acccN73689386.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥88.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a1690ddN441b5dce.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥199.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a02bde7N7d4453b1.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥799.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a122dbeN044ebf19.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥599.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/59c493a7N3f9b9c85.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥699.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a08f6f6N5bab2c1c.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥715.00</span> </strong> </div> </li> </ul> </div> </div> </div> <div style="width: 1210px;margin: 0 auto;margin-bottom: 10px"><img src="/static/search/img/5a33a2e0N9a04b4af.jpg" alt=""></div> <!--底部--> <footer class="footer"> <div class="footer_top"> <ul> <li> <span></span> <h3>品类齐全,轻松购物</h3> </li> <li> <span></span> <h3>多仓直发,极速配发</h3> </li> <li> <span></span> <h3>正品行货,精致服务</h3> </li> <li> <span></span> <h3>天天低价,畅选无忧</h3> </li> </ul> </div> <div class="footer_center"> <ol> <li>购物指南</li> <li><a style="color: rgb(114, 114, 114);">购物流程</a> </li> <li><a style="color: rgb(114, 114, 114);">会员介绍</a> </li> <li><a >生活旅行</a> </li> <li><a style="color: rgb(114, 114, 114);">常见问题</a> </li> <li><a >大家电</a> </li> <li><a style="color: rgb(114, 114, 114);">联系客服</a> </li> </ol> <ol> <li>配送方式</li> <li><a style="color: rgb(114, 114, 114);">上门自提</a> </li> <li><a style="color: rgb(114, 114, 114);">211限时达</a> </li> <li><a style="color: rgb(114, 114, 114);">配送服务查询</a> </li> <li><a style="color: rgb(114, 114, 114);">配送费收取标准</a> </li> <li><a style="color: rgb(114, 114, 114);">海外配送</a> </li> </ol> <ol> <li>支付方式</li> <li><a style="color: rgb(114, 114, 114);">货到付款</a> </li> <li><a style="color: rgb(114, 114, 114);">在线支付</a> </li> <li><a style="color: rgb(114, 114, 114);">分期付款</a> </li> <li><a style="color: rgb(114, 114, 114);">邮局汇款</a> </li> <li><a style="color: rgb(114, 114, 114);">公司转账</a> </li> </ol> <ol> <li>售后服务</li> <li><a style="color: rgb(114, 114, 114);">售后政策</a> </li> <li><a style="color: rgb(114, 114, 114);">价格保护</a> </li> <li><a style="color: rgb(114, 114, 114);">退款说明</a> </li> <li><a style="color: rgb(114, 114, 114);">返修/退换货</a> </li> <li><a >取消订单</a> </li> </ol> <ol> <li>特色服务</li> <li><a style="color: rgb(114, 114, 114);">夺宝岛</a> </li> <li><a >DIY装机</a> </li> <li><a style="color: rgb(114, 114, 114);">延保服务</a> </li> <li><a style="color: rgb(114, 114, 114);">京东商城E卡</a> </li> <li><a style="color: rgb(114, 114, 114);">京东商城通信</a> </li> <li><a style="color: rgb(114, 114, 114);">京东商城gulimall+</a> </li> </ol> <ol> <li>京东商城自营覆盖区域</li> <li> 京东商城已向全国2661个区县提供自<br> 营配送服务,支持货到付款、 <br> POS机刷卡和售后上门服务。 </li> <li><a style="color: rgb(114, 114, 114);">查看详情></a> </li> </ol> </div> <div class="footer_foot"> <p class="footer_p p1"> <a >关于我们</a> <span></span> <a style="color: rgb(114, 114, 114);">联系我们</a> <span></span> <a >联系客服</a> <span></span> <a style="color: rgb(114, 114, 114);">合作招商</a> <span></span> <a style="color: rgb(114, 114, 114);">商家帮助</a> <span></span> <a style="color: rgb(114, 114, 114);">营销中心</a> <span></span> <a style="color: rgb(114, 114, 114);">手机京东商城</a> <span></span> <a style="color: rgb(114, 114, 114);">友情链接</a> <span></span> <a style="color: rgb(114, 114, 114);">销售联盟</a> <span></span> <a style="color: rgb(114, 114, 114);">京东商城社区</a> <span></span> <a style="color: rgb(114, 114, 114);">风险监测</a> <span></span> <a >隐私政策</a> <span></span> <a >京东商城公益</a> <span></span> <a style="color: rgb(114, 114, 114);">English Site</a> <span></span> <a >media & IR</a> </p> <p class="footer_p"> <a >京公网安备 11000002000088号</a> <span></span> <a >京ICP证070359号</a> <span></span> <a >互联网药品信息服务资格证编号(京)-经营性-2014-0008</a> <span></span> <a >新出发京零 字第大120007号</a> </p> <p class="footer_p"> <a >互联网出版许可证编号新出网证(京)字150号</a> <span></span> <a >出版物经营许可证</a> <span></span> <a >网络文化经营许可证京网文[2014]2148-348号</a> <span></span> <a >违法和不良信息举报电话:4006561155</a> </p> <p class="footer_p"> <a >Copyright © 2004 - 2017 京东商城JD.com 版权所有</a> <span></span> <a >消费者维权热线:4006067733</a> <a >经营证照</a> </p> <p class="footer_p"> <a >京东商城旗下网站:</a> <a >京东商城支付</a> <span></span> <a >京东商城云</a> </p> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </footer> <!--右侧侧边栏--> <div class="header_bar"> <div class="header_bar_box"> <ul> <li> <a ><img src="/static/search/img/wo.png" /></a> <div class="div"> <a >京东商城会员</a> </div> </li> <li> <a ><img src="/static/search/img/gouwuche.png" /></a> <div class="div"> <a >购物车</a> </div> </li> <li> <a ><img src="/static/search/img/taoxin.png" /></a> <div class="div"> <a >我的关注</a> </div> </li> <li> <a ><img src="/static/search/img/shi.png" /></a> <div class="div"> <a >我的足迹</a> </div> </li> <li> <a ><img src="/static/search/img/xinxi.png" /></a> <div class="div"> <a >我的消息</a> </div> </li> <li> <a ><img src="/static/search/img/qianbao.png" /></a> <div class="div"> <a >资讯JIMI</a> </div> </li> </ul> <ul> <li> <a ><img src="/static/search/img/fa3f24a70d38bd439261cb7439e517a5.png" /></a> <div class="div"> <a >顶部</a> </div> </li> <li> <a ><img src="/static/search/img/xinxi.png" /></a> <div class="div"> <a >反馈</a> </div> </li> </ul> </div> </div> <script> $(".sl_ext a:nth-child(1)").hover(function(){ $(this).children("b").stop(true).animate({top:"3px"},50); $(this).children("i").stop(true).animate({top:"-23px"},50) },function(){ $(this).children("b").stop(true).animate({top:"24px"},50); $(this).children("i").stop(true).animate({top:"3px"},50) }); $(".sl_ext a:nth-child(2)").hover(function(){ $(this).children("span").stop(true).animate({top:"-1px"},100); $(this).children("i").stop(true).animate({top:"-14px"},100).css({display:"none"}) },function(){ $(this).children("span").stop(true).animate({top:"14px"},100); $(this).children("i").stop(true).animate({top:"-1px"},100).css({display:"block"}) }); $('.tab_im img').hover(function(){ var a=$(this).prop('src'); var index=$(this).parents('li').index(); $(this).parents('li').css('border','2px solid red').siblings('li').css('border','1px solid #ccc'); $(this).parents('ul').prev().find('img').prop('src',a); $(this).parents('ul').siblings('.tab_JE').find('a').eq(list).css('display','block').siblings('a').css('display','none'); $(this).parents('ul').siblings('.tab_R').find('span').eq(list).css('display','block').siblings('span').css('display','none') }); $(".JD_ipone_one").hover(function(){ $(this).children("div").css({display:"block"}) },function(){ $(this).children("div").css({display:"none"}) }); $("#tab>li").click(function() { let i = $(this).index(); $("#container>div").hide().eq(i).show() }); $(".dizhi_show").hover(function(){ $(".dizhi_con").css({display:"block"}) },function(){ $(".dizhi_con").css({display:"none"}) }); $(".dizhi_con").hover(function(){ $(this).css({display:"block"}) },function(){ $(this).css({display:"none"}) }); //显示隐藏 let $li = $(".JD_nav_logo>div:gt(3)").hide(); $('.JD_show span').click(function(){ if($li.is(':hidden')){ $li.show(); $(this).css({width:"86px"}).text('收起 ^'); }else{ $li.hide(); $('.JD_show span').css({width:"291px"}).text('更多选项( CPU核数、网络、机身颜色 等)'); } return false; }); $(".rig_tab>div").hover(function(){ var i = $(this).index(); $(this).find('.ico').css({display:'block'}).stop(true).animate({top:"190px"},300) },function(){ var i = $(this).index(); $(this).find('.ico').css({display:'none'}).stop(true).animate({top:"230px"}) }); $('.header_main_left>ul>li').hover(function() { $(this).css({ background: "#f0f0f0" }).find('.header_main_left_main').stop(true).fadeIn(300) }, function() { $(this).css({ background: "#fff" }).find(".header_main_left_a").css({ color: "#000" }); $(this).find('.header_main_left_main').stop(true).fadeOut(100) }); $(".header_sj a").hover(function() { $(this).css({ background: "#444" }) }, function() { $(this).css({ background: "#6e6568" }) }); $(".nav_li1 a").hover(function(){ $(".header_main_left").stop(true).fadeIn() },function(){ $(".header_main_left").stop(true).fadeOut() }); $(".header_main_left").hover(function(){ $(this).stop(true).fadeIn() },function(){ $(this).stop(true).fadeOut() }); //右侧侧边栏 $(".header_bar_box ul li").hover(function() { $(this).css({ background: "#7A6E6E" }).children(".div").css({ display: "block" }).stop(true).animate({ left: "-60px" }, 300) }, function() { $(this).css({ background: "#7A6E6E" }).children(".div").css({ display: "none" }).stop(true).animate({ left: "0" }, 300) }); //底部 $(".footer_foot .p1 a").hover(function(){ $(this).css("color","#D70B1C") },function(){ $(this).css("color","#727272") }); $(".footer .footer_center ol li a").hover(function(){ $(this).css("color","#D70B1C") },function(){ $(this).css("color","#727272") }) function searchProducts(name,value){ let href = location.href + ""; if(href.indexOf("?")===-1){ location.href = location.href + "?" + name + "=" + value; } else{ location.href = location.href+"&"+name+"="+value; } } function replaceParamVal(url, paramName, replaceVal) { let oUrl = url.toString(); let re = eval('/('+paramName+'=)([^&]*)/gi'); let nUrl = oUrl.replace(re,paramName+'='+replaceVal); return nUrl; } function hrefChange(key,value){ let href = location.href + ""; if(href.indexOf(key)===-1){ searchProducts(key,value); } else{ location.href = replaceParamVal(href,key,value); } } $(".page_a").click(function(){ let pn = $(this).attr("pn"); hrefChange("pageNum",pn); }); document.getElementById("choosePage").onclick = function(){ let inputPage = document.getElementById("inputPage").value; hrefChange("pageNum",inputPage); } $(".sort_a").click(function(){ $(this).toggleClass("desc"); // 获取排序字段 let sort = $(this).attr("sort"); // 获取升降序 let value = $(this).hasClass("desc")?"_desc":"_asc"; // 跳转到指定位置 let sortWay = sort + value; hrefChange("sort",sortWay); }); $("#skuPriceSearchBtn").click(function(){ // 拼上价格区间的值 let from = $("#skuPriceFrom").val(); let to = $("#skuPriceTo").val(); let query = from + "_" + to; let href = location.href+""; if(href.indexOf("skuPrice=")===-1){ searchProducts("skuPrice",query); } else{ location.href = replaceParamVal(href,"skuPrice",query); } }); $(".hasStock").change(function(){ if($("#hasStockChecked").prop('checked')){ hrefChange("hasStock",1); } else{ hrefChange("hasStock",0); } }); function searchByKeyword(){ hrefChange("keyword",$("#keywordInput").val()); } </script> </body> </html>
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="/static/search/css/index.css"> <link rel="stylesheet" type="text/css" href="/static/search/font/iconfont.css"> <script src="/static/search/js/jquery-3.2.1.min.js"></script> <script src="/static/search/js/jquery-1.12.4.js"></script> <title>Document</title> </head> <body> <!--头部--> <div class="header_head"> <div class="header_head_box"> <b class="header_head_p"> <div style="overflow: hidden"> <a href="http://alatusmall.com" class="header_head_p_a1" style="width:73px;"> 京东商城首页 </a> <a class="header_head_p_a"> <img src="/static/search/img/img_05.png" style="border-radius: 50%;"/> 北京</a> </div> <div class="header_head_p_cs"> <a style="background: #C81623;color: #fff;">北京</a> <a >上海</a> <a >天津</a> <a >重庆</a> <a >河北</a> <a >山西</a> <a >河南</a> <a >辽宁</a> <a >吉林</a> <a >黑龙江</a> <a >内蒙古</a> <a >江苏</a> <a >山东</a> <a >安徽</a> <a >浙江</a> <a >福建</a> <a >湖北</a> <a >湖南</a> <a >广东</a> <a >广西</a> <a >江西</a> <a >四川</a> <a >海南</a> <a >贵州</a> <a >云南</a> <a >西藏</a> <a >陕西</a> <a >甘肃</a> <a >青海</a> <a >宁夏</a> <a >新疆</a> <a >港澳</a> <a >台湾</a> <a >钓鱼岛</a> <a >海外</a> </div> </b> <ul> <li> <a class="li_2" th:if="${session.get('loginUser')==null}" href="http://auth.alatusmall.com/login.html">你好,请登录:</a> <a class="li_2" th:if="${session.get('loginUser')!=null}">[[${session.get('loginUser').getNickname()}]]</a> </li> <span>|</span> <li> <a th:if="${session.get('loginUser')==null}" href="http://auth.alatusmall.com/reg.html">免费注册</a> </li> <span>|</span> <li> <a href="http://order.alatusmall.com/list.html">我的订单</a> </li> <span>|</span> <li class="header_wdjd" style="width:80px;"> <a >我的京东商城</a> <img src="/static/search/image/down-@1x.png" /> <b class="glyphicon glyphicon-menu-down"></b> <div class="header_wdjd_txt"> <ul> <li> <a >待处理订单</a> </li> <li> <a >消息</a> </li> <li> <a >返修退换货</a> </li> <li> <a >我的回答</a> </li> <li> <a >降价商品</a> </li> <li> <a >我的关注</a> </li> </ul> <ul> <li> <a >我的京豆</a> </li> <li> <a >我的优惠券</a> </li> <li> <a >我的白条</a> </li> <li> <a >我的理财</a> </li> </ul> </div> </li> <span>|</span> <li> <a >京东商城会员</a> </li> <span>|</span> <li> <a >企业采购</a> </li> <span>|</span> <li class="header_wdjd1"> <a >客户服务</a> <img src="/static/search/image/down-@1x.png" /> <b class="glyphicon glyphicon-menu-down"></b> <div class="header_wdjd_txt"> <ul> <p style="width:100%;">客户</p> <li> <a >帮助中心</a> </li> <li> <a >售后服务</a> </li> <li> <a >在线客服</a> </li> <li> <a >意见建议</a> </li> <li> <a >电话客服</a> </li> <li> <a >客服邮箱</a> </li> <li> <a >金融资讯</a> </li> <li> <a >售全球客服</a> </li> </ul> <ul> <p style="width:100%;">商户</p> <li> <a >合作招商</a> </li> <li> <a >学习中心</a> </li> <li> <a >商家后台</a> </li> <li> <a >京麦工作台</a> </li> <li> <a >商家帮助</a> </li> <li> <a >规则平台</a> </li> </ul> </div> </li> <span>|</span> <li class="header_wzdh"> <a >网站导航</a> <img src="/static/search/image/down-@1x.png" /> <b class="glyphicon glyphicon-menu-down"></b> <div class="header_wzdh_txt"> <ul style="width: 25%;"> <p style="width:100%;">特色主题</p> <li> <a >京东商城试用</a> </li> <li> <a >京东商城金融</a> </li> <li> <a >全球售</a> </li> <li> <a >国际站</a> </li> <li> <a >京东商城会员</a> </li> <li> <a >京东商城预售</a> </li> <li> <a >买什么</a> </li> <li> <a >俄语站</a> </li> <li> <a >装机大师</a> </li> <li> <a >0元评测</a> </li> <li> <a >定期送</a> </li> <li> <a >港澳售</a> </li> <li> <a >优惠券</a> </li> <li> <a >秒杀</a> </li> <li> <a >闪购</a> </li> <li> <a >印尼站</a> </li> <li> <a >京东商城金融科技</a> </li> <li> <a >In货推荐</a> </li> <li> <a >陪伴计划</a> </li> <li> <a >出海招商</a> </li> </ul> <ul style="width: 20%;"> <p style="width:100%;">行业频道</p> <li> <a >手机</a> </li> <li> <a >智能数码</a> </li> <li> <a >玩3c</a> </li> <li> <a >电脑办公</a> </li> <li> <a >家用电器</a> </li> <li> <a >京东商城智能</a> </li> <li> <a >服装城</a> </li> <li> <a >美妆馆</a> </li> <li> <a >家装城</a> </li> <li> <a >母婴</a> </li> <li> <a >食品</a> </li> <li> <a >运动户外</a> </li> <li> <a >农资频道</a> </li> <li> <a >整车</a> </li> <li> <a >图书</a> </li> </ul> <ul style="width: 21%;"> <p style="width:100%;">生活服务</p> <li> <a >白条</a> </li> <li> <a >京东商城金融App</a> </li> <li> <a >京东商城小金库</a> </li> <li> <a >理财</a> </li> <li> <a >智能家电</a> </li> <li> <a >话费</a> </li> <li> <a >水电煤</a> </li> <li> <a >彩票</a> </li> <li> <a >旅行</a> </li> <li> <a >机票酒店</a> </li> <li> <a >电影票</a> </li> <li> <a >京东商城到家</a> </li> <li> <a >京东商城众测</a> </li> <li> <a >游戏</a> </li> </ul> <ul style="width: 23%; border-right: 0;"> <p style="width:100%;">更多精选</p> <li> <a >合作招商</a> </li> <li> <a >京东商城通信</a> </li> <li> <a >京东商城E卡</a> </li> <li> <a >企业采购</a> </li> <li> <a >服务市场</a> </li> <li> <a >办公生活馆</a> </li> <li> <a >乡村招募</a> </li> <li> <a >校园加盟</a> </li> <li> <a >京友帮</a> </li> <li> <a >京东商城社区</a> </li> <li> <a >智能社区</a> </li> <li> <a >游戏社区</a> </li> <li> <a >知识产权维权</a> </li> </ul> </div> </li> <span>|</span> <li class="header_sjjd"> <a >手机京东商城</a> <div class="header_sjjd_div"> <img src="/static/search/img/01.png" /> </div> </li> </ul> </div> </div> <!--搜索导航--> <div class="header_sous"> <div class="logo"> <a href="http://alatusmall.com"><img src="/static/item/img/111.png" alt=""></a> </div> <div class="header_form"> <input type="text" placeholder="手机" id="keywordInput" th:value="${param.keyword}" οnkeydοwn="if(event.key === 'Enter') { searchByKeyword(); }"/> <a href="javascript:searchByKeyword()">搜索</a> </div> <div class="header_ico"> <div class="header_gw"> <span><a href="http://cart.alatusmall.com/cart.html">我的购物车</a></span> <img src="/static/search/image/settleup-@1x.png" /> <span>0</span> </div> <div class="header_ko"> <p>购物车中还没有商品,赶紧选购吧!</p> </div> </div> <div class="header_form_nav"> <ul> <li> <a >京东商城之家</a> </li> <li> <a >京东商城专卖店</a> </li> <li> <a >平板</a> </li> <li> <a >电脑</a> </li> <li> <a >ipad</a> </li> </ul> </div> <nav> <ul> <li class="nav_li1"> <a >全部商品分类</a> </li> <li class="nav_li"> <a >服装城</a> </li> <li class="nav_li"> <a >没装馆</a> </li> <li class="nav_li"> <a >超市</a> </li> <li class="nav_li"> <a >生鲜</a> </li> </ul> <div class="spacer">|</div> <ul> <li class="nav_li"> <a >全球购</a> </li> <li class="nav_li"> <a >闪购</a> </li> <li class="nav_li"> <a >拍卖</a> </li> </ul> <div class="spacer">|</div> <ul> <li class="nav_li"> <a >金融</a> </li> </ul> </nav> <div class="header_main_left"> <ul> <li> <a class="header_main_left_a"><b>家用电器</b></a> </li> <li class="header_li2"> <a class="header_main_left_a"><b>手机</b> / <b>运营商</b> / <b>数码</b></a> <div class="header_main_left_main"> <div class="header_sj"> <a class="header_sj_a">玩3c</a> <a class="header_sj_a">手机频道</a> <a class="header_sj_a">网上营业厅</a> <a class="header_sj_a">配件选购中心</a> <a class="header_sj_a">企业购</a> <a class="header_sj_a">以旧换新</a> </div> <ol class="header_ol"> <a style="color: #111;" class="aaa">手机通讯 ></a> <li> <a style="color: #999;">手机</a> <a style="color: #999;">对讲机</a> <a style="color: #999;">手机维修</a> <a style="color: #999;">以旧换新</a> </li> <a style="color: #111;" class="aaa">运营商 ></a> <li> <a style="color: #999;">合约机</a> <a style="color: #999;">固话宽带</a> <a style="color: #999;">办套餐</a> <a style="color: #999;">从话费/流量</a> <a style="color: #999;">中国电信</a> <a style="color: #999;">中国移动</a> <a style="color: #999;">中国联通</a> <a style="color: #999;">京东商城通信</a> <a style="color: #999;">170选号</a> </li> <a style="color: #111;" class="aaa">手机配件 ></a> <li style="height: 60px;"> <a style="color: #999;">手机壳</a> <a style="color: #999;">贴膜</a> <a style="color: #999;">手机储存卡</a> <a style="color: #999;">数据线</a> <a style="color: #999;">存电器</a> <a style="color: #999;">手机耳机</a> <a style="color: #999;">创业配件</a> <a style="color: #999;">手机饰品</a> <a style="color: #999;">手机电池</a> <a style="color: #999;">苹果周边</a> <a style="color: #999;">移动电源</a> <a style="color: #999;">蓝牙耳机</a> <a style="color: #999;">手机支架</a> <a style="color: #999;">车载配件</a> <a style="color: #999;">拍照配件</a> </li> <a style="color: #111;" class="aaa">摄影摄像 ></a> <li style="height: 60px;"> <a style="color: #999;">数码相机</a> <a style="color: #999;">单电/微单相机</a> <a style="color: #999;">单反相机</a> <a style="color: #999;">拍立得</a> <a style="color: #999;">运动相机</a> <a style="color: #999;">摄像机</a> <a style="color: #999;">镜头</a> <a style="color: #999;">户外器材</a> <a style="color: #999;">影棚器材</a> <a style="color: #999;">冲印服务</a> <a style="color: #999;">数码相框</a> </li> <a style="color: #111;" class="aaa">数码配件 ></a> <li style="height: 60px;"> <a style="color: #999;">三脚架/云台</a> <a style="color: #999;">相机包</a> <a style="color: #999;">滤镜</a> <a style="color: #999;">散光灯/手柄</a> <a style="color: #999;">相机清洁</a> <a style="color: #999;">机身附件</a> <a style="color: #999;">镜头附件</a> <a style="color: #999;">读卡器</a> <a style="color: #999;">支架</a> <a style="color: #999;">电池/存电器</a> </li> <a style="color: #111;" class="aaa">影音娱乐 ></a> <li> <a style="color: #999;">耳机/耳麦</a> <a style="color: #999;">音箱/音响</a> <a style="color: #999;">智能音箱</a> <a style="color: #999;">便携/无线音箱</a> <a style="color: #999;">收音机</a> <a style="color: #999;">麦克风</a> <a style="color: #999;">MP3/MP4</a> <a style="color: #999;">专业音频</a> </li> <a style="color: #111;" class="aaa">智能设备 ></a> <li style="height: 60px;"> <a style="color: #999;">智能手环</a> <a style="color: #999;">智能手表</a> <a style="color: #999;">智能眼镜</a> <a style="color: #999;">智能机器人</a> <a style="color: #999;">运动跟踪器</a> <a style="color: #999;">健康监测</a> <a style="color: #999;">智能配饰</a> <a style="color: #999;">智能家居</a> <a style="color: #999;">体感车</a> <a style="color: #999;">无人机</a> <a style="color: #999;">其他配件</a> </li> <a style="color: #111;" class="aaa">电子教育 ></a> <li> <a style="color: #999;">学生平板</a> <a style="color: #999;">点读机</a> <a style="color: #999;">早教益智</a> <a style="color: #999;">录音笔</a> <a style="color: #999;">电纸书</a> <a style="color: #999;">电子词典</a> <a style="color: #999;">复读机</a> </li> </ol> <div class="header_r"> <div class="header_r_tu"> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> <a ><img src="/static/search/img/56b2f385n8e4eb051.jpg" /></a> </div> <div class="header_r_tu1"> <a ><img src="/static/search/img/JD_ash7.png" /></a> <a ><img src="/static/search/img/JD_ash6.png" /></a> </div> </div> </div> </li> <li> <a class="header_main_left_a"><b>电脑</b> / <b>办公</b></a> </li> <li> <a class="header_main_left_a"><b>家居</b> / <b>家具</b> / <b>家装</b> / <b>厨具</b></a> </li> <li> <a class="header_main_left_a"><b>男装</b> / <b>女装</b> / <b>童装</b> / <b>内衣</b></a> </li> <li> <a class="header_main_left_a"><b>美妆个护 </b>/ <b>宠物</b></a> </li> <li> <a class="header_main_left_a"><b>女鞋</b> / <b>箱包</b> / <b>钟表</b> / <b>珠宝</b></a> </li> <li> <a class="header_main_left_a"><b>男鞋</b> / <b>运动</b> / <b>户外</b></a> </li> <li> <a class="header_main_left_a"><b>汽车</b> / <b>汽车用品</b></a> </li> <li> <a class="header_main_left_a"><b>母婴</b> / <b>玩具乐器</b></a> </li> <li> <a class="header_main_left_a"><b>食品</b> / <b>酒类</b> / <b>生鲜</b> / <b>特产</b></a> </li> <li> <a class="header_main_left_a"><b>礼品鲜花</b> / <b>农资绿植</b></a> </li> <li> <a class="header_main_left_a"><b>医药保健</b> / <b>计生情趣</b></a> </li> <li> <a class="header_main_left_a"><b>图书</b> / <b>音箱</b>/ <b>电子书</b></a> </li> <li> <a class="header_main_left_a"><b>机票</b> / <b>酒店</b> / <b>旅游</b> / <b>生活</b></a> </li> <li> <a class="header_main_left_a"><b>理财</b> / <b>众筹</b> / <b>白条</b> / <b>保险</b></a> </li> </ul> </div> </div> <hr style="border: 1px solid red;margin-top: -7px;"> <!--热卖促销--> <div class="JD_temai"> <div class="JD_main"> <div class="JD_left"> <div class="hd"> 热卖推荐 </div> <div class="bd mc"> <ul class="mc"> <li> <a class="mc_a"><img src="/static/search/img/5a28b5a1n8a5c095f.jpg" alt=""></a> <div class="mc_div"> <a class="mc_div_a1"> <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <p> <strong> <em class="number J-p-5963064">¥2999.00</em> </strong> </p> <a class="mc_div_a2">立即抢购</a> </div> </li> <li> <a class="mc_a"><img src="/static/search/img/59f5eef1n99542494.jpg" alt=""></a> <div class="mc_div"> <a class="mc_div_a1"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> <p> <strong> <em class="number J-p-5963064">¥1699.00</em> </strong> </p> <a class="mc_div_a2">立即抢购</a> </div> </li> <li style="margin-right: 0"> <a class="mc_a"><img src="/static/search/img/59f5eef1n99542494.jpg" alt=""></a> <div class="mc_div"> <a class="mc_div_a1"> <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <p> <strong> <em class="number J-p-5963064">¥2999.00</em> </strong> </p> <a class="mc_div_a2">立即抢购</a> </div> </li> </ul> </div> </div> <div class="JD_right"> <div class="hd"> 促销活动</div> <div class="bd"> <ul> <li> . <a >红米千元全面屏手机上市</a></li> <li> . <a >锤子坚果Pro2火爆预约中</a></li> <li> . <a >大牌新品 疯狂抢购</a></li> <li> . <a >X20 vivo蓝新色上市</a></li> <li> . <a >荣耀畅玩7X新品上市</a></li> </ul> </div> </div> </div> </div> <!--手机--> <div class="JD_ipone"> <div class="JD_ipone_bar"> <div class="JD_ipone_one a"> <a >手机</a> </div> <i><img src="/static/search/image/right-@1x.png" alt=""></i> <div class="JD_ipone_one b"> <a class="qqq">手机通讯录 <img src="/static/search/image/down-@1x.png" alt=""></a> <div> <a >手机通讯</a> <a >运营商</a> <a >手机配件</a> <a >手机服务</a> </div> </div> <i><img src="/static/search/image/right-@1x.png" alt=""></i> <div class="JD_ipone_one c"> <a class="qqq">手机 <img src="/static/search/image/down-@1x.png" alt=""></a> <div> <a >手机</a> <a >老人机</a> <a >对讲机</a> <a >女性手机</a> <a >超续航手机</a> <a >全面屏手机</a> <a >拍照手机</a> <a >游戏手机</a> </div> </div> <div class="JD_ipone_one c" th:each="nav:${result.getNavs()}"> <!-- 遍历面包屑导航--> <a class="qqq" th:href="${nav.getLink()}"> <span th:text="${nav.getNavName()}"></span>: <span th:text="${nav.getNavValue()}"></span> x </a> <i><img src="/static/search/image/right-@1x.png" alt=""></i> </div> </div> </div> <!--商品筛选和排序--> <div class="JD_banner w"> <div class="JD_nav"> <div class="JD_selector"> <!--手机商品筛选--> <div class="title"> <h3><b>手机</b><em>商品筛选</em></h3> <div class="st-ext">共 <span th:text="${result.getTotal()}"></span>个商品 </div> </div> <div class="JD_nav_logo" th:with="brandId=${param.brandId},catelogId=${param.catalog3Id}"> <!--品牌--> <div th:if="${#strings.isEmpty(brandId)}" class="JD_nav_wrap"> <div class="sl_key"> <span><b>品牌:</b></span> </div> <div class="sl_value"> <div class="sl_value_logo"> <ul> <li th:each="brand:${result.getBrands()}"> <a th:href="${'javascript:searchProducts("brandId",'+brand.getBrandId()+')'}"> <img th:src="${brand.getBrandImg()}" alt=""> <div th:text="${brand.getBrandName()}"> </div> </a> </li> </ul> </div> </div> <div class="sl_ext"> <a > 更多 <i style='background: url("/static/search/image/search.ele.png")no-repeat 3px 7px'></i> <b style='background: url("/static/search/image/search.ele.png")no-repeat 3px -44px'></b> </a> <a > 多选 <i>+</i> <span>+</span> </a> </div> </div> <!--分类--> <div th:if="${#strings.isEmpty(catelogId)}" class="JD_pre"> <div class="sl_key"> <span><b>分类:</b></span> </div> <div class="sl_value"> <ul> <li th:each="catalog:${result.getCatalogs()}"><a th:href="${'javascript:searchProducts("catalog3Id",'+catalog.getCatalogId()+')'}" th:text="${catalog.getCatalogName()}"></a></li> </ul> </div> <div class="sl_ext"> <a > 更多 <i style='background: url("/static/search/image/search.ele.png")no-repeat 3px 7px'></i> <b style='background: url("/static/search/image/search.ele.png")no-repeat 3px -44px'></b> </a> <a > 多选 <i>+</i> <span>+</span> </a> </div> </div> <!--属性--> <div class="JD_pre" th:if="${!#lists.contains(result.getAttrIds(),attr.getAttrId())}" th:each="attr:${result.getAttrs()}"> <div class="sl_key"> <span th:text="${attr.getAttrName()+':'}"></span> </div> <div class="sl_value"> <ul> <li th:each="value:${attr.getAttrValue()}"><a th:href="${'javascript:searchProducts("attrs","'+attr.getAttrId()+'_'+value+'")'}" th:text="${value}"></a></li> </ul> </div> </div> </div> <div class="JD_show"> <a > <span> 更多选项( CPU核数、网络、机身颜色 等) </span> </a> </div> </div> <!--排序--> <div class="JD_banner_main"> <!--商品精选--> <div class="JD_con_left"> <div class="JD_con_left_bar"> <div class="JD_con_one"> <div class="mt"> <h3>商品精选</h3> <span>广告</span> </div> <div class="mc"> <ul> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/59bf3c.jpg" alt=""></a> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥2999.00</span> </strong> <span class="mc-ico" title="购买本商品送赠品"> <i class="goods-icons">赠品</i> </span> </div> <div class="mc_rev"> 已有 <a class="number">12466</a> 人评价 </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/59bf3c.jpg" alt=""></a> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥2999.00</span> </strong> <span class="mc-ico" title="购买本商品送赠品"> <i class="goods-icons">赠品</i> </span> </div> <div class="mc_rev"> 已有 <a class="number">12466</a> 人评价 </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/593ba628n8794c6a6.jpg" alt=""></a> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥1799.00</span> </strong> <span class="mc-ico" title="购买本商品送赠品"> <i class="goods-icons">赠品</i> </span> </div> <div class="mc_rev"> 已有 <a class="number">15600</a> 人评价 </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5919637an271a1301.jpg" alt=""></a> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>vivo Xplay6 全网通 6GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥3498.00</span> </strong> <span class="mc-ico" title="购买本商品送赠品"> <i class="goods-icons">赠品</i> </span> </div> <div class="mc_rev"> 已有 <a class="number">5369</a> 人评价 </div> </li> </ul> </div> </div> <div class="JD_con_one"> <div class="mt"> <h3>达人选购</h3> </div> <div class="mc"> <ul> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/59bf3c.jpg" alt=""></a> <a > <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥2999.00</span> </strong> </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/59bf3c.jpg" alt=""></a> <a > <em>华为 HUAWEI nova 2S 全面屏四摄 6GB +64GB 曜石黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥2999.00</span> </strong> </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/593ba628n8794c6a6.jpg" alt=""></a> <a > <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥1799.00</span> </strong> </div> </li> <li> <a title="vivo X9s 全网通 4GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待"><img src="/static/search/img/5919637an271a1301.jpg" alt=""></a> <a > <em>vivo Xplay6 全网通 6GB+64GB 磨砂黑 移动联通电信4G手机 双卡双待</em> </a> <div class="mc_price"> <strong class="price"> <span class="J-p-5963064">¥3498.00</span> </strong> </div> </li> </ul> </div> </div> <div class="JD_con_one" style="border:none;"> <div class="mt"> <h3>商品精选</h3> <span>广告</span> </div> <div class="mc"> <ul> <li> <a ><img src="/static/search/img/599a806bn9d829c1c.jpg" alt=""></a> </li> <li> <a ><img src="/static/search/img/593e4de0n5ff878a4.jpg" alt=""></a> </li> </ul> </div> </div> </div> </div> <!--综合排序--> <div class="JD_con_right"> <div class="filter"> <!--综合排序--> <div class="filter_top"> <div class="filter_top_left" th:with="sort=${param.sort},skuRange=${param.skuPrice}"> <a sort="hotScore" th:attr="style=${(#strings.isEmpty(sort)||#strings.startsWith(sort,'hotScore'))?'color:#FFF;border-color:#e4393c;background:#e4393c':'color:#333;border-color:#CCC;background:#fff'}" th:class="${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'hotScore')&&#strings.endsWith(sort,'desc'))?'sort_a desc':'sort_a'}"> 综合排序[[${((!#strings.isEmpty(sort))&&(#strings.startsWith(sort,'hotScore'))&&(#strings.endsWith(sort,'desc')))?'↓':'↑'}]] </a> <a sort="saleCount" th:attr="style=${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'saleCount'))?'color:#FFF;border-color:#e4393c;background:#e4393c':'color:#333;border-color:#CCC;background:#fff'}" th:class="${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'saleCount')&&#strings.endsWith(sort,'desc'))?'sort_a desc':'sort_a'}"> 销量[[${((!#strings.isEmpty(sort))&&(#strings.startsWith(sort,'saleCount'))&&(#strings.endsWith(sort,'desc')))?'↓':'↑'}]] </a> <a sort="skuPrice" th:attr="style=${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'skuPrice'))?'color:#FFF;border-color:#e4393c;background:#e4393c':'color:#333;border-color:#CCC;background:#fff'}" th:class="${(!#strings.isEmpty(sort)&&#strings.startsWith(sort,'skuPrice')&&#strings.endsWith(sort,'desc'))?'sort_a desc':'sort_a'}"> 价格[[${((!#strings.isEmpty(sort))&&(#strings.startsWith(sort,'skuPrice'))&&(#strings.endsWith(sort,'desc')))?'↓':'↑'}]] </a> <a>评论分</a> <a>上架时间</a> <input style="width: 100px;margin-left: 30px;" id="skuPriceFrom" type="number" th:value="${#strings.isEmpty(skuRange)?'':(#strings.substringBefore(skuRange,'_'))}"> - <input style="width: 100px;" id="skuPriceTo" type="number" th:value="${#strings.isEmpty(skuRange)?'':(#strings.substringAfter(skuRange,'_'))}"> <button id="skuPriceSearchBtn">确定</button> </div> <div class="filter_top_right"> <span class="fp-text"> <b>1</b><em>/</em><i>169</i> </span> <a class="prev"><</a> <a class="next"> > </a> </div> </div> <!--收货地址--> <div class="filter_bottom"> <div class="filter_bottom_left"> <div class="fs-cell">收货地</div> <div class="dizhi"> <div class="dizhi_show"> <em>北京朝阳区三环以内</em> <b></b> </div> </div> <div class="dizhi_con"> <ul id="tab"> <li id="tab1" value="1">北京 <img src="/static/search/image/down-@1x.png" alt=""></li> <li id="tab2" value="2">朝阳 <img src="/static/search/image/down-@1x.png" alt=""></li> <li id="tab3" value="3">三环以内 <img src="/static/search/image/down-@1x.png" alt=""></li> </ul> <div id="container"> <div id="content1" style="z-index: 1;"> <a >北京</a> <a >上海</a> <a >天津</a> <a >重庆</a> <a >河北</a> <a >山西</a> <a >河南</a> <a >辽宁</a> <a >吉林</a> <a >黑龙江</a> <a >内蒙古</a> <a >江苏</a> <a >山东</a> <a >安徽</a> <a >浙江</a> <a >福建</a> <a >湖北</a> <a >湖南</a> <a >广东</a> <a >广西</a> <a >江西</a> <a >四川</a> <a >海南</a> <a >贵州</a> <a >云南</a> <a >西藏</a> <a >陕西</a> <a >甘肃</a> <a >青海</a> <a >宁夏</a> <a >新疆</a> <a >港澳</a> <a >台湾</a> <a >钓鱼岛</a> <a >海外</a> </div> <div id="content2"> <a >朝阳区</a> <a >海淀区</a> <a >西城区</a> <a >东城区</a> <a >大兴区</a> <a >丰台区</a> <a >昌平区</a> <a >顺义区</a> </div> <div id="content3"> <a >三环以内</a> <a >管庄</a> <a >北苑</a> <a >定福庄</a> <a >三环到四环之间</a> <a >四环到五环之间</a> <a >五环到六环之间</a> </div> </div> </div> </div> <div class="filter_bottom_right"> <ul> <li> <a > <i></i> 京东商城配送 </a> </li> <li> <a > <i></i> 京尊达 </a> </li> <li> <a > <i></i> 货到付款 </a> </li> <li> <a class="hasStock" th:with="checked=${param.hasStock}"> <input th:checked="${#strings.equals(checked,'1')}" type="checkbox" class="hasStock" id="hasStockChecked"> 仅显示有货 </a> </li> <li> <a > <i></i> 可配送全球 </a> </li> </ul> </div> </div> <!--排序内容;每四个一组--> <div class="rig_tab"> <div th:each="product:${result.getProducts()}"> <div class="ico"> <i class="iconfont icon-weiguanzhu"></i> <a >关注</a> </div> <p class="da"> <a th:href="|http://item.alatusmall.com/${product.getSkuId()}.html|" th:title="${product.getSkuTitle()}"> <img th:src="${product.getSkuImg()}" class="dim"> </a> </p> <ul class="tab_im"> <li><a title="黑色"> <img th:src="${product.getSkuImg()}" c></a></li> </ul> <p class="tab_R"> <span th:text="'¥'+${product.getSkuPrice()}"></span> </p> <p class="tab_JE"> <a th:utext="${product.getSkuTitle()}"> </a> </p> <p class="tab_PI">已有<span>11万+</span>热门评价 <a >二手有售</a> </p> <p class="tab_CP"><a th:title="${'京东商城'+product.getBrandName()+'产品专营店'}" th:text="${'京东商城'+product.getBrandName()+'产品...'}"></a> <a href='#' title="联系供应商进行咨询"> <img src="/static/search/img/xcxc.png"> </a> </p> <div class="tab_FO"> <div class="FO_one"> <p>自营 <span>京东商城自营,品质保证</span> </p> <p>满赠 <span>该商品参加满赠活动</span> </p> </div> </div> </div> </div> <!--分页--> <div class="filter_page"> <div class="page_wrap"> <span class="page_span1"> <a class="page_a" th:attr="pn=${(result.getPageNum())-1}" th:if="${result.getPageNum()>1}"> < 上一页 </a> <a class="page_a" th:attr="pn=${i},style=${i==result.getPageNum()?'border: 0;color:#ee2222;background: #fff':''}" th:each="i:${#numbers.sequence(1, result.totalPages)}" th:text="${i}"> [[${i}]] </a> <a th:if="${(result.getTotalPages()-result.getPageNum())>10}" style="border: 0;font-size: 20px;color: #999;background: #fff">...</a> <a class="page_a" th:attr="pn=${(result.getPageNum())+1}" th:if="${result.getPageNum()<result.getTotalPages()}"> 下一页 > </a> </span> <span class="page_span2"> <em>共<b>[[${result.getTotalPages()}]]</b>页 到第</em> <input type="number" th:value="${result.getPageNum()}" id="inputPage"> <em>页</em> <a id="choosePage">确定</a> </span> </div> </div> </div> </div> </div> </div> </div> <!--商品精选--> <div class="JD_jx"> <div class="JD_jx_title"> <div class="mt"> <strong class="mt-title">商品精选</strong> <img src="/static/search/image/u-ad.gif" alt=""> </div> <div class="mc"> <ul> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> <li> <div class="mc_img"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <img src="/static/search/img/5a25ffc7N98b35d49.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待"> <em>【预约版】华为 HUAWEI 畅享7S 全面屏双摄 4GB +64GB 黑色 移动联通电信4G手机 双卡双待</em> </a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> <span class="mc_ico" title="购买本商品送赠品">赠品</span> </div> <div class="mc_rev"> <a >15930</a> <span>人好评</span> </div> </li> </ul> </div> </div> </div> <!--猜你喜欢--> <div class="JD_cnxh"> <div class="JD_jx_title"> <div class="mt"> <strong class="mt-title">猜你喜欢</strong> <a > <img src="/static/search/image/update.png" alt=""> 换一批 </a> </div> <div class="mc"> <ul> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/59bf3c.jpg" alt=""> </a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a28b5c6Ndec5088f.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/593e4de0n5ff878a4.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/593e4de0n5ff878a4.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/59c493a7N3f9b9c86.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"><img src="/static/search/img/59c493a7N3f9b9c86.jpg" alt=""></a> </div> <div class="mc_name"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <em>诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机</em> </a> </div> <div class="mc_rev"> <a >已有80万+人评价</a> </div> <div class="mc_price"> <strong> <span>¥1999.00</span> </strong> </div> </li> </ul> </div> </div> </div> <!--我的足迹--> <div class="JD_zuji"> <div class="JD_jx_title"> <div class="mt"> <strong class="mt-title">我的足迹</strong> <a > 更多浏览记录 </a> </div> <div class="mc"> <ul> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/59e58a11Nc38676d5.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥2998.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a28acccN73689386.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥88.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a1690ddN441b5dce.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥199.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a02bde7N7d4453b1.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥799.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a122dbeN044ebf19.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥599.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/59c493a7N3f9b9c85.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥699.00</span> </strong> </div> </li> <li> <div class="mc_img"> <a title="诺基亚 7 (Nokia 7) 4GB+64GB 黑色 全网通 双卡双待 移动联通电信4G手机"> <img src="/static/search/img/5a08f6f6N5bab2c1c.jpg" alt=""> </a> </div> <div class="mc_price"> <strong> <span>¥715.00</span> </strong> </div> </li> </ul> </div> </div> </div> <div style="width: 1210px;margin: 0 auto;margin-bottom: 10px"><img src="/static/search/img/5a33a2e0N9a04b4af.jpg" alt=""></div> <!--底部--> <footer class="footer"> <div class="footer_top"> <ul> <li> <span></span> <h3>品类齐全,轻松购物</h3> </li> <li> <span></span> <h3>多仓直发,极速配发</h3> </li> <li> <span></span> <h3>正品行货,精致服务</h3> </li> <li> <span></span> <h3>天天低价,畅选无忧</h3> </li> </ul> </div> <div class="footer_center"> <ol> <li>购物指南</li> <li><a style="color: rgb(114, 114, 114);">购物流程</a> </li> <li><a style="color: rgb(114, 114, 114);">会员介绍</a> </li> <li><a >生活旅行</a> </li> <li><a style="color: rgb(114, 114, 114);">常见问题</a> </li> <li><a >大家电</a> </li> <li><a style="color: rgb(114, 114, 114);">联系客服</a> </li> </ol> <ol> <li>配送方式</li> <li><a style="color: rgb(114, 114, 114);">上门自提</a> </li> <li><a style="color: rgb(114, 114, 114);">211限时达</a> </li> <li><a style="color: rgb(114, 114, 114);">配送服务查询</a> </li> <li><a style="color: rgb(114, 114, 114);">配送费收取标准</a> </li> <li><a style="color: rgb(114, 114, 114);">海外配送</a> </li> </ol> <ol> <li>支付方式</li> <li><a style="color: rgb(114, 114, 114);">货到付款</a> </li> <li><a style="color: rgb(114, 114, 114);">在线支付</a> </li> <li><a style="color: rgb(114, 114, 114);">分期付款</a> </li> <li><a style="color: rgb(114, 114, 114);">邮局汇款</a> </li> <li><a style="color: rgb(114, 114, 114);">公司转账</a> </li> </ol> <ol> <li>售后服务</li> <li><a style="color: rgb(114, 114, 114);">售后政策</a> </li> <li><a style="color: rgb(114, 114, 114);">价格保护</a> </li> <li><a style="color: rgb(114, 114, 114);">退款说明</a> </li> <li><a style="color: rgb(114, 114, 114);">返修/退换货</a> </li> <li><a >取消订单</a> </li> </ol> <ol> <li>特色服务</li> <li><a style="color: rgb(114, 114, 114);">夺宝岛</a> </li> <li><a >DIY装机</a> </li> <li><a style="color: rgb(114, 114, 114);">延保服务</a> </li> <li><a style="color: rgb(114, 114, 114);">京东商城E卡</a> </li> <li><a style="color: rgb(114, 114, 114);">京东商城通信</a> </li> <li><a style="color: rgb(114, 114, 114);">京东商城gulimall+</a> </li> </ol> <ol> <li>京东商城自营覆盖区域</li> <li> 京东商城已向全国2661个区县提供自<br> 营配送服务,支持货到付款、 <br> POS机刷卡和售后上门服务。 </li> <li><a style="color: rgb(114, 114, 114);">查看详情></a> </li> </ol> </div> <div class="footer_foot"> <p class="footer_p p1"> <a >关于我们</a> <span></span> <a style="color: rgb(114, 114, 114);">联系我们</a> <span></span> <a >联系客服</a> <span></span> <a style="color: rgb(114, 114, 114);">合作招商</a> <span></span> <a style="color: rgb(114, 114, 114);">商家帮助</a> <span></span> <a style="color: rgb(114, 114, 114);">营销中心</a> <span></span> <a style="color: rgb(114, 114, 114);">手机京东商城</a> <span></span> <a style="color: rgb(114, 114, 114);">友情链接</a> <span></span> <a style="color: rgb(114, 114, 114);">销售联盟</a> <span></span> <a style="color: rgb(114, 114, 114);">京东商城社区</a> <span></span> <a style="color: rgb(114, 114, 114);">风险监测</a> <span></span> <a >隐私政策</a> <span></span> <a >京东商城公益</a> <span></span> <a style="color: rgb(114, 114, 114);">English Site</a> <span></span> <a >media & IR</a> </p> <p class="footer_p"> <a >京公网安备 11000002000088号</a> <span></span> <a >京ICP证070359号</a> <span></span> <a >互联网药品信息服务资格证编号(京)-经营性-2014-0008</a> <span></span> <a >新出发京零 字第大120007号</a> </p> <p class="footer_p"> <a >互联网出版许可证编号新出网证(京)字150号</a> <span></span> <a >出版物经营许可证</a> <span></span> <a >网络文化经营许可证京网文[2014]2148-348号</a> <span></span> <a >违法和不良信息举报电话:4006561155</a> </p> <p class="footer_p"> <a >Copyright © 2004 - 2017 京东商城JD.com 版权所有</a> <span></span> <a >消费者维权热线:4006067733</a> <a >经营证照</a> </p> <p class="footer_p"> <a >京东商城旗下网站:</a> <a >京东商城支付</a> <span></span> <a >京东商城云</a> </p> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> </footer> <!--右侧侧边栏--> <div class="header_bar"> <div class="header_bar_box"> <ul> <li> <a ><img src="/static/search/img/wo.png" /></a> <div class="div"> <a >京东商城会员</a> </div> </li> <li> <a ><img src="/static/search/img/gouwuche.png" /></a> <div class="div"> <a >购物车</a> </div> </li> <li> <a ><img src="/static/search/img/taoxin.png" /></a> <div class="div"> <a >我的关注</a> </div> </li> <li> <a ><img src="/static/search/img/shi.png" /></a> <div class="div"> <a >我的足迹</a> </div> </li> <li> <a ><img src="/static/search/img/xinxi.png" /></a> <div class="div"> <a >我的消息</a> </div> </li> <li> <a ><img src="/static/search/img/qianbao.png" /></a> <div class="div"> <a >资讯JIMI</a> </div> </li> </ul> <ul> <li> <a ><img src="/static/search/img/fa3f24a70d38bd439261cb7439e517a5.png" /></a> <div class="div"> <a >顶部</a> </div> </li> <li> <a ><img src="/static/search/img/xinxi.png" /></a> <div class="div"> <a >反馈</a> </div> </li> </ul> </div> </div> <script> $(".sl_ext a:nth-child(1)").hover(function(){ $(this).children("b").stop(true).animate({top:"3px"},50); $(this).children("i").stop(true).animate({top:"-23px"},50) },function(){ $(this).children("b").stop(true).animate({top:"24px"},50); $(this).children("i").stop(true).animate({top:"3px"},50) }); $(".sl_ext a:nth-child(2)").hover(function(){ $(this).children("span").stop(true).animate({top:"-1px"},100); $(this).children("i").stop(true).animate({top:"-14px"},100).css({display:"none"}) },function(){ $(this).children("span").stop(true).animate({top:"14px"},100); $(this).children("i").stop(true).animate({top:"-1px"},100).css({display:"block"}) }); $('.tab_im img').hover(function(){ var a=$(this).prop('src'); var index=$(this).parents('li').index(); $(this).parents('li').css('border','2px solid red').siblings('li').css('border','1px solid #ccc'); $(this).parents('ul').prev().find('img').prop('src',a); $(this).parents('ul').siblings('.tab_JE').find('a').eq(list).css('display','block').siblings('a').css('display','none'); $(this).parents('ul').siblings('.tab_R').find('span').eq(list).css('display','block').siblings('span').css('display','none') }); $(".JD_ipone_one").hover(function(){ $(this).children("div").css({display:"block"}) },function(){ $(this).children("div").css({display:"none"}) }); $("#tab>li").click(function() { let i = $(this).index(); $("#container>div").hide().eq(i).show() }); $(".dizhi_show").hover(function(){ $(".dizhi_con").css({display:"block"}) },function(){ $(".dizhi_con").css({display:"none"}) }); $(".dizhi_con").hover(function(){ $(this).css({display:"block"}) },function(){ $(this).css({display:"none"}) }); //显示隐藏 let $li = $(".JD_nav_logo>div:gt(3)").hide(); $('.JD_show span').click(function(){ if($li.is(':hidden')){ $li.show(); $(this).css({width:"86px"}).text('收起 ^'); }else{ $li.hide(); $('.JD_show span').css({width:"291px"}).text('更多选项( CPU核数、网络、机身颜色 等)'); } return false; }); $(".rig_tab>div").hover(function(){ var i = $(this).index(); $(this).find('.ico').css({display:'block'}).stop(true).animate({top:"190px"},300) },function(){ var i = $(this).index(); $(this).find('.ico').css({display:'none'}).stop(true).animate({top:"230px"}) }); $('.header_main_left>ul>li').hover(function() { $(this).css({ background: "#f0f0f0" }).find('.header_main_left_main').stop(true).fadeIn(300) }, function() { $(this).css({ background: "#fff" }).find(".header_main_left_a").css({ color: "#000" }); $(this).find('.header_main_left_main').stop(true).fadeOut(100) }); $(".header_sj a").hover(function() { $(this).css({ background: "#444" }) }, function() { $(this).css({ background: "#6e6568" }) }); $(".nav_li1 a").hover(function(){ $(".header_main_left").stop(true).fadeIn() },function(){ $(".header_main_left").stop(true).fadeOut() }); $(".header_main_left").hover(function(){ $(this).stop(true).fadeIn() },function(){ $(this).stop(true).fadeOut() }); //右侧侧边栏 $(".header_bar_box ul li").hover(function() { $(this).css({ background: "#7A6E6E" }).children(".div").css({ display: "block" }).stop(true).animate({ left: "-60px" }, 300) }, function() { $(this).css({ background: "#7A6E6E" }).children(".div").css({ display: "none" }).stop(true).animate({ left: "0" }, 300) }); //底部 $(".footer_foot .p1 a").hover(function(){ $(this).css("color","#D70B1C") },function(){ $(this).css("color","#727272") }); $(".footer .footer_center ol li a").hover(function(){ $(this).css("color","#D70B1C") },function(){ $(this).css("color","#727272") }) function searchProducts(name,value){ let href = location.href + ""; if(href.indexOf("?")===-1){ location.href = location.href + "?" + name + "=" + value; } else{ location.href = location.href+"&"+name+"="+value; } } function replaceParamVal(url, paramName, replaceVal) { let oUrl = url.toString(); let re = eval('/('+paramName+'=)([^&]*)/gi'); let nUrl = oUrl.replace(re,paramName+'='+replaceVal); return nUrl; } function hrefChange(key,value){ let href = location.href + ""; if(href.indexOf(key)===-1){ searchProducts(key,value); } else{ location.href = replaceParamVal(href,key,value); } } $(".page_a").click(function(){ let pn = $(this).attr("pn"); hrefChange("pageNum",pn); }); document.getElementById("choosePage").onclick = function(){ let inputPage = document.getElementById("inputPage").value; hrefChange("pageNum",inputPage); } $(".sort_a").click(function(){ $(this).toggleClass("desc"); // 获取排序字段 let sort = $(this).attr("sort"); // 获取升降序 let value = $(this).hasClass("desc")?"_desc":"_asc"; // 跳转到指定位置 let sortWay = sort + value; hrefChange("sort",sortWay); }); $("#skuPriceSearchBtn").click(function(){ // 拼上价格区间的值 let from = $("#skuPriceFrom").val(); let to = $("#skuPriceTo").val(); let query = from + "_" + to; let href = location.href+""; if(href.indexOf("skuPrice=")===-1){ searchProducts("skuPrice",query); } else{ location.href = replaceParamVal(href,"skuPrice",query); } }); $(".hasStock").change(function(){ if($("#hasStockChecked").prop('checked')){ hrefChange("hasStock",1); } else{ hrefChange("hasStock",0); } }); function searchByKeyword(){ hrefChange("keyword",$("#keywordInput").val()); } </script> </body> </html>
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="/static/order/pay/css/style.css"> <script src="/static/order/pay/js/jquery-3.1.1.min.js" charset="utf-8"></script> </head> <body> <div class="One_Jdbox"> <div class="Jdbox_head"> <img src="/static/order/pay/img/logo1.jpg" alt=""><span class="bank">收银台</span> <ul> <li><span>[[${session.get('loginUser').getNickname()}]]</span><span>退出</span></li> <li>我的订单</li> <li>支付帮助</li> </ul> </div> <div class="Jdbox_BuySuc"> <dl> <dt><img src="/static/order/pay/img/saoyisao.png" alt=""></dt> <dd> <span>订单提交成功,请尽快付款!订单号:70715901829</span> <span>应付金额<font>28.90</font>元</span> </dd> <dd> <span>推荐使用</span> <span>扫码支付请您在<font>24小时</font>内完成支付,否则订单会被自动取消(库存紧订单请参见详情页时限)</span> <span>订单详细</span> </dd> </dl> </div> <div class="Jd_Con"> <p class="JdCon_title"><img src="/static/order/pay/img/title.png" alt=""></p> <div class="Jd_Fenqi"> <ul> <li><img src="/static/order/pay/img/BAITIAO_2.0.png" alt="">打白条</li> <li> <span>可用额度 7275.38元</span> <span>白条还款日 2018-01-27</span> <span><font>优惠</font>随机立减(最高10元)</span> </li> <li>支付<font>28.90</font>元</li> </ul> <ol> <li> <p>不分期</p> <p>0服务费</p> </li> <li> <p>3期</p> <p>9.48元/期</p> </li> <li> <p>6期</p> <p>4.94元/期</p> </li> <li> <p>12期</p> <p>2.35元/期</p> </li> <li> <p>24期</p> <p>1.44元/期</p> </li> </ol> </div> <div class="Jd_main"> <ul> <li> <span> <img src="/static/order/pay/img/XJKCONSUME.png" alt="">谷粒学院小金库 </span> <span>未开通小金库</span> </li> <li> <span> <img src="/static/order/pay/img/CMB.png" alt="">招商银行 </span> <span>信用卡(4337)</span> <span><font>优惠</font>单单减最高99元</span> </li> <li> <button>更多付款方式</button> <button>添加新卡/网银支付</button> </li> <li> <p>请输入6位数字支付密码</p> <input type="password"><span>忘记支付密码?</span> </li> <li> <button>立即支付</button> </li> </ul> </div> </div> <div class="Jd_footer"> <ul> <li> <img src="/static/order/pay/img/weixin.png" alt="">微信支付 </li> <li> <img src="/static/order/pay/img/zhifubao.png" style="weight:auto;height:30px;" alt="">支付宝 </li> </ul> </div> <div class="Jd_foots"> <p> <span>Copyright @2004-2017 谷粒学院gulimall.com 版权所有</span> <span> <img src="/static/order/pay/img/foots.png" alt=""> </span> </p> </div> </div> </body> <script type="text/javascript"> //头部订单成功 订单详细鼠标移入效果 $(".Jdbox_BuySuc dl dd:last-child span:last-child").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#7EA4FF") }) //分期付款鼠标移入hover效果 $(".Jd_Fenqi>ol li:not(:first-child)").mouseover(function(){ $(this).css({"cursor":"pointer","border":"1px solid #E31613"}) }).mouseout(function(){ $(this).css("border","1px solid #C9DFFF") }) //支付方式按钮选择hover效果 $(".Jd_main ul li:nth-child(3) button").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#67A4FF") }) //忘记密码鼠标移入效果 $(".Jd_main ul li:nth-child(4) span").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#67A4FF") }) //立即支付按钮效果 $(".Jd_main ul li:nth-child(5) button").mouseover(function(){ $(this).css({"cursor":"pointer","background":"#FF5350"}) }).mouseout(function(){ $(this).css("background","#FC6E6C") }) $(".Jd_footer ul li").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#5E5E5E") }) $(".Jdbox_head>ul li span").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#666666") }) $(".Jdbox_head>ul li:not(:first-child)").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#666666") }) $(".Jd_Fenqi ul li:first-child").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#666666"}) }).mouseout(function(){ $(this).css({"color":"black"}) }) </script> </html>
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="/static/order/pay/css/style.css"> <script src="/static/order/pay/js/jquery-3.1.1.min.js" charset="utf-8"></script> </head> <body> <div class="One_Jdbox"> <div class="Jdbox_head"> <img src="/static/order/pay/img/logo1.jpg" alt=""><span class="bank">收银台</span> <ul> <li><span>[[${session.get('loginUser').getNickname()}]]</span><span>退出</span></li> <li>我的订单</li> <li>支付帮助</li> </ul> </div> <div class="Jdbox_BuySuc"> <dl> <dt><img src="/static/order/pay/img/saoyisao.png" alt=""></dt> <dd> <span>订单提交成功,请尽快付款!订单号:70715901829</span> <span>应付金额<font>28.90</font>元</span> </dd> <dd> <span>推荐使用</span> <span>扫码支付请您在<font>24小时</font>内完成支付,否则订单会被自动取消(库存紧订单请参见详情页时限)</span> <span>订单详细</span> </dd> </dl> </div> <div class="Jd_Con"> <p class="JdCon_title"><img src="/static/order/pay/img/title.png" alt=""></p> <div class="Jd_Fenqi"> <ul> <li><img src="/static/order/pay/img/BAITIAO_2.0.png" alt="">打白条</li> <li> <span>可用额度 7275.38元</span> <span>白条还款日 2018-01-27</span> <span><font>优惠</font>随机立减(最高10元)</span> </li> <li>支付<font>28.90</font>元</li> </ul> <ol> <li> <p>不分期</p> <p>0服务费</p> </li> <li> <p>3期</p> <p>9.48元/期</p> </li> <li> <p>6期</p> <p>4.94元/期</p> </li> <li> <p>12期</p> <p>2.35元/期</p> </li> <li> <p>24期</p> <p>1.44元/期</p> </li> </ol> </div> <div class="Jd_main"> <ul> <li> <span> <img src="/static/order/pay/img/XJKCONSUME.png" alt="">谷粒学院小金库 </span> <span>未开通小金库</span> </li> <li> <span> <img src="/static/order/pay/img/CMB.png" alt="">招商银行 </span> <span>信用卡(4337)</span> <span><font>优惠</font>单单减最高99元</span> </li> <li> <button>更多付款方式</button> <button>添加新卡/网银支付</button> </li> <li> <p>请输入6位数字支付密码</p> <input type="password"><span>忘记支付密码?</span> </li> <li> <button>立即支付</button> </li> </ul> </div> </div> <div class="Jd_footer"> <ul> <li> <img src="/static/order/pay/img/weixin.png" alt="">微信支付 </li> <li> <img src="/static/order/pay/img/zhifubao.png" style="weight:auto;height:30px;" alt="">支付宝 </li> </ul> </div> <div class="Jd_foots"> <p> <span>Copyright @2004-2017 谷粒学院gulimall.com 版权所有</span> <span> <img src="/static/order/pay/img/foots.png" alt=""> </span> </p> </div> </div> </body> <script type="text/javascript"> //头部订单成功 订单详细鼠标移入效果 $(".Jdbox_BuySuc dl dd:last-child span:last-child").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#7EA4FF") }) //分期付款鼠标移入hover效果 $(".Jd_Fenqi>ol li:not(:first-child)").mouseover(function(){ $(this).css({"cursor":"pointer","border":"1px solid #E31613"}) }).mouseout(function(){ $(this).css("border","1px solid #C9DFFF") }) //支付方式按钮选择hover效果 $(".Jd_main ul li:nth-child(3) button").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#67A4FF") }) //忘记密码鼠标移入效果 $(".Jd_main ul li:nth-child(4) span").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#67A4FF") }) //立即支付按钮效果 $(".Jd_main ul li:nth-child(5) button").mouseover(function(){ $(this).css({"cursor":"pointer","background":"#FF5350"}) }).mouseout(function(){ $(this).css("background","#FC6E6C") }) $(".Jd_footer ul li").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#5E5E5E") }) $(".Jdbox_head>ul li span").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#666666") }) $(".Jdbox_head>ul li:not(:first-child)").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#E31613"}) }).mouseout(function(){ $(this).css("color","#666666") }) $(".Jd_Fenqi ul li:first-child").mouseover(function(){ $(this).css({"cursor":"pointer","color":"#666666"}) }).mouseout(function(){ $(this).css({"color":"black"}) }) </script> </html>
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE" /> <link rel="stylesheet" type="text/css" href="/static/order/detail/bootstrap/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="/static/order/detail/css/scss.css" /> </head> <body> <div id="max"> <!--顶部--> <header> <div class="min"> <ul class="header_ul_left"> <li class="glyphicon glyphicon-home"> <a href="/static/order/detail/shouye.html" class="aa">谷粒商城首页</a> </li> <li class="glyphicon glyphicon-map-marker"> <a href="/static/order/detail/javascript:;">北京</a> <ol id="beijing"> <li style="background: red;"> <a href="/static/order/detail/javascript:;" style="color: white;">北京</a> </li> <li> <a href="/static/order/detail/javascript:;">上海</a> </li> <li> <a href="/static/order/detail/javascript:;">天津</a> </li> <li> <a href="/static/order/detail/javascript:;">重庆</a> </li> <li> <a href="/static/order/detail/javascript:;">河北</a> </li> <li> <a href="/static/order/detail/javascript:;">山西</a> </li> <li> <a href="/static/order/detail/javascript:;">河南</a> </li> <li> <a href="/static/order/detail/javascript:;">辽宁</a> </li> <li> <a href="/static/order/detail/javascript:;">吉林</a> </li> <li> <a href="/static/order/detail/javascript:;">黑龙江</a> </li> <li> <a href="/static/order/detail/javascript:;">内蒙古</a> </li> <li> <a href="/static/order/detail/javascript:;">江苏</a> </li> <li> <a href="/static/order/detail/javascript:;">山东</a> </li> <li> <a href="/static/order/detail/javascript:;">安徽</a> </li> <li> <a href="/static/order/detail/javascript:;">浙江</a> </li> <li> <a href="/static/order/detail/javascript:;">福建</a> </li> <li> <a href="/static/order/detail/javascript:;">湖北</a> </li> <li> <a href="/static/order/detail/javascript:;">湖南</a> </li> <li> <a href="/static/order/detail/javascript:;">广东</a> </li> <li> <a href="/static/order/detail/javascript:;">广西</a> </li> <li> <a href="/static/order/detail/javascript:;">江西</a> </li> <li> <a href="/static/order/detail/javascript:;">四川</a> </li> <li> <a href="/static/order/detail/javascript:;">海南</a> </li> <li> <a href="/static/order/detail/javascript:;">贵州</a> </li> <li> <a href="/static/order/detail/javascript:;">云南</a> </li> <li> <a href="/static/order/detail/javascript:;">西藏</a> </li> <li> <a href="/static/order/detail/javascript:;">陕西</a> </li> <li> <a href="/static/order/detail/javascript:;">甘肃</a> </li> <li> <a href="/static/order/detail/javascript:;">青海</a> </li> <li> <a href="/static/order/detail/javascript:;">宁夏</a> </li> <li> <a href="/static/order/detail/javascript:;">新疆</a> </li> <li> <a href="/static/order/detail/javascript:;">港澳</a> </li> <li> <a href="/static/order/detail/javascript:;">台湾</a> </li> <li> <a href="/static/order/detail/javascript:;">钓鱼岛</a> </li> <li> <a href="/static/order/detail/javascript:;">海外</a> </li> </ol> </li> </ul> <ul class="header_ul_right"> <li style="border: 0;"> <a th:if="${session.get('loginUser')==null}" href="http://auth.alatusmall.com/login.html" class="aa">你好,请登录</a> <a th:if="${session.get('loginUser')!=null}" class="aa">[[${session.get('loginUser').getNickname()}]]</a> |</li> <li> <a href="http://auth.alatusmall.com/reg.html" style="color: red;">免费注册</a> |</li> <li> <a href="/static/order/detail/javascript:;" class="aa">我的订单</a> |</li> <li class="jingdong" style="width:95px;"> <a href="/static/order/detail/javascript:;">我的谷粒商城</a><span class="glyphicon glyphicon-menu-down">|</span> <ol class="jingdong_ol"> <li> <a href="/static/order/detail/javascript:;">待处理订单</a> </li> <li> <a href="/static/order/detail/javascript:;">消息</a> </li> <li> <a href="/static/order/detail/javascript:;">返修退换货</a> </li> <li> <a href="/static/order/detail/javascript:;">我的回答</a> </li> <li> <a href="/static/order/detail/javascript:;">降价商品</a> </li> <li> <a href="/static/order/detail/javascript:;">我的关注</a> </li> <li style="width: 100%;height: 1px;background: lavender;margin-top: 15px;"></li> <li style="margin-top: 0;"> <a href="/static/order/detail/javascript:;">我的京豆</a> </li> <li style="margin-top: 0;"> <a href="/static/order/detail/javascript:;">我的优惠券</a> </li> <li style="margin-bottom: 10px;"> <a href="/static/order/detail/javascript:;">我的白条</a> </li> <li style="margin-bottom: 10px;"> <a href="/static/order/detail/javascript:;">我的理财</a> </li> <p><span>我的足迹</span><span class="span1">更多 > </span></p> <div> <img src="/static/order/detail/img/59dd8156N3d39c5d5.jpg" /> <img src="/static/order/detail/img/59ce706fN6f3f2a4a.jpg" /> <img src="/static/order/detail/img/599079abNa63762a2.jpg" /> <img src="/static/order/detail/img/59bfbe3cN63e4979b.jpg" /> </div> </ol> </li> <li style="width:80px;"> <a href="/static/order/detail/javascript:;" class="aa">谷粒商城会员</a> |</li> <li> <a href="/static/order/detail/javascript:;" class="aa">企业采购</a> |</li> <li class="fuwu"> <a href="/static/order/detail/javascript:;">客户服务</a><span class="glyphicon glyphicon-menu-down"></span> | <ol class="fuwu_ol"> <h6>客户</h6> <li> <a href="/static/order/detail/javascript:;">帮助中心</a> </li> <li> <a href="/static/order/detail/javascript:;">售后服务</a> </li> <li> <a href="/static/order/detail/javascript:;">在线客服</a> </li> <li> <a href="/static/order/detail/javascript:;">意见建议</a> </li> <li> <a href="/static/order/detail/javascript:;">电话客服</a> </li> <li> <a href="/static/order/detail/javascript:;">客服邮箱</a> </li> <li style="margin-bottom: -5px;"> <a href="/static/order/detail/javascript:;">金融咨询</a> </li> <li style="margin-bottom: -5px;"> <a href="/static/order/detail/javascript:;">售全球客服</a> </li> <h6 style="border-top: 1px dashed darkgray;height: 30px;line-height: 30px;">商户</h6> <li style="margin-top: -5px;"> <a href="/static/order/detail/javascript:;">合作招商</a> </li> <li style="margin-top: -5px;"> <a href="/static/order/detail/javascript:;">学习中心</a> </li> <li> <a href="/static/order/detail/javascript:;">商家后台</a> </li> <li> <a href="/static/order/detail/javascript:;">京麦工作台</a> </li> <li> <a href="/static/order/detail/javascript:;">商家帮助</a> </li> <li> <a href="/static/order/detail/javascript:;">规则平台</a> </li> </ol> </li> <li class="daohang"> <a href="/static/order/detail/javascript:;">网站导航</a><span class="glyphicon glyphicon-menu-down"></span> | <ol class="daohang_ol"> <li style="width: 34%;"> <h5>特色主题</h5> <p> <a href="/static/order/detail/javascript:;">谷粒商城试用</a> <a href="/static/order/detail/javascript:;">谷粒商城金融</a> <a href="/static/order/detail/javascript:;">全球售</a> <a href="/static/order/detail/javascript:;">国际站</a> </p> <p> <a href="/static/order/detail/javascript:;">谷粒商城会员</a> <a href="/static/order/detail/javascript:;">谷粒商城预售</a> <a href="/static/order/detail/javascript:;">买什么</a> <a href="/static/order/detail/javascript:;">俄语站</a> </p> <p> <a href="/static/order/detail/javascript:;">装机大师</a> <a href="/static/order/detail/javascript:;">0元评测</a> <a href="/static/order/detail/javascript:;">定期送</a> <a href="/static/order/detail/javascript:;">港澳售</a> </p> <p> <a href="/static/order/detail/javascript:;">优惠券</a> <a href="/static/order/detail/javascript:;">秒杀</a> <a href="/static/order/detail/javascript:;">闪购</a> <a href="/static/order/detail/javascript:;">印尼站</a> </p> <p> <a href="/static/order/detail/javascript:;">谷粒商城金融科技</a> <a href="/static/order/detail/javascript:;">In货推荐</a> <a href="/static/order/detail/javascript:;">陪伴计划</a> <a href="/static/order/detail/javascript:;">出海招商</a> </p> </li> <li> <h5>行业频道</h5> <p> <a href="/static/order/detail/javascript:;" class="aa_2">手机</a> <a href="/static/order/detail/javascript:;" class="aa_2">智能数码</a> <a href="/static/order/detail/javascript:;" class="aa_2">玩3C</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">电脑办公</a> <a href="/static/order/detail/javascript:;" class="aa_2">家用电器</a> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城智能</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">服装城</a> <a href="/static/order/detail/javascript:;" class="aa_2">美妆馆</a> <a href="/static/order/detail/javascript:;" class="aa_2">家装城</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">母婴</a> <a href="/static/order/detail/javascript:;" class="aa_2">食品</a> <a href="/static/order/detail/javascript:;" class="aa_2">运动户外</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">农资频道</a> <a href="/static/order/detail/javascript:;" class="aa_2">整车</a> <a href="/static/order/detail/javascript:;" class="aa_2">图书</a> </p> </li> <li> <h5>生活服务</h5> <p> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城众筹</a> <a href="/static/order/detail/javascript:;" class="aa_2">白条</a> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城金融APP</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城小金库</a> <a href="/static/order/detail/javascript:;" class="aa_2">理财</a> <a href="/static/order/detail/javascript:;" class="aa_2">智能家电</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">话费</a> <a href="/static/order/detail/javascript:;" class="aa_2">水电煤</a> <a href="/static/order/detail/javascript:;" class="aa_2">彩票</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">旅行</a> <a href="/static/order/detail/javascript:;" class="aa_2">机票酒店</a> <a href="/static/order/detail/javascript:;" class="aa_2">电影票</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城到家</a> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城众测</a> <a href="/static/order/detail/javascript:;" class="aa_2">游戏</a> </p> </li> <li style="border: 0;"> <h5>更多精选</h5> <p> <a href="/static/order/detail/javascript:;" class="aa_2">合作招商</a> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城通信</a> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城E卡</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">企业采购</a> <a href="/static/order/detail/javascript:;" class="aa_2">服务市场</a> <a href="/static/order/detail/javascript:;" class="aa_2">办公生活馆</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">乡村招募</a> <a href="/static/order/detail/javascript:;" class="aa_2">校园加盟</a> <a href="/static/order/detail/javascript:;" class="aa_2">京友邦</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">谷粒商城社区</a> <a href="/static/order/detail/javascript:;" class="aa_2">智能社区</a> <a href="/static/order/detail/javascript:;" class="aa_2">游戏社区</a> </p> <p> <a href="/static/order/detail/javascript:;" class="aa_2">知识产权维权</a> <a href="/static/order/detail/javascript:;" class="aa_2"></a> <a href="/static/order/detail/javascript:;" class="aa_2"></a> </p> </li> </ol> </li> <li class="sjjd" style="border: 0;"> <a href="/static/order/detail/javascript:;" class="aa">手机谷粒商城</a> <div class="er"> <div class="er_1"> <img src="/static/order/detail/img/59a51bf6Nb8e478cc.png" /> <div class="er_1_1"> <h6><a href="/static/order/detail/#">手机谷粒商城</a></h6> <p>新人专享大礼包</p> <div> <a href="/static/order/detail/#"><img src="/static/order/detail/img/11.png" /></a> <a href="/static/order/detail/#"><img src="/static/order/detail/img/22.png" /></a> <a href="/static/order/detail/#"><img src="/static/order/detail/img/33.png" /></a> </div> </div> </div> <div class="er_1"> <img src="/static/order/detail/img/5874a54dNcec29924.jpg" /> <div class="er_1_1"> <h6><a href="/static/order/detail/#">关注谷粒商城微信</a></h6> <p>微信扫一扫关注新粉最高180元惊喜礼包</p> </div> </div> <div class="er_1" style="border: 0;"> <img src="/static/order/detail/img/5874a555Ne8192324.jpg" /> <div class="er_1_1"> <h6><a href="/static/order/detail/#">谷粒商城金融客户端</a></h6> <p>新人专享大礼包</p> <div> <a href="/static/order/detail/#"><img src="/static/order/detail/img/11.png" /></a> <a href="/static/order/detail/#"><img src="/static/order/detail/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="/static/order/detail/javascript:;"><img src="/static/order/detail/img/logo1.jpg" /></a> </div> <div class="nav_top_two"><input type="text" /><button>搜索</button></div> <div class="nav_top_three"> <a href="/static/order/detail/../JD_Shop/One_JDshop.html">我的购物车</a><span class="glyphicon glyphicon-shopping-cart"></span> <div class="nav_top_three_1"> <img src="/static/order/detail/img/44.png" />购物车还没有商品,赶紧选购吧! </div> </div> </div> </div> </nav> <!--等待付款内容--> <div class="content"> <div class="emph-tips"> <div class="emph-tipss"> <b></b>安全提醒:为了您的财产安全,<strong>不要点击陌生链接、不要向陌生人转账</strong>或透漏银行卡和验证码信息,<strong>谨防诈骗</strong>! </div> </div> <div class="content_myjd"> <div class="breadcrumb"> <a href="/static/order/detail///home.jd.com/">我的谷粒商城</a><span> > <a href="/static/order/detail///order.jd.com/center/list.action">订单中心</a> > <strong>订单:70716422916</strong></span></div> </div> <div class="order-state01"> <div class="state-cont"> <!-- 工具条 --> <div class="state-lcol"> <div class="state-top">订单号:70716422916</div> <h3 class="state-txt">等待付款</h3> <span class="remain-time" style=""><b class="b1"></b>剩余4时51分</span> <div class="state-btns"> <a class="btn-1">付款</a> <a class="btn-2">找人代付</a> </div> <div class="state-bottom"> <span class="span1"><b class="b1"></b>打印订单</span> <span class="span2"><b class="b2"></b>取消订单</span> </div> </div> <!-- 进度条 --> <div class="state-rcol"> <div class="state-rtop"> <!--提示信息 --> <div class="ftx-03"> 该订单会为您保留6.0小时(从下单之日算起),6.0小时之后如果还未付款,系统将自动取消该订单。 </div> </div> <!--进度条 --> <div id="process-04" class="order-process order-strike-process"> <div class="lioucheng"> <ul> <li>等待付款</li> <li></li> <li></li> <li></li> </ul> </div> <div class="lioucheng_1"> <ul> <li class="a1"></li> <li class="b1"><img src="/static/order/detail/image/hongde.png" /></li> <li class="a2"></li> <li class="b2"><img src="/static/order/detail/image/huide.png" /></li> <li class="a3"></li> <li class="b2"><img src="/static/order/detail/image/huide.png" /></li> <li class="a4"></li> <li class="b2"><img src="/static/order/detail/image/huide.png" /></li> <li class="a5"></li> </ul> </div> <div class="lioucheng_2"> <ul> <li> <p>提交订单</p> <p id='time'></p> </li> <li> <p class="color_p">付款成功</p> <p></p> </li> <li> <p class="color_p">商品出库</p> <p></p> </li> <li> <p class="color_p">等待收货</p> <p></p> </li> <li class="wancheng"> <p class="color_p">完成</p> <p></p> </li> </ul> </div> </div> <div class="state-others"> <span class="txt">完成订单可能获得:</span> <a href="/static/order/detail/#none" class="btn-bean mr10" clstag="click|keycount|orderinfo|xqjingdou"><b class="b1"></b>京豆</a> <a href="/static/order/detail/#none" class="btn-coupon mr10" clstag="click|keycount|orderinfo|xqyouhuiquan"><b class="b2"></b>优惠券</a> </div> </div> <div class="xian"> </div> </div> <div class="mb"></div> </div> <!--配货方式--> <div class="sta_pei"> <div class="sta_left"> <div class="sta_1"> <img src="/static/order/detail/image/5886ffa5Na5e39e2d.jpg" /> <span> 送货方式:普通快递 </span> </div> </div> <div class="sta_rifht"> <ul> <li class="afterdate first"><i class="node-icon"></i><span class="date">2017-12-26<span class="week">/周二</span></span><span class="time">09:39:49</span><strong class="txt">您提交了订单,请等待系统确认</strong></li> </ul> </div> </div> <!--配送信息--> <div class="sta_xinxi"> <ul> <li> <div class="dl"> <div class="dt"> <h4>收货人信息 </h4> </div> <div class="dd"> <div class="item"> <span class="label">收货人:</span> <div class="info-rcol"> 张亚飞 </div> </div> <div class="item"> <span class="label">地址:</span> <div class="info-rcol"> 北京昌平区六环以内北京吉利大学学生公寓-马池口镇吉利大学 </div> </div> <div class="item"> <span class="label">手机号码:</span> <div class="info-rcol"> 147****4726 </div> </div> </div> </div> </li> <li> <div class="dl"> <div class="dt"> <h4>配送信息</h4> </div> <div class="dd"> <div class="item"> <span class="label"> 配送方式: </span> <div class="info-rcol"> 普通快递 </div> </div> <div class="item"> <span class="label"> 运费: </span> <div class="info-rcol"> <span class="f-price"> ¥12.00 </span> </div> </div> <div class="item"> <span class="label"> 送货日期: </span> <div class="info-rcol"> 2018-01-01 </div> </div> <div class="item"> <span class="label"> 配送时间: </span> <div class="info-rcol"> 18:00-20:00<span class="delivery-type">京准达</span> </div> </div> </div> </div> </li> <li> <div class="dl" id="pay-info-nozero"> <div class="dt"> <h4>付款信息</h4> </div> <div class="dd"> <div class="item"> <span class="label"> 付款方式: </span> <div class="info-rcol"> 在线支付 </div> </div> <div class="item"> <span class="label"> 商品总额: </span> <div class="info-rcol"> <span class="f-price"> ¥21.80 </span> </div> </div> <div class="item"> <span class="label"> 应支付金额: </span> <div class="info-rcol"> <span class="f-price"> ¥33.80 </span> </div> </div> <div class="item"> <span class="label"> 运费金额: </span> <div class="info-rcol"> <span class="f-price"> ¥12.00 </span> <span class="help-tip"></span> </div> </div> </div> <!-- 续重运费 --> <div id="freshTips" style="display:none"> <div class="prompt-box prompt-box-yf"> <div class="pc"> <div class="yf-item"> <div class="yf-title"> <span class="title">生鲜商品</span><span class="tips">(总重:1.600 kg)</span> </div> <div class="yf-box"> <div class="item"><label>基础运费:</label><span>¥12.00</span></div> <div class="item"><label>续重运费:</label><span>¥0.00</span> <a href="/static/order/detail///help.jd.com/user/issue/109-188.html" target="_blank"> 查看续重标准></a> </div> </div> </div> </div> </div> </div> <div class="more"> <span class="txt">更多</span><b></b> </div> <!-- 更多费用 --> <div id="pay-info-allfee" style="display:none"> <div class="item"> <span class="label"> 优惠券: </span> <div class="info-rcol"> <span class="f-price"> ¥0.00 </span> </div> </div> <div class="item"> <span class="label"> 返现: </span> <div class="info-rcol"> <span class="f-price"> ¥0.00 </span> </div> </div> <div class="item"> <span class="label"> 礼品卡-领货码 </span> <div class="info-rcol"> <span class="f-price"> ¥<a class="00"></a> </span> </div> </div> <div class="item"> <span class="label"> 余额: </span> <div class="info-rcol"> <span class="f-price"> ¥0.00 </span> </div> </div> <div class="item"> <span class="label"> 税费: </span> <div class="info-rcol"> <span class="f-price"> ¥0.00 </span> </div> </div> <div class="item"> <span class="label"> 京豆: </span> <div class="info-rcol"> <span class="f-price"> ¥0.00 </span> </div> </div> <div class="item"> <span class="label"> 订单优惠: </span> <div class="info-rcol"> <span class="f-price"> ¥0.00 </span> </div> </div> <div class="item"> <span class="label"> 退换无忧: </span> <div class="info-rcol"> <span class="f-price"> ¥0.00 </span> </div> </div> </div> </div> </li> <li> <div id="J-invoice-info" class="dl"> <div class="dt"> <h4>发票信息</h4> </div> <div class="dd"> <div class="item"> <span class="label"> 发票类型: </span> <div class="info-rcol"> 电子普通发票 </div> </div> <div class="item"> <span class="label"> 发票抬头: </span> <div class="info-rcol"> 个人 </div> </div> <div class="item"> <span class="label"> 发票内容: </span> <div class="info-rcol"> 商品明细 </div> </div> <div id="invoiceTips" style="display:none"> <div class="prompt-box info-prompt-box"> 商品明细 </div> </div> <div class="item J-e-invoice"> </div> </div> </div> </li> </ul> </div> <!--谷粒商城--> <div class="jdwenzi">谷粒商城<span></span></div> <!--商品信息--> <div class="shop_sta_xinin"> <table> <tr> <th style="width: 500px;">商品</th> <th>商品编号</th> <th>谷粒商城价</th> <th>商品数量</th> <th>京豆</th> <th>操作</th> </tr> <tr> <td><img src="/static/order/detail/image/5886ffa5Na5e39e2d.jpg"/> <div style="display: inline-block;"> <p><b></b><a href="/static/order/detail///item.jd.com/1778772.html" class="a-link" target="_blank" title="伊利 风味发酵乳 原味酸奶100g*8(两件起售)">伊利 风味发酵乳 原味酸奶100g*8(两件起售)</a></p> <p class="txt">益消 原味八连杯100g*</p> </div> </td> <td>1778772</td> <td>¥10.90</td> <td>2</td> <td>0</td> <td></td> </tr> </table> <div class="ccccc"> <div class="right"> <div class="shuxing"> <p>商品总额:</p> <p>返 现:</p> <p>运 费:</p> <p style="color: red;">应付总额:</p> </div> <div class="shuxingzhi"> <p>¥21.80</p> <p>-¥0.00</p> <p><b class="b1"></b> ¥12.00</p> <p class="p1">¥33.80</p> </div> </div> </div> </div> <!--猜你喜欢--> <div class="cainixihuan"> <div class="cainixihuan_1"> <div class="l1" style="margin-left: 30px;">猜你喜欢</div> <div class="r1" style="margin-right: 30px;"> <span class="span1" style="background: red;color: white;">1</span> <span class="span2">2</span> <span class="span3">3</span> </div> </div> <!-- 选项卡 --> <div class="xuanxiangka"> <ul class="ul1"> <li > <ul class="ul2"> <li> <img src="/static/order/detail/image/5a0bf933N27e3b0be.jpg"/> <p class="p1">展卉 泰国进口龙眼 1kg 新鲜水果</p> <p class="p2">¥19.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/57c3a568N2d970e3f.jpg"/> <p class="p1">xuenair 手机膜 适用于oppo r9高清膜 R9软膜保护膜普通膜 R9高清软膜</p> <p class="p2">¥9.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/57d288afNb3f03376.jpg"/> <p class="p1">关键 全屏覆盖膜高清手机保护软贴膜 适用于OPPOR9/m/R9tm/R9/R9CM 全屏3D高清热弯软膜-PET热弯膜</p> <p class="p2">¥23.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/58ae8d6fNec021b75.jpg"/> <p class="p1">铭卡 3D曲面全覆盖膜全屏高清软膜全贴合不翘边手机保护贴膜无白边 适用于OPPO R9 全包软膜1盒3片装-OPPO R9Plus</p> <p class="p2">¥19.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/57cd2cdfN536d176e.jpg"/> <p class="p1">金龙鱼 食用油 非转基因 压榨 一级 纯正玉米油4L</p> <p class="p2">¥59.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> </ul> </li> <li style="display: none;"> <ul class="ul2"> <li> <img src="/static/order/detail/image/59cf0288N70c5550e.jpg"/> <p class="p1">维达(Vinda) 卷纸 蓝色经典3层140g卫生纸*27卷(整箱销售)</p> <p class="p2">¥21.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/59dad98dN844ade9a.jpg"/> <p class="p1">花王(Merries)纸尿裤 XL44片 加大号尿不湿(12-20kg)(日本原装进口)</p> <p class="p2">¥9.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/574d9d9aNe4e6fa7a.jpg"/> <p class="p1">小米(MI)小米手环2 智能运动 心率监测 来电提醒 久坐提醒 LED显示屏 时间显示 防水计步器 无感腕带</p> <p class="p2">¥23.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/55dfbd92Necddda85.jpg"/> <p class="p1">德芙Dove巧克力分享碗装 丝滑牛奶巧克力糖果巧克力休闲零食252g</p> <p class="p2">¥19.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/582e96dfNb2297429.jpg"/> <p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒16粒200g</p> <p class="p2">¥59.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> </ul> </li> <li style="display: none;"> <ul class="ul2"> <li> <img src="/static/order/detail/image/5703e5b3N55d82839.jpg"/> <p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒48粒600g</p> <p class="p2">¥19.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/59229ca7N12620168.jpg"/> <p class="p1">花王 (Merries) 妙而舒 纸尿裤 大号 L54片 尿不湿(9-14千克) (日本官方直采)</p> <p class="p2">¥19.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/59bf3c47N91d65c73.jpg"/> <p class="p1">关键 全屏覆盖膜高清手机保护软贴膜 适用于OPPOR9/m/R9tm/R9/R9CM 全屏3D高清热弯软膜-PET热弯膜</p> <p class="p2">¥213.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/58ae8d6fNec021b75.jpg"/> <p class="p1">荣耀8 4GB+64GB 全网通4G手机 魅海蓝</p> <p class="p2">¥19.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> <li> <img src="/static/order/detail/image/58be1d28Naaca124c.jpg"/> <p class="p1">Ferrero Rocher费列罗榛果威化糖果巧克力礼盒8粒心形装100g</p> <p class="p2">¥39.90</p> <p class="p3"><button class="btn_jiaru"><b></b>加入购物车</button></p> </li> </ul> </li> </ul> </div> </div> <script src="/static/order/detail/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(".r1 span").mouseover(function(){ var index=$(this).index(); //获取被按下按钮的索引值,需要注意index是从0开始的 console.log(detail) $(this).css('background','red').siblings().css('background','white') $(this).css('color','white').siblings().css('color','black') $(".xuanxiangka .ul1>li").eq(detail).css('display','block').siblings().css('display','none'); }); </script> </div> <!--底部--> <footer> <div class="bg_top"> <ol class="slogen"> <li class="item fore1"> <i>多</i>品类齐全,轻松购物 </li> <li class="item fore2"> <i>快</i>多仓直发,极速配送 </li> <li class="item fore3"> <i>好</i>正品行货,精致服务 </li> <li class="item fore4"> <i>省</i>天天低价,畅选无忧 </li> </ol> </div> <div class="dj_help"> <div class="dj_w"> <div class="dj_wrap"> <dl class="fore1"> <dt>购物指南</dt> <dd> <a href="/static/order/detail/javascript:;">购物流程</a> </dd> <dd> <a href="/static/order/detail/javascript:;">会员介绍</a> </dd> <dd> <a href="/static/order/detail/javascript:;">生活旅行/团购</a> </dd> <dd> <a href="/static/order/detail/javascript:;">常见问题</a> </dd> <dd> <a href="/static/order/detail/javascript:;">大家电</a> </dd> <dd> <a href="/static/order/detail/javascript:;">联系客服</a> </dd> </dl> <dl class="fore2"> <dt>配送方式</dt> <dd> <a href="/static/order/detail/javascript:;">上门自提</a> </dd> <dd> <a href="/static/order/detail/javascript:;">211限时达</a> </dd> <dd> <a href="/static/order/detail/javascript:;">配送服务查询</a> </dd> <dd> <a href="/static/order/detail/javascript:;">配送费收取标准</a> </dd> <dd> <a href="/static/order/detail/javascript:;">海外配送</a> </dd> </dl> <dl class="fore3"> <dt>支付方式</dt> <dd> <a href="/static/order/detail/javascript:;">货到付款</a> </dd> <dd> <a href="/static/order/detail/javascript:;">在线支付</a> </dd> <dd> <a href="/static/order/detail/javascript:;">分期付款</a> </dd> <dd> <a href="/static/order/detail/javascript:;">邮局汇款</a> </dd> <dd> <a href="/static/order/detail/javascript:;">公司转账</a> </dd> </dl> <dl class="fore4"> <dt>售后服务</dt> <dd> <a href="/static/order/detail/javascript:;">售后政策</a> </dd> <dd> <a href="/static/order/detail/javascript:;">价格保护</a> </dd> <dd> <a href="/static/order/detail/javascript:;">退款说明</a> </dd> <dd> <a href="/static/order/detail/javascript:;">返修/退换货</a> </dd> <dd> <a href="/static/order/detail/javascript:;">取消订单</a> </dd> </dl> <dl class="fore5"> <dt>特色服务</dt> <dd> <a href="/static/order/detail/javascript:;">夺宝岛</a> </dd> <dd> <a href="/static/order/detail/javascript:;">DIY装机</a> </dd> <dd> <a href="/static/order/detail/javascript:;">延保服务</a> </dd> <dd> <a href="/static/order/detail/javascript:;">谷粒商城E卡</a> </dd> <dd> <a href="/static/order/detail/javascript:;">谷粒商城通信</a> </dd> <dd> <a href="/static/order/detail/javascript:;">谷粒商城JD+</a> </dd> </dl> </div> </div> </div> </footer> <div class="bg_info_footer"> <div class="bg_wrap"> <div class="bg_links"> <p> <a href="/static/order/detail/javascript:;" target="_blank">关于我们</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">联系我们</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">联系客服</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">合作招商</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">商家帮助</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">营销中心</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">手机谷粒商城</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">友情链接</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">销售联盟</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">谷粒商城社区</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">风险监测</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">隐私政策</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">谷粒商城公益</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">English Site</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">Contact Us</a> </p> </div> <div class="bg_info_sky"> <p class="bg_info_p"> <a href="/static/order/detail/javascript:;" target="_blank">京公网安备 11000002000088号</a><span class="copyright_split">|</span><span>京ICP证070359号</span><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span class="copyright_split">|</span><span>新出发京零 字第大120007号</span> </p> <p class="bg_info_p"> <span>互联网出版许可证编号新出网证(京)字150号</span><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">出版物经营许可证</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">网络文化经营许可证京网文[2014]2148-348号</a><span class="copyright_split">|</span><span>违法和不良信息举报电话:4006561155</span> </p> <p class="bg_info_p"> <span class="copyright_text">Copyright © 2004 - <em id="copyright_year">2017</em> 谷粒商城gulimall.com 版权所有</span><span class="copyright_split">|</span><span>消费者维权热线:4006067733</span> <a href="/static/order/detail/javascript:;" target="_blank" class="copyright_license">经营证照</a> </p> <p class="bg_info_p"> <span>谷粒商城旗下网站:</span> <a href="/static/order/detail/javascript:;" target="_blank">谷粒商城钱包</a><span class="copyright_split">|</span> <a href="/static/order/detail/javascript:;" target="_blank">谷粒商城云</a> </p> <p class="bg_info_dy"> <a class="copyright_auth_ico copyright_auth_ico_1" href="/static/order/detail/javascript:;" target="_blank">经营性网站备案中心</a> <a id="urlknet" class="copyright_auth_ico copyright_auth_ico_2" href="/static/order/detail/javascript:;" target="_blank">可信网站信用评估</a> <a class="copyright_auth_ico copyright_auth_ico_3" href="/static/order/detail/javascript:;" target="_blank">网络警察提醒你</a> <a class="copyright_auth_ico copyright_auth_ico_4" href="/static/order/detail/javascript:;" target="_blank">诚信网站</a> <a class="copyright_auth_ico copyright_auth_ico_5" href="/static/order/detail/javascrit:;" target="_blank">中国互联网举报中心</a> <a class="copyright_auth_ico copyright_auth_ico_6" href="/static/order/detail/javascript:;" target="_blank">网络举报APP下载</a> </p> </div> </div> </div> </div> <div class="fix_ed"> <ul class="uls"> <li class="i1"> <div class="xian_hied"> <div class="service-cont problem-cont"> <div class="problem-top"> <h5>常见问题</h5> <a href="/static/order/detail/#none" class="close">x</a> </div> <div class="problem-list"> <a href="/static/order/detail///help.jd.com/user/issue/102-250.html">1、我的包裹几天可以收到?</a> <a href="/static/order/detail///help.jd.com/user/issue/103-983.html">2、我的地址都支持什么配送服务?</a> <a href="/static/order/detail///help.jd.com/user/issue/108-385.html">3、订单签收异常了怎么办?</a> <a href="/static/order/detail///help.jd.com/user/issue/75-244.html">4、下单后可以修改订单吗?</a> <a href="/static/order/detail///help.jd.com/user/issue/100-1014.html">5、自提点位置如何查询?</a> <a href="/static/order/detail///help.jd.com/user/index.html" class="more">更多问题 ></a> </div> </div> </div> </li> <li class="i2"> <div class="weweima"> <p>微信扫描随时随地查订单</p> <img src="/static/order/detail/image/erweima.png"/> </div> </li> <li class="i3"></li> <li class="i4"></li> </ul> </div> </div> <script type="text/javascript"> $('.uls .i1').hover(function(){ $('.xian_hied').css('display','block') },function(){ $('.xian_hied').css('display','none') }) $('.uls .i2').hover(function(){ $('.weweima').css('display','block') },function(){ $('.weweima').css('display','none') }) $('.uls .i4').click(function(){ $('html,body').animate({//$('html,body')兼容问题body属于chrome scrollTop:0 }) }) $('.close').click(function(){ $('.xian_hied').toggle() }) </script> <div class="erweima"> </div> </body> <script src="/static/order/detail/js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/order/detail/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/order/detail/js/index.js" type="text/javascript" charset="utf-8"></script> <script src="/static/order/detail/swiper/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="/static/order/detail/js/lunbo.js" type="text/javascript" charset="utf-8"></script> </html>