商城项目整合订单模块和Session消息-----商城项目

#哪个编程工具让你的工作效率翻倍?#
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>&nbsp;&nbsp;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">共&nbsp;<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(&quot;brandId&quot;,'+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(&quot;catalog3Id&quot;,'+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(&quot;attrs&quot;,&quot;'+attr.getAttrId()+'_'+value+'&quot;)'}" 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>页&nbsp;&nbsp;到第</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);">查看详情&gt;</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 &amp; 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>&nbsp;&nbsp;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">共&nbsp;<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(&quot;brandId&quot;,'+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(&quot;catalog3Id&quot;,'+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(&quot;attrs&quot;,&quot;'+attr.getAttrId()+'_'+value+'&quot;)'}" 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>页&nbsp;&nbsp;到第</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);">查看详情&gt;</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 &amp; 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>&nbsp;&gt;&nbsp;<a href="/static/order/detail///order.jd.com/center/list.action">订单中心</a>&nbsp;&gt;&nbsp;<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"> 查看续重标准&gt;</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>新出发京零&nbsp;字第大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&nbsp;©&nbsp;2004&nbsp;-&nbsp;<em id="copyright_year">2017</em>&nbsp;&nbsp;谷粒商城gulimall.com&nbsp;版权所有</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">更多问题&nbsp;&gt;</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>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值