商城项目订单服务模块整合支付页订单详情页等-----商城项目

136 篇文章 0 订阅
27 篇文章 0 订阅
#哪个编程工具让你的工作效率翻倍?#

<!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>尚硅谷</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>尚硅谷</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">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>谷粒商城订单</title>
  <link rel="stylesheet" href="/static/order/list/css/index.css">
  <style media="screen">
    * {
      font-family: "微软雅黑";
    }
  </style>
</head>

<body>
  <div id="nav">
    <nav>
     
      <div class="myjd">
        <h3>我的谷粒商城</h3>
        <button onclick="location.href='http://gulimall.com'">返回谷粒商城首页</button>
      </div>
      <ul class="nav_ul">
        <li>首页</li>
        <li class="li hover">账户设置<i class="ul_i"></i>
          <ol>
            <li>个人信息</li>
            <li>账户安全</li>
            <li>我的尺码</li>
            <li>账号绑定</li>
            <li>收货地址</li>
            <li>用药人信息</li>
            <li>分享绑定</li>
            <li>邮件订阅</li>
            <li>应用授权</li>
            <li>快捷支付</li>
            <li>增票资质</li>
            <li>企业发票</li>
            <li>采购需求单</li>
          </ol>
        </li>
        <li class="li">社区<i class="ul_i"></i>
          <ol>
            <li>个人主页</li>
            <li>我的活动</li>
            <li>我的圈子</li>
            <li>我的帖子</li>
          </ol>
        </li>
        <li>消息</li>
      </ul>
      <div class="right">
        <div class="btn">
          <input type="text" placeholder="空调"><button>搜索</button>
        </div>
        <ul class="shop">
          <li><i class="shop_che"></i>我的购物车 >
            <ol>
              <li>
                <img src="/static/order/list/img/shop.png" alt="">
                <div>购物车中还没有商品,赶紧选购吧</div>
                <div style="clear:both;"></div>
              </li>
            </ol>
          </li>
        </ul>
      </div>
      <div style="clear:both;"></div>
    </nav>

  </div>
  <div style="clear:both;"></div>
  <div id="big">
    <div id="bigLeft">
      <ul>
        <h5>订单中心</h5>
        <li style="color:#E4393C;font-weight:800;">我的订单</li>
        <li>我的活动</li>
        <li>评价晒单</li>
        <li>我的常购商品<img src="/static/order/list/img/new.png"></li>
        <li>购物助手</li>
      </ul>
      <ul>
        <h5>关注中心</h5>
        <li>关注的商品</li>
        <li>关注的店铺</li>
        <li>关注的专辑</li>
        <li>收藏的内容<img src="/static/order/list/img/new.png"></li>
        <li>关注的活动</li>
        <li>浏览历史</li>
      </ul>
      <ul>
        <h5>资产中心</h5>
        <li>小金库</li>
        <li>谷粒商城白条</li>
        <li>领货码</li>
        <li>余额</li>
        <li>优惠券</li>
        <li>礼品卡</li>
        <li>京豆</li>
        <li>谷粒商城钢镚<img src="/static/order/list/img/new.png"></li>
      </ul>
      <ul>
        <h5>特色业务</h5>
        <li>我的营业厅</li>
        <li>谷粒商城通信</li>
        <li>定期购</li>
        <li>我的回收单</li>
        <li>节能补贴</li>
        <li>医药服务</li>
        <li>流量加油站</li>
        <li>黄金托管</li>
        <li>视频教育订单</li>
        <li>海外房产预约</li>
        <li>我的全球购</li>
        <li>装修服务</li>
      </ul>
      <ul>
        <h5>客户服务</h5>
        <li>返修退换货</li>
        <li>价格保护</li>
        <li>意见建议</li>
        <li>我的问答</li>
        <li>购买咨询</li>
        <li>交易纠纷</li>
        <li>谷粒商城维修</li>
        <li>上门预约服务</li>
        <li>我的发票</li>
        <li>举报中心</li>
      </ul>
      <ul>
        <h5>设置</h5>
        <li>个人信息</li>
        <li>收货地址</li>
        <li><img src="/static/order/list/img/59126ae3N1b306e2c.jpg" alt=""></li>
      </ul>
    </div>
    <div id="bigRight">
      <div class="myOrder">
        <p>我的订单</p>
      </div>


      <div class="allBig">
        <div class="allOrder">
          <ul class="allOrderTop">
            <li>
              <ol>
                <li>全部订单</li>
                <li>待付款</li>
                <li>待收货</li>
                <li>待评价</li>
                <div style="clear:both;"></div>
              </ol>
            </li>
            <li class="allOrderTopLi">我的常购商品</li>
            <li class="allOrderTopLi">好货清仓</li>
            <li class="allOrderTopLastLi">
              <span>订单回收站</span>
              <div>
                <input type="text" placeholder="商品名称/商品编号/订单号"><button class="search"></button><button calss="gao">高级<i></i></button>
              </div>
            </li>
            <div class="clear:both;"></div>
          </ul>

        </div>
        <div class="details">
          <ul class="detailsUl">
            <div class="detailsUlDiv">
              <li class="detailsLiok detailsLi">近三个月订单<i class="allBig_i"></i>
                <ol>
                  <li>近三个月订单</li>
                  <li>今年内订单</li>
                  <li>今年内订单</li>
                  <li>2016年订单</li>
                  <li>2015年订单</li>
                  <li>2014年订单</li>
                  <li>2014年以前订单</li>
                </ol>
              </li>
              <li class="detailsLi">订单详情</li>
              <div style="clear:both;"></div>
            </div>

            <li class="detailsLi1">收货人</li>
            <li class="detailsLi1">金额</li>
            <li class="detailsLi1 detailsLiok">全部状态<i class="allBig_i"></i>
              <ol>
                <li>全部状态</li>
                <li>等待付款</li>
                <li>等待收货</li>
                <li>已完成</li>
                <li>已取消</li>
              </ol>
            </li>
            <li class="detailsLi1">操作</li>
            <div style="clear:both;"></div>
          </ul>
        </div>
        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7" >
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding.jpg" alt="" class="img">
              <div>
                <p>MUXIWEIERPU皮手套男冬季加绒保暖户外骑<br />
                车开车触摸屏全指防寒全指手套 黑色 均码</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0;" class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                    <div class="hi">
                      <div class="p-tit">
                        普通快递   运单号:390085324974
                      </div>
                      <div class="hideList">
                        <ul>
                          <li>
                            [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                            的快件已签收,感谢您使用韵达快递)签收
                          </li>
                          <li>
                            [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                            的快件已签收,感谢您使用韵达快递)签收
                          </li>
                          <li>
                            [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                          </li>
                          <li>
                            [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                          </li>
                        </ul>
                      </div>
                    </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>


        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7">
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding1.jpg" alt="" class="img">
              <div>
                <p>QOOVI 半入耳式手机耳机OPPOR11 R9s A57<br />
                华为VIVOx9小米通话耳塞 一键线控C07</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0; " class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                  <div class="hi">
                    <div class="p-tit">
                      普通快递   运单号:390085324974
                    </div>
                    <div class="hideList">
                      <ul>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>




        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7">
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding2.jpg" alt="" class="img">
              <div>
                <p>欧维沃加绒棉鞋男士休闲鞋男鞋子潮流男生韩<br />
                版加厚保暖学生板鞋 黑色 42</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0; " class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                  <div class="hi">
                    <div class="p-tit">
                      普通快递   运单号:390085324974
                    </div>
                    <div class="hideList">
                      <ul>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>


        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7">
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding3.jpg" alt="" class="img">
              <div>
                <p>永日(yongri) 电动剃须刀男士电动刮胡刀<br />
                剃胡刀便携式三刀头电须刀充电智能胡须刀</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0; " class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                  <div class="hi">
                    <div class="p-tit">
                      普通快递   运单号:390085324974
                    </div>
                    <div class="hideList">
                      <ul>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>




        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7">
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding4.jpg" alt="" class="img">
              <div>
                <p>ISIDO oppo r9s手机壳R9sk/r9splus保护套防<br />
                摔磨砂全包硬壳男女款 R9s【黑】蝙蝠侠</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0; " class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                  <div class="hi">
                    <div class="p-tit">
                      普通快递   运单号:390085324974
                    </div>
                    <div class="hideList">
                      <ul>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>

        <div class="order_btm">
          <div>
            <button>上一页</button>
            <span>1</span>
            <button>下一页</button>
          </div>
        </div>
        <div style="clear:both;"></div>
      </div>

      <div class="buy">
        <div class="buy_top">
          <div>买什么</div>
          <div>查看更多商品专辑</div>
        </div>
        <div style="clear:both;"></div>
        <div class="buy_btm">
          <dl>
            <dt>
              <div>最适合冬季的茶</div>
              <p>不入魔不成仙</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="/static/order/list/img/bu.jpg" alt=""></div>
              <div>
                <img src="/static/order/list/img/1xb.jpg" alt="">
                <img src="/static/order/list/img/1xb1.jpg" alt="">
                <div>32</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 5</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>用新奇搞怪献给那些有趣的灵魂</div>
              <p>小太阳骥少</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="/static/order/list/img/bu1.jpg" alt=""></div>
              <div>
                <img src="/static/order/list/img/2xb.jpg" alt="">
                <img src="/static/order/list/img/2xb1.jpg" alt="">
                <div>17</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 5</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>流感来了,如何做好防护?</div>
              <p>gulimall-guliyuan</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="/static/order/list/img/bu2.jpg" alt=""></div>
              <div>
                <img src="/static/order/list/img/3xb.jpg" alt="">
                <img src="/static/order/list/img/3xb1.jpg" alt="">
                <div>23</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 2</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>流感来了,如何做好防护?</div>
              <p>gulimall-guliyuan</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="/static/order/list/img/bu3.jpg" alt=""></div>
              <div>
                <img src="/static/order/list/img/xb.jpg" alt="">
                <img src="/static/order/list/img/xb1.jpg" alt="">
                <div>23</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 4</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 11</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <div style="clear:both;"></div>
        </div>
      </div>

      <div class="mySwiper">
        <div class="mySwiper_like">
          <div class="left">猜你喜欢</div>
          <ol>
            <li class="liList">1</li>
            <li class="liList">2</li>
            <li class="liList">3</li>
            <div style="clear:both"></div>
          </ol>
          <div style="clear:both"></div>
        </div>
        <ul>
          <li style="display:block;">
            <dl>
              <dt><img src="/static/order/list/image/lunbo.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿(9-14千克)</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo1.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo2.jpg" alt=""></dt>
              <dd>
                <div>满减不止5折三只松鼠_小贱牛</div>
                <div>板筋120gx1袋休闲零食特产</div>
                <p>¥22.80</p>
                <span>(已有169149人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo3.jpg" alt=""></dt>
              <dd>


                <div>良品铺子鸭脖子 甜辣味真空小包装</div>
                <div>香辣卤味零食休闲小吃熟食190g</div>
                <p>¥21.90</p>
                <span>(已有208040人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo4.jpg" alt=""></dt>
              <dd>
                <div>欧莱雅(LOREAL)男士控油</div>
                <div>(男士洗面奶 收缩毛孔 去黑头)</div>
                <p>¥39.00</p>
                <span>(已有604670人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
          <li>
            <dl>
              <dt><img src="/static/order/list/image/live.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿(9-14千克)</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/live1.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/live2.jpg" alt=""></dt>
              <dd>
                <div>满减不止5折三只松鼠_小贱牛</div>
                <div>板筋120gx1袋休闲零食特产</div>
                <p>¥22.80</p>
                <span>(已有169149人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/live3.jpg" alt=""></dt>
              <dd>


                <div>良品铺子鸭脖子 甜辣味真空小包装</div>
                <div>香辣卤味零食休闲小吃熟食190g</div>
                <p>¥21.90</p>
                <span>(已有208040人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/live4.jpg" alt=""></dt>
              <dd>
                <div>欧莱雅(LOREAL)男士控油</div>
                <div>(男士洗面奶 收缩毛孔 去黑头)</div>
                <p>¥39.00</p>
                <span>(已有604670人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
          <li>
            <dl>
              <dt><img src="/static/order/list/image/lunbo5.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿(9-14千克)</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo6.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
        </ul>
      </div>

      <div id="logo">
        <img src="/static/order/list/img/datu.jpg" alt="">
        <img src="/static/order/list/img/datu1.jpg" alt="">
      </div>
    </div>
    <div style="clear:both;"></div>
  </div>



  <div class="footer">
    <div class="top">
      <ul>
          <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>
          <div style="clear:both;"></div>
      </ul>
    </div>
    <div class="wrap">
      <div class="wrap1">
          <div class="wrap2">
             <dl>
                 <dt>购物指南</dt>
                 <dd>购物流程</dd>
                 <dd>会员介绍</dd>
                 <dd>生活旅行/团购</dd>
                 <dd>常见问题</dd>
                 <dd>大家电</dd>
                 <dd>联系客服</dd>
             </dl>
              <dl>
                  <dt>配送方式</dt>
                  <dd>上门自提</dd>
                  <dd>211限时达</dd>
                  <dd>配送服务查询</dd>
                  <dd>配送费收取标准</dd>
                  <dd>海外配送</dd>

              </dl>
              <dl>
                  <dt>支付方式</dt>
                  <dd>货到付款</dd>
                  <dd>在线支付</dd>
                  <dd>分期付款</dd>
                  <dd>邮局汇款</dd>
                  <dd>公司转账</dd>
              </dl>
              <dl>
              <dt>公司转账</dt>
              <dd>售后政策</dd>
              <dd>价格保护</dd>
              <dd>退款说明</dd>
              <dd>返修/退换货</dd>
              <dd>取消订单</dd>


          </dl>
              <dl>
                  <dt>特色服务</dt>
                  <dd>夺宝岛</dd>
                  <dd>DIY装机</dd>
                  <dd>延保服务</dd>
                  <dd>谷粒商城E卡</dd>
                  <dd>谷粒商城通信</dd>
                  <dd>谷粒商城gulimall+</dd>
              </dl>
          </div>
      </div>
    </div>
    <p class="p1">
        <a href="/static/order/list/#">关于我们</a>
        <a href="/static/order/list/#">联系我们</a>
        <a href="/static/order/list/#">联系客服</a>
        <a href="/static/order/list/#">合作招商</a>
        <a href="/static/order/list/#">合作招商</a>
        <a href="/static/order/list/#">营销中心</a>
        <a href="/static/order/list/#" style="width:80px;">手机谷粒商城</a>
        <a href="/static/order/list/#">友情链接</a>
        <a href="/static/order/list/#">销售联盟</a>
        <a href="/static/order/list/#" style="width:80px;">谷粒商城社区</a>
        <a href="/static/order/list/#">风险监测</a>
        <a href="/static/order/list/#">隐私政策</a>
        <a href="/static/order/list/#" style="width:80px;">谷粒商城公益</a>
        <a href="/static/order/list/#" style="width:80px;">English Site</a>
        <a href="/static/order/list/#" style="border-right: none">Contact Us</a>
    </p>
    <p class="p2">
        <a href="/static/order/list/#">京公网安备 11000002000088号</a>
        <a href="/static/order/list/#">京ICP证070359号</a>
        <a href="/static/order/list/#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
        <a href="/static/order/list/#">新出发京零 字第大120007号</a>
    </p>
    <p class="p3">
        <a href="/static/order/list/#">互联网出版许可证编号新出网证(京)字150号</a>
        <a href="/static/order/list/#">出版物经营许可证</a>
        <a href="/static/order/list/#">网络文化经营许可证京网文[2014]2148-348号</a>
        <a href="/static/order/list/#">违法和不良信息举报电话:4006561155</a>
    </p>
    <p class="p4">
        <a href="/static/order/list/#">Copyright © 2004 - 2017  谷粒商城gulimall.com 版权所有</a>
        <a href="/static/order/list/#">消费者维权热线:4006067733</a>
        <a href="/static/order/list/#">经营证照</a>
    </p>
    <p class="p5">
        <a href="/static/order/list/#">谷粒商城旗下网站:谷粒商城钱包</a>
        <a href="/static/order/list/#">谷粒商城云</a>

    </p>
    <p class="img">
        <span class="span icon1"></span>
        <span class="span icon2"></span>
        <span class="span icon3"></span>
        <span class="span icon4"></span>
        <span class="span icon5"></span>
        <span class="span icon6"></span>
    </p>
    <div style="clear: both"></div>
  </div>
  <div class="fixed">
    
    <div class="teSe">
      <ul>
        <li class="test_li1">
          <ol>
            <div></div>
            <li>宽带</li>
            <li>我的旅行订单</li>
            <li>夺宝箱</li>
            <li>我的定期送</li>
            <li>我的竞拍保证金</li>
            <li>谷粒商城白条</li>
            <li>谷粒商城回收</li>
            <li>装机大师</li>
            <li>黄金托管业务</li>
          </ol>
        </li>
        <li class="test_li2"></li>
        <li><a href="/static/order/list/#" class="test_li3"></a></li>
      </ul>
    </div>
  </div>
</body>
<script src="/static/order/list/js/jquery-3.1.1.min.js"></script>
<script src="/static/order/list/js/index.js"></script>

</html>

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>谷粒商城订单</title>
  <link rel="stylesheet" href="/static/order/list/css/index.css">
  <style media="screen">
    * {
      font-family: "微软雅黑";
    }
  </style>
</head>

<body>
  <div id="nav">
    <nav>
     
      <div class="myjd">
        <h3>我的谷粒商城</h3>
        <button οnclick="location.href='http://gulimall.com'">返回谷粒商城首页</button>
      </div>
      <ul class="nav_ul">
        <li>首页</li>
        <li class="li hover">账户设置<i class="ul_i"></i>
          <ol>
            <li>个人信息</li>
            <li>账户安全</li>
            <li>我的尺码</li>
            <li>账号绑定</li>
            <li>收货地址</li>
            <li>用药人信息</li>
            <li>分享绑定</li>
            <li>邮件订阅</li>
            <li>应用授权</li>
            <li>快捷支付</li>
            <li>增票资质</li>
            <li>企业发票</li>
            <li>采购需求单</li>
          </ol>
        </li>
        <li class="li">社区<i class="ul_i"></i>
          <ol>
            <li>个人主页</li>
            <li>我的活动</li>
            <li>我的圈子</li>
            <li>我的帖子</li>
          </ol>
        </li>
        <li>消息</li>
      </ul>
      <div class="right">
        <div class="btn">
          <input type="text" placeholder="空调"><button>搜索</button>
        </div>
        <ul class="shop">
          <li><i class="shop_che"></i>我的购物车 >
            <ol>
              <li>
                <img src="/static/order/list/img/shop.png" alt="">
                <div>购物车中还没有商品,赶紧选购吧</div>
                <div style="clear:both;"></div>
              </li>
            </ol>
          </li>
        </ul>
      </div>
      <div style="clear:both;"></div>
    </nav>

  </div>
  <div style="clear:both;"></div>
  <div id="big">
    <div id="bigLeft">
      <ul>
        <h5>订单中心</h5>
        <li style="color:#E4393C;font-weight:800;">我的订单</li>
        <li>我的活动</li>
        <li>评价晒单</li>
        <li>我的常购商品<img src="/static/order/list/img/new.png"></li>
        <li>购物助手</li>
      </ul>
      <ul>
        <h5>关注中心</h5>
        <li>关注的商品</li>
        <li>关注的店铺</li>
        <li>关注的专辑</li>
        <li>收藏的内容<img src="/static/order/list/img/new.png"></li>
        <li>关注的活动</li>
        <li>浏览历史</li>
      </ul>
      <ul>
        <h5>资产中心</h5>
        <li>小金库</li>
        <li>谷粒商城白条</li>
        <li>领货码</li>
        <li>余额</li>
        <li>优惠券</li>
        <li>礼品卡</li>
        <li>京豆</li>
        <li>谷粒商城钢镚<img src="/static/order/list/img/new.png"></li>
      </ul>
      <ul>
        <h5>特色业务</h5>
        <li>我的营业厅</li>
        <li>谷粒商城通信</li>
        <li>定期购</li>
        <li>我的回收单</li>
        <li>节能补贴</li>
        <li>医药服务</li>
        <li>流量加油站</li>
        <li>黄金托管</li>
        <li>视频教育订单</li>
        <li>海外房产预约</li>
        <li>我的全球购</li>
        <li>装修服务</li>
      </ul>
      <ul>
        <h5>客户服务</h5>
        <li>返修退换货</li>
        <li>价格保护</li>
        <li>意见建议</li>
        <li>我的问答</li>
        <li>购买咨询</li>
        <li>交易纠纷</li>
        <li>谷粒商城维修</li>
        <li>上门预约服务</li>
        <li>我的发票</li>
        <li>举报中心</li>
      </ul>
      <ul>
        <h5>设置</h5>
        <li>个人信息</li>
        <li>收货地址</li>
        <li><img src="/static/order/list/img/59126ae3N1b306e2c.jpg" alt=""></li>
      </ul>
    </div>
    <div id="bigRight">
      <div class="myOrder">
        <p>我的订单</p>
      </div>


      <div class="allBig">
        <div class="allOrder">
          <ul class="allOrderTop">
            <li>
              <ol>
                <li>全部订单</li>
                <li>待付款</li>
                <li>待收货</li>
                <li>待评价</li>
                <div style="clear:both;"></div>
              </ol>
            </li>
            <li class="allOrderTopLi">我的常购商品</li>
            <li class="allOrderTopLi">好货清仓</li>
            <li class="allOrderTopLastLi">
              <span>订单回收站</span>
              <div>
                <input type="text" placeholder="商品名称/商品编号/订单号"><button class="search"></button><button calss="gao">高级<i></i></button>
              </div>
            </li>
            <div class="clear:both;"></div>
          </ul>

        </div>
        <div class="details">
          <ul class="detailsUl">
            <div class="detailsUlDiv">
              <li class="detailsLiok detailsLi">近三个月订单<i class="allBig_i"></i>
                <ol>
                  <li>近三个月订单</li>
                  <li>今年内订单</li>
                  <li>今年内订单</li>
                  <li>2016年订单</li>
                  <li>2015年订单</li>
                  <li>2014年订单</li>
                  <li>2014年以前订单</li>
                </ol>
              </li>
              <li class="detailsLi">订单详情</li>
              <div style="clear:both;"></div>
            </div>

            <li class="detailsLi1">收货人</li>
            <li class="detailsLi1">金额</li>
            <li class="detailsLi1 detailsLiok">全部状态<i class="allBig_i"></i>
              <ol>
                <li>全部状态</li>
                <li>等待付款</li>
                <li>等待收货</li>
                <li>已完成</li>
                <li>已取消</li>
              </ol>
            </li>
            <li class="detailsLi1">操作</li>
            <div style="clear:both;"></div>
          </ul>
        </div>
        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7" >
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding.jpg" alt="" class="img">
              <div>
                <p>MUXIWEIERPU皮手套男冬季加绒保暖户外骑<br />
                车开车触摸屏全指防寒全指手套 黑色 均码</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0;" class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                    <div class="hi">
                      <div class="p-tit">
                        普通快递   运单号:390085324974
                      </div>
                      <div class="hideList">
                        <ul>
                          <li>
                            [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                            的快件已签收,感谢您使用韵达快递)签收
                          </li>
                          <li>
                            [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                            的快件已签收,感谢您使用韵达快递)签收
                          </li>
                          <li>
                            [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                          </li>
                          <li>
                            [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                          </li>
                        </ul>
                      </div>
                    </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>


        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7">
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding1.jpg" alt="" class="img">
              <div>
                <p>QOOVI 半入耳式手机耳机OPPOR11 R9s A57<br />
                华为VIVOx9小米通话耳塞 一键线控C07</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0; " class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                  <div class="hi">
                    <div class="p-tit">
                      普通快递   运单号:390085324974
                    </div>
                    <div class="hideList">
                      <ul>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>




        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7">
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding2.jpg" alt="" class="img">
              <div>
                <p>欧维沃加绒棉鞋男士休闲鞋男鞋子潮流男生韩<br />
                版加厚保暖学生板鞋 黑色 42</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0; " class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                  <div class="hi">
                    <div class="p-tit">
                      普通快递   运单号:390085324974
                    </div>
                    <div class="hideList">
                      <ul>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>


        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7">
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding3.jpg" alt="" class="img">
              <div>
                <p>永日(yongri) 电动剃须刀男士电动刮胡刀<br />
                剃胡刀便携式三刀头电须刀充电智能胡须刀</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0; " class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                  <div class="hi">
                    <div class="p-tit">
                      普通快递   运单号:390085324974
                    </div>
                    <div class="hideList">
                      <ul>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>




        <table class="table">
          <tr>
            <td colspan="7" style="background:#F7F7F7">
              <span style="color:#AAAAAA">2017-12-09 20:50:10</span>
              <span><ruby style="color:#AAAAAA">订单号:</ruby> 70207298274</span>
              <span>慕熙威尔官方旗舰店<i class="table_i"></i></span>
              <i class="table_i5 isShow"></i>
            </td>
          </tr>
          <tr class="tr">
            <td colspan="3">
              <img src="/static/order/list/img/ding4.jpg" alt="" class="img">
              <div>
                <p>ISIDO oppo r9s手机壳R9sk/r9splus保护套防<br />
                摔磨砂全包硬壳男女款 R9s【黑】蝙蝠侠</p>
                <div><i class="table_i4"></i>找搭配</div>
              </div>
              <div style="margin-left:15px;">x1</div>
              <div style="clear:both"></div>
            </td>
            <td>张三<i><i class="table_i1"></i></i></td>
            <td style="padding-left:10px;color:#AAAAB1;">
              <p style="margin-bottom:5px;">总额 ¥26.00</p>
              <hr style="width:90%;">
              <p>在线支付</p>
            </td>
            <td>
              <ul>
                <li style="color:#71B247;">等待收货</li>
                <li style="margin:4px 0; " class="hide"><i class="table_i2"></i>跟踪<i class="table_i3"></i>
                  <div class="hi">
                    <div class="p-tit">
                      普通快递   运单号:390085324974
                    </div>
                    <div class="hideList">
                      <ul>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行签收扫描,快件已被拍照(您
                          的快件已签收,感谢您使用韵达快递)签收
                        </li>
                        <li>
                          [北京昌平区南口公司] 在北京昌平区南口公司进行派件扫描
                        </li>
                        <li>
                          [北京市] 在北京昌平区南口公司进行派件扫描;派送业务员:业务员;联系电话:17319268636
                        </li>
                      </ul>
                    </div>
                  </div>
                </li>
                <li class="tdLi">订单详情</li>
              </ul>
            </td>
            <td>
              <button>确认收货</button>
              <p style="margin:4px 0; ">取消订单</p>
              <p>催单</p>
            </td>
          </tr>
        </table>

        <div class="order_btm">
          <div>
            <button>上一页</button>
            <span>1</span>
            <button>下一页</button>
          </div>
        </div>
        <div style="clear:both;"></div>
      </div>

      <div class="buy">
        <div class="buy_top">
          <div>买什么</div>
          <div>查看更多商品专辑</div>
        </div>
        <div style="clear:both;"></div>
        <div class="buy_btm">
          <dl>
            <dt>
              <div>最适合冬季的茶</div>
              <p>不入魔不成仙</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="/static/order/list/img/bu.jpg" alt=""></div>
              <div>
                <img src="/static/order/list/img/1xb.jpg" alt="">
                <img src="/static/order/list/img/1xb1.jpg" alt="">
                <div>32</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 5</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>用新奇搞怪献给那些有趣的灵魂</div>
              <p>小太阳骥少</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="/static/order/list/img/bu1.jpg" alt=""></div>
              <div>
                <img src="/static/order/list/img/2xb.jpg" alt="">
                <img src="/static/order/list/img/2xb1.jpg" alt="">
                <div>17</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 5</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>流感来了,如何做好防护?</div>
              <p>gulimall-guliyuan</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="/static/order/list/img/bu2.jpg" alt=""></div>
              <div>
                <img src="/static/order/list/img/3xb.jpg" alt="">
                <img src="/static/order/list/img/3xb1.jpg" alt="">
                <div>23</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 2</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 5</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <dl>
            <dt>
              <div>流感来了,如何做好防护?</div>
              <p>gulimall-guliyuan</p>
            </dt>
            <dd class="ab_goods">
              <div><img src="/static/order/list/img/bu3.jpg" alt=""></div>
              <div>
                <img src="/static/order/list/img/xb.jpg" alt="">
                <img src="/static/order/list/img/xb1.jpg" alt="">
                <div>23</div>
              </div>
            </dd>
            <div style="clear:both;"></div>
            <dd class="ab_operate">
              <ul>
                <li class="guanzhu"><i class="buy_btm_i1 buy_btm_i"></i>关注 4</li>
                <li class="zhan"><i class="buy_btm_i2 buy_btm_i0"></i>赞 11</li>
                <div style="clear:both;"></div>
              </ul>
            </dd>
          </dl>
          <div style="clear:both;"></div>
        </div>
      </div>

      <div class="mySwiper">
        <div class="mySwiper_like">
          <div class="left">猜你喜欢</div>
          <ol>
            <li class="liList">1</li>
            <li class="liList">2</li>
            <li class="liList">3</li>
            <div style="clear:both"></div>
          </ol>
          <div style="clear:both"></div>
        </div>
        <ul>
          <li style="display:block;">
            <dl>
              <dt><img src="/static/order/list/image/lunbo.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿(9-14千克)</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo1.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo2.jpg" alt=""></dt>
              <dd>
                <div>满减不止5折三只松鼠_小贱牛</div>
                <div>板筋120gx1袋休闲零食特产</div>
                <p>¥22.80</p>
                <span>(已有169149人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo3.jpg" alt=""></dt>
              <dd>


                <div>良品铺子鸭脖子 甜辣味真空小包装</div>
                <div>香辣卤味零食休闲小吃熟食190g</div>
                <p>¥21.90</p>
                <span>(已有208040人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo4.jpg" alt=""></dt>
              <dd>
                <div>欧莱雅(LOREAL)男士控油</div>
                <div>(男士洗面奶 收缩毛孔 去黑头)</div>
                <p>¥39.00</p>
                <span>(已有604670人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
          <li>
            <dl>
              <dt><img src="/static/order/list/image/live.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿(9-14千克)</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/live1.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/live2.jpg" alt=""></dt>
              <dd>
                <div>满减不止5折三只松鼠_小贱牛</div>
                <div>板筋120gx1袋休闲零食特产</div>
                <p>¥22.80</p>
                <span>(已有169149人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/live3.jpg" alt=""></dt>
              <dd>


                <div>良品铺子鸭脖子 甜辣味真空小包装</div>
                <div>香辣卤味零食休闲小吃熟食190g</div>
                <p>¥21.90</p>
                <span>(已有208040人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/live4.jpg" alt=""></dt>
              <dd>
                <div>欧莱雅(LOREAL)男士控油</div>
                <div>(男士洗面奶 收缩毛孔 去黑头)</div>
                <p>¥39.00</p>
                <span>(已有604670人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
          <li>
            <dl>
              <dt><img src="/static/order/list/image/lunbo5.jpg" alt=""></dt>
              <dd>
                <div>花王 (Merries) 妙而舒 纸尿裤</div>
                <div>大号 L54片 尿不湿(9-14千克)</div>
                <p>¥83.90</p>
                <span>(已有363668人评价)</span>
              </dd>
            </dl>
            <dl>
              <dt><img src="/static/order/list/image/lunbo6.jpg" alt=""></dt>
              <dd>
                <div>三只松鼠 肉干肉脯 休闲零食</div>
                <div>猪肉脯自然片150g/袋子</div>
                <p>¥26.90</p>
                <span>(已有448374人评价)</span>
              </dd>
            </dl>
            <div style="clear:both;"></div>
          </li>
        </ul>
      </div>

      <div id="logo">
        <img src="/static/order/list/img/datu.jpg" alt="">
        <img src="/static/order/list/img/datu1.jpg" alt="">
      </div>
    </div>
    <div style="clear:both;"></div>
  </div>



  <div class="footer">
    <div class="top">
      <ul>
          <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>
          <div style="clear:both;"></div>
      </ul>
    </div>
    <div class="wrap">
      <div class="wrap1">
          <div class="wrap2">
             <dl>
                 <dt>购物指南</dt>
                 <dd>购物流程</dd>
                 <dd>会员介绍</dd>
                 <dd>生活旅行/团购</dd>
                 <dd>常见问题</dd>
                 <dd>大家电</dd>
                 <dd>联系客服</dd>
             </dl>
              <dl>
                  <dt>配送方式</dt>
                  <dd>上门自提</dd>
                  <dd>211限时达</dd>
                  <dd>配送服务查询</dd>
                  <dd>配送费收取标准</dd>
                  <dd>海外配送</dd>

              </dl>
              <dl>
                  <dt>支付方式</dt>
                  <dd>货到付款</dd>
                  <dd>在线支付</dd>
                  <dd>分期付款</dd>
                  <dd>邮局汇款</dd>
                  <dd>公司转账</dd>
              </dl>
              <dl>
              <dt>公司转账</dt>
              <dd>售后政策</dd>
              <dd>价格保护</dd>
              <dd>退款说明</dd>
              <dd>返修/退换货</dd>
              <dd>取消订单</dd>


          </dl>
              <dl>
                  <dt>特色服务</dt>
                  <dd>夺宝岛</dd>
                  <dd>DIY装机</dd>
                  <dd>延保服务</dd>
                  <dd>谷粒商城E卡</dd>
                  <dd>谷粒商城通信</dd>
                  <dd>谷粒商城gulimall+</dd>
              </dl>
          </div>
      </div>
    </div>
    <p class="p1">
        <a href="/static/order/list/#">关于我们</a>
        <a href="/static/order/list/#">联系我们</a>
        <a href="/static/order/list/#">联系客服</a>
        <a href="/static/order/list/#">合作招商</a>
        <a href="/static/order/list/#">合作招商</a>
        <a href="/static/order/list/#">营销中心</a>
        <a href="/static/order/list/#" style="width:80px;">手机谷粒商城</a>
        <a href="/static/order/list/#">友情链接</a>
        <a href="/static/order/list/#">销售联盟</a>
        <a href="/static/order/list/#" style="width:80px;">谷粒商城社区</a>
        <a href="/static/order/list/#">风险监测</a>
        <a href="/static/order/list/#">隐私政策</a>
        <a href="/static/order/list/#" style="width:80px;">谷粒商城公益</a>
        <a href="/static/order/list/#" style="width:80px;">English Site</a>
        <a href="/static/order/list/#" style="border-right: none">Contact Us</a>
    </p>
    <p class="p2">
        <a href="/static/order/list/#">京公网安备 11000002000088号</a>
        <a href="/static/order/list/#">京ICP证070359号</a>
        <a href="/static/order/list/#">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a>
        <a href="/static/order/list/#">新出发京零 字第大120007号</a>
    </p>
    <p class="p3">
        <a href="/static/order/list/#">互联网出版许可证编号新出网证(京)字150号</a>
        <a href="/static/order/list/#">出版物经营许可证</a>
        <a href="/static/order/list/#">网络文化经营许可证京网文[2014]2148-348号</a>
        <a href="/static/order/list/#">违法和不良信息举报电话:4006561155</a>
    </p>
    <p class="p4">
        <a href="/static/order/list/#">Copyright © 2004 - 2017  谷粒商城gulimall.com 版权所有</a>
        <a href="/static/order/list/#">消费者维权热线:4006067733</a>
        <a href="/static/order/list/#">经营证照</a>
    </p>
    <p class="p5">
        <a href="/static/order/list/#">谷粒商城旗下网站:谷粒商城钱包</a>
        <a href="/static/order/list/#">谷粒商城云</a>

    </p>
    <p class="img">
        <span class="span icon1"></span>
        <span class="span icon2"></span>
        <span class="span icon3"></span>
        <span class="span icon4"></span>
        <span class="span icon5"></span>
        <span class="span icon6"></span>
    </p>
    <div style="clear: both"></div>
  </div>
  <div class="fixed">
    
    <div class="teSe">
      <ul>
        <li class="test_li1">
          <ol>
            <div></div>
            <li>宽带</li>
            <li>我的旅行订单</li>
            <li>夺宝箱</li>
            <li>我的定期送</li>
            <li>我的竞拍保证金</li>
            <li>谷粒商城白条</li>
            <li>谷粒商城回收</li>
            <li>装机大师</li>
            <li>黄金托管业务</li>
          </ol>
        </li>
        <li class="test_li2"></li>
        <li><a href="/static/order/list/#" class="test_li3"></a></li>
      </ul>
    </div>
  </div>
</body>
<script src="/static/order/list/js/jquery-3.1.1.min.js"></script>
<script src="/static/order/list/js/index.js"></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 href="/static/order/detail/denglu.html" class="aa">你好,请登录</a>
						</li>
						<li>
							<a href="/static/order/detail/javascript:;" 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>

 

<!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 href="/static/order/detail/denglu.html" class="aa">你好,请登录</a>
                   </li>
                   <li>
                      <a href="/static/order/detail/javascript:;" 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、付费专栏及课程。

余额充值