作者 lihan

拿到前端修改过后的订单确认页面重新写一些联动逻辑,目前支持余额支付

@@ -95,4 +95,19 @@ class IndexController extends HomeBaseController @@ -95,4 +95,19 @@ class IndexController extends HomeBaseController
95 } 95 }
96 } 96 }
97 97
  98 + public function bindMobile()
  99 + {
  100 + $request = request();
  101 + if ($request->isAjax()) {
  102 + $user_id = session('user.id');
  103 + $tel = $request->param('tel');
  104 + if (Db::name('user')->where(['id' => $user_id])->value('is_first') == 1) {
  105 + Db::name('user')->update(['id' => $user_id, 'tel' => $tel, 'is_first' => 0]);
  106 + echo json_encode(['msg'=>'绑定成功']);
  107 + //领取优惠券
  108 + exit();
  109 + }
  110 + }
  111 + }
  112 +
98 } 113 }
@@ -10,7 +10,7 @@ @@ -10,7 +10,7 @@
10 // [ 入口文件 ] 10 // [ 入口文件 ]
11 11
12 // 调试模式开关 12 // 调试模式开关
13 -define("APP_DEBUG", false); 13 +define("APP_DEBUG", true);
14 14
15 // 定义CMF根目录,可更改此目录 15 // 定义CMF根目录,可更改此目录
16 define('CMF_ROOT', __DIR__ . '/../'); 16 define('CMF_ROOT', __DIR__ . '/../');
@@ -7,7 +7,7 @@ @@ -7,7 +7,7 @@
7 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> 7 <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
8 <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" /> 8 <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/weui.min.css" />
9 <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/swiper-3.4.2.min.css" /> 9 <link rel="stylesheet" type="text/css" href="__TMPL__/static/assets/css/swiper-3.4.2.min.css" />
10 - <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_3se1rq7vwl5.css" /> 10 + <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_lmxwdl64j4h.css" />
11 <script type="text/javascript" src="__TMPL__/static/assets/font/iconfont.js"></script> 11 <script type="text/javascript" src="__TMPL__/static/assets/font/iconfont.js"></script>
12 <script type="text/javascript" src="__TMPL__/static/js/base.js"></script> 12 <script type="text/javascript" src="__TMPL__/static/js/base.js"></script>
13 <link rel="stylesheet" href="__TMPL__/static/css/orders_submitted.css" /> 13 <link rel="stylesheet" href="__TMPL__/static/css/orders_submitted.css" />
@@ -15,6 +15,39 @@ @@ -15,6 +15,39 @@
15 .weui-picker__group { 15 .weui-picker__group {
16 font-size: 0.3rem; 16 font-size: 0.3rem;
17 } 17 }
  18 + .people li {
  19 + display: block;
  20 + align-items: center;
  21 + height: 2.04rem;
  22 + padding: 0.36rem 0.31rem 0.1rem 0.32rem;
  23 + border-bottom: 1px solid #F6F6F6;
  24 + }
  25 + .mold {
  26 + display: none;
  27 + }
  28 + .weui-picker__action:first-child {
  29 + text-align: left;
  30 + color: #888;
  31 + }
  32 + .weui-toast {
  33 + line-height: 1rem;
  34 + height: 1rem;
  35 + font-size: 0.3rem;
  36 + position: fixed;
  37 + z-index: 5000;
  38 + width: 3rem;
  39 + min-height: 1em;
  40 + top: 180px;
  41 + left: 50%;
  42 + margin-left: -3.8em;
  43 + background: hsla(0,0%,7%,.7);
  44 + text-align: center;
  45 + border-radius: 5px;
  46 + color: #fff;
  47 + }
  48 + .weui-picker__group {
  49 + font-size: 0.3rem;
  50 + }
18 .mold { 51 .mold {
19 display: none; 52 display: none;
20 } 53 }
@@ -57,6 +90,10 @@ @@ -57,6 +90,10 @@
57 .mold_out { 90 .mold_out {
58 display: none; 91 display: none;
59 } 92 }
  93 + .outtravel .chooseall button{
  94 + right: 0;
  95 + top:0;
  96 + }
60 </style> 97 </style>
61 </head> 98 </head>
62 99
@@ -65,7 +102,7 @@ @@ -65,7 +102,7 @@
65 套餐信息 102 套餐信息
66 </div> 103 </div>
67 <div class="information"> 104 <div class="information">
68 - <ul> 105 + <ul class="jai">
69 <li class="mingcheng"> 106 <li class="mingcheng">
70 <span> 107 <span>
71 套餐名称 108 套餐名称
@@ -105,72 +142,54 @@ @@ -105,72 +142,54 @@
105 </li> 142 </li>
106 </ul> 143 </ul>
107 </div> 144 </div>
108 -<a href="Pedestrian_choice.html">  
109 - <div class="chengke">  
110 - <span>乘客信息</span>  
111 - <div class="xuan"> 145 +<div class="chengke">
  146 + <span>乘客信息</span>
  147 + <div class="xuan">
112 <span class="xuanze"> 148 <span class="xuanze">
113 请选则出行人 149 请选则出行人
114 </span> 150 </span>
115 - <i class="iconfont icon-common-jinru-copy"></i>  
116 - </div> 151 + <i class="iconfont icon-common-jinru-copy"></i>
117 </div> 152 </div>
118 -</a> 153 +</div>
  154 +
119 <div class="qita"> 155 <div class="qita">
120 其他信息 156 其他信息
121 </div> 157 </div>
122 -  
123 -<ul class="youhui">  
124 - <a href="discountCoupon.html">  
125 - <li class="you">  
126 - <span>  
127 - 优惠券  
128 - </span >  
129 -  
130 - <div class="wu">  
131 - <span class="liang lian waitmoney" >  
132 - ¥5代金券  
133 - </span>  
134 - <span>  
135 - <i class="iconfont icon-common-jinru-copy"></i>  
136 - </span>  
137 - </div>  
138 -  
139 - </li>  
140 - </a>  
141 - <li class="shang titles">  
142 - <div>  
143 - 商家备注&nbsp;<span>(限十字以内)</span>  
144 - </div>  
145 -  
146 - <input type="text" placeholder="点击可给商家留言" class="liang lian1"/>  
147 - </li>  
148 - <li class="dan jus">  
149 - <span>  
150 - 单房差(一人一房)  
151 - </span >  
152 - <div class='dan_box'>  
153 - <span class="liang lian2" >  
154 - 请选择  
155 - </span>  
156 - <span>  
157 - <i class="iconfont icon-common-jinru-copy"></i>  
158 - </span> 158 +<!--优惠-->
  159 +<div class="you">
  160 + <div class="chengke1">
  161 + <span class="hui">优惠券</span>
  162 + <div class="xuan3">
  163 + <span class="xuanze1">
  164 + 请选择
  165 + </span>
  166 + <i class="iconfont icon-common-jinru-copy"></i>
159 </div> 167 </div>
160 - </li>  
161 - <li class="dan1 me">  
162 - <div class="danxuan">  
163 - <i class="iconfont icon-duigou"></i> 168 + </div>
  169 + <div class="chengke1">
  170 + <span class="hui">商家备注(10字以内)</span>
  171 + <div class="xuan2">
  172 + <input type="text" placeholder="点击可给商家留言" class="dian_text">
164 </div> 173 </div>
165 - <div class="wo">我已同意  
166 - <a href="agreement.html" class="phurse">购买协议和合同协议</a> 174 + </div>
  175 + <div class="chengke1">
  176 + <span class="hui">单房差(一人一房)</span>
  177 + <div class="xuan1">
  178 + <span class="xuanze2 xuandan">
  179 + 请选择
  180 + </span>
  181 + <i class="iconfont icon-common-jinru-copy"></i>
167 </div> 182 </div>
168 - </li>  
169 -</ul> 183 + </div>
  184 + <div class="t chengke1">
  185 + <i class="iconfont icon-weixuanzhong1"></i>
  186 + <span class="comx">我已同意购买<a href="agreement.html" class="aaa">协议和合同协议</a></span>
  187 + </div>
  188 +</div>
170 <div class="zhezhao"> 189 <div class="zhezhao">
171 </div> 190 </div>
172 <footer> 191 <footer>
173 - <span>定金:¥<span id="down_price">{$data.down_price}</span></span> 192 + <span class="jin">定金:¥<span id="down_price">{$data.down_price}</span></span>
174 <span>总价:¥<span id="total">{$data.total}</span></span> 193 <span>总价:¥<span id="total">{$data.total}</span></span>
175 <!--<a href="orderPay.html">--> 194 <!--<a href="orderPay.html">-->
176 <input type="button" value="提交订单" class="sub" id="sub" /> 195 <input type="button" value="提交订单" class="sub" id="sub" />
@@ -305,18 +324,285 @@ @@ -305,18 +324,285 @@
305 <span class="phone_btn"><span class="agreed">确认</span></span> 324 <span class="phone_btn"><span class="agreed">确认</span></span>
306 </div> 325 </div>
307 </div> 326 </div>
  327 +
  328 +
  329 +<!--选择出行人弹窗-->
  330 +<div class="outtravel">
  331 + <div class="chuxing">
  332 + <ul class="people">
  333 + <li class="userInfo">
  334 + <div class="guo">
  335 + <div class="gli">
  336 + <!--<div>-->
  337 + <div class="circle circle_chu">
  338 + <i class="iconfont icon-duigou"></i>
  339 + </div>
  340 + <!--</div>-->
  341 + <!--<i class="iconfont icon-yuancircle46"></i>-->
  342 + <div class="xin">
  343 + <span class="guoxin">
  344 + <span class="name">郭新宇</span>&nbsp;&nbsp;&nbsp; &nbsp;136120645435</span>
  345 + <span>身份证:123543546576868</span>
  346 + </div>
  347 + </div>
  348 + <div class="bian">
  349 +
  350 + <div class="bianji">
  351 + <i class="iconfont icon-bianji"></i>编辑
  352 + </div>
  353 +
  354 + <div class="delete">
  355 + <i class="iconfont icon-shanchu"></i> 删除
  356 + </div>
  357 + </div>
  358 + </div>
  359 + </li>
  360 + <li class="userInfo">
  361 + <div class="guo">
  362 + <div class="gli">
  363 + <div class="circle circle_chu">
  364 + <i class="iconfont icon-duigou"></i>
  365 + </div>
  366 +
  367 + <!--</div>-->
  368 + <!--<i class="iconfont icon-yuancircle46"></i>-->
  369 + <div class="xin">
  370 + <span class="guoxin">
  371 + <span class="name">郭新宇</span>&nbsp;&nbsp;&nbsp; &nbsp;136120645435</span>
  372 + <span>身份证:123543546576868</span>
  373 + </div>
  374 + </div>
  375 + <div class="bian">
  376 +
  377 + <div class="bianji">
  378 + <i class="iconfont icon-bianji"></i>编辑
  379 + </div>
  380 +
  381 + <div class="delete">
  382 + <i class="iconfont icon-shanchu"></i>删除
  383 + </div>
  384 + </div>
  385 + </div>
  386 + </li>
  387 + <li class="userInfo">
  388 + <div class="guo">
  389 + <div class="gli">
  390 + <div class="circle circle_chu">
  391 + <i class="iconfont icon-duigou"></i>
  392 + </div>
  393 +
  394 + <!--</div>-->
  395 + <!--<i class="iconfont icon-yuancircle46"></i>-->
  396 + <div class="xin">
  397 + <span class="guoxin">
  398 + <span class="name">郭新宇</span>&nbsp;&nbsp;&nbsp; &nbsp;136120645435</span>
  399 + <span>身份证:123543546576868</span>
  400 + </div>
  401 + </div>
  402 + <div class="bian">
  403 +
  404 + <div class="bianji">
  405 + <i class="iconfont icon-bianji"></i>编辑
  406 + </div>
  407 +
  408 + <div class="delete">
  409 + <i class="iconfont icon-shanchu"></i>删除
  410 + </div>
  411 + </div>
  412 + </div>
  413 + </li>
  414 + </ul>
  415 + </div>
  416 + <div class="quanxuan chooseall">
  417 + <div class="check">
  418 + <div class="circle circle_chu" id="selectAll">
  419 + <i class="iconfont icon-duigou"></i>
  420 + </div>
  421 + <span>全选</span>
  422 + </div>
  423 + <button class="agree" onclick="agreeFun()">
  424 + 确定
  425 + </button>
  426 + </div>
  427 + <div class="tianjia ok ok_xing">
  428 + 添加出行人
  429 + </div>
308 </div> 430 </div>
  431 +<!--选择优惠券=============================================-->
  432 +<div class="choose_waitquan">
  433 + <!--待使用优惠券-->
  434 + <div class="wai1" id="wai1">
  435 + <div class="wai" data-id="1">
  436 + <div class="youhui">
  437 + <div class="circle1">
  438 + <i class="iconfont icon-duigou"></i>
  439 + </div>
309 440
  441 + <div class="quan">
  442 + <img src="__TMPL__/static/images/f2.png" alt="" />
  443 + <div class="dai">
  444 + <div class="money"><span class="money_five">20</span></div>
  445 + <div class="date">
  446 + <span>代金券</span>
  447 + <span class="you">有效期:2018.08.06-2018.08.08</span>
  448 + </div>
  449 + </div>
  450 + </div>
  451 + </div>
  452 + </div>
  453 + <div class="wai">
  454 + <div>
  455 + <div class="youhui">
  456 + <div class="circle1">
  457 + <i class="iconfont icon-duigou "></i>
  458 + </div>
  459 + <div class="quan">
  460 + <img src="__TMPL__/static/images/f2.png" alt="" />
  461 + <div class="dai">
  462 + <div class="money"><span class="money_five">6</span></div>
  463 + <div class="date">
  464 + <span>代金券</span>
  465 + <span class="you">有效期:2018.08.06-2018.08.08</span>
  466 + </div>
  467 + </div>
  468 + </div>
  469 + </div>
310 470
  471 + <div>
  472 + </div>
  473 + </div>
  474 + </div>
  475 + </div>
  476 + <!--已过期代金券-->
  477 + <div id="wai2">
  478 + <div class="wai">
  479 + <div class="youhui">
  480 + <div class="quan">
  481 + <img src="__TMPL__/static/images/f2.png" alt="" />
  482 + <div class="dai">
  483 + <span class="outdate"><img src="__TMPL__/static/images/outdate.png" alt="" /></span>
  484 + <div class="money">¥5</div>
  485 + <div class="date">
  486 + <span>代金券</span>
  487 + <span class="you">有效期:2018.08.06-2018.08.08</span>
  488 + </div>
  489 + </div>
  490 + </div>
  491 + </div>
  492 + </div>
  493 + <div>
  494 + <div class="youhui">
  495 +
  496 + <div class="quan">
  497 + <img src="__TMPL__/static/images/f2.png" alt="" />
  498 + <div class="dai">
  499 + <span class="outdate"><img src="__TMPL__/static/images/outdate.png" alt="" /></span>
  500 + <div class="money">¥5</div>
  501 + <div class="date">
  502 + <span>代金券</span>
  503 + <span class="you">有效期:2018.08.06-2018.08.08</span>
  504 + </div>
  505 + </div>
  506 + </div>
  507 + </div>
  508 + </div>
  509 + </div>
  510 + <!--已使用代金券-->
  511 + <div id="wai3">
  512 + <div class="wai">
  513 + <div class="youhui">
  514 +
  515 + <div class="quan">
  516 + <img src="__TMPL__/static/images/f2.png" alt="" />
  517 + <div class="dai">
  518 + <span class="outdate"><img src="__TMPL__/static/images/use.png" alt="" /></span>
  519 + <div class="money">¥5</div>
  520 + <div class="date">
  521 + <span>代金券</span>
  522 + <span class="you">有效期:2018.08.06-2018.08.08</span>
  523 + </div>
  524 + </div>
  525 + </div>
  526 + </div>
  527 + </div>
  528 + <div>
  529 + <div class="youhui">
  530 +
  531 + <div class="quan">
  532 + <img src="__TMPL__/static/images/f2.png" alt="" />
  533 + <div class="dai">
  534 + <span class="outdate"><img src="__TMPL__/static/images/use.png" alt="" /></span>
  535 + <div class="money">¥5</div>
  536 + <div class="date">
  537 + <span>代金券</span>
  538 + <span class="you">有效期:2018.08.06-2018.08.08</span>
  539 + </div>
  540 + </div>
  541 + </div>
  542 + </div>
  543 + </div>
  544 + </div>
  545 + <div class="agree3 ok" onclick="agreeFun3()">确定使用</div>
  546 +</div>
  547 +<!--添加出行人-->
  548 +<div class="jia_travel" style='display: none;'>
  549 + <ul class="list">
  550 + <li>
  551 + <span class="real ">真实姓名</span>
  552 + <input class="add name_1 chu" placeholder="请填写真实姓名"/>
  553 + </li>
  554 + <li>
  555 + <span class="real">性别</span>
  556 + <div class="xuanze_sex">
  557 + <div class="sex se">
  558 + <img src="__TMPL__/static/images/circle.png" class="yuan yu"><span></span>
  559 + </div>
311 560
  561 + <div class="sex">
  562 + <img src="__TMPL__/static/images/circle1.png" class="yuan yu1"><span></span>
  563 + </div>
  564 + </div>
  565 +
  566 + </li>
  567 + <li>
  568 + <span class="real">手机号</span>
  569 + <input class="add phone chu" placeholder="请填写手机号码" />
  570 + </li>
  571 + <li>
  572 + <span class="real">微信号码</span>
  573 + <input class="add chu wei " placeholder="请填写微信号码"/>
  574 + </li>
  575 + <li>
  576 + <span class="real ">身份证号</span>
  577 + <input class="add confirm chu zfzid" placeholder="请填写身份证号"/>
  578 + </li>
  579 + </ul>
  580 + <!--====底部=====-->
  581 + <footer class="foot ok ok_chu" id="foot">
  582 + 保存
  583 + </footer>
  584 +</div>
  585 +<div id="toast" style='display: none;'>
  586 + <div class="weui-mask_transparent"></div>
  587 + <div class="weui-toast">
  588 + <!--<i class="weui-icon-success-no-circle weui-icon_toast"></i>-->
  589 + <p class="weui-toast__content">已完成</p>
  590 + </div>
  591 +</div>
312 592
313 <script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script> 593 <script type="text/javascript" src="__TMPL__/static/assets/js/jquery-2.1.0.js"></script>
314 <script type="text/javascript" src="__TMPL__/static/assets/js/swiper-3.4.2.min.js"></script> 594 <script type="text/javascript" src="__TMPL__/static/assets/js/swiper-3.4.2.min.js"></script>
315 <script type="text/javascript" src="__TMPL__/static/assets/js/weui.js"></script> 595 <script type="text/javascript" src="__TMPL__/static/assets/js/weui.js"></script>
316 <script type="text/javascript" src="__TMPL__/static/assets/js/myweui.js"></script> 596 <script type="text/javascript" src="__TMPL__/static/assets/js/myweui.js"></script>
317 <script type="text/javascript" src="__TMPL__/static/index.js"></script> 597 <script type="text/javascript" src="__TMPL__/static/index.js"></script>
  598 +<script type="text/javascript" src="__TMPL__/static/assets/js/common.js"></script>
  599 +<script type='text/javascript' src='__TMPL__/static/assets/js/Augly_Verification.js'></script>
318 <script> 600 <script>
319 - var schedule_id='{$data.choose.schedule_id}' 601 + $('.xuandan').click(function(){
  602 + $('.move').css('display','block');
  603 + })
  604 + var schedule_id='{$data.choose.schedule_id}';
  605 + var activity_id='{$data.activity.activity_id}';
320 var max = '{$data.choose.allowMaximum}'; 606 var max = '{$data.choose.allowMaximum}';
321 var is_first='{$data.is_first}'; 607 var is_first='{$data.is_first}';
322 $(function() { 608 $(function() {
@@ -452,12 +738,29 @@ @@ -452,12 +738,29 @@
452 }else { 738 }else {
453 $('.move1').css('display', 'block'); 739 $('.move1').css('display', 'block');
454 } 740 }
455 -  
456 -  
457 }) 741 })
458 742
  743 +
459 $(".agreepay").click(function () { 744 $(".agreepay").click(function () {
460 - alert('提交订单'); 745 + $.ajax({
  746 + url:"{:url('order/Order/done')}",
  747 + data:{
  748 + activity_id:activity_id,
  749 + schedule_id:schedule_id,
  750 + num:$("#quantity").html(),
  751 + escort:'9,10',
  752 + payment:1,
  753 + discount_coupon_id:'',
  754 + desc:$('.dian_text').val(),
  755 + room:$('.xuandan').html()
  756 + },
  757 + type:"POST",
  758 + dataType:"JSON",
  759 +
  760 + success: function (data) {
  761 + console.log(data);
  762 + }
  763 + })
461 }) 764 })
462 765
463 766
@@ -531,12 +834,12 @@ @@ -531,12 +834,12 @@
531 $('.bottom_button').click(function() { 834 $('.bottom_button').click(function() {
532 var inputLength = $('.mold_center').find('img').length; 835 var inputLength = $('.mold_center').find('img').length;
533 for(var i = 0; i < inputLength; i++) { 836 for(var i = 0; i < inputLength; i++) {
534 - if($('.mold_center').find('img').eq(i).attr("src") =="../images/circle1.png") { 837 + if($('.mold_center').find('img').eq(i).attr("src") =="__TMPL__/static/images/circle1.png") {
535 num = num + 1; 838 num = num + 1;
536 index = i; 839 index = i;
537 } 840 }
538 } 841 }
539 - if(num == 0) { 842 + if(1 == 1) {
540 $('.mold_out').css('display', 'none'); 843 $('.mold_out').css('display', 'none');
541 $("#quantity").html(1); 844 $("#quantity").html(1);
542 $.ajax({ 845 $.ajax({
@@ -554,10 +857,8 @@ @@ -554,10 +857,8 @@
554 $("#down_price").html(data.data.down_price); 857 $("#down_price").html(data.data.down_price);
555 $("#total").html(data.data.total); 858 $("#total").html(data.data.total);
556 max = data.data.choose.allowMaximum; 859 max = data.data.choose.allowMaximum;
557 - }  
558 - })  
559 -  
560 860
  861 + }})
561 } else { 862 } else {
562 $('.showcang').html($('.mold_center').find('span').eq(index).html()); 863 $('.showcang').html($('.mold_center').find('span').eq(index).html());
563 $('.mold_out').css('display', 'none'); 864 $('.mold_out').css('display', 'none');
@@ -577,6 +878,290 @@ @@ -577,6 +878,290 @@
577 $('.dainji').css('display', 'none'); 878 $('.dainji').css('display', 'none');
578 $('.texteare1').focus(); 879 $('.texteare1').focus();
579 }) 880 })
  881 + //我已同意购买协议和合同协议
  882 + $(" .t .iconfont").click(function() {
  883 + if($(this).attr('class')=='iconfont icon-weixuanzhong1') {
  884 + $(this).attr('class','iconfont icon-xuanzhong3')
  885 + } else {
  886 + $(this).attr('class','iconfont icon-weixuanzhong1')
  887 + }
  888 + });
  889 +
  890 +
  891 + // 选择出行人
  892 + $('.delete').click(function(){
  893 + $(this).parents('.userInfo').remove();
  894 + })
  895 + var num= $('.people li').length;
  896 + var count = 0;
  897 + var circle=$('.circle');
  898 + var nameArr = [];
  899 + circle.click(function(){
  900 + if($(this).find('.icon-duigou').hasClass("now")){
  901 +
  902 + $(this).find('.icon-duigou').removeClass("now");
  903 + $(this).find('.icon-duigou').css('color','rgba(255, 255, 255)');
  904 + $(this).css('border','0.02rem solid #999');
  905 +
  906 +
  907 + }else {
  908 +
  909 + $(this).find('.icon-duigou').addClass("now");
  910 + $(this).find('.icon-duigou').css('color','rgb(254, 10, 1)');
  911 + $(this).css('border','0.02rem solid rgb(254, 10, 1)');
  912 +
  913 + }
  914 +
  915 + var len=$(".people").find('.icon-duigou.now').length;
  916 + console.log(len);
  917 + if(num == len) {
  918 + $("#selectAll").css('border','0.02rem solid rgb(254, 10, 1)');
  919 + $("#selectAll").find('.icon-duigou').css('color','rgba(254, 10, 1)');
  920 +
  921 + }else{
  922 + $("#selectAll").css('border','0.02rem solid rgb(153, 153, 153)');
  923 + $("#selectAll").find('.icon-duigou').css('color','rgb(255, 255, 255)');
  924 + }
  925 +
  926 + })
  927 + //全选反选
  928 +
  929 +
  930 + $("#selectAll").click(function(){
  931 + if(circle.find('.icon-duigou').css('color')=='rgb(255, 255, 255)'){
  932 + circle.find('.icon-duigou').css('color','rgb(254, 10, 1)');
  933 + circle.css('border','0.02rem solid rgb(254, 10, 1)');
  934 + }else{
  935 + circle.find('.icon-duigou').css('color','rgb(255, 255, 255)');
  936 + circle.css('border','0.02rem solid #999');
  937 + }
  938 +
  939 + })
  940 +
  941 + var arr=[];
  942 + $('.agree').click(function(){
  943 + $('.outtravel').css('display','none');
  944 + })
  945 + $('.xuan').click(function(){
  946 + $('.outtravel').css('display','block');
  947 + })
  948 +
  949 +
  950 + // 点击确定时,出行人名字添加到数组,回显到订单提交页面;
  951 + function agreeFun() {
  952 + var nameArr = [];
  953 + for (var i = 0; i < $(".userInfo").length; i++ ) {
  954 +
  955 + if($(".userInfo").eq(i).find(".icon-duigou").hasClass("now")) {
  956 + var name = $(".userInfo").find(".name").html();
  957 + if(nameArr.length >= 2) {
  958 + break;
  959 +
  960 + }else {
  961 + nameArr.push(name);
  962 + }
  963 + }
  964 + }
  965 + console.log(nameArr)
  966 + console.log(nameArr[0])
  967 + if(nameArr[0]!=undefined&&nameArr[1]==undefined){
  968 + $('.xuanze').html(nameArr[0]);
  969 + }else if(nameArr[0]!=undefined&&nameArr[1]!=undefined){
  970 + $('.xuanze').html(nameArr[0]+' '+nameArr[1]);
  971 + }else {
  972 + $('.xuanze').html('请选择出行人');
  973 + }
  974 +
  975 +
  976 +
  977 +
  978 + // var name=encodeURI(encodeURI(nameArr));
  979 + // var url="orders_submitted.html?name="+name;
  980 + // window.location.href = url;
  981 + }
  982 + // 添加出行人
  983 + function getQueryString(name) {
  984 + var reg = new RegExp("(^|&)" +
  985 + name + "=([^&]*)(&|$)");
  986 + var r = window.location.search.substr(1).match(reg);
  987 + if(r != null) return unescape(r[2]);
  988 + //return null;
  989 + return '请选择出行人';
  990 + }
  991 + function add(){
  992 + var arrlist=decodeURI(getQueryString('arrlist')).replace(/,/g ,' ');
  993 + //$("#parentIndustryUL").append(" <li value="+industry.xyIndustryId+">"+industry.industryName+"</li>");
  994 + }
  995 + add();
  996 + // 选择优惠券
  997 + var wai1 = $('#wai1');
  998 + var wai2 = $('#wai2');
  999 + var wai3 = $('#wai3');
  1000 + var nouse = $('#nouse');
  1001 + var outdata = $('#outdata');
  1002 + var used = $('#used');
  1003 + $('#nouse').click(function() {
  1004 + wai1.css('display', 'block');
  1005 + wai2.css('display', 'none');
  1006 + wai3.css('display', 'none');
  1007 + nouse.css('color', '#FE0A01');
  1008 + outdata.css('color', '#252729');
  1009 + used.css('color', '#252729');
  1010 + })
  1011 + $('#outdata').click(function() {
  1012 + wai1.css('display', 'none');
  1013 + wai2.css('display', 'block');
  1014 + wai3.css('display', 'none');
  1015 + nouse.css('color', '#252729');
  1016 + outdata.css('color', '#FE0A01');
  1017 + used.css('color', '#252729');
  1018 + })
  1019 + $('#used').click(function() {
  1020 + wai1.css('display', 'none');
  1021 + wai2.css('display', 'none');
  1022 + wai3.css('display', 'block');
  1023 + nouse.css('color', '#252729');
  1024 + outdata.css('color', '#252729');
  1025 + used.css('color', '#FE0A01');
  1026 + })
  1027 + var circle1 = $('.wai1 .youhui .circle1');
  1028 + circle1.click(function() {
  1029 + if($(this).find('.icon-duigou').css('color') == 'rgb(255, 255, 255)') {
  1030 + // alert(1)
  1031 + $(this).find('.icon-duigou').css('color', 'rgb(254, 10, 1)');
  1032 + $(this).css('border', '0.02rem solid rgb(254, 10, 1)');
  1033 + $(this).parents('.wai').siblings().find('.icon-duigou').css('color', 'rgb(255, 255, 255)');
  1034 + $(this).parents('.wai').siblings().find('.circle1').css('border', '0.02rem solid #999');
  1035 + } else {
  1036 + // alert(2)
  1037 + $(this).find('.icon-duigou').css('color', 'rgb(255, 255, 255)');
  1038 + $(this).css('border', '0.02rem solid #999');
  1039 + }
  1040 + })
  1041 + $('.xuan3').click(function(){
  1042 + $.ajax({
  1043 + url:"{:url('order/Order/confirm')}",
  1044 + data:{
  1045 + activity_id:'{$data.activity.activity_id}',
  1046 + schedule_id:schedule_id,
  1047 + num:$("#quantity").html()
  1048 + },
  1049 + type:"POST",
  1050 + dataType:"JSON",
  1051 +
  1052 + success: function (data) {
  1053 + console.log(data.data.coupons);
  1054 + $('.choose_waitquan').css('display','block');
  1055 +
  1056 +
  1057 +
  1058 + }
  1059 + })
  1060 + })
  1061 + // // 点击确定时,出行人名字添加到数组,回显到订单提交页面;
  1062 + function agreeFun3() {
  1063 + var arr = []
  1064 + for(var i = 0; i < $(".wai1 .wai").length; i++) {
  1065 + if($(".wai1 .wai").eq(i).find('.icon-duigou').css('color') == 'rgb(254, 10, 1)') {
  1066 + var price = $(".wai1 .wai").eq(i).find('.money_five').html();
  1067 + arr.push(price);
  1068 + }
  1069 + }
  1070 + $('.choose_waitquan').css('display','none');
  1071 + $('.xuanze1').html('¥'+arr[0]+'代金券');
  1072 +
  1073 + }
  1074 +
  1075 + $('.ok_chu').click(function() {
  1076 + if($('.name_1').val() == '') {
  1077 + toast('请填入您的姓名');
  1078 + } else if($('.phone').val() == '') {
  1079 + toast('请输入电话号码');
  1080 + } else if(!AuglyTest_phone.test($('.phone').val())) {
  1081 + toast('电话号码格式不正确');
  1082 + } else if($('.wei').val() == '') {
  1083 + toast('请输入微信号码');
  1084 + } else if($('.zfzid').val() == '') {
  1085 + toast('请输入身份证号');
  1086 + } else if(!AuglyTest_ID.test($('.zfzid').val())) {
  1087 + toast('身份证号输入不正确');
  1088 + } else {
  1089 + toast('验证通过');
  1090 + $('.jia_travel').css('display','none');
  1091 + }}
  1092 + )
  1093 +
  1094 + $('.ok_xing').click(function(){
  1095 + $('.jia_travel').css('display','block')
  1096 + })
  1097 +
  1098 + $('.yu').click(function() {
  1099 +
  1100 + if ($(this).attr('src') == '__TMPL__/static/images/circle.png') {
  1101 +
  1102 + $(this).attr('src','__TMPL__/static/images/circle1.png') ;
  1103 + $('.yu1').attr('src','__TMPL__/static/images/circle.png') ;
  1104 + } else {
  1105 + $(this).attr('src').attr('src','__TMPL__/static/images/circle.png') ;
  1106 + $('.yu1').attr('src').attr('src','__TMPL__/static/images/circle1.png') ;
  1107 + }
  1108 + })
  1109 + $('.yu1').click(function() {
  1110 +
  1111 + if ($(this).attr('src') == '__TMPL__/static/images/circle.png') {
  1112 +
  1113 + $(this).attr('src','__TMPL__/static/images/circle1.png') ;
  1114 + $('.yu').attr('src','__TMPL__/static/images/circle.png') ;
  1115 + } else {
  1116 + $(this).attr('src').attr('src','__TMPL__/static/images/circle.png') ;
  1117 + $('.yu').attr('src').attr('src','__TMPL__/static/images/circle1.png') ;
  1118 + }
  1119 + })
  1120 +
  1121 + var liangVal = $('.xuandan').html();
  1122 + var tem = '';
  1123 + $('.required span').click(function(e) {
  1124 + tem = $(this).html();
  1125 + $(this).css('color', 'red');
  1126 + $(this).siblings().css('color', '#000');
  1127 +
  1128 + });
  1129 + $('.call').click(function() {
  1130 + $('.xuandan').html(liangVal);
  1131 + })
  1132 +
  1133 + $('.confirm').click(function() {
  1134 +
  1135 + $('.xuandan').html(tem);
  1136 + console.log($('.xuandan').html(tem))
  1137 + liangVal = tem;
  1138 + if(tem==''){
  1139 + $('.xuandan').html('请选择');
  1140 + }
  1141 + $('.move').css('display', 'none');
  1142 +
  1143 +
  1144 + })
  1145 +
  1146 + $('.bianji').click(function(){
  1147 + $('.jia_travel').css('display','block');
  1148 +
  1149 + })
  1150 +
  1151 + $('.agreed').click(function () {
  1152 + $.ajax({
  1153 + url:"{:url('portal/Index/bindMobile')}",
  1154 + data:{
  1155 + tel:$('.phone_input').val()
  1156 + },
  1157 + type:"POST",
  1158 + dataType:"JSON",
  1159 +
  1160 + success: function () {
  1161 + is_first=0;
  1162 + }
  1163 + })
  1164 + })
580 </script> 1165 </script>
581 1166
582 </body> 1167 </body>
@@ -81,7 +81,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -81,7 +81,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
81 } 81 }
82 /*.information li .lian{ 82 /*.information li .lian{
83 margin-right: 1rem; 83 margin-right: 1rem;
84 - 84 +
85 }*/ 85 }*/
86 .xuan{ 86 .xuan{
87 display: flex; 87 display: flex;
@@ -100,6 +100,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -100,6 +100,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
100 border: 1px solid #aaa; 100 border: 1px solid #aaa;
101 } 101 }
102 .information li{ 102 .information li{
  103 + background: #fff;
103 align-items:center ; 104 align-items:center ;
104 display: flex; 105 display: flex;
105 padding: 0 0.32rem 0 0.39rem; 106 padding: 0 0.32rem 0 0.39rem;
@@ -140,15 +141,19 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -140,15 +141,19 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
140 color:#FF9966; 141 color:#FF9966;
141 font-size: 0.28rem; 142 font-size: 0.28rem;
142 background: #fff; 143 background: #fff;
143 - margin-top: 0.2rem; 144 + margin-top: 3rem;
144 line-height:0.88rem; 145 line-height:0.88rem;
145 } 146 }
146 -.qita{  
147 - padding-left:0.21rem; 147 +.aaa{
  148 + color: #3988E5;
  149 +}
  150 +.qita {
  151 + margin-bottom: 0.1rem;
  152 + padding-left: 0.21rem;
148 margin-top: 0.2rem; 153 margin-top: 0.2rem;
149 background: #fff; 154 background: #fff;
150 height: 0.8rem; 155 height: 0.8rem;
151 - line-height:0.8rem; 156 + line-height: 0.8rem;
152 } 157 }
153 .xuanze{ 158 .xuanze{
154 margin-left: 0.6rem; 159 margin-left: 0.6rem;
@@ -232,7 +237,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/} @@ -232,7 +237,7 @@ input {-webkit-appearance:none; /*去除input默认样式*/}
232 footer{ 237 footer{
233 position: fixed; 238 position: fixed;
234 display: flex; 239 display: flex;
235 - padding-left:0.37rem ; 240 + /*padding-left:0.37rem ;*/
236 height: 1rem; 241 height: 1rem;
237 display: flex; 242 display: flex;
238 background: #FFFFFF; 243 background: #FFFFFF;
@@ -243,9 +248,16 @@ footer{ @@ -243,9 +248,16 @@ footer{
243 justify-content: space-between; 248 justify-content: space-between;
244 align-items: center; 249 align-items: center;
245 } 250 }
  251 +.shan1{
  252 + justify-content: space-between;
  253 +}
246 footer div span:nth-child(1){ 254 footer div span:nth-child(1){
247 color: #3399FF; 255 color: #3399FF;
248 } 256 }
  257 +.jin{
  258 + margin-left:0.37rem;
  259 +}
  260 +
249 footer input{ 261 footer input{
250 border:0; 262 border:0;
251 width: 2.6rem; 263 width: 2.6rem;
@@ -260,7 +272,7 @@ footer input{ @@ -260,7 +272,7 @@ footer input{
260 272
261 footer span{ 273 footer span{
262 font-size: 0.27rem; 274 font-size: 0.27rem;
263 - font-weight: Medium; 275 +
264 } 276 }
265 .dan_box{ 277 .dan_box{
266 display: flex; 278 display: flex;
@@ -640,4 +652,760 @@ input::input-placeholder{ @@ -640,4 +652,760 @@ input::input-placeholder{
640 .money i{ 652 .money i{
641 font-size: 0.32rem; 653 font-size: 0.32rem;
642 color: #656565; 654 color: #656565;
643 -}  
  655 +}
  656 +/*选择出行人*/
  657 +
  658 +*{
  659 + margin:0;
  660 + padding:0;
  661 +}
  662 +body{
  663 +
  664 + display:flex;
  665 + flex-direction: column;
  666 +
  667 +}
  668 +.guo{
  669 +
  670 +}
  671 +/*.icon-duigou{
  672 + color:#FE0A01;
  673 +}*/
  674 +.guoxin{
  675 + margin-bottom: 0.1rem;
  676 +}
  677 +.tianjia{
  678 + width:100%;
  679 + background:#3399FF;
  680 +
  681 +}
  682 +.check{
  683 + display: flex;
  684 +}
  685 +.select{
  686 + margin-right:0.1rem ;
  687 +}
  688 +.gli{
  689 + display: flex;
  690 + /*align-items: center;*/
  691 + /*height: 2rem;
  692 + border-bottom: 1px solid #eee;*/
  693 +}
  694 +.all{
  695 + font-size: 0.3rem;
  696 +}
  697 +.icon{
  698 + color: #FE0A01;
  699 + font-size:0.5rem ;
  700 + margin-top: -0.05rem;
  701 +}
  702 +.xin{
  703 + display: flex;
  704 + /*align-items: center;*/
  705 + flex-direction: column;
  706 + margin-left: 0.2rem;
  707 +}
  708 +.xin span{
  709 + font-weight: Medium;
  710 + font-size: 0.3rem;
  711 +}
  712 +.bian{
  713 + display: flex;
  714 + justify-content: flex-end;
  715 + font-size:0.3rem ;
  716 + padding-bottom: 0.2rem;
  717 + margin-top: 0.1rem;
  718 +}
  719 +.bianji{
  720 + margin-right:0.2rem;
  721 +}
  722 +.people li{
  723 + display:block;
  724 + align-items: center;
  725 + height:2.04rem;
  726 + padding: 0.36rem 0.31rem 0 0.32rem;
  727 + border-bottom:1px solid #F6F6F6 ;
  728 +}
  729 +.quanxuan{
  730 + padding-left: 0.31rem;
  731 + display: flex;
  732 + justify-content: space-between;
  733 + font-size:0.36rem;
  734 + padding-bottom: 0.2rem;
  735 + border-top: 0.01rem solid #E0E0E0;
  736 +}
  737 +.quanxuan button{
  738 + height: 1.1rem;
  739 + width: 2.15rem;
  740 +
  741 + color:#fff;
  742 + font-size:0.36rem;
  743 + background:#FE0A01;
  744 + border: none;
  745 + padding-right: 0.3rem;
  746 +}
  747 +.quanxuan button a{
  748 + color: #fff;
  749 + font-size: 0.36rem;
  750 +}
  751 +.tianjia{
  752 + width: 100%;
  753 + color: #fff;
  754 + background: #3399FF;
  755 + font-size: 0.36rem;
  756 + height: 1rem;
  757 + text-align: center;
  758 + line-height: 1rem;
  759 +}
  760 +.tianjia{
  761 + bottom:0;
  762 + position: fixed;
  763 +}
  764 +.quanxuan{
  765 + width: 100%;
  766 + bottom:0.7rem;
  767 + position: fixed;
  768 + display: flex;
  769 + justify-content: space-between;
  770 + align-items: center;
  771 +}
  772 +.ok:active{
  773 + opacity: 0.7;
  774 +}
  775 +.circle{
  776 + display:flex;
  777 + align-items: center;
  778 + justify-content:center;
  779 + width:0.44rem;
  780 + height: 0.44rem;
  781 + border-radius: 50%;
  782 + border:0.02rem solid #E0E0E0;
  783 + margin-right: 0.1rem;
  784 +}
  785 +.check{
  786 + display: flex;
  787 + align-items: center;
  788 +}
  789 +
  790 +
  791 +.icon-duigou{
  792 +
  793 + color: #fff;
  794 + font-size:0.35rem;
  795 +}
  796 +.circ{
  797 +
  798 + border:0.02rem solid #FE0A01;
  799 + border-radius: 50%;
  800 + margin: 0 0.3rem 0 0;
  801 +
  802 +}
  803 +
  804 +.cir{
  805 + border:0.02rem solid #999;
  806 +}
  807 +.icon{
  808 + position: absolute;
  809 + left: -0.02rem;
  810 + top:-0.11rem;
  811 +
  812 + color:#FE0A01;
  813 + font-size:0.5rem;
  814 +}
  815 +.weui-picker__group {
  816 + font-size: 0.3rem;
  817 +}
  818 +.icon-duigou.now {
  819 + color: rgb(254, 10, 1);
  820 +}
  821 +a{
  822 + color:#000;
  823 +}
  824 +.bianji{
  825 + margin-right:0.3rem;
  826 +}
  827 +.outtravel{
  828 + background-color: #fff;
  829 + position: fixed;
  830 + top: 0rem;
  831 + left: 0;
  832 + width: 100%;
  833 + height: 100%;
  834 + display: none;
  835 +}
  836 +
  837 +/*选择优惠券*/
  838 +.swiper-container {
  839 + height: 3.6rem;
  840 +}
  841 +.swiper-container-horizontal>.swiper-pagination-bullets,
  842 +.swiper-pagination-custom,
  843 +.swiper-pagination-fraction {
  844 + left: 44%;
  845 +}
  846 +
  847 +#wai2 {
  848 + display: none;
  849 +}
  850 +
  851 +#wai3 {
  852 + display: none;
  853 +}
  854 +
  855 +.icon-xuanzhong {
  856 + display: none;
  857 +}
  858 +
  859 +*{
  860 + margin:0;
  861 + padding:0;
  862 +}
  863 +body{
  864 +
  865 + display:flex;
  866 + flex-direction: column;
  867 + width: 100%;
  868 + height: 100%;
  869 +}
  870 +.choose_waitquan{
  871 + display: none;
  872 + background-color: #fff;
  873 + position: fixed;
  874 + width: 100%;
  875 + height: 100%;
  876 +}
  877 +*{
  878 + margin:0;
  879 + padding:0;
  880 +}
  881 +body{
  882 +
  883 + display:flex;
  884 + flex-direction: column;
  885 +
  886 +}
  887 +.agree1 {
  888 + width: 100%;
  889 + height: 1rem;
  890 + background: #3399FF;
  891 + display: flex;
  892 + justify-content: center;
  893 + font-size: 0.36rem;
  894 + color: #fff;
  895 + align-items: center;
  896 + position: absolute;
  897 + bottom: 0;
  898 +}
  899 +.out{
  900 +
  901 + margin: 0.37rem 0.32rem 0.31rem;
  902 +
  903 +}
  904 +.you{
  905 + margin-top: 0.1rem;
  906 +}
  907 +.youhui{
  908 + display:flex;
  909 + align-items: center;
  910 + justify-content: space-between;
  911 + padding: 0.1rem 0;
  912 + justify-content: center;
  913 +}
  914 +.use{
  915 + display: flex;
  916 + justify-content: space-between;
  917 + padding: 0 0.75rem;
  918 +}
  919 +.active{
  920 + color: red;
  921 +}
  922 +
  923 +.wai{
  924 + padding-top: 0.2rem;
  925 +}
  926 +.use span{
  927 + font-size:0.32rem ;
  928 +}
  929 +.quan{
  930 + /*background-image: url('../images/f2.png');*/
  931 + overflow: hidden;
  932 + background-position: center;
  933 + background-repeat: no-repeat;
  934 + position: relative;
  935 + width: 6.1rem;
  936 + height:1.8rem;
  937 +}
  938 +.quan img{
  939 + width:100%;
  940 + height: 100%;
  941 +}
  942 +.circle{
  943 + position: relative;
  944 + width:0.44rem;
  945 + height: 0.44rem;
  946 + /*border:0.02rem solid #FE0A01;*/
  947 + border-radius: 50%;
  948 + margin: 0 0.3rem 0 0;
  949 +
  950 +}
  951 +.icon-xuanzhong{
  952 + font-size: 0.5rem;
  953 +}
  954 +.icon-yuancircle46{
  955 + font-size: 0.7rem;
  956 +}
  957 +.cir{
  958 + border:0.02rem solid #999;
  959 +}
  960 +/*.circle .iconfont{
  961 + position: absolute;
  962 + left: -0.02rem;
  963 + top:-0.13rem;
  964 +
  965 + /*color:#FE0A01;*/
  966 +
  967 +.dai{
  968 + position: absolute;
  969 + top:0.4rem;
  970 + left:0.52rem;
  971 + display:flex;
  972 + justify-content:space-between;
  973 + align-items: center;
  974 +
  975 +}
  976 +.icon-xuanzhong{
  977 + color:#FE0A01 ;
  978 +}
  979 +
  980 +.date span{
  981 + font-size: 0.26rem;
  982 + color:#252729 ;
  983 +}
  984 +.date span:nth-child(1){
  985 +
  986 + font-size: 0.32rem;
  987 +
  988 +}
  989 +.date span:nth-child(2){
  990 + font-size: 0.26rem;
  991 +
  992 +}
  993 +.money{
  994 + font-size: 0.6rem;
  995 + color:#FE0A01;
  996 + margin: 0 0.2rem 0 0;
  997 +}
  998 +.date{
  999 + display:flex;
  1000 + flex-direction: column;
  1001 + justify-content: center;
  1002 + text-align: center;
  1003 + color:#252729;
  1004 +}
  1005 +.ok{
  1006 + font-size: 0.36rem;
  1007 + width: 100%;
  1008 + height: 1rem;
  1009 + background:#3399FF;
  1010 + color:#FFFFFF ;
  1011 + text-align: center;
  1012 + line-height: 1rem;
  1013 + position:fixed;
  1014 + bottom: 0;
  1015 +
  1016 + left: 0;
  1017 +}
  1018 +.ok:active{
  1019 + opacity: 0.7;
  1020 +}
  1021 +
  1022 +.out{
  1023 +
  1024 + margin: 0.37rem 0.32rem 0.31rem;
  1025 +
  1026 +}
  1027 +.outdate{
  1028 + position: absolute;
  1029 + z-index: 10;
  1030 + width: 2.22rem;
  1031 + height: 2rem;
  1032 +}
  1033 +.youhui{
  1034 + display:flex;
  1035 + align-items: center;
  1036 +
  1037 + justify-content: center;
  1038 +}
  1039 +.use{
  1040 + display: flex;
  1041 + justify-content: space-between;
  1042 + padding: 0 0.75rem;
  1043 +}
  1044 +.active{
  1045 + color: red;
  1046 +}
  1047 +
  1048 +.wai{
  1049 + padding-top: 0.2rem ;
  1050 +
  1051 +
  1052 +}
  1053 +.use span{
  1054 + font-size:0.32rem ;
  1055 +}
  1056 +.quan{
  1057 + /*background-image: url('../images/f2.png');*/
  1058 + overflow: hidden;
  1059 + background-position: center;
  1060 + background-repeat: no-repeat;
  1061 + position: relative;
  1062 + width: 6.1rem;
  1063 + height:1.8rem;
  1064 +}
  1065 +.quan img{
  1066 + width:100%;
  1067 + height: 100%;
  1068 +}
  1069 +
  1070 +.cir{
  1071 + border:0.02rem solid #999;
  1072 +}
  1073 +.dai{
  1074 + position: absolute;
  1075 + top:0.4rem;
  1076 + left:0.52rem;
  1077 + display:flex;
  1078 + justify-content:space-between;
  1079 + align-items: center;
  1080 +}
  1081 +.icon-yuancircle46{
  1082 + font-size: 0.65rem;
  1083 + color: #999;
  1084 + position: absolute;
  1085 + left: -0.07rem;
  1086 + top:-0.117rem;
  1087 +}
  1088 +.date span{
  1089 + font-size: 0.26rem;
  1090 + color:#252729 ;
  1091 +}
  1092 +.date span:nth-child(1){
  1093 + /*padding:0 0 0.3rem 0;*/
  1094 + font-size: 0.32rem;
  1095 +
  1096 +}
  1097 +.date span:nth-child(2){
  1098 + font-size: 0.26rem;
  1099 +
  1100 +}
  1101 +.money{
  1102 + font-size: 0.6rem;
  1103 + color:#FE0A01;
  1104 + margin: 0 0.2rem 0 0;
  1105 +}
  1106 +.circle{
  1107 +
  1108 + position: relative;
  1109 + width: 0.5rem;
  1110 + height: 0.5rem;
  1111 + border:0.02rem solid #999;
  1112 +
  1113 +}
  1114 +.date{
  1115 + display:flex;
  1116 + flex-direction: column;
  1117 + justify-content: center;
  1118 + text-align: center;
  1119 + color:#252729;
  1120 +}
  1121 +.ok{
  1122 + font-size: 0.36rem;
  1123 + width: 100%;
  1124 + height: 1rem;
  1125 + background:#3399FF;
  1126 + color:#FFFFFF ;
  1127 + text-align: center;
  1128 + line-height: 1rem;
  1129 + position:fixed;
  1130 + bottom: 0;
  1131 +
  1132 + left: 0;
  1133 +}
  1134 +.ok:active{
  1135 + opacity: 0.7;
  1136 +}
  1137 +.icon-duigou{
  1138 + color:#fff;
  1139 + position: absolute;
  1140 + left:0rem;
  1141 + top:-0.1rem;
  1142 + font-size: 0.5rem;
  1143 +}
  1144 +.agree{
  1145 + width: 100%;
  1146 + height:1rem;
  1147 + background: #3399FF;
  1148 + display: flex;
  1149 + justify-content: center;
  1150 + font-size: 0.36rem;
  1151 + color: #fff;
  1152 + align-items: center;
  1153 + position: absolute;
  1154 + bottom:0;
  1155 +}
  1156 +
  1157 +/*修改*/
  1158 +.chengke1 {
  1159 + padding-right: 0.32rem;
  1160 + display: flex;
  1161 + justify-content: space-between;
  1162 + padding-left: 0.39rem;
  1163 + align-items: center;
  1164 + color: #FF9966;
  1165 + font-size: 0.28rem;
  1166 + background: #fff;
  1167 + border-bottom: 0.01rem solid #EBEBEB;
  1168 + line-height: 0.88rem;
  1169 +}
  1170 +.xuan1 {
  1171 + display: flex;
  1172 + align-items: center;
  1173 +}
  1174 +.xuanze1 {
  1175 + margin-left: 0.6rem;
  1176 + color: #999999;
  1177 +}
  1178 +.xuanze2 {
  1179 + margin-left: 0.6rem;
  1180 + color: #999999;
  1181 +}
  1182 +.hui{
  1183 + font-size: 0.28rem;
  1184 + color: #252729;
  1185 +}
  1186 +.dian_text{
  1187 + outline: none;
  1188 + border: none;
  1189 + text-align: right;
  1190 +}
  1191 +.xuan2 {
  1192 + display: flex;
  1193 + align-items: center;
  1194 +}
  1195 +.xuan3 {
  1196 + display: flex;
  1197 + align-items: center;
  1198 +}
  1199 +.chooseall{
  1200 + height: 1rem;
  1201 +}
  1202 +.mold_out .year_change span{
  1203 + color: #000;
  1204 + font-size: 0.28rem;
  1205 +}
  1206 +.price {
  1207 + font-size: 0.28rem;
  1208 + color: #54C0B4;
  1209 +}
  1210 +.circle1 {
  1211 + position: relative;
  1212 + width: 0.5rem;
  1213 + height: 0.5rem;
  1214 + border: 0.02rem solid #999;
  1215 +}
  1216 +.circle1 {
  1217 + position: relative;
  1218 + width: 0.44rem;
  1219 + height: 0.44rem;
  1220 + /* border: 0.02rem solid #FE0A01; */
  1221 + border-radius: 50%;
  1222 + margin: 0 0.3rem 0 0;
  1223 +}
  1224 +.circle1 {
  1225 + display: flex;
  1226 + align-items: center;
  1227 + justify-content: center;
  1228 + width: 0.44rem;
  1229 + height: 0.44rem;
  1230 + border-radius: 50%;
  1231 + border: 0.02rem solid #E0E0E0;
  1232 + margin-right: 0.1rem;
  1233 +}
  1234 +.agree3 {
  1235 + width: 100%;
  1236 + height: 1rem;
  1237 + background: #3399FF;
  1238 + display: flex;
  1239 + justify-content: center;
  1240 + font-size: 0.36rem;
  1241 + color: #fff;
  1242 + align-items: center;
  1243 + position: absolute;
  1244 + bottom: 0;
  1245 +}
  1246 +.icon-weixuanzhong1{
  1247 + font-size: 0.3rem;
  1248 + color: #000;
  1249 +}
  1250 +
  1251 +.t{
  1252 + /*height: 1rem;*/
  1253 +
  1254 +}
  1255 +.comx{
  1256 + font-size: 0.26rem;
  1257 + color: #252729;
  1258 +}
  1259 +.icon-xuanzhong3 {
  1260 + font-size: 0.3rem;
  1261 + color: #000;
  1262 +}
  1263 +.t {
  1264 + justify-content: flex-start;
  1265 + /* height: 1rem; */
  1266 +}
  1267 +/*添加出行人*/
  1268 +
  1269 +.sex {
  1270 + font-size: 0.32rem;
  1271 + color: #000000;
  1272 +}
  1273 +input{
  1274 + outline:none;
  1275 + border:none;
  1276 + text-align:right;
  1277 +}
  1278 +
  1279 +.tu{
  1280 + display: flex;
  1281 + flex-direction: column;
  1282 + align-items: center;
  1283 +
  1284 +}
  1285 +.pic{
  1286 + font-size:0.31rem;
  1287 + margin-top:0.1rem;
  1288 + color: #000000;
  1289 +
  1290 +}
  1291 +.se{
  1292 + margin-right:1rem;
  1293 +}
  1294 +.ok:active{
  1295 + opacity: 0.7;
  1296 +}
  1297 +.sex input{
  1298 + width: 0.32rem;
  1299 + height: 0.32rem;
  1300 + display: inline-block;
  1301 +}
  1302 +.circle{
  1303 +
  1304 + display: block;
  1305 + width: 1.6rem;
  1306 + height: 1.6rem;
  1307 +}
  1308 +.circle img{width: 100%;}
  1309 +.name{
  1310 + display:flex;
  1311 + justify-content: space-between;
  1312 + font-size:0.31rem;
  1313 +
  1314 +}
  1315 +.information{
  1316 + height: 1rem;
  1317 + color:#FE0A01 ;
  1318 + font-size: 0.28rem;
  1319 + text-align: center;
  1320 + line-height:1rem;
  1321 + background: #F5F5F5;
  1322 + margin-top: 0.2rem;
  1323 +}
  1324 +.list li{
  1325 + display:flex;
  1326 + align-items: center;
  1327 + justify-content: space-between;
  1328 + padding-left:0.33rem;
  1329 + padding-right:0.36rem;
  1330 + height: 1.02rem;
  1331 + border-bottom: 1px solid #EBEBEB;
  1332 + line-height: 1rem;
  1333 +}
  1334 +.real{
  1335 + font-size:0.32rem ;
  1336 + color: #000;
  1337 +}
  1338 +.add{
  1339 + font-size:0.3rem ;
  1340 + color:#999999;
  1341 +}
  1342 +.foot{
  1343 + justify-content: center;
  1344 + background: #3988E5;
  1345 + width: 100%;
  1346 + height: 1rem;
  1347 + line-height: 1rem;
  1348 + color: #fff;
  1349 + font-size:0.36rem;
  1350 + text-align: center;
  1351 + position: fixed;
  1352 + bottom:0 ;
  1353 +}
  1354 +
  1355 +.ok:active{
  1356 + opacity: 0.7;
  1357 +
  1358 +}
  1359 +.jia_travel{
  1360 + width: 100%;
  1361 + height: 100%;
  1362 + position: fixed;
  1363 + top:0;
  1364 + left: 0;
  1365 +
  1366 + background: #fff;
  1367 +}
  1368 +.chu{
  1369 + width: 3.5rem;
  1370 + border: 0;
  1371 + text-align: right;
  1372 +}
  1373 +
  1374 +.circle_chu{
  1375 + width: 0.52rem;
  1376 + height: 0.52rem;
  1377 +}
  1378 +
  1379 +.jai{
  1380 + background: #fff;
  1381 +}
  1382 +.xuanze_sex{display: flex;align-items: center}
  1383 +
  1384 +.se {
  1385 + display: flex;
  1386 + align-items: center;
  1387 +}
  1388 +.sex {
  1389 + display: flex;
  1390 + align-items: center;
  1391 +}
  1392 +.yu{
  1393 +
  1394 +}
  1395 +
  1396 +
  1397 +
  1398 +
  1399 +
  1400 +
  1401 +
  1402 +
  1403 +
  1404 +
  1405 +
  1406 +
  1407 +
  1408 +
  1409 +
  1410 +
  1411 +