|  | @@ -1,216 +1,13 @@
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
 | 
	
		
			
				|  |  | -<html xmlns="http://www.w3.org/1999/xhtml">
 | 
	
		
			
				|  |  | +<!doctype html>
 | 
	
		
			
				|  |  | +<html lang="en">
 | 
	
		
			
				|  |  |  <head>
 | 
	
		
			
				|  |  | -    <meta charset="utf-8">
 | 
	
		
			
				|  |  | -    <meta name="author" content="m.jd.com">
 | 
	
		
			
				|  |  | -    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 | 
	
		
			
				|  |  | -    <meta content="yes" name="apple-mobile-web-app-capable"/>
 | 
	
		
			
				|  |  | -    <meta content="yes" name="apple-touch-fullscreen"/>
 | 
	
		
			
				|  |  | -    <meta content="telephone=no" name="format-detection"/>
 | 
	
		
			
				|  |  | -    <meta content="black" name="apple-mobile-web-app-status-bar-style">
 | 
	
		
			
				|  |  | -    <meta content="#ffffff" name="msapplication-TileColor"/>
 | 
	
		
			
				|  |  | -    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
 | 
	
		
			
				|  |  | -    <link rel="stylesheet" href="https://oilcard.m.jd.com//skin/jd-mater.css"/>
 | 
	
		
			
				|  |  | -    <link rel="stylesheet" href="https://oilcard.m.jd.com//skin/fuelcard.css"/>
 | 
	
		
			
				|  |  | -    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 | 
	
		
			
				|  |  | -    <title>订单详情</title>
 | 
	
		
			
				|  |  | -    <meta name="format-detection" content="telephone=no"/>
 | 
	
		
			
				|  |  | -    <meta name="apple-mobile-web-app-capable" content="yes">
 | 
	
		
			
				|  |  | -    <meta name="apple-mobile-web-app-status-bar-style" content="black">
 | 
	
		
			
				|  |  | -    <link href="https://oilcard.m.jd.com//js/jquery.toast/jquery.toast.min.css" rel="stylesheet" type="text/css"/>
 | 
	
		
			
				|  |  | -    <link href="https://oilcard.m.jd.com//css/animate.css" rel="stylesheet" type="text/css"/>
 | 
	
		
			
				|  |  | -    <link rel="stylesheet" type="text/css" href="//st.360buyimg.com/common/commonH_B/css/header.css" charset="utf-8"/>
 | 
	
		
			
				|  |  | -    <link rel="stylesheet" type="text/css" href="https://oilcard.m.jd.com//css/mobileSelect.css">
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    <script type="text/javascript" src="https://oilcard.m.jd.com//js/jquery-1.11.1.min.js"></script>
 | 
	
		
			
				|  |  | -    <script type="text/javascript" src="https://oilcard.m.jd.com//js/jquery.tap.min.js"></script>
 | 
	
		
			
				|  |  | -    <script type="text/javascript" src="https://oilcard.m.jd.com//js/alert.js"></script>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    <script type="text/javascript" src="https://oilcard.m.jd.com//js/jquery.toast/jquery.toast.min.js"></script>
 | 
	
		
			
				|  |  | -    <script type="text/javascript" src="https://oilcard.m.jd.com//js/full_js/common.js?v=20160219"></script>
 | 
	
		
			
				|  |  | +    <meta charset="UTF-8">
 | 
	
		
			
				|  |  | +    <meta name="viewport"
 | 
	
		
			
				|  |  | +          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
 | 
	
		
			
				|  |  | +    <meta http-equiv="X-UA-Compatible" content="ie=edge">
 | 
	
		
			
				|  |  | +    <title>Document</title>
 | 
	
		
			
				|  |  |  </head>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
 | 
	
		
			
				|  |  | -<!--<script type="text/javascript" src="https://wq.360buyimg.com/js/common/dest/wq.jshop.report.min.js"/>-->
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<link rel="stylesheet" type="text/css" href="https://oilcard.m.jd.com//skin/wq-nav.css"/>
 | 
	
		
			
				|  |  | -<div class="wraper">
 | 
	
		
			
				|  |  | -    <div class="nav-tab">
 | 
	
		
			
				|  |  | -        <div class="nav-box">
 | 
	
		
			
				|  |  | -            <b class="pic"></b>
 | 
	
		
			
				|  |  | -            <span class="nav_text">快捷导航</span>
 | 
	
		
			
				|  |  | -        </div>
 | 
	
		
			
				|  |  | -        <div class="nav-list">
 | 
	
		
			
				|  |  | -            <a class="nav-li" id="wqIndex">
 | 
	
		
			
				|  |  | -                <b class="icon icon_index"></b>
 | 
	
		
			
				|  |  | -                <span class="text">首页</span>
 | 
	
		
			
				|  |  | -            </a>
 | 
	
		
			
				|  |  | -            <a class="nav-li" id="wqSearch">
 | 
	
		
			
				|  |  | -                <b class="icon icon_search"></b>
 | 
	
		
			
				|  |  | -                <span class="text">搜索</span>
 | 
	
		
			
				|  |  | -            </a>
 | 
	
		
			
				|  |  | -            <a class="nav-li" id="wqMyCenter">
 | 
	
		
			
				|  |  | -                <b class="icon icon_people"></b>
 | 
	
		
			
				|  |  | -                <span class="text">个人中心</span>
 | 
	
		
			
				|  |  | -            </a>
 | 
	
		
			
				|  |  | -            <a href="https://wqs.jd.com/search/searchfootprint.shtml?ptag=7105.12.7" class="nav-li">
 | 
	
		
			
				|  |  | -                <b class="icon icon_history"></b>
 | 
	
		
			
				|  |  | -                <span class="text">足迹</span>
 | 
	
		
			
				|  |  | -            </a>
 | 
	
		
			
				|  |  | -            <a href="https://wqs.jd.com/customer/feedback.shtml?fromurl=https://wqs.jd.com/my/accountv2.shtml&ptag=7155.1.73"
 | 
	
		
			
				|  |  | -               class="nav-li">
 | 
	
		
			
				|  |  | -                <b class="icon icon_back"></b>
 | 
	
		
			
				|  |  | -                <span class="text">用户反馈</span>
 | 
	
		
			
				|  |  | -            </a>
 | 
	
		
			
				|  |  | -            <a class="nav-li" id="wqCart">
 | 
	
		
			
				|  |  | -                <b class="icon icon_purchase"></b>
 | 
	
		
			
				|  |  | -                <span class="text">购物车</span>
 | 
	
		
			
				|  |  | -            </a>
 | 
	
		
			
				|  |  | -        </div>
 | 
	
		
			
				|  |  | -    </div>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<script type="text/javascript">
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    $("#wqIndex").on("click", function () {
 | 
	
		
			
				|  |  | -        wx.miniProgram.switchTab({url: "/pages/index/index"});
 | 
	
		
			
				|  |  | -    });
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    $("#wqSearch").on("click", function () {
 | 
	
		
			
				|  |  | -        wx.miniProgram.switchTab({url: "/pages/cate/cate"});
 | 
	
		
			
				|  |  | -    });
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    $("#wqMyCenter").on("click", function () {
 | 
	
		
			
				|  |  | -        wx.miniProgram.switchTab({url: "/pages/my/index/index"});
 | 
	
		
			
				|  |  | -    });
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    $("#wqCart").on("click", function () {
 | 
	
		
			
				|  |  | -        wx.miniProgram.switchTab({url: "/pages/cart/cart/index"});
 | 
	
		
			
				|  |  | -    });
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -</script>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<script type="text/javascript">
 | 
	
		
			
				|  |  | -    $(function () {
 | 
	
		
			
				|  |  | -        $('.nav-box').click(function () {
 | 
	
		
			
				|  |  | -            $('.pic').toggleClass('right_pic');
 | 
	
		
			
				|  |  | -            var text = $('.nav_text').text();
 | 
	
		
			
				|  |  | -            if (text == '收起') {
 | 
	
		
			
				|  |  | -                $('.nav_text').text('快捷导航');
 | 
	
		
			
				|  |  | -                $('.nav-tab').removeClass('animate-left');
 | 
	
		
			
				|  |  | -                $('.nav-tab').addClass('animate-right');
 | 
	
		
			
				|  |  | -            } else {
 | 
	
		
			
				|  |  | -                $('.nav_text').text('收起');
 | 
	
		
			
				|  |  | -                $('.nav-tab').removeClass('animate-right');
 | 
	
		
			
				|  |  | -                $('.nav-tab').addClass('animate-left');
 | 
	
		
			
				|  |  | -            }
 | 
	
		
			
				|  |  | -        });
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -        $('#wqIndex').click(function () {
 | 
	
		
			
				|  |  | -            //navigate
 | 
	
		
			
				|  |  | -        })
 | 
	
		
			
				|  |  | -    })
 | 
	
		
			
				|  |  | -</script>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<script type="text/javascript">
 | 
	
		
			
				|  |  | -    $(function () {
 | 
	
		
			
				|  |  | -        //非小程序来源 或者 独立小程序
 | 
	
		
			
				|  |  | -        var cookie = getCookie('wxapp_type');
 | 
	
		
			
				|  |  | -        if (cookie != "1") {
 | 
	
		
			
				|  |  | -            $('.nav-tab').addClass("hidden");
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | -        //小程序来源
 | 
	
		
			
				|  |  | -        else {
 | 
	
		
			
				|  |  | -            $('.nav-tab').removeClass("hidden");
 | 
	
		
			
				|  |  | -            $.getScript("https://wq.360buyimg.com/js/common/dest/wq.jshop.report.min.js");
 | 
	
		
			
				|  |  | -//            document.writeln('<script type="text/javascript" src="https://wq.360buyimg.com/js/common/dest/wq.jshop.report.min.js"/>');
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | -    })
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    function getCookie(cname) {
 | 
	
		
			
				|  |  | -        var name = cname + "=";
 | 
	
		
			
				|  |  | -        var ca = document.cookie.split(';');
 | 
	
		
			
				|  |  | -        for (var i = 0; i < ca.length; i++) {
 | 
	
		
			
				|  |  | -            var c = ca[i].trim();
 | 
	
		
			
				|  |  | -            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
 | 
	
		
			
				|  |  | -        }
 | 
	
		
			
				|  |  | -        return "";
 | 
	
		
			
				|  |  | -    }
 | 
	
		
			
				|  |  | -</script>
 | 
	
		
			
				|  |  |  <body>
 | 
	
		
			
				|  |  | -<div id="m_common_header" style="min-height:45px"></div>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<div class="common-wrapper order-detail">
 | 
	
		
			
				|  |  | -    <input type="hidden" id="orderId" value='211689464191'>
 | 
	
		
			
				|  |  | -    <input type="hidden" id="skuId" value='200108042928'>
 | 
	
		
			
				|  |  | -    <input type="hidden" id="totalPrice" value='100.00'>
 | 
	
		
			
				|  |  | -    <i class="ico-water"></i>
 | 
	
		
			
				|  |  | -    <div class="box box1">
 | 
	
		
			
				|  |  | -        <div class="title">
 | 
	
		
			
				|  |  | -            <span class="f-s-28 fl"><font class="c-68">订 单 号:</font><font class="c-23">211689464191</font></span>
 | 
	
		
			
				|  |  | -            <span class='fr red f-s-26'></span>
 | 
	
		
			
				|  |  | -        </div>
 | 
	
		
			
				|  |  | -        <p>
 | 
	
		
			
				|  |  | -                 <span class="f-s-28 toStore">
 | 
	
		
			
				|  |  | -                                             <a href="//pro.m.jd.com/mall/active/2JMzArjbUNBLVRK9GAYaaiiUruNb/index.html">中石油油卡充值旗舰店 ></a>
 | 
	
		
			
				|  |  | -                                      </span>
 | 
	
		
			
				|  |  | -            <span class="f-s-28"><font class="c-68">加油卡号:</font><font class="c-23">****3530</font></span>
 | 
	
		
			
				|  |  | -            <span class="f-s-28"><font class="c-68">油卡信息:</font><font class="c-23">中国石油油卡充值 中石油个人记名卡充值 全国可充,支持开票100元</font></span>
 | 
	
		
			
				|  |  | -            <span class="f-s-28"><font class="c-68">充值金额:</font><font class="c-23">100.00元</font></span>
 | 
	
		
			
				|  |  | -        </p>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -        <p class="border-t nopb" id="">
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -            <span class="f-s-24 c-84 txt">您可至中石油官网查询圈存站点信息。</span>
 | 
	
		
			
				|  |  | -        </p>
 | 
	
		
			
				|  |  | -    </div>
 | 
	
		
			
				|  |  | -    <div class="box box2">
 | 
	
		
			
				|  |  | -        <span class="f-s-28 c-23">支付方式</span><span class="f-s-28 c-23 fr">在线支付</span>
 | 
	
		
			
				|  |  | -    </div>
 | 
	
		
			
				|  |  | -    <div class="box box3">
 | 
	
		
			
				|  |  | -        <p><span class="f-s-28 c-23">商品金额</span><span class="f-s-28 red fr">¥<em
 | 
	
		
			
				|  |  | -                class="f-s-36">100.00</em></span></p>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -        <p class="txtr ptb pay-real"><span class="f-s-28 red"><em>实付款:</em>¥<em
 | 
	
		
			
				|  |  | -                class="f-s-36">100.00</em></span></p>
 | 
	
		
			
				|  |  | -        <p class="txtr"><span class="f-s-24 c-84">下单时间:2021-07-04 23:50:17</span></p>
 | 
	
		
			
				|  |  | -    </div>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    <div class="open-dong">
 | 
	
		
			
				|  |  | -        <a href="http://chat.jd.com/chat/index.action?venderId=1&appId=jd.waiter&customerAppId=im.customer&entry=jd_m_gas">
 | 
	
		
			
				|  |  | -            <b class="dong-icon"></b>
 | 
	
		
			
				|  |  | -            <span>联系客服</span>
 | 
	
		
			
				|  |  | -        </a>
 | 
	
		
			
				|  |  | -    </div>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -    <p class='order-foot border-t'>
 | 
	
		
			
				|  |  | -    <div class="btn-fixed-wrapper">
 | 
	
		
			
				|  |  | -        <button id="continueToBuy" skuId="200108052204" brand="1" class="btn-payfor-footer">
 | 
	
		
			
				|  |  | -            再次购买
 | 
	
		
			
				|  |  | -        </button>
 | 
	
		
			
				|  |  | -    </div>
 | 
	
		
			
				|  |  | -    </p>
 | 
	
		
			
				|  |  | -</div>
 | 
	
		
			
				|  |  | -
 | 
	
		
			
				|  |  | -<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
 | 
	
		
			
				|  |  | -<script type="text/javascript" src="https://oilcard.m.jd.com//js/full_js/orderDetail.js"></script>
 | 
	
		
			
				|  |  | -<div id="m_common_bottom"></div>
 | 
	
		
			
				|  |  | -<script type="text/javascript" src="//wl.jd.com/unify.min.js"></script>
 | 
	
		
			
				|  |  | -<script type="text/javascript" src="https://oilcard.m.jd.com//js/full_js/bottom.js?v=20160219"></script>
 | 
	
		
			
				|  |  | -<script type="text/javascript" src="//st.360buyimg.com/common/commonH_B/js/m_common_header_bottom2.1.js"></script>
 | 
	
		
			
				|  |  | -<script type="text/javascript" src="//st.360buyimg.com/common/commonH_B/js/m_common2.1.js" ></script>
 | 
	
		
			
				|  |  | -<script type="text/javascript" src="//st.360buyimg.com/m/js/2014/module/plugIn/downloadAppPlugIn_imk2.js"></script>
 | 
	
		
			
				|  |  | -<script type="text/javascript">
 | 
	
		
			
				|  |  | -    $(function(){
 | 
	
		
			
				|  |  | -        var mchb = new MCommonHeaderBottom();
 | 
	
		
			
				|  |  | -        var headerArg = {hrederId : 'm_common_header',title: '订单详情' , sid : '', isShowShortCut : false, selectedShortCut : '4'};
 | 
	
		
			
				|  |  | -        mchb.header(headerArg);
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -    });
 | 
	
		
			
				|  |  | -</script>
 | 
	
		
			
				|  |  |  </body>
 | 
	
		
			
				|  |  | -</html> 
 | 
	
		
			
				|  |  | +</html>
 |