diff --git a/js/lock.js b/js/lock.js
new file mode 100644
index 0000000..a9ac2a3
--- /dev/null
+++ b/js/lock.js
@@ -0,0 +1,566 @@
+/*
+@songcxa
+@2018-12-14
+@移动支付
+*/
+var webAppParams = null;
+var $btnObj = null;
+var $btnLoad = null;
+var flag = 0;
+var webAppCode = null;//如果是微信，先获取微信code
+//var $btnLoad = document.getElementById("loading");
+window.onload = function () {
+  //var root = document.getElementById("root");
+  $btnObj = document.getElementById("btnPayOK");
+  $btnLoad = document.getElementById("loading");
+
+  // $discountBtn = document.getElementById("discountBtn");
+  $linkPayDetail = getObjectByID("linkPayDetail");
+  $linkPayDetail.onclick = webAppClass.linkPayDetailClick;
+  var webRoot = window.location.href;
+  //设置当前客户端浏览器模式[微信、支付宝、其他]
+  webAppClass.clientBrowser();
+  //绑定事件
+  var ali = document.getElementById("rowAliPay");
+  var wx = document.getElementById("rowWxPay");
+  ali.onclick = webAppClass.aliClick;
+  wx.onclick = webAppClass.wxClick;
+  $btnObj.onclick = webAppClass.okClick;
+  document.getElementById("payTip").innerHTML = "";
+  //参数
+  webAppParams = getQueryString(window.location);
+  console.log(webAppParams.carNumber)
+  console.log(webAppParams.plNo)
+  if (webAppParams!=null) {
+    //设置UI参数
+    var url = 'http://39.98.54.240:8090/queryParkOrder/queryToPayOrderIdByCarNumber';
+    var discountParams = {
+      app_id:'1',
+      salt:'1',
+      deviceInfo:'1',
+      sign_type:'1',
+      sign:'1',
+      token:'1',
+      terminalSource:7,
+      carNumber:webAppParams.carNumber,
+      plNo:webAppParams.plNo,
+      codeType:0
+    }
+    // var discountParams = JSON.stringify(discountParams)
+    postRequest(url, discountParams, function (res) {
+      console.log(res)
+
+      var url1 = 'http://39.98.54.240:8090/queryParkOrder/billQuery';
+      var discountParams1 = {
+        app_id:'1',
+        salt:'1',
+        deviceInfo:'1',
+        sign_type:'1',
+        sign:'1',
+        token:'1',
+        carNumber:webAppParams.carNumber,
+        parkCode:webAppParams.plNo,
+        terminalSource:7,
+        orderId:res.data,
+        codeType:0
+      }
+      // var discountParams = JSON.stringify(discountParams)
+      postRequest(url1, discountParams1, function (res) {
+        console.log(res)
+
+
+
+
+        // // if(res.code==0){
+        // //
+        //   document.getElementById("sumMoney").innerHTML = (res.data.orderFee/100)
+        // document.getElementById("parkName").innerHTML = (res.data.parkName)
+        // document.getElementById("staytime").innerHTML = (res.data.staytime)
+        //
+        // document.getElementById("inparktime").innerHTML = (res.data.inparktime)
+        // document.getElementById("due").innerHTML = (res.data.orderTotalFee/100)
+        //
+        // document.getElementById("paid").innerHTML = (res.data.paid/100)
+        // document.getElementById("discountFee").innerHTML = (res.data.discountFee)
+        //
+        // document.getElementById("discountDesc").innerHTML = (res.data.discountDesc)
+        //
+        // document.getElementById("orderNum").innerHTML = (res.data.orderId)
+        //
+        //   // document.getElementById("discountTip").innerHTML = res.data.couponDescribe
+        //   // document.getElementById("discountFee").innerHTML = (res.data.discountFee/100)
+        //   document.getElementById("discountDesc").style.display="none"
+        //   $btnLoad.style.display = "none";
+        //   $btnObj.style.display = "block";
+        //   flag = 1;
+        //   webAppClass.okPay(tmpObj);//唤醒支付
+
+        webAppClass.setUI(res.data);
+      })
+
+
+
+    })
+  } else {
+    alertMsg("暂无订单信息");
+  }
+
+  //获取微信code
+  //webAppClass.getCode();
+  var state = clientBrowserEx();
+  if (state == "wxPay") {
+    webAppCode = webAppClass.getCode();
+  }
+  // $discountBtn.onclick = webAppClass.discountClick;
+}
+/**/
+var webAppClass = {
+
+
+  //OK
+  okClick: function (ev) {
+    document.getElementById("payTip").innerHTML = "";
+    if (webAppParams == null) {
+      alertMsg("暂无订单信息");return;
+    }
+    //先校验停车费用后缴费提交
+    webAppClass.checkParkCost();
+  },
+  //校验该订单当前支付时的费用（排除扫描订单后不支付时长）
+  checkParkCost: function () {
+    $btnObj.style.display = "none";
+    $btnLoad.style.display = "block";
+    if (typeof(webAppParams.queryOrderInfo) == "undefined") {//没有queryOrderInfo返回第一页
+      window.history.back(-1);
+    }
+    var tmpParams = JSON.parse(webAppParams.queryOrderInfo);
+    var url = webAppRoot + window.webAppH5.comServer;
+    postRequest(url, tmpParams, function (res) {
+      //btnObj.style.display = "block"; //$btnLoad.style.display = "none";
+      //$btnObj.style.display = "block";
+      if (res.code == 0) {//进场
+        var tmpObj = res.data;
+        if (tmpObj) {
+          if(flag == 1){
+            webAppClass.codediscountClick(tmpObj);
+          }else{
+            webAppClass.setUI(tmpObj);
+            webAppParams = tmpObj;//重新赋值
+            webAppClass.okPay(tmpObj);//唤醒支付
+          }
+
+          console.log(tmpObj)
+          // webAppClass.okPay(tmpObj);//唤醒支付
+        } else {
+          alertMsg("没有找到相应订单");
+        }
+      } else {//其他情况如【该卡号场内已存在】
+        $btnLoad.style.display = "none";
+        $btnObj.style.display = "block";
+        console.log(res.message); alertMsg(res.message);
+      }
+    }, function (err) {
+      console.log("网络服务超时..." + url);
+      alertMsg("网络服务超时");
+      $btnLoad.style.display = "none";
+      $btnObj.style.display = "block";
+      //$btnLoad.style.display = "none";
+    });
+  },
+
+  //确定支付
+  okPay: function (params) {
+    var orderID = params.orderId;//订单号
+    //var moneyID = document.getElementById("sumMoney").innerHTML = webAppParams.orderId;//订单号
+    var val = document.getElementById("sumMoney").innerText;
+    var couponPersonId = document.getElementById("discountBox").value;
+    var url = webAppRoot + window.webAppH5.zeroPayServer;
+    var discountParams = {
+      payOrderType : 101,
+      terminalSource:7,
+      orderId: webAppParams.orderId,
+      couponPersonId:couponPersonId,
+      app_id: '123',
+      sign_type: '123',
+      salt: '123',
+      deviceInfo: '123',
+      sign: '123',
+    }
+    if(val == '0.00' || val=='0'){
+      postRequest(url, discountParams, function (res) {
+        console.log(res)
+        if(res.code==0){
+          document.getElementById("paySuccess").style.display = 'block'
+          //
+          // document.getElementById("sumMoney").innerHTML = (res.data.orderFee/100)
+          // document.getElementById("discountTip").innerHTML = res.data.couponDescribe
+          // document.getElementById("discountFee").innerHTML = (res.data.discountFee/100)
+          // document.getElementById("discountDesc").style.display="none"
+          // $btnLoad.style.display = "none";
+          // $btnObj.style.display = "block";
+          // document.getElementById("discountBox").setAttribute('readonly','readonly');
+          // flag = 1
+        }else{
+          alert(res.message)
+          // $discountBtn.disabled = false
+          // document.getElementById("discountTip").innerHTML = res.message
+        }
+      })
+    }else {
+      var root = webAppRoot;
+      //第一首先判断当前哪种浏览器方式[微信内置、支付宝内置、第三方浏览器]
+      var clientType = clientBrowserEx();
+      //alert(clientType);
+      switch (clientType) {
+        case "wxPay"://微信[内置浏览器]
+          //var wxPay = webAppH5.wxPayServer;
+          //var wxParams = webAppH5.comParams;
+          //wxParams.orderId = orderID;
+          //wxParams.payType = 4;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+          //wxParams.terminalSource = 3;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+          //debugger;
+          if (webAppCode == null || webAppCode == "") {//code检测
+            alertMsg(appState.codeNullTip);
+            $btnObj.style.display = "block";
+            $btnLoad.style.display = "none";
+            return;
+          }
+          webAppClass.payAjaxJDK(orderID);
+          console.log("wxPay");//微信支付
+          break;
+        case "aliPay"://支付宝
+          console.log("aliPay");
+          //订单号
+          var obj = {};
+          //this.payAjax(url, { orderId: "11111", price: 0.01 });
+          var aliPay = webAppH5.aliPayServer;
+          var aliParams = webAppH5.comParams;
+          aliParams.orderId = orderID;
+          aliParams.payType = 1;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+          aliParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+          aliParams.paySrcType = 101;//101停车支付
+          webAppClass.payAliAjax(root + aliPay, aliParams);
+          break;
+        default://第三方浏览器other
+          //默认支付宝
+          if (document.getElementById("aliPay").checked) {
+            console.log("aliPay");
+            //订单号
+            var obj = {};
+            //this.payAjax(url, { orderId: "11111", price: 0.01 });
+            var aliPay = webAppH5.aliPayServer;
+            var aliParams = webAppH5.comParams;
+            aliParams.orderId = orderID;
+            aliParams.payType = 1;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+            aliParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+            aliParams.paySrcType = 101;//101停车支付
+            webAppClass.payAliAjax(root + aliPay, aliParams);
+          } else {//微信页面支付
+            var url = " https://wx.tenpay.com/cgi-bin/mmpayweb-bin/checkmweb?prepay_id=wx20161110163838f231619da20804912345&package=1037687096";
+            //window.location.href = url;
+            var wxPay = webAppH5.wxPayServer;
+            var wxParams = webAppH5.comParams;
+            wxParams.orderId = orderID;
+            wxParams.payType = 4;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+            wxParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+            webAppClass.payAjax(root + wxPay, wxParams);
+            console.log("wxPay");
+          }
+          break;
+      }
+    }
+
+  },
+
+  getCode: function () {
+    var appID = appWxID;
+    var code = getUrlParam('code');
+    var local = window.location.href;
+    //alert("local:" + local);
+    if (code == null || code === '') {
+      //alert(code);
+      window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + appID + '&redirect_uri=' + encodeURIComponent(local) + '&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect'
+      //window.event.returnValue = false;
+      //window.open('https://open.weixin.qq.com/connect/oauth2/authorize?appid=' + appID + '&redirect_uri=' + encodeURIComponent(local) + '&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect');
+      //alert("22");
+    } else {
+      //getOpenId(code); //把code传给后台获取用户信息
+      //alert(code);
+      //webAppCode = code;
+      return code;
+    }
+
+    function getUrlParam(name) {
+      var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
+      var r = window.location.search.substr(1).match(reg)
+      if (r != null) return unescape(r[2])
+      return null
+    }
+  },
+  //Ali
+  aliClick: function (ev) {
+    console.log("AliClick");
+    document.getElementById("aliPay").checked = true;
+    ev.preventDefault();
+  },
+  //Wx
+  wxClick: function (ev) {
+    console.log("wxClick");
+    document.getElementById("wxPay").checked = true;
+    ev.preventDefault();
+  },
+  //浏览器
+  clientBrowser: function () {
+    if (/MicroMessenger/.test(window.navigator.userAgent)) {
+      console.log("微信客户端");
+      this.switchShow("wxPay");
+    } else if (/AlipayClient/.test(window.navigator.userAgent)) {
+      console.log("支付宝客户端");
+      this.switchShow("aliPay");
+    } else {
+      console.log("其他浏览器");
+      this.switchShow("other");
+    }
+  },
+  //根据浏览器显示内容[aliPay、wxPay、other]
+  switchShow: function (type) {
+    var aliObj = document.getElementById("rowAliPay");
+    var wxObj = document.getElementById("rowWxPay");
+    var lineObj = document.getElementById("splitLine");
+    switch (type) {
+      case "aliPay":
+        lineObj.style.display = "none";
+        wxObj.style.display = "none";
+        document.getElementById("aliPay").checked = true;
+        break;
+      case "wxPay":
+        lineObj.style.display = "none";
+        aliObj.style.display = "none";
+        document.getElementById("wxPay").checked = true;
+        break;
+      default://其他浏览器[浏览器暂时屏蔽微信]
+        lineObj.style.display = "none";
+        wxObj.style.display = "none";
+        document.getElementById("aliPay").checked = true;
+        break;
+    }
+  },
+
+  //异步请求-微信H5页面
+  payAjax: function (url, params) {
+    var btnOBj = $btnObj;
+    postRequest(url, params, function (res) {
+      btnOBj.style.display = "block";
+      $btnLoad.style.display = "none";
+      //debugger;
+      if (res.code == 0) {//进场
+        //alertMsg("出场成功");
+        if (res.data) {
+          var tmpObj = res.data;
+          if (typeof (tmpObj.mwebUrl)!="undefined") {
+            window.location.href = tmpObj.mwebUrl + "&redirect_url=" + webAppPayResult;
+          } else {
+            alertMsg("没有返回支付地址mwebUrl");
+          }
+          console.log(JSON.stringify(tmpObj));
+        } else {
+          alertMsg("没有找到返回值");
+        }
+      } else {//其他情况如【该卡号场内已存在】
+        console.log(res.message);
+        alertMsg(res.message);
+      }
+    }, function (err) {
+      console.log("网络地址出错...");
+      alertMsg("网络地址出错...");
+      $btnLoad.style.display = "none";
+      btnOBj.style.display = "block";
+    });
+  },
+  //异步请求-微信JDK调用
+  payAjaxJDK: function (orderID) {
+    var btnOBj = $btnObj;
+    //0：页面初始化获取code[webAppCode]
+    var codeParams = { code: webAppCode, appId: appWxID };
+    var openIdUrl = webAppRoot + window.webAppH5.wxGetOpenIdServer;
+
+    //1：有code获取OpenId
+    postRequest(openIdUrl, codeParams, function (res) {
+      //alert(JSON.stringify(res));
+      if (res.code == 0) {
+        //alert(res.data);
+        webAppClass.getPayParams(res.data, orderID);
+      }
+      else if (res.code == 40163) {//code been used, hints[重复code问题]
+        alertMsg(appState.codeNullTip);
+        console.log(res.message);
+        $btnObj.style.display = "block";
+        $btnLoad.style.display = "none";
+      }
+      else {
+        alertMsg(res.message);
+        $btnObj.style.display = "block";
+        $btnLoad.style.display = "none";
+      }
+    }, function (err) {
+      console.log("网络地址出错..." + openIdUrl);
+      $btnObj.style.display = "block";
+      $btnLoad.style.display = "none";
+    });
+    //2：获取支付参数
+    //function getPayParams(openId) {
+
+    //}
+  },
+  getPayParams: function (openId, orderID) {
+    var wxPay = window.webAppH5.wxPayServer;
+    var wxParams = window.webAppH5.comParams;
+    wxParams.orderId = orderID;
+    wxParams.payType = 4;// 1:支付宝 2：微信 3：银联 10:H5   4微信公众号
+    wxParams.terminalSource = 7;//请求端来源 1： 任你停 2：pda 3：微信公共号 7:H5扫码 10页面支付
+    //webAppClass.payAjax(root + wxPay, wxParams);
+    wxParams.openId = openId;
+    wxParams.appId = appWxID;
+    var payParamsUrl = webAppRoot + window.webAppH5.wxPayServer;
+    //alert(payParamsUrl);alert(orderID);
+    postRequest(payParamsUrl, wxParams, function (res) {
+      $btnObj.style.display = "block";
+      $btnLoad.style.display = "none";
+      //debugger;
+      if (res.code == 0) {//进场
+        //alertMsg("出场成功");
+        if (res.data) {
+          var tmpObj = res.data;
+          webAppClass.weixinJSBridge(res.data);
+          console.log(JSON.stringify(tmpObj));
+          //alert(JSON.stringify(tmpObj));
+        } else {
+          alertMsg("没有找到返回值");
+        }
+      } else {
+        $btnLoad.style.display = "none";
+        $btnObj.style.display = "block";
+        console.log(res.message); alertMsg(res.message);
+      }
+    }, function (err) {
+      console.log("网络地址出错...");
+      alertMsg("网络地址出错..." + payParamsUrl);
+      $btnLoad.style.display = "none";
+      $btnObj.style.display = "block";
+    });
+  },
+
+  //调用微信内置WeixinJSBridge对象发起支付
+  weixinJSBridge: function (params) {
+    function onBridgeReady() {
+      WeixinJSBridge.invoke(
+        'getBrandWCPayRequest', params,
+        //'getBrandWCPayRequest', {
+        //    "appId": appWxID,     //公众号名称，由商户传入
+        //    "timeStamp": "1395712654",         //时间戳，自1970年以来的秒数
+        //    "nonceStr": "e61463f8efa94090b1f366cccfbbb444", //随机串
+        //    "package": "prepay_id=u802345jgfjsdfgsdg888",
+        //    "signType": "MD5",         //微信签名方式：
+        //    "paySign": "70EA570631E4BB79628FBCA90534C63FF7FADD89" //微信签名
+        //},
+        function (res) {
+          //alert(res.err_msg);
+          if (res.err_msg == "get_brand_wcpay_request:ok") {
+            // 使用以上方式判断前端返回,微信团队郑重提示：
+            //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
+            window.location.href = webAppPayResult+"?trade_no=" + "success";
+          }
+          else if (res.err_msg == 'get_brand_wcpay_request:cancel') {
+            window.location.href = webAppPayResult + "?trade_no=" + "fail";
+          }
+          else {
+            alertMsg(JSON.stringify(res));
+            //alert(res.err_msg);
+          }
+        });
+    }
+    if (typeof WeixinJSBridge == "undefined") {
+      if (document.addEventListener) {
+        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
+      } else if (document.attachEvent) {
+        document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
+        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
+      }
+    } else {
+      onBridgeReady();
+    }
+  },
+
+  //异步请求-支付宝
+  payAliAjax: function (url, params) {
+    var btnOBj = $btnObj;
+    postRequest(url, params, function (res) {
+      btnOBj.style.display = "block";
+      $btnLoad.style.display = "none";
+      if (res.code == 0) {//进场
+        document.write(res.data);//打开支付表单
+      } else {//其他情况如【该卡号场内已存在】
+        console.log(res.message);
+        alertMsg(res.message);
+      }
+    }, function (err) {
+      console.log("网络地址出错...");alertMsg("网络地址出错...");
+      $btnLoad.style.display = "none";
+      btnOBj.style.display = "block";
+    });
+  },
+
+  //设置UI
+  setUI: function (params) {
+    console.log(params)
+    var $carNum = getObjectByID("carNum"),//车牌号
+      $orderNum = getObjectByID("orderNum"),//订单号
+      $sumMoney = getObjectByID("sumMoney"),//实际应付金额
+      $outtime = getObjectByID("outtime"),//实际出场时间
+      $payTip = getObjectByID("payTip"),//支付提示
+
+      $parkName = getObjectByID("parkName"),//车场名称
+      $inparktime = getObjectByID("inparktime"),//进场时间
+      $staytime = getObjectByID("staytime"),//停车时长
+      $due = getObjectByID("due"),//停车总费用
+
+      $paid = getObjectByID("paid"),//已支付金额
+      $discountDesc = getObjectByID("discountDesc"),//8折优惠折扣费用
+      $discountFee = getObjectByID("discountFee");//优惠金额
+
+    if (params != null && params!="") {
+      var price = keepTwoDecimalFull((params.orderFee / 100));//(params.orderFee / 100);
+      $carNum.innerHTML = params.plateno;//手机号
+      $orderNum.innerHTML = params.orderId;//订单号
+      $sumMoney.innerHTML = price;///params.orderFee//缴费金额
+      $outtime.innerHTML = params.outtime;//实际出场时间
+      //.appOrderTimeout
+      $payTip.innerHTML = "注意: " + params.appOrderTimeout;//请在支付完成10分钟内出场，如超时未出场，会继续计费。
+
+      $parkName.innerHTML = params.parkName;
+      $inparktime.innerHTML = params.inparktime;
+      $staytime.innerHTML = formatSeconds(params.staytime);
+
+      $due.innerHTML = keepTwoDecimalFull((params.due / 100));//停车总费用
+      $paid.innerHTML = params.paid;
+     // $discountFee.innerHTML = keepTwoDecimalFull((params.discountFee / 100));//优惠金额
+      $discountFee.innerHTML = (params.discountFee )
+      $discountDesc.innerHTML = params.discountDesc;
+    } else {
+      console.log("没有接受到参数");
+    }
+  },
+
+  //查看详情
+  linkPayDetailClick: function (ev) {
+    var $payDetail = getObjectByID("payDetail");
+    var $linkPayDetail = getObjectByID("linkPayDetail");
+    if ($linkPayDetail.innerHTML == "详情+") {
+      $linkPayDetail.innerHTML = "详情-";
+      $payDetail.style.height = "195px";
+    } else {
+      $linkPayDetail.innerHTML = "详情+";
+      $payDetail.style.height = "55px";
+    }
+  }
+}
diff --git a/lockpay.html b/lockpay.html
new file mode 100644
index 0000000..681b039
--- /dev/null
+++ b/lockpay.html
@@ -0,0 +1,158 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#000000">
+    <meta name="google" value="notranslate">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="format-detection" content="email=no">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Cache-control" content="no-cache">
+    <meta http-equiv="Cache" content="no-cache">
+    <meta http-equiv="Expires" content="0">
+    <link rel="stylesheet" href="css/index.css?v=0.1">
+    <script src="config.js?v=0.1"></script>
+    <script src="js/common.js?v=1.11"></script>
+    <!--<script src="js/jweixin-1.0.0.js?v=0.1"></script>-->
+    <script src="js/lock.js?v=0.120"></script>
+    <!--<script src="https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js"></script>-->
+    <!--<script src="config.js"></script>-->
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>地锁支付</title>
+    <style>
+        .discountBox{
+            border: 0;
+            outline: 0;
+            width: calc(100% - 120px);
+            height:28px;
+            line-height: 28px;
+            padding-left: 10px;
+            background:rgba(240,244,245,1);
+            border-radius:4px;
+            display: inline-block;
+            float: left;
+            color: #8a8a8a;
+            font-size: 14px;
+        }
+        .discountBox:focus{
+            border: 0;
+            outline: 0;
+        }
+        .discountBtn{
+            display: inline-block;
+            float: right;
+            border: none;
+            outline: none;
+            -webkit-appearance: none;
+            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+            border: 1px solid #75CBBE;
+            border-radius:25px ;
+            padding: 4px 20px;
+            font-size: 14px;
+            color: #75CBBE;
+            background: #fff;
+        }
+        .discount-tip{
+            padding-top: 10px;
+            font-size: 14px;
+            color: #EB453B;
+        }
+        .paySuccess{
+            width: 100%;
+            height: 100%;
+            text-align: center;
+            line-height: 100px;
+            font-size: 20px;
+            color: #fff;
+            background: rgba(0,0,0,.7);
+            position: fixed;
+            top:0;
+            left: 0;
+            display: none;
+        }
+    </style>
+</head>
+<body>
+<!--<noscript>-->
+<!--You need to enable JavaScript to run this app.-->
+<!--</noscript>-->
+<header id="header" class="flexBoxRow panelBgColor">
+    <div class="headerBox">
+        <div class="carNumBox"><span></span><span id="carNum"></span></div>
+        <div class="moneyBox"><span>￥</span><span id="sumMoney">0.00</span></div>
+    </div>
+</header>
+<section id="payDetail" class="panelBgColor marginTop">
+    <div><span>车场名称:</span><span id="parkName"></span><a id="linkPayDetail">详情+</a> </div>
+    <div><span>停车时长:</span><span id="staytime"></span></div>
+    <div><span>进场时间:</span><span id="inparktime"></span></div>
+    <div><span>停车总费用:</span><span id="due"></span></div>
+    <div><span>已支付金额:</span><span id="paid"></span></div>
+    <div><span>优惠金额:</span><span id="discountFee"></span><span id="discountDesc"></span></div>
+    <div><span>订单编号: </span><span id="orderNum">1234567890</span> </div>
+</section>
+<!--<div class="row marginTop">-->
+    <!--<div style="overflow: hidden">-->
+        <!--<input class="discountBox" id="discountBox" type="text" placeholder="请输入优惠券编号" maxlength="20">-->
+        <!--<button class="discountBtn" id="discountBtn">兑换</button>-->
+    <!--</div>-->
+    <!--<div class="discount-tip" id="discountTip"></div>-->
+<!--</div>-->
+<section id="section" class="marginTop">
+    <div class="flexBoxRow" >
+        <span class="payWayTitle" style="padding-left: 10px;">选择支付方式</span> <span class="orderTime colorGray">出场时间: <span id="outtime"></span></span>
+    </div>
+    <div class="row marginTop">
+        <!--AliPay-->
+        <div class="flexBoxRow" id="rowAliPay">
+            <img class="payIcon" src="img/aliPay.png" />
+            <span class="marginLeft">支付宝支付</span>
+            <label for="aliPay" class="radio">
+                <span class="radio-bg"></span>
+                <input type="radio" name="radioPayWay" id="aliPay" value="支付宝" checked="checked" />
+                <span class="radio-on"></span>
+            </label>
+        </div>
+        <hr class="splitLine marginTop" id="splitLine" />
+        <!--WxPay-->
+        <div class="flexBoxRow marginTop" id="rowWxPay">
+            <img class="payIcon" src="img/wxPay.png" />
+            <span class="marginLeft">微信支付</span>
+            <label for="wxPay" class="radio">
+                <span class="radio-bg"></span>
+                <input type="radio" name="radioPayWay" id="wxPay" value="微信" />
+                <span class="radio-on"></span>
+            </label>
+        </div>
+    </div>
+</section>
+<footer id="footer" class="flexBoxRow marginTop">
+    <div class="btnOK" id="btnPayOK">确定支付</div>
+    <img src="img/loading.gif" id="loading" style="display: none;" />
+</footer>
+<section id="payTip" style="padding: 10px;margin-top:5px; color: #3385ff; font-size: 14px; "></section>
+<div class="paySuccess" id="paySuccess">支付成功，请立即离场</div>
+<!--
+  This HTML file is a template.
+  If you open it directly in the browser, you will see an empty page.
+
+  You can add webfonts, meta tags, or analytics to this file.
+  The build step will place the bundled scripts into the <body> tag.
+
+  To begin the development, run `npm start` or `yarn start`.
+  To create a production bundle, use `npm run build` or `yarn build`.
+-->
+</body>
+
+</html>