小卖品商店HTML代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"> <meta name="Keywords" content="MovHome 影嘉信息科技"> <meta name="Description" content="MovHome 影嘉信息科技"> <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta content="telephone=no, address=no" name="format-detection"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <title>衡阳鑫都国际影城</title> <link rel="shortcut icon" href="https://wx.midayc.com/favicon.ico"> <link rel="stylesheet" type="text/css" href="/Public/static/jquery-weui/weui.min.css?v=20211112172924" media="all"> <link rel="stylesheet" type="text/css" href="/Public/static/jquery-weui/jquery-weui.min.css?v=20211112172924" media="all"> </head> <link rel="stylesheet" href="./Addons/Wemall/View/default/Wemall/Public/Static/css/common_VC.css?v=20211112172924"/> <link rel="stylesheet" href="./Addons/Wemall/View/default/Wemall/Public/Static/css/index_VC.css?v=20211112172924"/> <link rel="stylesheet" href="./Addons/Wemall/View/default/Wemall/Public/Static/css/goodDesc.css?v=20211112172924"/> </head> <body class="VC_orange"> <!-- 顶部广告 STA --> <!-- 顶部广告 END --> <!--导航 STA--> <div class="head_nav head_nav_full ft18 tc"> <ul class="clearfix tc ft14 filter" style="border-bottom:#eee 1px solid"> <li class="cur" data-modeltype="2" ><a class="gray" href="javascript:;"><em>微信商城</em></a></li> <li class="" data-modeltype="1" ><a class="gray" href="javascript:;"><em>会员商城</em></a></li> <li class="" data-modeltype="5" ><a class="gray" href="javascript:;"><em>积分商城</em></a></li> </ul> </div> <!--导航 END--> <!-- wraper STA--> <div class="clearfix wraper"> <!-- 边栏导航 STA --> <div class="bgWhite fl page-left" id="scrollNav"> <div id="navScroller"> <ul> <li id="navid_1" class="cur" data-position="layid_1"><div>超值套餐</div></li><li id="navid_2" data-position="layid_2"><div>正版公仔</div></li><li id="navid_3" data-position="layid_3"><div>吃货专区</div></li><li id="navid_4" data-position="layid_4"><div>限时活动</div></li> </ul> </div> </div> <!-- 边栏导航 END --> <div class="page-right" id="wrapper"> <div class="scroll" id="scroller"> <div class="bgWhite ui-listMod" id="layid_1" data-nav="navid_1"> <h1 class="ft18 cutFont modTit" data-listType="C04"><em class="point"></em>超值套餐<u class="gray ft12 ADwords"></u></h1> <div class="goodList"> <div class="ul"> <!-- 商品 STA --> <div class="psr li" data-goodId="G00228" data-goodtype="0" data-belong="0"> <a data-url="G00228" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-10-27/6178d7d96e9cf.jpg" alt="特惠套餐B" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>特惠套餐B</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>49.00</i><b class="gray ft12 oldPrice">61.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00229" data-goodtype="0" data-belong="0"> <a data-url="G00229" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-10-27/6178d7c4e18c8.jpg" alt="特惠套餐A" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>特惠套餐A</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>25.00</i><b class="gray ft12 oldPrice">32.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00011" data-goodtype="0" data-belong="0"> <a data-url="G00011" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199f49a14746.jpg" alt="1大爆2大冷饮套餐" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>1大爆2大冷饮套餐</strong></div> <div class="marks"> <b class="ui-mark data_ticket">券</b> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>47.00</i><b class="gray ft12 oldPrice">50.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00010" data-goodtype="0" data-belong="0"> <a data-url="G00010" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199f4d78b9bb.jpg" alt="1大爆2热饮套餐" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>1大爆2热饮套餐</strong></div> <div class="marks"> <b class="ui-mark data_ticket">券</b> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>43.00</i><b class="gray ft12 oldPrice">46.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00009" data-goodtype="0" data-belong="0"> <a data-url="G00009" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199f4e9a282b.jpg" alt="1大爆2恒大水" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>1大爆2恒大水</strong></div> <div class="marks"> <b class="ui-mark data_ticket">券</b> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>37.00</i><b class="gray ft12 oldPrice">40.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00190" data-goodtype="0" data-belong="0"> <a data-url="G00190" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199f4aaa58ed.jpg" alt="1大爆+1大可" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>1大爆+1大可</strong></div> <div class="marks"> <b class="ui-mark data_ticket">券</b> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>38.00</i><b class="gray ft12 oldPrice">40.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00007" data-goodtype="0" data-belong="0"> <a data-url="G00007" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199f525f34d6.jpg" alt="中爆1中冷饮套餐" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>中爆1中冷饮套餐</strong></div> <div class="marks"> <b class="ui-mark data_ticket">券</b> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>24.00</i><b class="gray ft12 oldPrice">26.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00008" data-goodtype="0" data-belong="0"> <a data-url="G00008" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199f50f6cf79.jpg" alt="中爆1热饮套餐" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>中爆1热饮套餐</strong></div> <div class="marks"> <b class="ui-mark data_ticket">券</b> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>24.00</i><b class="gray ft12 oldPrice">26.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00006" data-goodtype="0" data-belong="0"> <a data-url="G00006" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199f53705086.jpg" alt="1中爆1恒大水" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>1中爆1恒大水</strong></div> <div class="marks"> <b class="ui-mark data_ticket">券</b> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>21.00</i><b class="gray ft12 oldPrice">23.00元</b></span> </div> </div> <!-- 商品 END --> </div> </div> <!--<div class="tc font14 gray posir modLoad" data-page="2"><em class="bg loader"></em>点击加载更多</div>--> </div><div class="bgWhite ui-listMod" id="layid_2" data-nav="navid_2"> <h1 class="ft18 cutFont modTit" data-listType="C02"><em class="point"></em>正版公仔<u class="gray ft12 ADwords">电影正版衍生品及搭配饮食套餐</u></h1> <div class="goodList"> <div class="ul"> <!-- 商品 STA --> <div class="psr li" data-goodId="G00213" data-goodtype="0" data-belong="0"> <a data-url="G00213" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2019-01-18/5c417b6f126a5.jpg" alt="3元3D眼镜" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>6999</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>3元3D眼镜</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>3.00</i><b class="gray ft12 oldPrice">3.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00187" data-goodtype="0" data-belong="0"> <a data-url="G00187" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-22/619b49ecbff29.jpg" alt="环太平洋吸管杯" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>26</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>环太平洋吸管杯</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>18.00</i><b class="gray ft12 oldPrice">22.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00346" data-goodtype="0" data-belong="0"> <a data-url="G00346" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-22/619b4b6739886.jpg" alt="唐探爆米花铁桶" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>47</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>唐探爆米花铁桶</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>30.00</i><b class="gray ft12 oldPrice">48.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00347" data-goodtype="0" data-belong="0"> <a data-url="G00347" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-12-10/61b30fbd2da63.jpg" alt="姜子牙爆米花铁桶" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>65</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>姜子牙爆米花铁桶</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>30.00</i><b class="gray ft12 oldPrice">48.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00348" data-goodtype="0" data-belong="0"> <a data-url="G00348" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-12-10/61b3102396bee.jpg" alt="姜子牙吸管杯" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>78</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>姜子牙吸管杯</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>18.00</i><b class="gray ft12 oldPrice">18.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00220" data-goodtype="0" data-belong="0"> <a data-url="G00220" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2018-03-17/5aacc89597805.jpg" alt="测试卖品勿拍" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>测试卖品勿拍</strong></div> <div class="marks"> <b class="ui-mark data_ticket">券</b> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>0.10</i><b class="gray ft12 oldPrice">0.20元</b></span> </div> </div> <!-- 商品 END --> </div> </div> <!--<div class="tc font14 gray posir modLoad" data-page="2"><em class="bg loader"></em>点击加载更多</div>--> </div><div class="bgWhite ui-listMod" id="layid_3" data-nav="navid_3"> <h1 class="ft18 cutFont modTit" data-listType="C01"><em class="point"></em>吃货专区<u class="gray ft12 ADwords"></u></h1> <div class="goodList"> <div class="ul"> <!-- 商品 STA --> <div class="psr li" data-goodId="G00196" data-goodtype="0" data-belong="0"> <a data-url="G00196" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2019-04-28/5cc51998b8914.jpg" alt="黄金玉米豆" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>黄金玉米豆</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>10.00</i><b class="gray ft12 oldPrice">10.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00198" data-goodtype="0" data-belong="0"> <a data-url="G00198" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2018-07-15/5b4abe1f5f897.jpg" alt="红茶" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>85</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>红茶</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>12.00</i><b class="gray ft12 oldPrice">12.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00017" data-goodtype="0" data-belong="0"> <a data-url="G00017" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199fd876ca17.jpg" alt="热饮" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>热饮</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>8.00</i><b class="gray ft12 oldPrice">8.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00018" data-goodtype="0" data-belong="0"> <a data-url="G00018" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199fd453a22e.jpg" alt="中杯冷饮" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>中杯冷饮</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>8.00</i><b class="gray ft12 oldPrice">8.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00022" data-goodtype="0" data-belong="0"> <a data-url="G00022" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199fd23677db.jpg" alt="中爆米花" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>中爆米花</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>18.00</i><b class="gray ft12 oldPrice">18.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00100" data-goodtype="0" data-belong="0"> <a data-url="G00100" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199f79cd8084.jpg" alt="大爆米花" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>大爆米花</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>30.00</i><b class="gray ft12 oldPrice">30.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00101" data-goodtype="0" data-belong="0"> <a data-url="G00101" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2018-04-23/5add5f7ab1e1d.jpg" alt="大杯冷饮" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>大杯冷饮</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>10.00</i><b class="gray ft12 oldPrice">10.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00012" data-goodtype="0" data-belong="0"> <a data-url="G00012" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-03-13/56e4fae0c625e.jpg" alt="乐事110g" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>乐事110g</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>12.00</i><b class="gray ft12 oldPrice">12.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00013" data-goodtype="0" data-belong="0"> <a data-url="G00013" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-03-13/56e4fab4036b7.jpg" alt="乐事45g" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>乐事45g</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>6.00</i><b class="gray ft12 oldPrice">6.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00023" data-goodtype="0" data-belong="0"> <a data-url="G00023" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-03-13/56e4fb1c2dd6a.jpg" alt="溜溜梅" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>溜溜梅</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>8.00</i><b class="gray ft12 oldPrice">8.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00025" data-goodtype="0" data-belong="0"> <a data-url="G00025" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-03-13/56e4f9870ddda.jpg" alt="口水鸡" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>口水鸡</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>4.00</i><b class="gray ft12 oldPrice">4.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00111" data-goodtype="0" data-belong="0"> <a data-url="G00111" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-12-30/5865c47e3d334.jpg" alt="片片香" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>片片香</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>7.00</i><b class="gray ft12 oldPrice">7.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00112" data-goodtype="0" data-belong="0"> <a data-url="G00112" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-12-30/5865c5459ff7c.jpg" alt="野山椒泡爪" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>野山椒泡爪</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>5.00</i><b class="gray ft12 oldPrice">5.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00137" data-goodtype="0" data-belong="0"> <a data-url="G00137" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199fc1b088db.jpg" alt="10元膨化系列" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>49</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>10元膨化系列</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>10.00</i><b class="gray ft12 oldPrice">10.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00138" data-goodtype="0" data-belong="0"> <a data-url="G00138" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199fbe14a8e9.jpg" alt="13元膨化系列" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>48</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>13元膨化系列</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>13.00</i><b class="gray ft12 oldPrice">13.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00332" data-goodtype="0" data-belong="0"> <a data-url="G00332" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199ff9ba7386.jpg" alt="13元果干系列" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>13元果干系列</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>13.00</i><b class="gray ft12 oldPrice">13.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00333" data-goodtype="0" data-belong="0"> <a data-url="G00333" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199fffd823df.jpg" alt="19元肉脯系列" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>19元肉脯系列</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>19.00</i><b class="gray ft12 oldPrice">19.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00334" data-goodtype="0" data-belong="0"> <a data-url="G00334" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/619a002d6c484.jpg" alt="麻辣王子" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>麻辣王子</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>8.00</i><b class="gray ft12 oldPrice">8.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00335" data-goodtype="0" data-belong="0"> <a data-url="G00335" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/619a02ea79f90.jpg" alt="阿尔卑斯棒棒糖" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>阿尔卑斯棒棒糖</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>1.00</i><b class="gray ft12 oldPrice">1.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00336" data-goodtype="0" data-belong="0"> <a data-url="G00336" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/619a02ccd2c98.jpg" alt="心相印纸巾" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>心相印纸巾</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>2.00</i><b class="gray ft12 oldPrice">2.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00001" data-goodtype="0" data-belong="0"> <a data-url="G00001" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-03-13/56e4f8e714bec.jpg" alt="阿萨姆" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>阿萨姆</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>5.00</i><b class="gray ft12 oldPrice">5.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00003" data-goodtype="0" data-belong="0"> <a data-url="G00003" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-03-13/56e4f9578b873.jpg" alt="海之言" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>海之言</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>5.00</i><b class="gray ft12 oldPrice">5.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00014" data-goodtype="0" data-belong="0"> <a data-url="G00014" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-03-13/56e4f92f2fc94.jpg" alt="脉动" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>脉动</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>6.00</i><b class="gray ft12 oldPrice">6.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00027" data-goodtype="0" data-belong="0"> <a data-url="G00027" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2016-03-13/56e4f8d3d7347.jpg" alt="小茗同学" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>小茗同学</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>6.00</i><b class="gray ft12 oldPrice">6.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00098" data-goodtype="0" data-belong="0"> <a data-url="G00098" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2019-11-08/5dc4f71cf2291.jpg" alt="恒大水" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>恒大水</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>5.00</i><b class="gray ft12 oldPrice">5.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00212" data-goodtype="0" data-belong="0"> <a data-url="G00212" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2018-12-12/5c10bc5885711.jpg" alt="维他命水" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>维他命水</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>6.00</i><b class="gray ft12 oldPrice">6.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00329" data-goodtype="0" data-belong="0"> <a data-url="G00329" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199fe5b5a567.jpg" alt="景田纯净水560ML" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>景田纯净水560ML</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>3.00</i><b class="gray ft12 oldPrice">3.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00330" data-goodtype="0" data-belong="0"> <a data-url="G00330" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199ff0ec71f6.jpg" alt="外星人电解质水" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>外星人电解质水</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>7.00</i><b class="gray ft12 oldPrice">7.00元</b></span> </div> </div> <!-- 商品 END --><!-- 商品 STA --> <div class="psr li" data-goodId="G00331" data-goodtype="0" data-belong="0"> <a data-url="G00331" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-11-21/6199ff47073f3.jpg" alt="李子园225ml" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 库存充足 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>李子园225ml</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>4.00</i><b class="gray ft12 oldPrice">4.00元</b></span> </div> </div> <!-- 商品 END --> </div> </div> <!--<div class="tc font14 gray posir modLoad" data-page="2"><em class="bg loader"></em>点击加载更多</div>--> </div><div class="bgWhite ui-listMod" id="layid_4" data-nav="navid_4"> <h1 class="ft18 cutFont modTit" data-listType="C03"><em class="point"></em>限时活动<u class="gray ft12 ADwords">影城活动：限时活动</u></h1> <div class="goodList"> <div class="ul"> <!-- 商品 STA --> <div class="psr li" data-goodId="G00323" data-goodtype="0" data-belong="0"> <a data-url="G00323" class="fl white tc goodDetail"><span class="actPanel"></span><img width="90" height="90" src="/Public/Home/images/loading.png" data-original="http://img.movhome.cn/Uploads/Picture/2021-10-15/6168f48225f87.jpg" alt="长津湖限量观影礼包" /></a> <div class="white tc psa clearfix numPicker"> <b class="fl orange minus"></b> <div class="fl numtxt gray">0</div> <b class="fl plus" data-holdmark="0"><img alt="加" src="./Addons/Wemall/View/default/Wemall/Public/Static/images/sprite/plus.png" /></b> </div> <div class="tc psa leftNum"> 还剩<i>20</i>件 </div> <div class="goodInfo ft16"> <div class="ft16 goodsname"><strong>长津湖限量观影礼包</strong></div> <div class="marks"> </div> <span data-wemalltype="===2" class="price ft14 psa red"><em>￥</em><i>69.00</i><b class="gray ft12 oldPrice">126.00元</b></span> </div> </div> <!-- 商品 END --> </div> </div> <!--<div class="tc font14 gray posir modLoad" data-page="2"><em class="bg loader"></em>点击加载更多</div>--> </div> </div> </div> </div> <!-- wraper END--> <!-- 结算面板 STA--> <div id="newCountBox" class="white clearfix newCountBox"> <a href="javascript:;" id="shopCart" class="iconfont fl ft24 white tc psr shoppingCart open-popup" data-target="#shopingList"><em class="tc white ft12 psa bubble">0</em></a> <span class="ft16 white sumPrice">￥<i>0</i></span> <a id="payBtn" href="javascript:void(0);" class="payBtn payBtnEnable white tc font16">提交订单</a> <span class="ft16 white selTicket" id="useTicket">使用优惠券</span> </div> <!-- 结算面板 END--> <!--商品详情页 STA--> <div class="DetailPage bgWhite" id="DetailPage" style="display:none"> <div class="fixed-top"> <header class="m-header m-header-multi m-header-transparent"> <a href="javascript:void(0);" class="regret yo-ico bgcolor"></a> <div class="affirm yo-ico bgcolor"> <a href="javascript:void(0);" class="ico ico-cart"><span></span></a> </div> </header> </div> <div class="flex scrollable " style="overflow: auto;"> <div class="pagewrap"> <div class="m-hdimg m-top-hdimg"> <div class="container" style="max-height:350px;"> <div class="swiper-container swiper-container-horizontal swiper-container-android" style="height:100%;"> </div> <div class="txt" style="bottom: -10px;"> <div class="row-c"> <div class="id"><span class="tit">组合商品</span><span class="gid">G02514</span></div> <div class="swpnum"></div><div class="ico"></div> </div> </div> </div> </div> <div class="main" style="z-index: 2;"> <div class="m-hdinfo"> </div> <div id="coupList"> </div> <div id="timeCardList"> </div> <div id="detailDesc"> </div> </div> </div> </div> </div> <!--商品详情页 END--> <!--购物车详情页 STA--> <div id="shopingList" class="weui-popup__container popup-bottom"> <div class="weui-popup__overlay"></div> <div class="weui-popup__modal"> <div class="toolbar"> <div class="toolbar-inner"> <a href="javascript:;" id="clearBtn" class="picker-button close-popup">关闭</a> <h1 class="title">购物车详情</h1> </div> </div> <!-- 订单列表详情 STA --> <div id="buyList" class="buyList"> </div> <!-- 订单列表详情 END --> </div> </div> <!--购物车详情页 END--> <style type="text/css"> /*公用底部菜单*/ .fixedfooter .icon{font-size:22px;line-height:24px;} .fixedfooter{z-index:3;border-top:1px solid #E1E1E1;background:#fff;position:fixed;bottom:0;left:0;right:0;height:42px;display:none} .fixedfooter ul{display:flex;margin:0;padding:0;height:100%;overflow:hidden} .fixedfooter ul li{flex:1;list-style:none;width:33.3333%;height:32px;line-height:1;text-align:center;overflow:hidden;padding:5px 0} .fixedfooter ul li a,.fixedfooter ul li span{font-weight:normal;border:none;outline:none;width:100%;color:#b3b3b3;display:block} .fixedfooter ul li a:active{border:none} .fixedfooter ul li span {display:block;width:100%;font-size:10px} /* .fixedfooter ul .active,.fixedfooter ul li:active{background:#f1f1f1} */ .fixedfooter ul .active a,.fixedfooter ul .active span{color:#ff8800;/*color:#5F8301*/} /*带选择影院菜单项的fixedfooter*/ .withSelCinemaBtn ul li{width:25%;} /*新版底部*/ .hasADhasNav #wrapper, .hasADhasNav #scrollNav{top:174px} .newCountBox{bottom:49px} .fixedfooter{height:48px} .fixedfooter ul li{height:38px;padding:4px 0 5px} .fixedfooter .icon{line-height:28px;width:28px;height:28px;background-blend-mode:overlay;display:block;margin:0 auto 3px;} .fixedfooter ul li:nth-child(1) .icon{background:url(/Application/Home/View/default/Public/public/images/films.jpg) 0 0 no-repeat,linear-gradient(#ddd, #ddd);background-size:cover} .fixedfooter ul li:nth-child(2) .icon{background:url(/Application/Home/View/default/Public/public/images/goods.jpg) 0 0 no-repeat,linear-gradient(#ddd, #ddd);background-size:cover} .fixedfooter ul li:nth-child(3) .icon{background:url(/Application/Home/View/default/Public/public/images/position.jpg) 0 0 no-repeat,linear-gradient(#ddd, #ddd);background-size:cover} .fixedfooter ul li:nth-child(4) .icon{background:url(/Application/Home/View/default/Public/public/images/userCenter.jpg) 0 0 no-repeat,linear-gradient(#ddd, #ddd);background-size:cover} </style> <!-- 底部菜单 STA --> <div id="blk" style="height:43px;display:none"></div> <div id="fixedfooter" class="fixedfooter" style="display:none;"> <ul> <!-- 新版底部 --> <li class="active"><a href="https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/mem_buy_tic/_controller/mem_buy_tic/_action/indexmov/token/56614b99d4def/flag/1/group_id/0.html"><i class="icon icon2"></i><span>电影</span></a></li> <li ><a href="https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/indexvc/token/56614b99d4def/flag/2/group_id/0.html"><i class="icon icon2 psr"></i><span>卖品</span></a></li><!--  --> <li id="toolbar_change_cinema" style="display:none"><a href="/index.php?s=/home/cinema_group/changecinema/flag/2/group_id/0.html"><i class="icon icon2"></i><span>影院</span></a></li> <li><a href="https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/kgrzx/_controller/kgrzx/_action/index/token/56614b99d4def/flag/3/group_id/0.html"><i class="icon icon2"></i><span>我的</span></a></li> </ul> </div> <!-- 底部菜单 END --> <script type="text/javascript" src="/Public/static/jquery-2.0.3.min.js"></script> <script type="text/javascript" src="/Public/static/jquery.cookies.2.2.0.min.js"></script> <script type="text/javascript" src="/Public/static/jquery.qrcode.min.js"></script> <script type="text/javascript" src="/Public/static/msgbox/jquery.alerts.js?v=20211112172924"></script> <script type="text/javascript" src="/Public/static/jweixin-1.3.2.js"></script> <script type="text/javascript" src="/Public/static/jquery-weui/jquery-weui.min.js"></script> <script type="text/javascript"> document.title = document.title == "" ? '衡阳鑫都国际影城' : document.title; //JS操作cookies方法! //写cookies function setCookie(name,value,expiresHours){ var cookieString=name+"="+escape(value); //判断是否设置过期时间,0代表关闭浏览器时失效 if(expiresHours>0){ var date=new Date(); date.setTime(date.getTime+expiresHours*3600*1000); cookieString=cookieString+"; expires="+date.toGMTString(); } document.cookie=cookieString; } //读取cookies function getCookie(name){ var strCookie=document.cookie; var arrCookie=strCookie.split("; "); for(var i=0;i<arrCookie.length;i++){ var arr=arrCookie[i].split("="); if(arr[0]==name){ return unescape(arr[1]); }else{ continue; } } return ""; } //删除cookies function delCookie(name){ var date=new Date(); date.setTime(date.getTime()-10000); //设定一个过去的时间即可 document.cookie=name+"=v; expires="+date.toGMTString(); } //读取URL中指定参数的值，如果该参数没有值，则返回false function I(name){ var arr = window.location.search.split("/"),val="",realVal=""; val = arr.indexOf(name) == -1 ? "" : arr[arr.indexOf(name)+1].toLowerCase(); if(val == false){return val} if(val.indexOf("&") >= 0){ if(val.split("&")[0].indexOf(".") >= 0){ realVal = val.split("&")[0].split(".")[0]; }else{ realVal = val.split("&")[0]; } }else{ if(val.indexOf(".") >= 0){ realVal = val.split(".")[0]; }else{ realVal = val; } } return realVal; } //根据参数创建底部菜单,createBtmMenu(参数名，底部菜单的ID) //如果参数menubar存在且值为true，并且token也存在，那就存储cookie，否则删除cookie //存下的cookie名为："menubar-"+token,值为：true //然后调用底部导航的创建函数 function btmMenuCookie(arg){ var argstr = I(arg); var argVal = argstr.toString().split(".")[0] == "true" ? true : false; var token = I("token"); var tokenVal = token ? $.trim(token.split(".")[0]) : false; if(argVal && tokenVal){ setCookie(arg+"-"+tokenVal,argVal); }else{ delCookie(arg+"-"+tokenVal,argVal); } createBtmMenu(arg,"#fixedfooter"); } //高亮显示菜单， //属于A数组中的页面，要高亮底部菜单的第0项， //属于B数组中的页面，要高亮底部菜单的第1项, //属于C数组中的页面，要高亮底部菜单的第2项 //默认高亮底部菜单的第3项，但第三项不存在，所以就是默认不高亮 function showActive(dom,cssName){ var A = ["daymovlist","selectseat","movdetails","indexmov"], //亮底部菜单的第0项 B = ["wemall"], //亮底部菜单的第1项 C = ["kgrzx"]; //亮底部菜单的第2项 var idx = C.indexOf(I("_controller")) >= 0 ? 3 : A.indexOf(I("_action")) >= 0 ? 0 : B.indexOf(I("_controller")) >= 0 ? 1 : 4; $(dom).removeClass(cssName).eq(idx).addClass(cssName); } //是否显示底部菜单 function isShowFootMenu(){ var A = ["daymovlist","indexmov"], B = ["kgrzx","wemall"]; C = ["index.html","index","indexvc.html","indexvc","indexold.html","indexold"]; return A.indexOf(I("_action")) >= 0 ? true : B.indexOf(I("_controller")) >= 0 ? (C.indexOf(I("_action")) >= 0 ? true : false) : false; } //根据cookie决定是否显示该影院的底部菜单 //如果document.cookie字符串中有一个名字等于"menubar-"+token的cookie //那么就显示底部菜单 function createBtmMenu(arg,id){ var token = I("token"); var tokenVal = token ? token.split(".")[0] : false; var cookiekey = arg + "-" + tokenVal; var flag = isShowFootMenu(); if(flag){ var panel = $("#select_set_result_panel"); if(panel.length > 0){ panel.css("bottom","50px"); } $("#footer").css("display","none"); $(id).css("display","block"); $("#blk").css("display","block"); showActive(id+" ul li","active"); } } btmMenuCookie("menubar"); $(function(){ //判断是否显示[切换影院] showChangeCinemaToolbar(); }); //判断是否显示[切换影院] //如果cookie里有个名为"movhome_home_cinema_entry"的cookie，那就说明要显示[切换影院] //而这个名为"movhome_home_cinema_entry"的cookie，是顾客打开影院选择页，选择了影院后，页面跳转到影院电影列表页时，后端通过php设置的 function showChangeCinemaToolbar() { var ck = unescape(document.cookie); if (ck.indexOf('cinema_entry=56614b99d4def@group') < 0) return; var fixedfooter = $("#fixedfooter"); if (fixedfooter.length > 0 && !fixedfooter.is(':hidden')) { fixedfooter.addClass("withSelCinemaBtn"); $("#toolbar_change_cinema").show(); } }; wx.config({ debug: false, appId: 'wx325a5dbecd319b6d', timestamp: 1641217459, nonceStr: 'JLVp7k12g2xoXA7C', signature: '0f1e1cf61996bffd2c1296a90c66614a74e6783b', jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'previewImage', 'getNetworkType', 'hideOptionMenu', 'showOptionMenu', 'hideMenuItems', 'showMenuItems', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem', 'closeWindow', 'scanQRCode', 'chooseWXPay', 'chooseImage', 'uploadImage', 'openAddress' ] }); wx.ready(function(){ /* wx.hideAllNonBaseMenuItem(); wx.hideMenuItems({ menuList:[ 'menuItem:share:email', 'menuItem:share:qq', 'menuItem:openWithQQBrowser', 'menuItem:openWithSafari', 'menuItem:readMode', ] }); wx.showMenuItems({ menuList:[ 'menuItem:profile', 'menuItem:addContact', 'menuItem:refresh', ] }); */ }); var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ee112c033b862c3aef1252392b61f52f"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); var _ismini=false; try { wx.miniProgram.getEnv(function (res) { if(res.miniprogram){ _ismini=true; } }); } catch (e) { } </script> </div> <link rel="stylesheet" href="/Public/static/swiper/swiper.min.css" > <script type="text/javascript" src="./Addons/Advertisement/js/yxMobileSlider.js?v=1504783355"></script> <script src="./Addons/Wemall/View/default/Wemall/Public/Static/js/jquery.fly.min.js"></script> <script type="text/javascript" src="/Public/static/jquery-weui/build/src/js/photos.js"></script> <script src="/Public/static/swiper/swiper.min.js"></script> <script src="./Addons/Wemall/View/default/Wemall/Public/Static/js/index_VC.js?vt=20211112172924"></script> <script type="text/javascript"> var sel_max_num = 1;//''; //本单最多允许使用多少张优惠券 var page = 2; //优惠券加载到第几页 var ticData = null; //数据管理对象 var _subOrder = "https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/suborder/token/56614b99d4def.html"; //提交订单的地址 var _token = "56614b99d4def"; var _express_fee = "0"; //订单的快递邮费，如果顾客选购了至少一个快递商品，则总价会包含快递邮费 var _free_express_total = "1"; //满包邮的订单金额 var urlConfig={ _urlLoadMore: "https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/loadmore/token/56614b99d4def.html", //加载更多商品URL _ctp: "./Addons/Wemall/View/default/Wemall", _urlAddorder: "https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/addorder/token/56614b99d4def.html", //提交订单的地址 _urlConfirmPayMem: "https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/confirmpayorbackmem/token/56614b99d4def.html", //不清楚是什么，会员提交时要用到 _urlRegulationCredits: "https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/regulationcredits/token/56614b99d4def.html", //不清楚是什么，会员提交时要用到 _urlOrderlist: "https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/mem_buy_tic/_controller/mem_buy_tic/_action/orderlist/token/56614b99d4def.html", //卖品订单列表URL _urlRecharge:"https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/kgrzx/_controller/kgrzx/_action/recharge/token/56614b99d4def.html", //会员充值地址 _urlLottery:"https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/m_t_lottery/_controller/m_t_lottery/_action/mylottery_use/token/56614b99d4def.html", //选择优惠券页面 _curUrl:"https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/indexvc/token/56614b99d4def.html", //当前页面地址 _mt:"2", //如果modelType等于5，则是积分支付，否则是会员卡或微信支付 _memCard:!!"1", //是否是会员身份 true 是 false 不是 _urlWxPay:"https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/ajaxgetwxpayparams/token/56614b99d4def.html", //返回微信支付参数的地址 _urlCkOrderStatus:"https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/ajaxcheckorderstatus/token/56614b99d4def.html", //检查当前订单状态的地址 _urlGoodInfo:"https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/gooddetail/token/56614b99d4def.html", //商品详情页地址 _selUrl:"https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/indexvc/token/56614b99d4def.html", //当前页面地址 _allRefund:"1", //是否允许卖品退单 _balance:"", //会员卡余额 _myscore:"", //积分余额 _memCanUseWXPay:"", //顾客是会员身份时，是否可选择微信支付 0 不可，1 可以 _cinemaName:"衡阳鑫都国际影城", _ajaxGetGoodsPrice:"https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/ajaxgetgoodsprice/token/56614b99d4def.html", //获取商品活动价格和活动类型的ajax请求地址 _seatNo:getUrlArg("seatNo"), _inputSeatNo:getUrlArg("inputSeatNo") }; //*********微信支付********* var wxPayConfig={ debug: false, appId: 'wx325a5dbecd319b6d', timestamp:1641217459, nonceStr: 'JLVp7k12g2xoXA7C', signature: '0f1e1cf61996bffd2c1296a90c66614a74e6783b', jsApiList: [ 'onMenuShareTimeline', 'onMenuShareAppMessage', 'previewImage', 'getNetworkType', 'hideOptionMenu', 'showOptionMenu', 'hideMenuItems', 'showMenuItems', 'hideAllNonBaseMenuItem', 'showAllNonBaseMenuItem', 'closeWindow', 'scanQRCode', 'chooseWXPay', 'chooseImage', 'uploadImage' ] }; wx.ready(function(){ var title= '卖品商城'; var desc='衡阳鑫都国际影城'+'小卖部，各类精品零食、饮料应有尽有'; var link='https://wx.midayc.com/index.php?s=/home/addons/execute/_addons/wemall/_controller/wemall/_action/indexvc/token/56614b99d4def.html'; var imgUrl='http://movhome.oss-cn-hangzhou.aliyuncs.com/Uploads/Picture/2015-12-04/56614b885971c.jpg'; wx.onMenuShareAppMessage({ title: title, // 分享标题 desc:desc, imgUrl: imgUrl, // 分享图标 link: link, success: function(){}, cancel: function(){} }); wx.onMenuShareTimeline({ title:desc, // 分享标题 imgUrl: imgUrl, // 分享图标 link: link, success: function(){}, cancel: function(){} }); }); var _swiper; var classFlag = true; $(function(){ //重置emptyTip的高度，以使得底部导航图标能显示出来 //目前底部导航图标无法显示的原因不明，只知道页面的scrollHeight多出0.5px就可以导致它正常显示 (function(obj,win){ if(obj.length > 0){ var wh = $(win).height(), tp = wh * 0.5, nh = parseFloat(wh) - tp + 55.5; obj.css("height",nh+"px"); } }($(".emptyTip"),window)); var myScroll, //存储商品列表的Iscroll对象 scrollNav, //存储分类导航列表的Iscroll对象 goodCateScrollObj = {}, //存储商品列表的分类模块的id goodCateScrollArr = [], //存储商品列表分类模块的offsetTop数值，以备计算 headADHeight = $(".slider").height() + $(".head_nav").height(); //导航加广告的高度 171px if($("#noGoodsTips").length>0){ $("#blk").css("height","100%"); }else{ var viewH = $(window).height() - $("#newCountBox").height() - $("#fixedfooter").height(); var ev = (function getCoustomEvent(){ var event = document.createEvent("CustomEvent"); event.initCustomEvent("scrollEnd",false,true,{"name":"scrollEnd"}); return event; })(); $("#disabledBtn").click(function(){ layer.open({ title: '系统维护提示', content: "抱歉，系统维护中，暂停出售卖品！", btn: ['关闭'], no:function(){ }, yes: function(index){ layer.close(index); } }); }); //生成商品列表的分类模块的offset数组，并通过构造json对象将offset数值关联商品列表分类模块的id $("#scroller .ui-listMod").each(function(idx,ele){ goodCateScrollObj["key"+ele.offsetTop] = $(ele).data("nav"); goodCateScrollArr.push(ele.offsetTop); }); function _doscroll(){ lazyLoadImg(); var st = $("#wrapper").scrollTop(); var sh = $("#scroller").outerHeight(true); var wh = $(window).height(); //观察是否滚动结束 if(sh - st == wh){ document.querySelector("#wrapper").dispatchEvent(ev); } var minArr = goodCateScrollArr.filter(function(item,idx,ar){return item < -1 * ($("#scroller").offset().top - headADHeight)}); var curItem = minArr.length > 0 ? minArr.filter(function(item,idx,ar){return item == ar[ar.length-1]}) : 0; var curNav = $("#"+goodCateScrollObj["key"+curItem]); if(!curNav.hasClass("cur") && classFlag == true){ curNav.addClass("cur").siblings().removeClass("cur"); } } function lazyLoadImg(){ $(".goodDetail").each(function(idx,el){ var imgY = $("img",this).offset().top + 90; if( 0 < imgY && imgY < (viewH + 50) ){ $("img",this).attr("src",$("img",this).data("original")); } }); }; lazyLoadImg(); //滚动到分类标题，则该分类导航菜单项高亮 document.querySelector("#wrapper").addEventListener("scroll",_doscroll,false); //左边分类导航点击效果 $('#scrollNav li').click(function(){ var t = $(this),id = "#" + t.data("position"),shimNumber = 0; var showMem = oo.showMem, modeType = oo.modeType, noAd = $(".slider").size() == 0 ? true : false; var className = showMem == 1 && modeType !== 5 ? (noAd ? "noADhasNav" : "hasADhasNav") : (noAd ? "noADnoNav" : "hasADnoNav"); if(className == "noADhasNav"){ shimNumber = 6; }else if(className == "hasADhasNav"){ shimNumber = -117; }else if(className == "hasADnoNav"){ shimNumber = -117; }else if(className == "noADnoNav"){ shimNumber = -117; } classFlag = false; $("#wrapper").scrollTop(goodCateScrollArr[$(this).index()]); $(this).addClass("cur").siblings().removeClass("cur"); }); document.querySelector("#wrapper").addEventListener("scrollEnd",function(){ classFlag = true; var lastgood = $(".goodDetail").last(); console.log("滚到最后了:"+$("img",lastgood).data("original")); $("img",lastgood).attr("src",$("img",lastgood).data("original")); }); //禁止微信浏览器弹性拉伸破坏Iscroll效果 /* $(document).on("touchstart","body",function(e){ if(typeof $(e.target).attr("id") == "undefined"){ var vflag = $("#wrapper").find(e.target).length > 0 || $("#scrollNav").find(e.target).length > 0; }else{ var vflag = $(e.target).attr("id") == "wrapper" || $(e.target).attr("id") == "scrollNav"; } if(vflag){ e.preventDefault && e.preventDefault(); } });*/ //顶部广告 $(".slider").yxMobileSlider({'100%',height:120,during:3000}); } //决定广告显示 /* (function(){ //wraper noADhasNav var showMem = oo.showMem, modeType = oo.modeType, noAd = $(".slider").size() == 0 ? true : false; var className = showMem == 1 && modeType !== 5 ? (noAd ? "noADhasNav" : "hasADhasNav") : (noAd ? "noADnoNav" : "hasADnoNav"); console.log(className); $(".wraper").addClass(className); })()*/ //滚动定位到推荐商品 function scrollToGoodById(goodid){ var dv = $("div[data-goodid='"+ goodid +"']"); $("#wrapper").scrollTop(dv.position().top); $("div[data-goodid='"+ goodid +"'] .numPicker .plus").click(); } var RecommendGoodId = getCookie("Recommend-goodid"); if(RecommendGoodId !== "" && RecommendGoodId !== null && RecommendGoodId.length > 0){ scrollToGoodById(RecommendGoodId); } window.onunload=function(){ setCookie("Recommend-goodid","",1); } }); //选择商城类型 $(".head_nav").on("click",".filter li",function(){ var type = $(this).data("modeltype"); var urlStr = urlConfig._curUrl+"&modelType="+type+"&flag=2&group_id=0"; if(urlConfig._seatNo !== ""){ urlStr += "&seatNo=" + urlConfig._seatNo; } if(urlConfig._inputSeatNo !== ""){ urlStr += "&inputSeatNo=" + urlConfig._inputSeatNo; } window.location.href = urlStr; }); //显示组合商品列表详情 $(".ul .li").on("click",".data_mixin",function(e){ e.stopPropagation(); var t = $(this); var li_offset = t.parents(".li").offset(); var th_offset = t.offset(); var top = th_offset.top - li_offset.top; var left = t.parents(".li").find(".goodDetail").outerWidth(); console.log(t.parents(".li").offset()); t.parents(".li").find(".mixin-list").css({"top":top,"left":left}).slideToggle(200); }); $("body").click(function(){ $(".mixin-list").hide(); }); //点击商品图片，查看商品大图 var photoBrower = null; function imagePreview(curSrc,imgDescribe) { if(!curSrc) { return; } //wx.previewImage({ current: curSrc, urls: _imgSrcs }); photoBrower = $.photoBrowser({ items: [ { image: curSrc, caption:imgDescribe } ] }); history.pushState({title: document.title }, document.title, window.location.href+"#photoBrower"); photoBrower.open(); } $("#DetailPage .swiper-container").on("click","li img",function(){ var imgDescribe = $("#DetailPage .m-hdinfo .title").text(); imagePreview($(this).get(0).src,imgDescribe); }); (function(){ if (history.pushState) { window.addEventListener("popstate", function() { photoBrower.close(); }); } })(); /* */ //获取url里面传递的参数 function getUrlArg(name){ var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i"); if (reg.test(window.location.search)) return unescape(RegExp.$2.replace(/\+/g, " ")); return ""; } var oo = { "showMem":"1", "modeType":"2", "adList":1 }; </script> </body> </html>
公共CSS
@charset "UTF-8"; @font-face { font-family: vacation_react; src: url("//s.qunarzz.com/vacation_react/fonts/default/1.1.71/vacation_react.woff") format("woff"), url("//s.qunarzz.com/vacation_react/fonts/default/1.1.71/vacation_react.ttf") format("truetype"); } .yo-ico,.ico { font-family: vacation_react !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: middle; } .m-product .item-tit .pic, .m-labels .tit .icon, .m-expert-review .cont-tit::before, .m-rec-route .list .pic { -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url("//s.qunarzz.com/package/touch/apphome/s/bg.jpg"); } .g-flexbox { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .g-flexbox, .g-flexbox-start, .g-flexbox-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .g-flexbox > .flex, .g-flexbox > .flex-scroll, .g-flexbox-start > .flex, .g-flexbox-start > .flex-scroll, .g-flexbox-column > .flex, .g-flexbox-column > .flex-scroll { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;width: 100%;height: auto;display: block; } .ftmidle{display:inline-block;vertical-align:middle} .g-tag { height: 15px; line-height: 1; display: inline-block; margin-right: 8px; padding: 2px 3px 1px; text-align: center; color: #0191ce; font-weight: 500; position: relative; -webkit-border-radius: 2px; border-radius: 2px; } .g-tag .txt { vertical-align: top; display: inline-block; font-size: 12px; -webkit-transform: scale(0.83333); -ms-transform: scale(0.83333); transform: scale(0.83333); white-space: nowrap; } .g-tag::after { pointer-events: none; position: absolute; z-index: 999; top: 0; left: 0; content: " "; border-color: #0191ce; border-style: solid; border-width: 1px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .DetailPage{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;z-index:11;padding-bottom:100px;overflow-y:auto;overflow-x:hidden;} .pagewrap { background-color: #F5F5F5; width:100%;margin:0 auto;line-height:1.4;font-size:14px;color:#212121; margin: 0; font-size: 14px; line-height: 1.5; font-family: PingFang SC, Helvetica Neue, Helvetica, STHeiTi, sans-serif; } .pagewrap *, .pagewrap ::before, .pagewrap ::after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .fixed-top {position:fixed !important;top:0;width:100%;z-index:1003;} .m-header {width:100%;height:44px;line-height:44px;position:relative;background:rgba(0, 188, 212, 0);color:#FFF;font-size:18px;text-align:center;} .bgcolor {background-color: rgba(0, 0, 0, 0.5); color: rgb(255, 255, 255);} .m-header > .regret.yo-ico{left: 4px;padding-right:0;text-align:center;font-size: 24px;} .m-hdimg {position:relative;z-index:1} .m-hdimg .container {position:relative;overflow:hidden;background:#eee url(//s.qunarzz.com/package/touch/apphome/s/bg.jpg) no-repeat center center} .m-hdimg .txt { position: absolute; bottom: -10px; left: 0; z-index: 1; width: 100%; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-size: 12px; color: #fff; background-image: -webkit-linear-gradient(transparent 0, rgba(0, 0, 0, 0.8) 85%); -webkit-transform: translateZ(0); transform: translateZ(0); } .m-hdimg .txt .row-c { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%;padding: 0 20px 28px; } .m-hdimg .txt .id { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1;flex: 1; width: 100%;height: auto;display: block;font-size: 12px;overflow: hidden;white-space: nowrap; -o-text-overflow: ellipsis;text-overflow: ellipsis; } .m-hdimg .txt .tit {padding-right:5px} .m-hdimg .txt .ico {font-size: 16px;line-height: 1} .m-hdimg .txt .num, .m-hdimg .txt .v-icon, .m-hdimg .txt .ico {display: inline-block;vertical-align: middle} .m-hdimg .txt .swiper-pagination-fraction{left:unset;width:auto;} .m-hdimg .txt .swpnum { padding-right: 2px; max-width: 1.4rem; } .main {z-index: 2;} .m-hdinfo { position: relative; z-index: 2; margin: -10px 0 10px; padding: 15px 15px 0; background-color: #fff; -webkit-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; -webkit-transform: translateZ(2px); transform: translateZ(2px); } .m-hdinfo .self-support {margin-bottom: 10px;font-size: 0} .m-hdinfo .self-support .tag {padding: 2px 4px;line-height: 12px;font-size: 10px;color: #0191ce;font-weight: 500; border:#0191ce 1px solid;border-left:none} .m-hdinfo .self-support .tag:first-child{border-radius:4px 0 0 4px} .m-hdinfo .self-support .tag:last-child{border-radius:0 4px 4px 0} .m-hdinfo .self-support .tag:only-child{border-radius:4px} .m-hdinfo .self-support .tag-solid { padding-left: 5px;background-color: #0191ce;color: #fff;font-weight: bold; -webkit-border-radius: 2px 0 0 2px;border-radius: 2px 0 0 2px; } .m-hdinfo .self-support .tag-blue{position: relative} /* .m-hdinfo .self-support .tag-blue::after { pointer-events: none; position: absolute; z-index: 999; top: 0; left: 0; content: " "; border-color: #0191ce; border-style: solid; border- 1px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent; } .m-hdinfo .self-support .tag-blue::after { 200%; height: 200%; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } */ .m-hdinfo .self-support .desc { margin-left: .5em; font-size: 12px; color: #9e9e9e; } .m-hdinfo .title { margin-bottom: 5px; font-size: 18px; } .m-hdinfo .price { margin-right: -15px; padding: 0 15px 6px 0; font-size: 0; } .m-hdinfo .price { margin-right: -15px; padding: 0 15px 6px 0; font-size: 0; } .m-hdinfo .price .yen, .m-hdinfo .price .num { color: #f30; } .m-hdinfo .price .per, .m-hdinfo .price .status { font-size: 12px; color: #9e9e9e; } .m-hdinfo .price .yen { font-size: 14px; font-weight: 500; } .m-hdinfo .price .num { padding-right: 1px; font-size: 22px; font-weight: 500; } .m-hdinfo .price .cont { padding-right: 10px; } .m-hdinfo .price-tip { margin-left: 10px; font-size: 12px; line-height: 17px; color: #0191ce; } .m-hdinfo .price-tip .yo-ico { font-size: 14px; color: #0191ce; } .m-hdinfo .selled-count { font-size: 11px; color: #9E9E9E; } .m-hdinfo .crazy-entry { padding-top: 3px; position: relative; } .m-hdinfo .crazy-entry .cz-item { font-size: 10px; line-height: 16px; color: #9E9E9E; overflow: hidden; padding-bottom: 10px; } .cz-item strong { padding: 1px 6px; background: #eee; border-radius: 3px; color: #bbb; margin-right: 6px; } .m-hdinfo .tag-list{padding:1px 10px 1px 15px;margin:0 -15px;font-size:0;height:36px;overflow:hidden;color:#666;position:relative;} .m-hdinfo .tag-wraper{height:20px;overflow:hidden} .m-hdinfo .tag-wraper .g-tag {margin-bottom:10px;} .m-hdinfo .tag-list::after, .m-hdinfo .tips::after { pointer-events: none; position: absolute; z-index: 999; top: 0; left: 3%; content: " "; border-color: #F5F5F5; border-style: solid; border-width: 1px 0 0; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .m-hdinfo .tag-list::after, .m-hdinfo .tips::after { width: 190%; height: 200%; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .m-route .product-list .ico-arrow, .m-traffic .product-list .ico-arrow, .m-hotel .product-list .ico-arrow, .m-hdinfo .tag-list .ico-arrow, .m-hdinfo .tips .ico-arrow, .m-hdinfo .properties .ico-arrow, .m-hdinfo .promotion .ico-arrow, .m-seckill .ico-arrow, .m-rating .ico-arrow, .m-fold .ico-arrow, .m-type.reserve .ico-arrow, .m-shop .title .ico-arrow { font-size: 24px; color: #9e9e9e; } .m-hdinfo::after{ pointer-events: none; position: absolute; z-index: 999; top: 0; left: 0; content: " "; border-color: #eee; border-style: solid; border-width: 0 0 1px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .m-multiple-tab .item::after,.m-hdinfo::after,.g-tag::after { width: 200%; height: 200%; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-border-radius: 8px; border-radius: 8px; } .m-hdinfo .properties .flex { overflow: hidden; white-space: nowrap; margin-right: 10px; font-size: 12px; } .m-hdinfo .properties .flex > span { display: inline-block; margin-right: 8px; } .m-hdinfo .properties .ico { font-size: 16px; color: #0191ce; margin-right: 1px; background-position: 0 0; } .m-travel-info { background: #fff; padding: 0 15px 0px; line-height: 1; } .m-travel-info .tit { line-height: 22px; color: #212121; font-weight: bold; padding: 16px 0 1px; font-size: 16px; } .m-travel-info .tit .dep { float: right; font-weight: normal; color: #0191ce; font-size: 12px; } .v-scroll .sticky { position: -webkit-sticky; position: sticky; z-index: 1002; -webkit-transform: translateZ(0); transform: translateZ(0); } .m-multiple-tab { width: 100%; padding: 20px 15px 15px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; font-size: 0; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; } .transform { -webkit-transform: translate3d(0, 0, 10px); transform: translate3d(0, 0, 10px); } .m-multiple-tab .item { background: #FFFFFF; margin-right: 10px; display: inline-block; text-align: center; min-width: 1.6rem; padding: 7px; vertical-align: top; position: relative; position: relative; -webkit-border-radius: 4px; border-radius: 4px; } .m-multiple-tab .item { background: rgb(0 89 103 / 6%); color: #ffffff; position: relative; -webkit-border-radius: 4px; border-radius: 4px; } .m-multiple-tab .item::after { pointer-events: none; position: absolute; z-index: 999; top: 0; left: 0; content: " "; border-color: #0191ce; border-style: solid; border-width: 2px; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } .m-multiple-tab .item-tag { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .m-multiple-tab .item-text { font-size: 12px; color: #212121; font-weight: 500; margin-right: 2px; } .m-multiple-tab .item .desc { font-size: 13px; line-height: 15px; font-weight: 500; margin-left: 3px; color: #0191ce; } .m-multiple-tab .item .unit { font-size: 10px; vertical-align: bottom; } .m-multiple-tab .item .tit { font-size: 12px; line-height: 18px; height: 18px; font-weight: 400; color: #616161; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .m-multiple-tab .item .cpnum { position: absolute; top: 0; right: 0; padding: 0 4px; background: #71cbf1; border-radius: 0 5px 0 5px; color: #fff; font-size: 10px; } .m-point { margin-bottom: 10px; padding: 10px 12px 10px 16px; background-color: #fff; } .m-point .cardInfo{ border: #71cbf1 1px solid; border-radius: 5px; padding: 4px 8px 12px; background: rgb(1 140 162 / 6%); margin-bottom:15px; } .m-point .contain { font-size: 12px; color: #212121; font-weight: 500; position: relative; margin-left: 2px; z-index: 1; } .m-point.m-multi .item { padding-top: 10px; line-height: 17px; font-size: 12px; color: #616161; } .m-point.m-multi .item .img { height: 13px; margin-right: 4px; display: inline-block; font-size: 0; } .m-point.m-multi .item .label { color: #212121; margin-right: 6px; font-weight: 500; } .m-point.m-multi .item .desc{padding-top:4px}
主页CSS
/*==========组件==========*/ /*遮罩层*/ .ui-mask{width:100%;height:100%;position:fixed;bottom:0;top:0;background:rgba(3,3,3,.3);z-index:9;} /*提示框*/ .ui-tipBox{max-width:50%;padding:0.625rem 1rem;position:fixed;bottom:18rem;left:50%;font-size:1rem;color:#fff;background:rgba(0,0,0,.6);border-radius:5px;z-index:11;} /*对话框*/ .ui-dialog{max-width:50%;padding:0.625rem 1rem;position:fixed;bottom:18rem;left:50%;font-size:1rem;color:#fff;background:rgba(0,0,0,.6);border-radius:5px;z-index:10;} /*列表*/ .ui-cells{width:100%;background-color:#fff;line-height:1.41176471;font-size:17px;overflow:hidden;position:relative;} .ui-cells-title{margin-top:.77em;margin-bottom:.3em;padding-left:15px;padding-right:15px;color:#888;font-size:18px;} .ui-cell{padding:10px 15px;min-height:2rem;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:space-around;-webkit-justify-content:space-around;-o-justify-content:space-around;-ms-justify-content:space-around;} .ui-cell:before,.ui-cells:after{content:" ";width:100%;height:1px;border-top:1px solid #D9D9D9;color:#D9D9D9;position:absolute;top:0;left:0;transform-origin:0 0;-webkit-transform:scaleY(0.5);transform:scaleY(0.5);} .ui-cells:after{bottom:-1px;top:auto;} .ui-cell-primary{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;} .ui-cell-ft{text-align:right;color:#888;} .ui-link .ui-cell-ft:after {display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#C8C8CD;border-style:solid;position:relative;top:-2px;top:-1px;content:" ";margin-left:.3em;} /*顶栏导航*/ .head_nav{height:auto;background:#fff} .filter{background:#fff;overflow:hidden} .filter li{width:48.4%;margin:0 0.6%;float:left;height:50px;line-height:44px;} .filter li a{width:100%;height:100%;display:block;} .filter li a em{height:70%;display:inline-block;} .filter li:active a,.filter .cur a {color:#fe8101} .filter .cur a em{border-bottom:#fe8101 3px solid} .head_nav_full .filter li{width:32.1%;margin:0 0.6%} /*========列表模块=========*/ /*栏目标题*/ .ui-listMod {border-bottom: #dedede 1px solid;overflow:hidden} .ui-listMod .modTit{padding:10px;line-height:18px;border-bottom:#eaeaea 1px solid;font-weight:normal;background:#f0f0f0} .ui-listMod .modTit .ADwords{padding-left:0.625rem;font-family:kaiti;} /*列表模式商品列表*/ .goodList{padding:0 10px;margin-bottom:20px;} .goodList .ul .emptyBox{display:none} .goodList .ul .li{display:flex;min-height:120px;margin:10px 0 0;background:#fff;} .goodList .ul .li:after{content:"\0020";height:0;display:block;clear:both;overflow:hidden} .goodList .ul .li:before{content:" ";height:1px;background:#eee;transform:rotateX(60deg);width:100%;position:absolute;top:-19px;z-index:1} .goodList .ul .li:nth-child(1){margin-top:18px} .goodList .ul .li .goodDetail{flex:1;height:90px;margin-right:10px;vertical-align:middle;overflow:hidden} .goodList .ul .li .goodDetail img{height:100%;width:100%;object-fit:cover;} .goodList .ul .li img{width:auto;vertical-align:middle} .goodList .ul .li .actPanel{position: absolute;top: 0;left: 0;right:0;text-align:left;} .goodList .ul .li .actIcon {color: #fff;border-radius: 3px;font-size: 12px;padding:2px 3px;margin-right:2px;} .goodList .ul .li .actType0{background:#ff8800;} .goodList .ul .li .actType1{background:#f30;} .goodList .ul .li .actType2{background:#eca31d;} .goodList .ul .li .actType3{background:#0a9009;} .goodList .ul .li .actType4{background:navy;} /*列表模式商品描述*/ .goodList .ul .li .goodInfo{flex:2;text-align:left;width:100%;} .goodList .ul .li .goodInfo .goodsname{font-size:0;display:block;width:100%;margin-bottom:6px;color:#666} .goodList .ul .li .goodInfo .goodsname strong{font-size:14px;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .goodList .ul .li .goodInfo .goodsDetail{font-size:10px;display:block;line-height:12px;margin-bottom:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;} .goodList .ul .li .price{z-index:1;white-space:nowrap;display:block;bottom:18px;} .goodList .ul .li .goodInfo .price{font-size:12px;padding-left:0;top:74px} .goodList .ul .li .goodInfo .price em{font-size:8px;} .goodList .ul .li .timecard{color:#666;border-radius:6px;padding:2px 0;font-size:10px;} .goodList .ul .li .oldPrice{font-size:10px;color:#ccc;text-decoration:line-through;margin-left:4px;} /*遮罩层和数量选择器*/ .ul .li .numPicker,.ul .li .leftNum{right:0;height:24px;top:70px;z-index:2;overflow:hidden} .ul .li .numPicker b{width:20px;height:20px;display:block;background:#ff8800;border-radius:100%;text-align:center} .ul .li .numPicker b img{margin-top:-1px} .goodList .ul .li .numPicker .disabled{background:#bbb} .ul .li .numPicker .numtxt{width:34px;height:30px;line-height:26px;font-size:18px;display:none} .ul .li .leftNum{top:55%;height:30px;line-height:30px;color:#000;display:none} .ul .li .numPicker .minus{background: #fff;border: #ff8800 1px solid;box-sizing: border-box;text-align: center;height: 20px;width: 20px;display:none;position:relative;z-index:1;} .ul .li .numPicker .minus:after{width: 10px;height: 2px;content:" ";background: #ff8800;position: relative;display: inline-block;top: -5px;transform: rotateX(50deg);} /*优惠券选择框*/ .ticketBox{width:100%;height:100%;position:fixed;bottom:0;top:0;background:rgba(3,3,3,.3);z-index:9;display:none;z-index:9;} .ticketBoxBody{width:90%;padding:5%;position:fixed;top:5%;bottom:70px;left:50%;margin-left:-45%;background:#FFF6E5;border-radius:5px;box-shadow:0 0 10px #000;box-sizing:border-box;z-index:3;overflow:auto;} .maxDiscount{padding:10px 0 20px;} /*优惠券样式*/ /* -----------------------------公共样式----------------------------- */ .stamp{height:140px;margin:auto auto 10px;width:90%;position:relative;overflow:hidden;border-left:2px dashed #FFF;border-right:2px dashed #FFF;border-radius:6px} .stamp *{font-family:"Microsoft YaHei", 'Source Code Pro', Menlo, Consolas, Monaco, monospace;} .stamp i{position:absolute;left:10%;top:50px;height:120px;width:100%;background-color:rgba(255,255,255, .15);-moz-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg)} .stamp hr{border:none;height:1px;margin:3px auto;background-color:rgba(255, 255, 255, .2)} /* -----------------------------左侧样式----------------------------- */ .stamp .par{float:left;padding:10px;width:25%;height:84%;border-right:1px dashed rgba(255, 255, 255, .5);text-align:center;font-size:20px;margin-right:6px} .stamp .par p{padding:0;margin:0;color:#fff} .stamp .par .p_top{margin-top:10px;font-size:16px} .stamp .par .p_middle{font-size:14px} .stamp .par .p_bottom{margin-top:10px} .stamp .par hr{width:80%} .stamp .par a{width:45px;background-color:#fff;color:#333;font-size:12px;padding:5px 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none} /* -----------------------------右侧样式----------------------------- */ .stamp .copy{color:#000;padding-right:6px} .stamp .copy p{margin:0;padding:0;font-size:10px;text-overflow:ellipsis;overflow:hidden} .stamp .copy .p_top{margin-top:10px;margin-bottom:3px;font-size:13px;font-weight:bold;text-align:center} .stamp .copy .p_middle{height:62px;max-height:62px;margin-right:5px;line-height:20px;} .stamp .copy .p_bottom{text-align:center;color:#FFF;white-space:nowrap} /* -----------------------------奖券样式----------------------------- */ .stamp01{background-color:#5AB0D4;/*#F39B00;#D24161;#7EAB1E;#50ADD3;*/} .stamp02{background-color:#FFA302;/*#F39B00;#D24161;#7EAB1E;#50ADD3;*/} .stamp03{background-color:#EF6684;/*#F39B00;#D24161;#7EAB1E;#50ADD3;*/} .stamp04{background-color:#9AC53E;/*#F39B00;#D24161;#7EAB1E;#50ADD3;*/} .ticketSelBtn{width:90%;margin:2rem auto;height:3rem;line-height:3rem;background:#ff9058;border-radius:6px;color:#fff;display:block;} /*商品是否可使用优惠券的标记*/ .ui-mark{position:relative;border:#f30 1px solid;border-radius:2px;height:10px;line-height:12px;padding:1px 2px;font-size:8px;color:#fff;background:#f30;text-align:center;display:inline-block;vertical-align:3px} .ui-mark em,.ui-mark i{top:1px;right:3px;border-width:2px;border-style: solid;display: inline-block;position: absolute;border-color:#0191ce;transform:rotate(45deg)} .ui-mark i{top:2px;border-color:#0191ce #fff #fff #0191ce} .data_mixin{padding-right:10px} .mixin-list{display:none;z-index:2;padding:6px;position:absolute;top:16px;left:90px;right:-8px;background:rgba(56,79,90,.7);height:82px;overflow-y:scroll} .mixin-list li{width:100%;height:14px;line-height:14px;color:#fff;font-size:10px; } .modLoad{height:38px;line-height:38px;padding:28px 0 18px;text-indent:24px} .modLoad .loader{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px 6px 8px -34px;border:2px solid #ababab;border-bottom:#ababab 2px dashed;vertical-align:middle;transform:rotateZ(270deg);-webkit-transform:rotateZ(270deg);} .modLoad .loading{-webkit-animation:rotate 0.75s linear infinite;animation:rotate 0.75s linear infinite;} @-webkit-keyframes rotate { 0% {-webkit-transform:rotate(0deg);} 50% {-webkit-transform:rotate(180deg);} 100% {-webkit-transform:rotate(360deg);} } @keyframes rotate { 0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg);} } /*底部导航*/ .btmNav{height:50px;width:100%;position:fixed;bottom:0;left:0;border-bottom:#afafaf 1px solid} .btmNav ul{height:100%} .btmNav li{position:relative;display:block;height:100%;overflow:hidden} .btmNav li.vip{border-left:#afafaf 1px solid;border-right:#afafaf 1px solid;box-sizing:border-box} .btmNav li i{width:40px;height:40px;position:absolute;left:50%;margin-left:-40px;top:50%;margin-top:-20px} .btmNav li div{width:2.6rem;position:absolute;top:50%;margin-top:-1.2rem;left:50%;margin-left:-0.2rem} .btmNav li.vip div{margin-left:0.2rem} .btmNav li span{ letter-spacing:0.2rem;display:block;line-height:1.2rem;font-size:1rem} .btmNav li.scr i{background-position:-40px -40px} .btmNav li.vip i{background-position:-120px -40px} .btmNav li.wxzf i{background-position:-200px 0} .btmNav li.cur{background:#ff6c00} .btmNav .scr.cur i{background-position:0 -40px} .btmNav .vip.cur i{background-position:-80px -40px} .btmNav .wxzf.cur i{background-position:-160px 0} /*购物车和订单记录*/ .floatNav{width:50px;position:fixed;bottom:70px;right:1%;opacity:0.7} .floatNav .navItem:nth-child(2){border-top:#ccc 1px solid} .floatNav i{width:40px;height:40px;margin:5px auto;display:block} .floatNav .navItem div{width:2.2rem;margin:0 auto 10px;overflow:hidden} .floatNav .navItem div span{width:2.6rem;letter-spacing:0.2rem;display:block;line-height:1.2rem;font-size:1rem} .floatNav .navItem:nth-child(1) i{background-position:-200px -40px} .floatNav .navItem:nth-child(2) i{background-position:-160px -40px} /*新结算面板*/ .newCountBox{background:#43474a;position:fixed;bottom:40px;left:0;right:0;height:48px;line-height:48px;z-index:11} .shoppingCart{width:42px;height:42px;line-height:42px;border-radius:100%;background:#3b3b3b;border:#555 5px solid;color:#777;display:block;left:20px;top:-10px;transition:background 1s ease-out 0.6s} .orangeBG{background:#FFC107;color:#fff;} .bubble{border-radius:20px;height:16px;line-height:18px;min-width:16px;padding:2px;top:-4px;right:-8px;background:#f30;visibility:hidden;transition:visibility 1s ease-out 0.6s} .sumPrice{margin-left:30px;} .selTicket{display:inline-block;padding:4px;margin:10px 10px 0 0;border:#fff 1px solid;line-height:16px;float:right;visibility:hidden} .newCountBox .payBtn{background:#ff8800;width:30%;float:right;/*#585c5f*/} #newCountBox .show{visibility:visible} /*========媒体查询样式========*/ @media screen and (max-420px){} @media screen and (min-420px) and (max-520px){} @media screen and (min-520px) and (max-640px){} /* @font-face{font-family: 'kaiti';src: url('simkai.ttf') format('truetype');Safari, Android, iOS} */ /*引入图标字体*/ @font-face {font-family:'iconfont';src:url('iconfont/iconfont.eot?2');/* IE9*/src:url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('iconfont/iconfont.woff?2') format('woff'), /* chrome、firefox */url('iconfont/iconfont.ttf?2') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/url('iconfont/iconfont.svg#iconfont') format('svg');/* iOS 4.1- */} .iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;} /*商品详情页*/ .DetailPage{position:fixed;top:0;bottom:0;left:0;right:0;width:100%;z-index:11;overflow-y:auto;overflow-x:hidden} .bigGoodImg{position:relative} .bigGoodImg img{width:100%;vertical-align:middle} .bigGoodImg .desc{width:100%;padding-left:5px;position:absolute;left:0;bottom:0;color:#fff;text-shadow:1px 1px 1px #888;text-align:left} .bigGoodImg:before{content:" ";width:100%;height:30%;position:absolute;left:0;bottom:0;background:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.3) 64%, transparent);} .discountTip{position:relative;top:3px;} .payIco{vertical-align:middle;top:-3px;position:relative;} .payMethod{padding-left:2px;} .ui-cells:last-child:after{display:none;} .goodsDisc{padding:0.6rem 0 2rem;} .goodsDisc p{margin-bottom:1rem;text-indent:2rem;text-align:justify} /*=========wraper样式:没有广告插件，也没有顶部导航时=============================================*/ .wraper{height:100vh;position:relative} #scroller{padding-bottom:70px;} #wrapper{overflow: hidden;overflow-y:auto;position:absolute;top:0;left:90px;right:0;bottom:0;} /*商城左边导航*/ #scrollNav{width:90px;background:#f3f3f3;height:calc(100vh - 48px)} #navScroller{width:90px;display:table} #scrollNav li{font-size:14px;display:table-row} #scrollNav li div{width:200px;display:table-cell;padding:4px 16px;height:38px;position:relative;border-bottom:#dedede 1px solid;vertical-align:middle} #scrollNav li.cur{color:#ff8800;background:#fff} #scrollNav li.cur div:before{content:" ";width:1px;height:100%;background:#ff6c00;display:block;position:absolute;left:0;top:0;margin-top:0} /*已加入购物车的商品列表*/ .buyList{margin-top:54px;max-height:250px;overflow-y: scroll;} .buyList h1,.buyList ul li{padding:0 15px;height:40px;line-height:40px;font-weight:normal} .buyList h1:after{position:absolute;left:0;right:0;} .buyList h1 img{width:24px;height:24px; vertical-align:middle} .buyList ul li{overflow:hidden} .buyList ul li .cutFont{max-width:50%;display:inline-block} .buyList ul li .fr{width:100px;position:relative} .buyList ul li .fr b{float:right} .buyList ul li .fr i{float:left} .buyList ul li .fr .data_express{position:absolute;left:-34px;top:12px;width:auto;} .totalSum{padding:0 15px 26px;height:40px;line-height:24px;margin-top:10px} .totalSum strong{padding-left:2px;} .selCouponsNum{padding:0 2px} .express_free_tip{color:#f30;font-size:12px;} /*券*/ .ticketPop{width:100%;position:fixed;top:0;bottom:0;z-index:16;display:none;overflow-y:scroll} #box li,.bindETic{height:80px;margin:10px;padding-right:10px;background:#fff;border:#d9d9d9 1px solid;box-sizing:border-box;position:relative} #box li .ticType,.bindETic .ticType{width:50px;height:100%;border-right:#fff 1px dashed} #box li .ticType i,.bindETic .ticType i{width:18px;line-height:18px;margin:43% auto 0;display:block;word-wrap:break-word;text-align:center;color:#fff;} #box li .ticType b,.bindETic .ticType b{width:24px;height:24px;position:absolute;left:-15px;top:50%;margin-top:-12px;background:#e0e0e0;border-radius:100%} #box li p{line-height:20px;margin-left:60px;} #box li .ticName{margin:10px 0 6px 60px;font-size:14px;color:#fea040} .selZone{width:40px;height:40px;position:absolute;right:20px;top:50%;margin-top:-20px;} .selZone .weui-icon-checked:before{content:"\EA08";margin:0;height:40px;width:40px;line-height:40px;border:#ddd 1px solid;box-sizing:border-box;border-radius:3px;text-align:center;background:#eee;color:#fff;font-size:26px} .selZone .weui-check:checked+.weui-icon-checked:before{display:block;content:"\EA08";background:#fea040;} .bindETic .selZone .weui-icon-checked:before{content:" ";display:inline-block;height:16px;width:16px;border-width:3px 3px 0 0;border-color:#bbb;border-style:solid;background:#eee;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;right:0;margin-top:-7px;} .mt56{margin-top:56px} /* 不可选券 */ #box li.disabled .ticType{background:#999} #box li.disabled .ticName{color:#999} /*订单列表为空提示*/ .emptyTip{height:110px;width:100%;top:50%;margin-top:-55px;} .emptyTip:before{display:block;height:70px;text-align:center;content:"\e610";font-size:110px;color:rgba(255,136,0,0.25);opacity:0.25} /*加载更多*/ .getMore{height:40px;line-height:40px;background:#fff;margin:10px} .getMore:after,.getMore:before {content:" ";border-bottom:#e2e3e5 1px solid;width:100%;display:block;transform:rotateX(50deg)} /*券使用规则弹框*/ .rule_pop{max-height:300px;background:#fff;overflow:hidden;overflow-y:auto} .rule_pop h1{color:#333;font-size:14px} .rule_pop p{color:#999;font-size:12px} .rule_pop dl{margin:0 10px;padding:10px 0;border-bottom:#ddd 1px dashed;text-align:left} .rule_pop dt{font-size:12px;color:#999} .rule_pop dd{font-size:14px;color:#666} /*选券按钮*/ .weui-btn_primary{background-color:#ff8800} .weui-btn_disabled.weui-btn_primary {background-color:#f5bc7b} .weui-btn_primary:not(.weui-btn_disabled):active{background-color:#fb9827;} /*选券规则*/ .selTicNotice{margin:10px;padding:10px;background:#fff} .selTicNotice h1{line-height:24px;} .selTicNotice p{line-height:24px;} #sendSelTic{padding: 10px; position: fixed; bottom: 0; left: 0; right: 0; background: #fff; overflow: hidden; } #box{margin-bottom:80px;} /*密码框样式*/ .MemPayPwd{padding:20px 0;} .MemPayPwd .PWDinputBox{padding:10px;} .MemPayPwdIpt{padding:3px 8px;height:28px;border:#dfdfdf 1px solid;width:90%} .MemWXPay{color:#39F;position:relative;top:-13px;left: 8px;font-size:12px;} .MemWXPay:active{color:#36F} .MemCardPay{position:relative;top:-12px} /*覆盖weiUI默认样式*/ .weui-popup__overlay{opacity:0.6} #shopingList, #shopingList .weui-popup__overlay{bottom:88px;} #shopingList .toolbar .title{text-align:left;padding-left:15px;} .weui-dialog__title{display:block} .fixedfooter{z-index:11} /* 六套颜色模板 */ .VC_blue .shoppingCart.orangeBG, .VC_green .shoppingCart.orangeBG, .VC_purple .shoppingCart.orangeBG, .VC_orange .shoppingCart.orangeBG, .VC_red .shoppingCart.orangeBG, .VC_df .shoppingCart.orangeBG, .df_blue .shoppingCart.orangeBG, .df_green .shoppingCart.orangeBG, .df_purple .shoppingCart.orangeBG, .df_orange .shoppingCart.orangeBG, .df_red .shoppingCart.orangeBG, .df_df .shoppingCart.orangeBG{color:#fff} /*VC_dfue */ .VC_blue .goodList .ul .li p .price,.VC_blue #scrollNav li.cur,.VC_blue .filter li:active a, .VC_blue .filter .cur a, .VC_blue .fixedfooter ul .active span, .VC_blue .toolbar .picker-button,.VC_blue .priceNum, .VC_blue .priceUnit, .VC_blue #payIco,.VC_blue .emptyTip:before,.VC_blue .emptyTip,.VC_blue .express_free_tip, .df_blue .goodList .ul .li p .price,.df_blue #scrollNav li.cur,.df_blue .filter li:active a, .df_blue .filter .cur a, .df_blue .fixedfooter ul .active span, .df_blue .toolbar .picker-button,.df_blue .priceNum, .df_blue .priceUnit, .df_blue #payIco,.df_blue .emptyTip:before,.df_blue .emptyTip,.df_blue .express_free_tip{color:#0191ce} .VC_blue .ui-mark, .VC_blue .filter .cur a em,.df_blue .ui-mark, .df_blue .filter .cur a em{border-color:#0191ce;} .VC_blue .ul .li .numPicker b, .VC_blue #scrollNav li.cur div:before, .VC_blue .newCountBox .payBtnEnable, .VC_blue .ui-mark, .df_blue .ul .li .numPicker b, .df_blue #scrollNav li.cur div:before, .df_blue .newCountBox .payBtnEnable, .df_blue .ui-mark{background-color:#0191ce} .VC_blue .ul .li .numPicker .minus, .df_blue .ul .li .numPicker .minus{background-color:#fff;border-color:#0191ce} .VC_blue .ul .li .numPicker .minus:after,.VC_blue .bubble, .df_blue .ul .li .numPicker .minus:after,.df_blue .bubble{background: #0191ce;} .VC_blue .shoppingCart.orangeBG,.df_blue .shoppingCart.orangeBG{background:#7ED1F5} .VC_blue .weui-btn_primary,.df_blue .weui-btn_primary{background-color:#0191ce} .VC_blue .weui-btn_disabled.weui-btn_primary,.df_blue .weui-btn_disabled.weui-btn_primary{background-color:#68B9DC} .VC_blue .weui-btn_primary:not(.weui-btn_disabled):active,.df_blue .weui-btn_primary:not(.weui-btn_disabled):active{background-color:#68B9DC;} .VC_blue .fixedfooter ul .active a .icon,.df_blue .fixedfooter ul .active a .icon{background: url(../../../../../../../../Application/Home/View/default/Public/public/images/goods.jpg) no-repeat,linear-gradient(rgb(1, 145,206),rgb(1, 145,206));background-color: #ccc;background-size: cover} /* .green */ .VC_green .goodList .ul .li p .price,.VC_green #scrollNav li.cur,.VC_green .filter li:active a, .VC_green .filter .cur a, .VC_green .fixedfooter ul .active span, .VC_green .toolbar .picker-button,.VC_green .priceNum, .VC_green .priceUnit, .VC_green #payIco,.VC_green .emptyTip:before,.VC_green .emptyTip,.VC_green .express_free_tip, .df_green .goodList .ul .li p .price,.df_green #scrollNav li.cur,.df_green .filter li:active a, .df_green .filter .cur a, .df_green .fixedfooter ul .active span, .df_green .toolbar .picker-button,.df_green .priceNum, .df_green .priceUnit, .df_green #payIco,.df_green .emptyTip:before,.df_green .emptyTip,.df_green .express_free_tip{color:#007582} .VC_green .ui-mark, .VC_green .filter .cur a em, .df_green .ui-mark, .df_green .filter .cur a em{border-color:#007582;} .VC_green .ul .li .numPicker b, .VC_green #scrollNav li.cur div:before, .VC_green .newCountBox .payBtnEnable, .VC_green .ui-mark, .df_green .ul .li .numPicker b, .df_green #scrollNav li.cur div:before, .df_green .newCountBox .payBtnEnable, .df_green .ui-mark{background-color:#007582} .VC_green .ul .li .numPicker .minus,.df_green .ul .li .numPicker .minus{background-color:#fff;border-color:#007582} .VC_green .ul .li .numPicker .minus:after,.VC_green .bubble,.df_green .ul .li .numPicker .minus:after,.df_green .bubble{background: #007582;} .VC_green .shoppingCart.orangeBG,.df_green .shoppingCart.orangeBG{background:#72B6BD;} .VC_green .weui-btn_primary,.df_green .weui-btn_primary{background-color:#007582} .VC_green .weui-btn_disabled.weui-btn_primary,.df_green .weui-btn_disabled.weui-btn_primary {background-color:#f5bc7b} .VC_green .weui-btn_primary:not(.weui-btn_disabled):active,.df_green .weui-btn_primary:not(.weui-btn_disabled):active{background-color:#87CAD2;} .VC_green .fixedfooter ul .active a .icon,.df_green .fixedfooter ul .active a .icon{background: url(../../../../../../../../Application/Home/View/default/Public/public/images/goods.jpg) no-repeat,linear-gradient(rgb(0, 117,130),rgb(0, 117,130));background-color: #ccc;background-size: cover} /* .purple */ .VC_purple .goodList .ul .li p .price,.VC_purple #scrollNav li.cur,.VC_purple .filter li:active a, .VC_purple .filter .cur a, .VC_purple .fixedfooter ul .active span, .VC_purple .toolbar .picker-button,.VC_purple .priceNum, .VC_purple .priceUnit, .VC_purple #payIco,.VC_purple .emptyTip:before,.VC_purple .emptyTip,.VC_purple .express_free_tip, .df_purple .goodList .ul .li p .price,.df_purple #scrollNav li.cur,.df_purple .filter li:active a, .df_purple .filter .cur a, .df_purple .fixedfooter ul .active span, .df_purple .toolbar .picker-button,.df_purple .priceNum, .df_purple .priceUnit, .df_purple #payIco,.df_purple .emptyTip:before,.df_purple .emptyTip,.df_purple .express_free_tip{color:#983c85} .VC_purple .ui-mark, .VC_purple .filter .cur a em,.df_purple .ui-mark, .df_purple .filter .cur a em{border-color:#983c85;} .VC_purple .ul .li .numPicker b, .VC_purple #scrollNav li.cur div:before, .VC_purple .newCountBox .payBtnEnable, .VC_purple .ui-mark, .df_purple .ul .li .numPicker b, .df_purple #scrollNav li.cur div:before, .df_purple .newCountBox .payBtnEnable, .df_purple .ui-mark{background-color:#983c85} .VC_purple .ul .li .numPicker .minus, .df_purple .ul .li .numPicker .minus{background-color:#fff;border-color:#983c85} .VC_purple .ul .li .numPicker .minus:after,.VC_purple .bubble, .df_purple .ul .li .numPicker .minus:after,.df_purple .bubble{background: #983c85;} .VC_purple .shoppingCart.orangeBG,.df_purple .shoppingCart.orangeBG{background:#EA80D5} .VC_purple .weui-btn_primary,.df_purple .weui-btn_primary{background-color:#983c85} .VC_purple .weui-btn_disabled.weui-btn_primary,.df_purple .weui-btn_disabled.weui-btn_primary{background-color:#f5bc7b} .VC_purple .weui-btn_primary:not(.weui-btn_disabled):active,.df_purple .weui-btn_primary:not(.weui-btn_disabled):active{background-color:#fb9827;} .VC_purple .fixedfooter ul .active a .icon,.df_purple .fixedfooter ul .active a .icon{background: url(../../../../../../../../Application/Home/View/default/Public/public/images/goods.jpg) no-repeat,linear-gradient(rgb(152, 60,133),rgb(152, 60,133));background-color: #ccc;background-size: cover} /* .red */ .VC_red .goodList .ul .li p .price,.VC_red #scrollNav li.cur,.VC_red .filter li:active a, .VC_red .filter .cur a, .VC_red .fixedfooter ul .active span, .VC_red .toolbar .picker-button,.VC_red .priceNum, .VC_red .priceUnit, .VC_red #payIco,.VC_red .emptyTip:before,.VC_red .emptyTip,.VC_red .express_free_tip, .df_red .goodList .ul .li p .price,.df_red #scrollNav li.cur,.df_red .filter li:active a, .df_red .filter .cur a, .df_red .fixedfooter ul .active span, .df_red .toolbar .picker-button,.df_red .priceNum, .df_red .priceUnit, .df_red #payIco,.df_red .emptyTip:before,.df_red .emptyTip,.df_red .express_free_tip{color:#fb5d5d} .VC_red .ui-mark, .VC_red .filter .cur a em,.df_red .ui-mark, .df_red .filter .cur a em{border-color:#fb5d5d;} .VC_red .ul .li .numPicker b, .VC_red #scrollNav li.cur div:before, .VC_red .newCountBox .payBtnEnable, .VC_red .ui-mark, .df_red .ul .li .numPicker b, .df_red #scrollNav li.cur div:before, .df_red .newCountBox .payBtnEnable, .df_red .ui-mark{background-color:#fb5d5d} .VC_red .ul .li .numPicker .minus, .df_red .ul .li .numPicker .minus{background-color:#fff;border-color:#fb5d5d} .VC_red .ul .li .numPicker .minus:after,.VC_red .bubble, .df_red .ul .li .numPicker .minus:after,.df_red .bubble{background: #fb5d5d;} .VC_red .shoppingCart.orangeBG,.df_red .shoppingCart.orangeBG{background:#FD8787} .VC_red .weui-btn_primary,.df_red .weui-btn_primary{background-color:#fb5d5d} .VC_red .weui-btn_disabled.weui-btn_primary,.df_red .weui-btn_disabled.weui-btn_primary{background-color:#f5bc7b} .VC_red .weui-btn_primary:not(.weui-btn_disabled):active,.df_red .weui-btn_primary:not(.weui-btn_disabled):active{background-color:#fb9827;} .VC_red .fixedfooter ul .active a .icon,.df_red .fixedfooter ul .active a .icon{background: url(../../../../../../../../Application/Home/View/default/Public/public/images/goods.jpg) no-repeat,linear-gradient(rgb(251, 93, 93),rgb(251, 93, 93));background-color: #ccc;background-size: cover} /* .orange */ .VC_orange .goodList .ul .li p .price,.VC_orange #scrollNav li.cur,.VC_orange .filter li:active a, .VC_orange .filter .cur a, .VC_orange .fixedfooter ul .active span, .VC_orange .toolbar .picker-button,.VC_orange .priceNum, .VC_orange .priceUnit, .VC_orange #payIco,.VC_orange .emptyTip:before,.VC_orange .emptyTip,.VC_orange .express_free_tip, .df_orange .goodList .ul .li p .price,.df_orange #scrollNav li.cur,.df_orange .filter li:active a, .df_orange .filter .cur a, .df_orange .fixedfooter ul .active span, .df_orange .toolbar .picker-button,.df_orange .priceNum, .df_orange .priceUnit, .df_orange #payIco,.df_orange .emptyTip:before,.df_orange .emptyTip,.df_orange .express_free_tip{color:#ff7725} .VC_orange .ui-mark, .VC_orange .filter .cur a em,.df_orange .ui-mark, .df_orange .filter .cur a em{border-color:#ff7725;} .VC_orange .ul .li .numPicker b, .VC_orange #scrollNav li.cur div:before, .VC_orange .newCountBox .payBtnEnable, .VC_orange .ui-mark, .df_orange .ul .li .numPicker b, .df_orange #scrollNav li.cur div:before, .df_orange .newCountBox .payBtnEnable, .df_orange .ui-mark{background-color:#ff7725} .VC_orange .ul .li .numPicker .minus, .df_orange .ul .li .numPicker .minus{background-color:#fff;border-color:#ff7725} .VC_orange .ul .li .numPicker .minus:after,.VC_orange .bubble, .df_orange .ul .li .numPicker .minus:after,.df_orange .bubble{background: #ff7725;} .VC_orange .shoppingCart.orangeBG,.df_orange .shoppingCart.orangeBG{background:#FFAB79} .VC_orange .weui-btn_primary,.df_orange .weui-btn_primary{background-color:#ff7725} .VC_orange .weui-btn_disabled.weui-btn_primary,.df_orange .weui-btn_disabled.weui-btn_primary{background-color:#f5bc7b} .VC_orange .weui-btn_primary:not(.weui-btn_disabled):active,.df_orange .weui-btn_primary:not(.weui-btn_disabled):active{background-color:#fb9827;} .VC_orange .fixedfooter ul .active a .icon,.df_orange .fixedfooter ul .active a .icon{background: url(../../../../../../../../Application/Home/View/default/Public/public/images/goods.jpg) no-repeat,linear-gradient(rgb(255, 119, 37),rgb(255, 119, 37));background-color: #ccc;background-size: cover} /* .VC_df */ .VC_df .goodList .ul .li p .price,.VC_df #scrollNav li.cur,.VC_df .filter li:active a, .VC_df .filter .cur a, .VC_df .fixedfooter ul .active span, .VC_df .toolbar .picker-button,.VC_df .priceNum, .VC_df .priceUnit, .VC_df #payIco,.VC_df .emptyTip:before,.VC_df .emptyTip,.VC_df .express_free_tip, .df_df .goodList .ul .li p .price,.df_df #scrollNav li.cur,.df_df .filter li:active a, .df_df .filter .cur a, .df_df .fixedfooter ul .active span, .df_df .toolbar .picker-button,.df_df .priceNum, .df_df .priceUnit, .df_df #payIco,.df_df .emptyTip:before,.df_df .emptyTip,.df_df .express_free_tip{color:#ff8800} .VC_df .ui-mark, .VC_df .filter .cur a em,.df_df .ui-mark, .df_df .filter .cur a em{border-color:#ff8800;} .VC_df .ul .li .numPicker b, .VC_df #scrollNav li.cur div:before, .VC_df .newCountBox .payBtnEnable, .VC_df .ui-mark, .df_df .ul .li .numPicker b, .df_df #scrollNav li.cur div:before, .df_df .newCountBox .payBtnEnable, .df_df .ui-mark{background-color:#ff8800} .VC_df .ul .li .numPicker .minus, .df_df .ul .li .numPicker .minus{background-color:#fff;border-color:#ff8800} .VC_df .ul .li .numPicker .minus:after,.VC_df .bubble, .df_df .ul .li .numPicker .minus:after,.df_df .bubble{background: #ff8800;} .VC_df .shoppingCart.orangeBG,.df_df .shoppingCart.orangeBG{background:#ffd5a5} .VC_df .weui-btn_primary,.df_df .weui-btn_primary{background-color:#ff8800} .VC_df .weui-btn_disabled.weui-btn_primary,.df_df .weui-btn_disabled.weui-btn_primary{background-color:#ffbf76} .VC_df .weui-btn_primary:not(.weui-btn_disabled):active,.df_df .weui-btn_primary:not(.weui-btn_disabled):active{background-color:#ffbf76;} .VC_df .fixedfooter ul .active a .icon,.df_df .fixedfooter ul .active a .icon{background: url(../../../../../../../../Application/Home/View/default/Public/public/images/goods.jpg) no-repeat,linear-gradient(rgb(255,136,0),rgb(255,136,0));background-color: #ccc;background-size: cover} .newCountBox .payBtnDisable{background:#bebebe} .weui-photo-browser-modal{z-index:11} .weui-photo-browser-modal .caption{bottom:90px}
common_VC.css
/*------ 样式重置 ------Helvetica Neue*/ body{font:0.75rem/18px "microsoft yahei", Helvetica, Arial, sans-serif;color:#333;background-color:#fff} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{padding:0;margin:0;outline:none} ol,ul,li{list-style:none} em,b,i,u{font-style:normal;font-weight:normal;text-decoration:none} table{border-collapse:collapse} img{max-width:100%;vertical-align:middle;border:none} a{text-decoration:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#333} /*------ 公共样式 ------*/ /*清除浮动*/ .clearfix:after{content:"\0020";height:0;display:block;clear:both;overflow:hidden} /*文字溢出省略*/ .cutFont{white-space:nowrap;text-overflow:ellipsis;overflow:hidden} /*图片垂直居中钩子*/ .hook{width:0;margin-left:-1px;height:100%;display:inline-block;vertical-align:middle;font-size:0;line-height:0} /*浮动*/ .psr{position:relative} .psa{position:absolute} .psf{position:fixed} .fl{float:left} .fr{float:right} .tl{text-align:left} .tc{text-align:center} .tr{text-align:right} /*文字大小*/ .ft26{font-size:26px} .ft24{font-size:24px} .ft22{font-size:22px} .ft20{font-size:20px} .ft18{font-size:18px} .ft16{font-size:16px} .ft15{font-size:15px} .ft14{font-size:14px} .ft13{font-size:13px} .ft12{font-size:12px} .ft11{font-size:11px} .ft10{font-size:10px} .ft9 {font-size:9px} .ft8 {font-size:8px} /*背景*/ .bg{background:url("../images/sprite/idxIco.png") no-repeat} .bgBlack{background-color:#000} .bgWhite{background-color:#fff} .bgNavy{background:#5f8301 /*#38517D*/} .bgGreen{background:#5f8301} .bgOrange{background:#fe8101} .bgThinOrange{background:#fea040} .bgLightOrange{background:#ffba74} .bgGray{background:#e1e1e1} /*文字颜色*/ .white{color:#fff} .milk{color:#dededc} .orange{color:#fe8101} .green{color:#5f8301} .red{color:#f35} .black{color:#333} .gray{color:#666} .lightGray{color:#999} /*引入字体图标*/ @font-face{font-family:"iconfont";src:url('iconfont/iconfont.eot?t=322226');/* IE9*/ src:url('iconfont/iconfont.eot?t=322226#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont/iconfont.woff?t=322226') format('woff'), /* chrome, firefox */ url('iconfont/iconfont.ttf?t=322226') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont/iconfont.svg?t=322226#iconfont') format('svg');/* iOS 4.1- */} @font-face{font-family:"Georgia";src:url('fonts/georgia.ttf?t=322224') format('truetype')} .icon{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle} /*删除图标*/ .icon-del:before{content:"\e636"} .icon-del1:before{content:"\e625"} .icon-del2:before{content:"\e67d"} /*会员中心图标*/ .icon-membercenter:before{content:"\e67f"} .icon-membercenter1:before{content:"\e708"} /*订单图标*/ .icon-dingdan:before{content:"\e613"} .icon-dingdan1:before{content:"\e652"} /*购票*/ .icon-goupiao:before{content:"\e60e"} .icon-goupiao1:before{content:"\e653"} /*可乐图标*/ .icon-kele:before{content:"\e64b"} .icon-kele1:before{content:"\e623"} /*电影*/ .icon-dianying:before{content:"\e70e"} .icon-dianying1:before{content:"\e60d"} .icon-dianying2:before{content:"\e669"} .icon-dianying3:before{content:"\e667"} /*返回*/ .icon-fanhui:before{content:"\e604"} .icon-fanhui1:before{content:"\e60f"} .icon-fanhui2:before{content:"\e67b"} /*闹钟图标*/ .icon-clocker:before{content:"\e779"} /*会员卡图标*/ .icon-vipCard:before{content:"\e691"} .icon-weixin:before{content:"\e62b"} /*完成*/ .icon-completed:before{content:"\e601"} /*未完成*/ .icon-underWay:before{content:"\e602"} /*已取消*/ .icon-cancel:before{content:"\e605"} /*------ 公用组件 ------*/ /*按钮样式*/ .btn{display:inline-block;padding:0 10px;border-radius:3px} .btn_red{background:#ff8000/* #E05937 */;color:#fff} .btn_red:active{background:#F5633E} .btn_blue{background:#5f8301/* #38517D */;color:#fff} .btn_blue:active{background:#48669A} .btn_bdr_orange{background-color:#fff;color:#ff8800;border:#ff8800 1px solid} .btn_big{height:2.4rem;line-height:2.4rem;display:block;margin:0 20px 10px} .pd20btn{padding:2px 25px} /*加载效果*/ .loadEffect{width:100px;height:100px;position:fixed;left:50%;margin-left:-50px;top:200px} .loadEffect span{display:inline-block;width:20px;height:20px;border-radius:50%;background:lightgray;position:absolute;-webkit-animation:load 1.04s ease infinite} @-webkit-keyframes load{0%{-webkit-transform:scale(1.2);opacity:1} 100%{-webkit-transform:scale(.3);opacity:0.5}} .loadEffect span:nth-child(1){left:0;top:50%;margin-top:-10px;-webkit-animation-delay:0.13s} .loadEffect span:nth-child(2){left:14px;top:14px;-webkit-animation-delay:0.26s} .loadEffect span:nth-child(3){left:50%;top:0;margin-left:-10px;-webkit-animation-delay:0.39s} .loadEffect span:nth-child(4){top:14px;right:14px;-webkit-animation-delay:0.52s} .loadEffect span:nth-child(5){right:0;top:50%;margin-top:-10px;-webkit-animation-delay:0.65s} .loadEffect span:nth-child(6){right:14px;bottom:14px;-webkit-animation-delay:0.78s} .loadEffect span:nth-child(7){bottom:0;left:50%;margin-left:-10px;-webkit-animation-delay:0.91s} .loadEffect span:nth-child(8){bottom:14px;left:14px;-webkit-animation-delay:1.04s} /*页面loading效果 body{background:url("pageLoading.gif") center 100px no-repeat}*/ /*缩放效果*/ @-webkit-keyframes zoomer{0%{transform: scale(0)} 100%{transform: scale(1)}}
/*! * WeUI v1.1.1 (https://github.com/weui/weui) * Copyright 2017 Tencent, Inc. * Licensed under the MIT license */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.6;font-family:-apple-system-font,Helvetica Neue,sans-serif}*{margin:0;padding:0}a img{border:0}a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@font-face{font-weight:400;font-style:normal;font-family:weui;src:url("data:application/octet-stream;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJAKEx+AAABfAAAAFZjbWFw65cFHQAAAhwAAAJQZ2x5ZvCRR/EAAASUAAAKtGhlYWQMPROtAAAA4AAAADZoaGVhCCwD+gAAALwAAAAkaG10eEJo//8AAAHUAAAASGxvY2EYqhW4AAAEbAAAACZtYXhwASEAVQAAARgAAAAgbmFtZeNcHtgAAA9IAAAB5nBvc3T6bLhLAAARMAAAAOYAAQAAA+gAAABaA+j/////A+kAAQAAAAAAAAAAAAAAAAAAABIAAQAAAAEAACbZbxtfDzz1AAsD6AAAAADUm2dvAAAAANSbZ2///wAAA+kD6gAAAAgAAgAAAAAAAAABAAAAEgBJAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQOwAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6gHqEQPoAAAAWgPqAAAAAAABAAAAAAAAAAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+j//wPoAAAD6AAAAAAABQAAAAMAAAAsAAAABAAAAXQAAQAAAAAAbgADAAEAAAAsAAMACgAAAXQABABCAAAABAAEAAEAAOoR//8AAOoB//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4ADwAQABEAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAANwAAAAAAAAAEQAA6gEAAOoBAAAAAQAA6gIAAOoCAAAAAgAA6gMAAOoDAAAAAwAA6gQAAOoEAAAABAAA6gUAAOoFAAAABQAA6gYAAOoGAAAABgAA6gcAAOoHAAAABwAA6ggAAOoIAAAACAAA6gkAAOoJAAAACQAA6goAAOoKAAAACgAA6gsAAOoLAAAACwAA6gwAAOoMAAAADAAA6g0AAOoNAAAADQAA6g4AAOoOAAAADgAA6g8AAOoPAAAADwAA6hAAAOoQAAAAEAAA6hEAAOoRAAAAEQAAAAAARgCMANIBJAF4AcQCMgJgAqgC/ANIA6YD/gROBKAE9AVaAAAAAgAAAAADrwOtABQAKQAAASIHBgcGFBcWFxYyNzY3NjQnJicmAyInJicmNDc2NzYyFxYXFhQHBgcGAfV4Z2Q7PDw7ZGfwZmQ7PDw7ZGZ4bl5bNjc3Nlte215bNjc3NlteA608O2Rn8GdjOzw8O2Nn8GdkOzz8rzc1W17bXlw1Nzc1XF7bXls1NwAAAAACAAAAAAOzA7MAFwAtAAABIgcGBwYVFBcWFxYzMjc2NzY1NCcmJyYTBwYiLwEmNjsBETQ2OwEyFhURMzIWAe52Z2Q7PT07ZGd2fGpmOz4+O2ZpIXYOKA52Dg0XXQsHJgcLXRcNA7M+O2ZqfHZnZDs9PTtkZ3Z9aWY7Pv3wmhISmhIaARcICwsI/ukaAAMAAAAAA+UD5QAXACMALAAAASIHBgcGFRQXFhcWMzI3Njc2NTQnJicmAxQrASI1AzQ7ATIHJyImNDYyFhQGAe6Ecm9BRERBb3KEiXZxQkREQnF1aQIxAwgCQgMBIxIZGSQZGQPkREJxdomEcm9BRERBb3KEinVxQkT9HQICAWICAjEZIxkZIxkAAAAAAgAAAAADsQPkABkALgAAAQYHBgc2BREUFxYXFhc2NzY3NjURJBcmJyYTAQYvASY/ATYyHwEWNjclNjIfARYB9VVVQk+v/tFHPmxebGxdbT1I/tGvT0JVo/7VBASKAwMSAQUBcQEFAgESAgUBEQQD4xMYEhk3YP6sjnVlSD8cHD9IZXWOAVRgNxkSGP62/tkDA48EBBkCAVYCAQHlAQIQBAAAAAADAAAAAAOxA+QAGwAqADMAAAEGBwYHBgcGNxEUFxYXFhc2NzY3NjURJBcmJyYHMzIWFQMUBisBIicDNDYTIiY0NjIWFAYB9UFBODssO38gRz5sXmxsXW09SP7YqFBBVW80BAYMAwImBQELBh4PFhYeFRUD5A8SDhIOEikK/q2PdWRJPh0dPklkdY8BU141GRIY/AYE/sYCAwUBOgQG/kAVHxUVHxUAAAACAAAAAAPkA+QAFwAtAAABIgcGBwYVFBcWFxYzMjc2NzY1NCcmJyYTAQYiLwEmPwE2Mh8BFjI3ATYyHwEWAe6Ecm9BQ0NCbnODiXVxQkREQnF1kf6gAQUBowMDFgEFAYUCBQEBQwIFARUEA+NEQnF1iYNzbkJDQ0FvcoSJdXFCRP6j/qUBAagEBR4CAWYBAQENAgIVBAAAAAQAAAAAA68DrQAUACkAPwBDAAABIgcGBwYUFxYXFjI3Njc2NCcmJyYDIicmJyY0NzY3NjIXFhcWFAcGBwYTBQ4BLwEmBg8BBhYfARYyNwE+ASYiFzAfAQH1eGdkOzw8O2Rn8GZkOzw8O2RmeG5eWzY3NzZbXtteWzY3NzZbXmn+9gYSBmAGDwUDBQEGfQUQBgElBQELEBUBAQOtPDtkZ/BnYzs8PDtjZ/BnZDs8/K83NVte215cNTc3NVxe215bNTcCJt0FAQVJBQIGBAcRBoAGBQEhBQ8LBAEBAAABAAAAAAO7AzoAFwAAEy4BPwE+AR8BFjY3ATYWFycWFAcBBiInPQoGBwUHGgzLDCELAh0LHwsNCgr9uQoeCgGzCyEOCw0HCZMJAQoBvgkCCg0LHQv9sQsKAAAAAAIAAAAAA+UD5gAXACwAAAEiBwYHBhUUFxYXFjMyNzY3NjU0JyYnJhMHBi8BJicmNRM0NjsBMhYVExceAQHvhHJvQUNDQm5zg4l1cUJEREJxdVcQAwT6AwIEEAMCKwIDDsUCAQPlREJxdYmDc25CQ0NBb3KEiXVxQkT9VhwEAncCAgMGAXoCAwMC/q2FAgQAAAQAAAAAA68DrQADABgALQAzAAABMB8BAyIHBgcGFBcWFxYyNzY3NjQnJicmAyInJicmNDc2NzYyFxYXFhQHBgcGAyMVMzUjAuUBAfJ4Z2Q7PDw7ZGfwZmQ7PDw7ZGZ4bl5bNjc3Nlte215bNjc3NltemyT92QKDAQEBLDw7ZGfwZ2M7PDw7Y2fwZ2Q7PPyvNzVbXtteXDU3NzVcXtteWzU3AjH9JAAAAAMAAAAAA+QD5AAXACcAMAAAASIHBgcGFRQXFhcWMzI3Njc2NTQnJicmAzMyFhUDFAYrASImNQM0NhMiJjQ2MhYUBgHuhHJvQUNDQm5zg4l1cUJEREJxdZ42BAYMAwInAwMMBh8PFhYeFhYD40RCcXWJg3NuQkNDQW9yhIl1cUJE/vYGBf7AAgMDAgFABQb+NhYfFhYfFgAABAAAAAADwAPAAAgAEgAoAD0AAAEyNjQmIgYUFhcjFTMRIxUzNSMDIgcGBwYVFBYXFjMyNzY3NjU0Jy4BAyInJicmNDc2NzYyFxYXFhQHBgcGAfQYISEwISFRjzk5yTorhG5rPT99am+DdmhlPD4+PMyFbV5bNTc3NVte2l5bNTc3NVteAqAiLyIiLyI5Hf7EHBwCsT89a26Ed8w8Pj48ZWh2g29qffyjNzVbXtpeWzU3NzVbXtpeWzU3AAADAAAAAAOoA6gACwAgADUAAAEHJwcXBxc3FzcnNwMiBwYHBhQXFhcWMjc2NzY0JyYnJgMiJyYnJjQ3Njc2MhcWFxYUBwYHBgKOmpocmpocmpocmpq2dmZiOjs7OmJm7GZiOjs7OmJmdmtdWTQ2NjRZXdZdWTQ2NjRZXQKqmpocmpocmpocmpoBGTs6YmbsZmI6Ozs6YmbsZmI6O/zCNjRZXdZdWTQ2NjRZXdZdWTQ2AAMAAAAAA+kD6gAaAC8AMAAAAQYHBiMiJyYnJjQ3Njc2MhcWFxYVFAcGBwEHATI3Njc2NCcmJyYiBwYHBhQXFhcWMwKONUBCR21dWjU3NzVaXdpdWzU2GBcrASM5/eBXS0grKysrSEuuSkkqLCwqSUpXASMrFxg2NVtd2l1aNTc3NVpdbUdCQDX+3jkBGSsrSEuuSkkqLCwqSUquS0grKwAC//8AAAPoA+gAFAAwAAABIgcGBwYQFxYXFiA3Njc2ECcmJyYTFg4BIi8BBwYuATQ/AScmPgEWHwE3Nh4BBg8BAfSIdHFDRERDcXQBEHRxQ0REQ3F0SQoBFBsKoqgKGxMKqKIKARQbCqKoChsUAQqoA+hEQ3F0/vB0cUNERENxdAEQdHFDRP1jChsTCqiiCgEUGwqiqAobFAEKqKIKARQbCqIAAAIAAAAAA+QD5AAXADQAAAEiBwYHBhUUFxYXFjMyNzY3NjU0JyYnJhMUBiMFFxYUDwEGLwEuAT8BNh8BFhQPAQUyFh0BAe6Ecm9BQ0NCbnODiXVxQkREQnF1fwQC/pGDAQEVAwTsAgEC7AQEFAIBhAFwAgMD40RCcXWJg3NuQkNDQW9yhIl1cUJE/fYCAwuVAgQCFAQE0AIFAtEEBBQCBQGVCwMDJwAAAAUAAAAAA9QD0wAjACcANwBHAEgAAAERFAYjISImNREjIiY9ATQ2MyE1NDYzITIWHQEhMhYdARQGIyERIREHIgYVERQWOwEyNjURNCYjISIGFREUFjsBMjY1ETQmKwEDeyYb/XYbJkMJDQ0JAQYZEgEvExkBBgkNDQn9CQJc0QkNDQktCQ0NCf7sCQ0NCS0JDQ0JLQMi/TQbJiYbAswMCiwJDS4SGRkSLg0JLAoM/UwCtGsNCf5NCQ0NCQGzCQ0NCf5NCQ0NCQGzCQ0AAAAAEADGAAEAAAAAAAEABAAAAAEAAAAAAAIABwAEAAEAAAAAAAMABAALAAEAAAAAAAQABAAPAAEAAAAAAAUACwATAAEAAAAAAAYABAAeAAEAAAAAAAoAKwAiAAEAAAAAAAsAEwBNAAMAAQQJAAEACABgAAMAAQQJAAIADgBoAAMAAQQJAAMACAB2AAMAAQQJAAQACAB+AAMAAQQJAAUAFgCGAAMAAQQJAAYACACcAAMAAQQJAAoAVgCkAAMAAQQJAAsAJgD6d2V1aVJlZ3VsYXJ3ZXVpd2V1aVZlcnNpb24gMS4wd2V1aUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHcAZQB1AGkAUgBlAGcAdQBsAGEAcgB3AGUAdQBpAHcAZQB1AGkAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQB1AGkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETAAZjaXJjbGUIZG93bmxvYWQEaW5mbwxzYWZlX3N1Y2Nlc3MJc2FmZV93YXJuB3N1Y2Nlc3MOc3VjY2Vzcy1jaXJjbGURc3VjY2Vzcy1uby1jaXJjbGUHd2FpdGluZw53YWl0aW5nLWNpcmNsZQR3YXJuC2luZm8tY2lyY2xlBmNhbmNlbAZzZWFyY2gFY2xlYXIEYmFjawZkZWxldGUAAAAA") format("truetype")}[class*=" weui-icon-"],[class^=weui-icon-]{display:inline-block;vertical-align:middle;font:normal normal normal 14px/1 weui;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased}[class*=" weui-icon-"]:before,[class^=weui-icon-]:before{display:inline-block;margin-left:.2em;margin-right:.2em}.weui-icon-circle:before{content:"\EA01"}.weui-icon-download:before{content:"\EA02"}.weui-icon-info:before{content:"\EA03"}.weui-icon-safe-success:before{content:"\EA04"}.weui-icon-safe-warn:before{content:"\EA05"}.weui-icon-success:before{content:"\EA06"}.weui-icon-success-circle:before{content:"\EA07"}.weui-icon-success-no-circle:before{content:"\EA08"}.weui-icon-waiting:before{content:"\EA09"}.weui-icon-waiting-circle:before{content:"\EA0A"}.weui-icon-warn:before{content:"\EA0B"}.weui-icon-info-circle:before{content:"\EA0C"}.weui-icon-cancel:before{content:"\EA0D"}.weui-icon-search:before{content:"\EA0E"}.weui-icon-clear:before{content:"\EA0F"}.weui-icon-back:before{content:"\EA10"}.weui-icon-delete:before{content:"\EA11"}[class*=" weui-icon_"]:before,[class^=weui-icon_]:before{margin:0}.weui-icon-success{font-size:23px;color:#09bb07}.weui-icon-waiting{font-size:23px;color:#10aeff}.weui-icon-warn{font-size:23px;color:#f43530}.weui-icon-info{font-size:23px;color:#10aeff}.weui-icon-success-circle,.weui-icon-success-no-circle{font-size:23px;color:#09bb07}.weui-icon-waiting-circle{font-size:23px;color:#10aeff}.weui-icon-circle{font-size:23px;color:#c9c9c9}.weui-icon-download,.weui-icon-info-circle{font-size:23px;color:#09bb07}.weui-icon-safe-success{color:#09bb07}.weui-icon-safe-warn{color:#ffbe00}.weui-icon-cancel{color:#f43530;font-size:22px}.weui-icon-clear,.weui-icon-search{color:#b2b2b2;font-size:14px}.weui-icon-delete.weui-icon_gallery-delete{color:#fff;font-size:22px}.weui-icon_msg{font-size:93px}.weui-icon_msg.weui-icon-warn{color:#f76260}.weui-icon_msg-primary{font-size:93px}.weui-icon_msg-primary.weui-icon-warn{color:#ffbe00}.weui-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#fff;line-height:2.55555556;border-radius:5px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.weui-btn:after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid rgba(0,0,0,.2);-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;box-sizing:border-box;border-radius:10px}.weui-btn_inline{display:inline-block}.weui-btn_default{color:#000;background-color:#f8f8f8}.weui-btn_default:not(.weui-btn_disabled):visited{color:#000}.weui-btn_default:not(.weui-btn_disabled):active{color:rgba(0,0,0,.6);background-color:#dedede}.weui-btn_primary{background-color:#1aad19}.weui-btn_primary:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_primary:not(.weui-btn_disabled):active{color:hsla(0,0%,100%,.6);background-color:#179b16}.weui-btn_warn{background-color:#e64340}.weui-btn_warn:not(.weui-btn_disabled):visited{color:#fff}.weui-btn_warn:not(.weui-btn_disabled):active{color:hsla(0,0%,100%,.6);background-color:#ce3c39}.weui-btn_disabled{color:hsla(0,0%,100%,.6)}.weui-btn_disabled.weui-btn_default{color:rgba(0,0,0,.3);background-color:#f7f7f7}.weui-btn_disabled.weui-btn_primary{background-color:#9ed99d}.weui-btn_disabled.weui-btn_warn{background-color:#ec8b89}.weui-btn_loading .weui-loading{margin:-.2em .34em 0 0}.weui-btn_loading.weui-btn_primary,.weui-btn_loading.weui-btn_warn{color:hsla(0,0%,100%,.6)}.weui-btn_loading.weui-btn_primary .weui-loading,.weui-btn_loading.weui-btn_warn .weui-loading{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")}.weui-btn_loading.weui-btn_primary{background-color:#179b16}.weui-btn_loading.weui-btn_warn{background-color:#ce3c39}.weui-btn_plain-primary{color:#1aad19;border:1px solid #1aad19}.weui-btn_plain-primary:not(.weui-btn_plain-disabled):active{color:rgba(26,173,25,.6);border-color:rgba(26,173,25,.6)}.weui-btn_plain-primary:after{border-width:0}.weui-btn_plain-default{color:#353535;border:1px solid #353535}.weui-btn_plain-default:not(.weui-btn_plain-disabled):active{color:rgba(53,53,53,.6);border-color:rgba(53,53,53,.6)}.weui-btn_plain-default:after{border-width:0}.weui-btn_plain-disabled{color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.2)}button.weui-btn,input.weui-btn{width:100%;border-width:0;outline:0;-webkit-appearance:none}button.weui-btn:focus,input.weui-btn:focus{outline:0}button.weui-btn_inline,button.weui-btn_mini,input.weui-btn_inline,input.weui-btn_mini{width:auto}button.weui-btn_plain-default,button.weui-btn_plain-primary,input.weui-btn_plain-default,input.weui-btn_plain-primary{border-width:1px;background-color:transparent}.weui-btn_mini{display:inline-block;padding:0 1.32em;line-height:2.3;font-size:13px}.weui-btn+.weui-btn{margin-top:15px}.weui-btn.weui-btn_inline+.weui-btn.weui-btn_inline{margin-top:auto;margin-left:15px}.weui-btn-area{margin:1.17647059em 15px .3em}.weui-btn-area_inline{display:-webkit-box;display:-webkit-flex;display:flex}.weui-btn-area_inline .weui-btn{margin-top:auto;margin-right:15px;width:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-btn-area_inline .weui-btn:last-child{margin-right:0}.weui-cells{margin-top:1.17647059em;background-color:#fff;line-height:1.41176471;font-size:17px;overflow:hidden;position:relative}.weui-cells:before{top:0;border-top:1px solid #d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-cells:after,.weui-cells:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#d9d9d9}.weui-cells:after{bottom:0;border-bottom:1px solid #d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-cells__title{margin-top:.77em;margin-bottom:.3em;padding-left:15px;padding-right:15px;color:#999;font-size:14px}.weui-cells__title+.weui-cells{margin-top:0}.weui-cells__tips{margin-top:.3em;color:#999;padding-left:15px;padding-right:15px;font-size:14px}.weui-cell{padding:10px 15px;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui-cell:first-child:before{display:none}.weui-cell_primary{-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}.weui-cell__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-cell__ft{text-align:right;color:#999}.weui-cell_access{-webkit-tap-highlight-color:rgba(0,0,0,0);color:inherit}.weui-cell_access:active{background-color:#ececec}.weui-cell_access .weui-cell__ft{padding-right:13px;position:relative}.weui-cell_access .weui-cell__ft:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;margin-top:-4px;right:2px}.weui-cell_link{color:#586c94;font-size:14px}.weui-cell_link:first-child:before{display:block}.weui-check__label{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-check__label:active{background-color:#ececec}.weui-check{position:absolute;left:-9999em}.weui-cells_radio .weui-cell__ft{padding-left:.35em}.weui-cells_radio .weui-check:checked+.weui-icon-checked:before{display:block;content:"\EA08";color:#09bb07;font-size:16px}.weui-cells_checkbox .weui-cell__hd{padding-right:.35em}.weui-cells_checkbox .weui-icon-checked:before{content:"\EA01";color:#c9c9c9;font-size:23px;display:block}.weui-cells_checkbox .weui-check:checked+.weui-icon-checked:before{content:"\EA06";color:#09bb07}.weui-label{display:block;width:105px;word-wrap:break-word;word-break:break-all}.weui-input{width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-size:inherit;color:inherit;height:1.41176471em;line-height:1.41176471}.weui-input::-webkit-inner-spin-button,.weui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weui-textarea{display:block;border:0;resize:none;width:100%;color:inherit;font-size:1em;line-height:inherit;outline:0}.weui-textarea-counter{color:#b2b2b2;text-align:right}.weui-cell_warn .weui-textarea-counter{color:#e64340}.weui-toptips{display:none;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);top:0;left:0;right:0;padding:5px;font-size:14px;text-align:center;color:#fff;z-index:5000;word-wrap:break-word;word-break:break-all}.weui-toptips_warn{background-color:#e64340}.weui-cells_form .weui-cell__ft{font-size:0}.weui-cells_form .weui-icon-warn{display:none}.weui-cells_form input,.weui-cells_form label[for],.weui-cells_form textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-cell_warn{color:#e64340}.weui-cell_warn .weui-icon-warn{display:inline-block}.weui-form-preview{position:relative;background-color:#fff}.weui-form-preview:before{top:0;border-top:1px solid #d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-form-preview:after,.weui-form-preview:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#d9d9d9}.weui-form-preview:after{bottom:0;border-bottom:1px solid #d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-form-preview__hd{position:relative;padding:10px 15px;text-align:right;line-height:2.5em}.weui-form-preview__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui-form-preview__hd .weui-form-preview__value{font-style:normal;font-size:1.6em}.weui-form-preview__bd{padding:10px 15px;font-size:.9em;text-align:right;color:#999;line-height:2}.weui-form-preview__ft{position:relative;line-height:50px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-form-preview__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-form-preview__item{overflow:hidden}.weui-form-preview__label{float:left;margin-right:1em;min-width:4em;color:#999;text-align:justify;text-align-last:justify}.weui-form-preview__value{display:block;overflow:hidden;word-break:normal;word-wrap:break-word}.weui-form-preview__btn{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3cc51f;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}button.weui-form-preview__btn{background-color:transparent;border:0;outline:0;line-height:inherit;font-size:inherit}.weui-form-preview__btn:active{background-color:#eee}.weui-form-preview__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-form-preview__btn:first-child:after{display:none}.weui-form-preview__btn_default{color:#999}.weui-form-preview__btn_primary{color:#0bb20c}.weui-cell_select{padding:0}.weui-cell_select .weui-select{padding-right:30px}.weui-cell_select .weui-cell__bd:after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-4px}.weui-select{-webkit-appearance:none;border:0;outline:0;background-color:transparent;width:100%;font-size:inherit;height:44px;line-height:44px;position:relative;z-index:1;padding-left:15px}.weui-cell_select-before{padding-right:15px}.weui-cell_select-before .weui-select{width:105px;box-sizing:border-box}.weui-cell_select-before .weui-cell__hd{position:relative}.weui-cell_select-before .weui-cell__hd:after{content:" ";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-cell_select-before .weui-cell__hd:before{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-4px}.weui-cell_select-before .weui-cell__bd{padding-left:15px}.weui-cell_select-before .weui-cell__bd:after{display:none}.weui-cell_select-after{padding-left:15px}.weui-cell_select-after .weui-select{padding-left:0}.weui-cell_vcode{padding-top:0;padding-right:0;padding-bottom:0}.weui-vcode-btn,.weui-vcode-img{margin-left:5px;height:44px;vertical-align:middle}.weui-vcode-btn{display:inline-block;padding:0 .6em 0 .7em;border-left:1px solid #e5e5e5;line-height:44px;font-size:17px;color:#3cc51f}button.weui-vcode-btn{background-color:transparent;border-top:0;border-right:0;border-bottom:0;outline:0}.weui-vcode-btn:active{color:#52a341}.weui-gallery{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:1000}.weui-gallery__img{position:absolute;top:0;right:0;bottom:60px;left:0;background:50% no-repeat;background-size:contain}.weui-gallery__opr{position:absolute;right:0;bottom:0;left:0;background-color:#0d0d0d;color:#fff;line-height:60px;text-align:center}.weui-gallery__del{display:block}.weui-cell_switch{padding-top:6px;padding-bottom:6px}.weui-switch{-webkit-appearance:none;appearance:none}.weui-switch,.weui-switch-cp__box{position:relative;width:52px;height:32px;border:1px solid #dfdfdf;outline:0;border-radius:16px;box-sizing:border-box;background-color:#dfdfdf;-webkit-transition:background-color .1s,border .1s;transition:background-color .1s,border .1s}.weui-switch-cp__box:before,.weui-switch:before{content:" ";position:absolute;top:0;left:0;width:50px;height:30px;border-radius:15px;background-color:#fdfdfd;-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1)}.weui-switch-cp__box:after,.weui-switch:after{content:" ";position:absolute;top:0;left:0;width:30px;height:30px;border-radius:15px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-transition:-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition:-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35);transition:transform .35s cubic-bezier(.4,.4,.25,1.35);transition:transform .35s cubic-bezier(.4,.4,.25,1.35),-webkit-transform .35s cubic-bezier(.4,.4,.25,1.35)}.weui-switch-cp__input:checked~.weui-switch-cp__box,.weui-switch:checked{border-color:#04be02;background-color:#04be02}.weui-switch-cp__input:checked~.weui-switch-cp__box:before,.weui-switch:checked:before{-webkit-transform:scale(0);transform:scale(0)}.weui-switch-cp__input:checked~.weui-switch-cp__box:after,.weui-switch:checked:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.weui-switch-cp__input{position:absolute;left:-9999px}.weui-switch-cp__box{display:block}.weui-uploader__hd{display:-webkit-box;display:-webkit-flex;display:flex;padding-bottom:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-uploader__title{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-uploader__info{color:#b2b2b2}.weui-uploader__bd{margin-bottom:-4px;margin-right:-9px;overflow:hidden}.weui-uploader__files{list-style:none}.weui-uploader__file{float:left;margin-right:9px;margin-bottom:9px;width:79px;height:79px;background:no-repeat 50%;background-size:cover}.weui-uploader__file_status{position:relative}.weui-uploader__file_status:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.weui-uploader__file_status .weui-uploader__file-content{display:block}.weui-uploader__file-content{display:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.weui-uploader__file-content .weui-icon-warn{display:inline-block}.weui-uploader__input-box{float:left;position:relative;margin-right:9px;margin-bottom:9px;width:77px;height:77px;border:1px solid #d9d9d9}.weui-uploader__input-box:after,.weui-uploader__input-box:before{content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#d9d9d9}.weui-uploader__input-box:before{width:2px;height:39.5px}.weui-uploader__input-box:after{width:39.5px;height:2px}.weui-uploader__input-box:active{border-color:#999}.weui-uploader__input-box:active:after,.weui-uploader__input-box:active:before{background-color:#999}.weui-uploader__input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-msg{padding-top:36px;text-align:center}.weui-msg__icon-area{margin-bottom:30px}.weui-msg__text-area{margin-bottom:25px;padding:0 20px}.weui-msg__text-area a{color:#586c94}.weui-msg__title{margin-bottom:5px;font-weight:400;font-size:20px}.weui-msg__desc{font-size:14px;color:#999}.weui-msg__opr-area{margin-bottom:25px}.weui-msg__extra-area{margin-bottom:15px;font-size:14px;color:#999}.weui-msg__extra-area a{color:#586c94}@media screen and (min-height:438px){.weui-msg__extra-area{position:fixed;left:0;bottom:0;width:100%;text-align:center}}.weui-article{padding:20px 15px;font-size:15px}.weui-article section{margin-bottom:1.5em}.weui-article h1{font-size:18px;font-weight:400;margin-bottom:.9em}.weui-article h2{font-size:16px}.weui-article h2,.weui-article h3{font-weight:400;margin-bottom:.34em}.weui-article h3{font-size:15px}.weui-article *{max-width:100%;box-sizing:border-box;word-wrap:break-word}.weui-article p{margin:0 0 .8em}.weui-tabbar{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;z-index:500;bottom:0;width:100%;background-color:#f7f7fa}.weui-tabbar:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #c0bfc4;color:#c0bfc4;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-tabbar__item{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:5px 0 0;font-size:0;color:#999;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__icon>i,.weui-tabbar__item.weui-bar__item_on .weui-tabbar__label{color:#09bb07}.weui-tabbar__icon{display:inline-block;width:27px;height:27px}.weui-tabbar__icon>i,i.weui-tabbar__icon{font-size:24px;color:#999}.weui-tabbar__icon img{width:100%;height:100%}.weui-tabbar__label{text-align:center;color:#999;font-size:10px;line-height:1.8}.weui-navbar{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;z-index:500;top:0;width:100%;background-color:#fafafa}.weui-navbar:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #ccc;color:#ccc;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-navbar+.weui-tab__panel{padding-top:50px;padding-bottom:0}.weui-navbar__item{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:13px 0;text-align:center;font-size:15px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui-navbar__item:active{background-color:#ededed}.weui-navbar__item.weui-bar__item_on{background-color:#eaeaea}.weui-navbar__item:after{content:" ";position:absolute;right:0;top:0;width:1px;bottom:0;border-right:1px solid #ccc;color:#ccc;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-navbar__item:last-child:after{display:none}.weui-tab{position:relative;height:100%}.weui-tab__panel{box-sizing:border-box;height:100%;padding-bottom:50px;overflow:auto;-webkit-overflow-scrolling:touch}.weui-tab__content{display:none}.weui-progress{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-progress__bar{background-color:#ebebeb;height:3px;-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-progress__inner-bar{width:0;height:100%;background-color:#09bb07}.weui-progress__opr{display:block;margin-left:15px;font-size:0}.weui-panel{background-color:#fff;margin-top:10px;position:relative;overflow:hidden}.weui-panel:first-child{margin-top:0}.weui-panel:before{top:0;border-top:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-panel:after,.weui-panel:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#e5e5e5}.weui-panel:after{bottom:0;border-bottom:1px solid #e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-panel__hd{padding:14px 15px 10px;color:#999;font-size:13px;position:relative}.weui-panel__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui-media-box{padding:15px;position:relative}.weui-media-box:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui-media-box:first-child:before{display:none}a.weui-media-box{color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0)}a.weui-media-box:active{background-color:#ececec}.weui-media-box__title{font-weight:400;font-size:17px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-wrap:break-word;word-break:break-all}.weui-media-box__desc{color:#999;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui-media-box__info{margin-top:15px;padding-bottom:5px;font-size:13px;color:#cecece;line-height:1em;list-style:none;overflow:hidden}.weui-media-box__info__meta{float:left;padding-right:1em}.weui-media-box__info__meta_extra{padding-left:1em;border-left:1px solid #cecece}.weui-media-box_text .weui-media-box__title{margin-bottom:8px}.weui-media-box_appmsg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-media-box_appmsg .weui-media-box__hd{margin-right:.8em;width:60px;height:60px;line-height:60px;text-align:center}.weui-media-box_appmsg .weui-media-box__thumb{width:100%;max-height:100%;vertical-align:top}.weui-media-box_appmsg .weui-media-box__bd{-webkit-box-flex:1;-webkit-flex:1;flex:1;min-width:0}.weui-media-box_small-appmsg{padding:0}.weui-media-box_small-appmsg .weui-cells{margin-top:0}.weui-media-box_small-appmsg .weui-cells:before{display:none}.weui-grids{position:relative;overflow:hidden}.weui-grids:before{right:0;height:1px;border-top:1px solid #d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-grids:after,.weui-grids:before{content:" ";position:absolute;left:0;top:0;color:#d9d9d9}.weui-grids:after{width:1px;bottom:0;border-left:1px solid #d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box}.weui-grid:before{top:0;width:1px;border-right:1px solid #d9d9d9;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-grid:after,.weui-grid:before{content:" ";position:absolute;right:0;bottom:0;color:#d9d9d9}.weui-grid:after{left:0;height:1px;border-bottom:1px solid #d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-grid:active{background-color:#ececec}.weui-grid__icon{width:28px;height:28px;margin:0 auto}.weui-grid__icon img{display:block;width:100%;height:100%}.weui-grid__icon+.weui-grid__label{margin-top:5px}.weui-grid__label{display:block;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.weui-footer,.weui-grid__label{text-align:center;font-size:14px}.weui-footer{color:#999}.weui-footer a{color:#586c94}.weui-footer_fixed-bottom{position:fixed;bottom:.52em;left:0;right:0}.weui-footer__links{font-size:0}.weui-footer__link{display:inline-block;vertical-align:top;margin:0 .62em;position:relative;font-size:14px}.weui-footer__link:before{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #c7c7c7;color:#c7c7c7;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5);left:-.65em;top:.36em;bottom:.36em}.weui-footer__link:first-child:before{display:none}.weui-footer__text{padding:0 .34em;font-size:12px}.weui-flex{display:-webkit-box;display:-webkit-flex;display:flex}.weui-flex__item{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-dialog{position:fixed;z-index:5000;width:80%;max-width:300px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;text-align:center;border-radius:3px;overflow:hidden}.weui-dialog__hd{padding:1.3em 1.6em .5em}.weui-dialog__title{font-weight:400;font-size:18px}.weui-dialog__bd{padding:0 1.6em .8em;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;color:#999}.weui-dialog__bd:first-child{padding:2.7em 20px 1.7em;color:#353535}.weui-dialog__ft{position:relative;line-height:48px;font-size:18px;display:-webkit-box;display:-webkit-flex;display:flex}.weui-dialog__ft:after{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-dialog__btn{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#3cc51f;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.weui-dialog__btn:active{background-color:#eee}.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;bottom:0;border-left:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog__btn:first-child:after{display:none}.weui-dialog__btn_default{color:#353535}.weui-dialog__btn_primary{color:#0bb20c}.weui-skin_android .weui-dialog{text-align:left;box-shadow:0 6px 30px 0 rgba(0,0,0,.1)}.weui-skin_android .weui-dialog__title{font-size:21px}.weui-skin_android .weui-dialog__hd{text-align:left}.weui-skin_android .weui-dialog__bd{color:#999;padding:.25em 1.6em 2em;font-size:17px;text-align:left}.weui-skin_android .weui-dialog__bd:first-child{padding:1.6em 1.6em 2em;color:#353535}.weui-skin_android .weui-dialog__ft{display:block;text-align:right;line-height:42px;font-size:16px;padding:0 1.6em .7em}.weui-skin_android .weui-dialog__ft:after{display:none}.weui-skin_android .weui-dialog__btn{display:inline-block;vertical-align:top;padding:0 .8em}.weui-skin_android .weui-dialog__btn:after{display:none}.weui-skin_android .weui-dialog__btn:active,.weui-skin_android .weui-dialog__btn:visited{background-color:rgba(0,0,0,.06)}.weui-skin_android .weui-dialog__btn:last-child{margin-right:-.8em}.weui-skin_android .weui-dialog__btn_default{color:gray}@media screen and (min-1024px){.weui-dialog{width:35%}}.weui-toast{position:fixed;z-index:5000;width:7.6em;min-height:7.6em;top:180px;left:50%;margin-left:-3.8em;background:hsla(0,0%,7%,.7);text-align:center;border-radius:5px;color:#fff}.weui-icon_toast{margin:22px 0 0;display:block}.weui-icon_toast.weui-icon-success-no-circle:before{color:#fff;font-size:55px}.weui-icon_toast.weui-loading{margin:30px 0 0;width:38px;height:38px;vertical-align:baseline}.weui-toast__content{margin:0 0 15px}.weui-mask{background:rgba(0,0,0,.6)}.weui-mask,.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}.weui-actionsheet{position:fixed;left:0;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:5000;width:100%;background-color:#efeff4;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.weui-actionsheet__menu{background-color:#fff}.weui-actionsheet__action{margin-top:6px;background-color:#fff}.weui-actionsheet__cell{position:relative;padding:10px 0;text-align:center;font-size:18px}.weui-actionsheet__cell:before{content:" ";position:absolute;left:0;top:0;right:0;height:1px;border-top:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-actionsheet__cell:active{background-color:#ececec}.weui-actionsheet__cell:first-child:before{display:none}.weui-skin_android .weui-actionsheet{position:fixed;left:50%;top:50%;bottom:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:274px;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.weui-skin_android .weui-actionsheet__action{display:none}.weui-skin_android .weui-actionsheet__menu{border-radius:2px;box-shadow:0 6px 30px 0 rgba(0,0,0,.1)}.weui-skin_android .weui-actionsheet__cell{padding:13px 24px;font-size:16px;line-height:1.4;text-align:left}.weui-skin_android .weui-actionsheet__cell:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.weui-skin_android .weui-actionsheet__cell:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.weui-actionsheet_toggle{-webkit-transform:translate(0);transform:translate(0)}.weui-loadmore{width:65%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center}.weui-loadmore__tips{display:inline-block;vertical-align:middle}.weui-loadmore_line{border-top:1px solid #e5e5e5;margin-top:2.4em}.weui-loadmore_line .weui-loadmore__tips{position:relative;top:-.9em;padding:0 .55em;background-color:#fff;color:#999}.weui-loadmore_dot .weui-loadmore__tips{padding:0 .16em}.weui-loadmore_dot .weui-loadmore__tips:before{content:" ";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;position:relative;vertical-align:0;top:-.16em}.weui-badge{display:inline-block;padding:.15em .4em;min-width:8px;border-radius:18px;background-color:#f43530;color:#fff;line-height:1.2;text-align:center;font-size:12px;vertical-align:middle}.weui-badge_dot{padding:.4em;min-width:0}.weui-search-bar{position:relative;padding:8px 10px;display:-webkit-box;display:-webkit-flex;display:flex;box-sizing:border-box;background-color:#efeff4}.weui-search-bar:before{top:0;border-top:1px solid #d7d6dc;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-search-bar:after,.weui-search-bar:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#d7d6dc}.weui-search-bar:after{bottom:0;border-bottom:1px solid #d7d6dc;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-search-bar.weui-search-bar_focusing .weui-search-bar__cancel-btn{display:block}.weui-search-bar.weui-search-bar_focusing .weui-search-bar__label{display:none}.weui-search-bar__form{position:relative;-webkit-box-flex:1;-webkit-flex:auto;flex:auto;background-color:#efeff4}.weui-search-bar__form:after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:10px;border:1px solid #e6e6ea;box-sizing:border-box;background:#fff}.weui-search-bar__box{position:relative;padding-left:30px;padding-right:30px;height:100%;width:100%;box-sizing:border-box;z-index:1}.weui-search-bar__box .weui-search-bar__input{padding:4px 0;width:100%;height:1.42857143em;border:0;font-size:14px;line-height:1.42857143em;box-sizing:content-box;background:transparent}.weui-search-bar__box .weui-search-bar__input:focus{outline:none}.weui-search-bar__box .weui-icon-search{position:absolute;left:10px;top:0;line-height:28px}.weui-search-bar__box .weui-icon-clear{position:absolute;top:0;right:0;padding:0 10px;line-height:28px}.weui-search-bar__label{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:3px;text-align:center;color:#9b9b9b;background:#fff}.weui-search-bar__label span{display:inline-block;font-size:14px;vertical-align:middle}.weui-search-bar__label .weui-icon-search{margin-right:5px}.weui-search-bar__cancel-btn{display:none;margin-left:10px;line-height:28px;color:#09bb07;white-space:nowrap}.weui-search-bar__input:not(:valid)~.weui-icon-clear{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.weui-picker{position:fixed;width:100%;left:0;bottom:0;z-index:5000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.weui-picker__hd{display:-webkit-box;display:-webkit-flex;display:flex;padding:10px 15px;background-color:#fbf9fe;position:relative;text-align:center}.weui-picker__hd:after{content:" ";position:absolute;left:0;bottom:0;right:0;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-picker__action{display:block;-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#586c94}.weui-picker__action:first-child{text-align:left}.weui-picker__action:last-child{text-align:right}.weui-picker__bd{display:-webkit-box;display:-webkit-flex;display:flex;position:relative;background-color:#fff;height:238px;overflow:hidden}.weui-picker__group{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;height:100%}.weui-picker__mask{top:0;height:100%;margin:0 auto;background:-webkit-linear-gradient(top,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-position:top,bottom;background-size:100% 102px;background-repeat:no-repeat;-webkit-transform:translateZ(0);transform:translateZ(0)}.weui-picker__indicator,.weui-picker__mask{position:absolute;left:0;width:100%;z-index:3}.weui-picker__indicator{height:34px;top:102px}.weui-picker__indicator:before{top:0;border-top:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-picker__indicator:after,.weui-picker__indicator:before{content:" ";position:absolute;left:0;right:0;height:1px;color:#e5e5e5}.weui-picker__indicator:after{bottom:0;border-bottom:1px solid #e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-picker__content{position:absolute;top:0;left:0;width:100%}.weui-picker__item{padding:5px 0 4px;text-align:center;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weui-picker__item_disabled{color:#999}@-webkit-keyframes a{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes a{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.weui-animate-slide-up{-webkit-animation:a ease .3s forwards;animation:a ease .3s forwards}@-webkit-keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes b{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.weui-animate-slide-down{-webkit-animation:b ease .3s forwards;animation:b ease .3s forwards}@-webkit-keyframes c{0%{opacity:0}to{opacity:1}}@keyframes c{0%{opacity:0}to{opacity:1}}.weui-animate-fade-in{-webkit-animation:c ease .3s forwards;animation:c ease .3s forwards}@-webkit-keyframes d{0%{opacity:1}to{opacity:0}}@keyframes d{0%{opacity:1}to{opacity:0}}.weui-animate-fade-out{-webkit-animation:d ease .3s forwards;animation:d ease .3s forwards}.weui-agree{display:block;padding:.5em 15px;font-size:13px}.weui-agree a{color:#586c94}.weui-agree__text{color:#999}.weui-agree__checkbox{-webkit-appearance:none;appearance:none;outline:0;font-size:0;border:1px solid #d1d1d1;background-color:#fff;border-radius:3px;width:13px;height:13px;position:relative;vertical-align:0;top:2px}.weui-agree__checkbox:checked:before{font-family:weui;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;text-align:center;speak:none;display:inline-block;vertical-align:middle;text-decoration:inherit;content:"\EA08";color:#09bb07;font-size:13px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-48%) scale(.73);transform:translate(-50%,-48%) scale(.73)}.weui-agree__checkbox:disabled{background-color:#e1e1e1}.weui-agree__checkbox:disabled:before{color:#adadad}.weui-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:e 1s steps(12) infinite;animation:e 1s steps(12) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;background-size:100%}.weui-loading.weui-loading_transparent{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E")}@-webkit-keyframes e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.weui-slider{padding:15px 18px;-webkit-user-select:none;user-select:none}.weui-slider__inner{position:relative;height:2px;background-color:#e9e9e9}.weui-slider__track{height:2px;background-color:#1aad19;width:0}.weui-slider__handler{position:absolute;left:0;top:50%;width:28px;height:28px;margin-left:-14px;margin-top:-14px;border-radius:50%;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.2)}.weui-slider-box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.weui-slider-box .weui-slider{-webkit-box-flex:1;-webkit-flex:1;flex:1}.weui-slider-box__value{margin-left:.5em;min-width:24px;color:#888;text-align:center;font-size:14px}
/** * jQuery WeUI V1.0.1 * By 言川 * http://lihongxun945.github.io/jquery-weui/ */ .preloader{width:20px;height:20px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:preloader-spin 1s steps(12,end) infinite;animation:preloader-spin 1s steps(12,end) infinite}.preloader:after{display:block;width:100%;height:100%;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%}@-webkit-keyframes preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}label>*{pointer-events:none}html{font-size:20px}body{font-size:16px}@media only screen and (min-400px){html{font-size:21.33px!important}}@media only screen and (min-414px){html{font-size:22.08px!important}}@media only screen and (min-480px){html{font-size:25.6px!important}}.weui_navbar{z-index:10}.weui-mask,.weui-popup-container,.weui-popup-overlay{z-index:1000}.weui-row{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.weui-row>[class*=col-]{box-sizing:border-box}.weui-row .col-auto{width:100%}.weui-row .weui-col-100{width:100%;width:calc((100% - 15px*0)/ 1)}.weui-row.weui-no-gutter .weui-col-100{width:100%}.weui-row .weui-col-95{width:95%;width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)}.weui-row.weui-no-gutter .weui-col-95{width:95%}.weui-row .weui-col-90{width:90%;width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)}.weui-row.weui-no-gutter .weui-col-90{width:90%}.weui-row .weui-col-85{width:85%;width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)}.weui-row.weui-no-gutter .weui-col-85{width:85%}.weui-row .weui-col-80{width:80%;width:calc((100% - 15px*.25)/ 1.25)}.weui-row.weui-no-gutter .weui-col-80{width:80%}.weui-row .weui-col-75{width:75%;width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)}.weui-row.weui-no-gutter .weui-col-75{width:75%}.weui-row .weui-col-66{width:66.66666666666666%;width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)}.weui-row.weui-no-gutter .weui-col-66{width:66.66666666666666%}.weui-row .weui-col-60{width:60%;width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)}.weui-row.weui-no-gutter .weui-col-60{width:60%}.weui-row .weui-col-50{width:50%;width:calc((100% - 15px*1)/ 2)}.weui-row.weui-no-gutter .weui-col-50{width:50%}.weui-row .weui-col-40{width:40%;width:calc((100% - 15px*1.5)/ 2.5)}.weui-row.weui-no-gutter .weui-col-40{width:40%}.weui-row .weui-col-33{width:33.333333333333336%;width:calc((100% - 15px*2)/ 3)}.weui-row.weui-no-gutter .weui-col-33{width:33.333333333333336%}.weui-row .weui-col-25{width:25%;width:calc((100% - 15px*3)/ 4)}.weui-row.weui-no-gutter .weui-col-25{width:25%}.weui-row .weui-col-20{width:20%;width:calc((100% - 15px*4)/ 5)}.weui-row.weui-no-gutter .weui-col-20{width:20%}.weui-row .weui-col-15{width:15%;width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)}.weui-row.weui-no-gutter .weui-col-15{width:15%}.weui-row .weui-col-10{width:10%;width:calc((100% - 15px*9)/ 10)}.weui-row.weui-no-gutter .weui-col-10{width:10%}.weui-row .weui-col-5{width:5%;width:calc((100% - 15px*19)/ 20)}.weui-row.weui-no-gutter .weui-col-5{width:5%}.weui-row .weui-col-auto:nth-last-child(1),.weui-row .weui-col-auto:nth-last-child(1)~.weui-col-auto{width:100%;width:calc((100% - 15px*0)/ 1)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1)~.weui-col-auto{width:100%}.weui-row .weui-col-auto:nth-last-child(2),.weui-row .weui-col-auto:nth-last-child(2)~.weui-col-auto{width:50%;width:calc((100% - 15px*1)/ 2)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2)~.weui-col-auto{width:50%}.weui-row .weui-col-auto:nth-last-child(3),.weui-row .weui-col-auto:nth-last-child(3)~.weui-col-auto{width:33.33333333%;width:calc((100% - 15px*2)/ 3)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3)~.weui-col-auto{width:33.33333333%}.weui-row .weui-col-auto:nth-last-child(4),.weui-row .weui-col-auto:nth-last-child(4)~.weui-col-auto{width:25%;width:calc((100% - 15px*3)/ 4)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4)~.weui-col-auto{width:25%}.weui-row .weui-col-auto:nth-last-child(5),.weui-row .weui-col-auto:nth-last-child(5)~.weui-col-auto{width:20%;width:calc((100% - 15px*4)/ 5)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5)~.weui-col-auto{width:20%}.weui-row .weui-col-auto:nth-last-child(6),.weui-row .weui-col-auto:nth-last-child(6)~.weui-col-auto{width:16.66666667%;width:calc((100% - 15px*5)/ 6)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6)~.weui-col-auto{width:16.66666667%}.weui-row .weui-col-auto:nth-last-child(7),.weui-row .weui-col-auto:nth-last-child(7)~.weui-col-auto{width:14.28571429%;width:calc((100% - 15px*6)/ 7)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7)~.weui-col-auto{width:14.28571429%}.weui-row .weui-col-auto:nth-last-child(8),.weui-row .weui-col-auto:nth-last-child(8)~.weui-col-auto{width:12.5%;width:calc((100% - 15px*7)/ 8)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8)~.weui-col-auto{width:12.5%}.weui-row .weui-col-auto:nth-last-child(9),.weui-row .weui-col-auto:nth-last-child(9)~.weui-col-auto{width:11.11111111%;width:calc((100% - 15px*8)/ 9)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9)~.weui-col-auto{width:11.11111111%}.weui-row .weui-col-auto:nth-last-child(10),.weui-row .weui-col-auto:nth-last-child(10)~.weui-col-auto{width:10%;width:calc((100% - 15px*9)/ 10)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10)~.weui-col-auto{width:10%}.weui-row .weui-col-auto:nth-last-child(11),.weui-row .weui-col-auto:nth-last-child(11)~.weui-col-auto{width:9.09090909%;width:calc((100% - 15px*10)/ 11)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11)~.weui-col-auto{width:9.09090909%}.weui-row .weui-col-auto:nth-last-child(12),.weui-row .weui-col-auto:nth-last-child(12)~.weui-col-auto{width:8.33333333%;width:calc((100% - 15px*11)/ 12)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12)~.weui-col-auto{width:8.33333333%}.weui-row .weui-col-auto:nth-last-child(13),.weui-row .weui-col-auto:nth-last-child(13)~.weui-col-auto{width:7.69230769%;width:calc((100% - 15px*12)/ 13)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13)~.weui-col-auto{width:7.69230769%}.weui-row .weui-col-auto:nth-last-child(14),.weui-row .weui-col-auto:nth-last-child(14)~.weui-col-auto{width:7.14285714%;width:calc((100% - 15px*13)/ 14)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14)~.weui-col-auto{width:7.14285714%}.weui-row .weui-col-auto:nth-last-child(15),.weui-row .weui-col-auto:nth-last-child(15)~.weui-col-auto{width:6.66666667%;width:calc((100% - 15px*14)/ 15)}.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15),.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15)~.weui-col-auto{width:6.66666667%}@media all and (min-768px){.row .tablet-100{width:100%;width:calc((100% - 15px*0)/ 1)}.row.no-gutter .tablet-100{width:100%}.row .tablet-95{width:95%;width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)}.row.no-gutter .tablet-95{width:95%}.row .tablet-90{width:90%;width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)}.row.no-gutter .tablet-90{width:90%}.row .tablet-85{width:85%;width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)}.row.no-gutter .tablet-85{width:85%}.row .tablet-80{width:80%;width:calc((100% - 15px*.25)/ 1.25)}.row.no-gutter .tablet-80{width:80%}.row .tablet-75{width:75%;width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)}.row.no-gutter .tablet-75{width:75%}.row .tablet-66{width:66.66666666666666%;width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)}.row.no-gutter .tablet-66{width:66.66666666666666%}.row .tablet-60{width:60%;width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)}.row.no-gutter .tablet-60{width:60%}.row .tablet-50{width:50%;width:calc((100% - 15px*1)/ 2)}.row.no-gutter .tablet-50{width:50%}.row .tablet-40{width:40%;width:calc((100% - 15px*1.5)/ 2.5)}.row.no-gutter .tablet-40{width:40%}.row .tablet-33{width:33.333333333333336%;width:calc((100% - 15px*2)/ 3)}.row.no-gutter .tablet-33{width:33.333333333333336%}.row .tablet-25{width:25%;width:calc((100% - 15px*3)/ 4)}.row.no-gutter .tablet-25{width:25%}.row .tablet-20{width:20%;width:calc((100% - 15px*4)/ 5)}.row.no-gutter .tablet-20{width:20%}.row .tablet-15{width:15%;width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)}.row.no-gutter .tablet-15{width:15%}.row .tablet-10{width:10%;width:calc((100% - 15px*9)/ 10)}.row.no-gutter .tablet-10{width:10%}.row .tablet-5{width:5%;width:calc((100% - 15px*19)/ 20)}.row.no-gutter .tablet-5{width:5%}.row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.col-auto{width:100%;width:calc((100% - 15px*0)/ 1)}.row.no-gutter .tablet-auto:nth-last-child(1),.row.no-gutter .tablet-auto:nth-last-child(1)~.tablet-auto{width:100%}.row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.col-auto{width:50%;width:calc((100% - 15px*1)/ 2)}.row.no-gutter .tablet-auto:nth-last-child(2),.row.no-gutter .tablet-auto:nth-last-child(2)~.tablet-auto{width:50%}.row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.col-auto{width:33.33333333%;width:calc((100% - 15px*2)/ 3)}.row.no-gutter .tablet-auto:nth-last-child(3),.row.no-gutter .tablet-auto:nth-last-child(3)~.tablet-auto{width:33.33333333%}.row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.col-auto{width:25%;width:calc((100% - 15px*3)/ 4)}.row.no-gutter .tablet-auto:nth-last-child(4),.row.no-gutter .tablet-auto:nth-last-child(4)~.tablet-auto{width:25%}.row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.col-auto{width:20%;width:calc((100% - 15px*4)/ 5)}.row.no-gutter .tablet-auto:nth-last-child(5),.row.no-gutter .tablet-auto:nth-last-child(5)~.tablet-auto{width:20%}.row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.col-auto{width:16.66666667%;width:calc((100% - 15px*5)/ 6)}.row.no-gutter .tablet-auto:nth-last-child(6),.row.no-gutter .tablet-auto:nth-last-child(6)~.tablet-auto{width:16.66666667%}.row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.col-auto{width:14.28571429%;width:calc((100% - 15px*6)/ 7)}.row.no-gutter .tablet-auto:nth-last-child(7),.row.no-gutter .tablet-auto:nth-last-child(7)~.tablet-auto{width:14.28571429%}.row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.col-auto{width:12.5%;width:calc((100% - 15px*7)/ 8)}.row.no-gutter .tablet-auto:nth-last-child(8),.row.no-gutter .tablet-auto:nth-last-child(8)~.tablet-auto{width:12.5%}.row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.col-auto{width:11.11111111%;width:calc((100% - 15px*8)/ 9)}.row.no-gutter .tablet-auto:nth-last-child(9),.row.no-gutter .tablet-auto:nth-last-child(9)~.tablet-auto{width:11.11111111%}.row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.col-auto{width:10%;width:calc((100% - 15px*9)/ 10)}.row.no-gutter .tablet-auto:nth-last-child(10),.row.no-gutter .tablet-auto:nth-last-child(10)~.tablet-auto{width:10%}.row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.col-auto{width:9.09090909%;width:calc((100% - 15px*10)/ 11)}.row.no-gutter .tablet-auto:nth-last-child(11),.row.no-gutter .tablet-auto:nth-last-child(11)~.tablet-auto{width:9.09090909%}.row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.col-auto{width:8.33333333%;width:calc((100% - 15px*11)/ 12)}.row.no-gutter .tablet-auto:nth-last-child(12),.row.no-gutter .tablet-auto:nth-last-child(12)~.tablet-auto{width:8.33333333%}.row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.col-auto{width:7.69230769%;width:calc((100% - 15px*12)/ 13)}.row.no-gutter .tablet-auto:nth-last-child(13),.row.no-gutter .tablet-auto:nth-last-child(13)~.tablet-auto{width:7.69230769%}.row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.col-auto{width:7.14285714%;width:calc((100% - 15px*13)/ 14)}.row.no-gutter .tablet-auto:nth-last-child(14),.row.no-gutter .tablet-auto:nth-last-child(14)~.tablet-auto{width:7.14285714%}.row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.col-auto{width:6.66666667%;width:calc((100% - 15px*14)/ 15)}.row.no-gutter .tablet-auto:nth-last-child(15),.row.no-gutter .tablet-auto:nth-last-child(15)~.tablet-auto{width:6.66666667%}}.weui-cell__hd img{display:block;margin-right:5px}.weui-dialog,.weui-toast{-webkit-transition-duration:.2s;transition-duration:.2s;opacity:0;-webkit-transform:scale(.9) translate(-50%,-50%);transform:scale(.9) translate(-50%,-50%);-webkit-transform-origin:0 0;transform-origin:0 0;visibility:hidden;margin:0;top:45%;z-index:2000}.weui-dialog .weui-dialog__btn.default,.weui-toast .weui-dialog__btn.default{color:#5f646e}.weui-dialog .weui-dialog__btn+.weui-dialog__btn,.weui-toast .weui-dialog__btn+.weui-dialog__btn{position:relative}.weui-dialog .weui-dialog__btn+.weui-dialog__btn:after,.weui-toast .weui-dialog__btn+.weui-dialog__btn:after{content:" ";position:absolute;left:0;top:0;width:1px;height:100%;border-left:1px solid #D5D5D6;color:#D5D5D6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui-dialog.weui-dialog--visible,.weui-dialog.weui-toast--visible,.weui-toast.weui-dialog--visible,.weui-toast.weui-toast--visible{opacity:1;visibility:visible;-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%)}.weui-toast_forbidden{color:#F76260}.weui-toast_cancel .weui-icon-toast:before{content:"\EA0D"}.weui-toast_forbidden .weui-icon-toast:before{content:"\EA0B";color:#F76260}.weui-toast_text{min-height:1em;width:auto;height:45px;border-radius:25px;margin-left:0;-webkit-transform:scale(.9) translate3d(-50%,0,0);transform:scale(.9) translate3d(-50%,0,0);-webkit-transform-origin:left;transform-origin:left}.weui-toast_text.weui-toast--visible{-webkit-transform:scale(1) translate3d(-50%,0,0);transform:scale(1) translate3d(-50%,0,0)}.weui-toast_text .weui-icon-toast{display:none}.weui-toast_text .weui-toast_content{margin:10px 15px}.weui-mask{opacity:0;-webkit-transition-duration:.3s;transition-duration:.3s;visibility:hidden}.weui-mask.weui-mask--visible{opacity:1;visibility:visible}.weui-prompt-input{padding:4px 6px;border:1px solid #ccc;box-sizing:border-box;height:2em;width:80%;margin-top:10px}.weui-pull-to-refresh{margin-top:-50px;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.weui-pull-to-refresh.refreshing{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.weui-pull-to-refresh.touching{-webkit-transition-duration:0s;transition-duration:0s}.weui-pull-to-refresh__layer{height:30px;line-height:30px;padding:10px;text-align:center}.weui-pull-to-refresh__layer .down{display:inline-block}.weui-pull-to-refresh__layer .refresh,.weui-pull-to-refresh__layer .up{display:none}.weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow{display:inline-block;z-index:10;width:20px;height:20px;margin-right:4px;vertical-align:-4px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E") center no-repeat;background-size:13px 20px;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:rotate(0) translate3d(0,0,0);transform:rotate(0) translate3d(0,0,0)}.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader{display:none;vertical-align:-4px;margin-right:4px;width:20px;height:20px;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:preloader-spin 1s steps(12,end) infinite;animation:preloader-spin 1s steps(12,end) infinite}.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader:after{display:block;width:100%;height:100%;content:"";background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50%;background-size:100%}.pull-up .weui-pull-to-refresh__layer .down,.refreshing .weui-pull-to-refresh__layer .down{display:none}.pull-up .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow{display:inline-block;-webkit-transform:rotate(180deg) translate3d(0,0,0);transform:rotate(180deg) translate3d(0,0,0)}.pull-down .weui-pull-to-refresh__layer .down,.pull-down .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow,.pull-up .weui-pull-to-refresh__layer .up{display:inline-block}.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow{display:none}.refreshing .weui-pull-to-refresh__layer .refresh,.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader{display:inline-block}@keyframes preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.weui-tab__bd-item.weui-pull-to-refresh{position:absolute;top:50px}.toolbar,.weui-tabbar__item{position:relative}.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label{color:#04BE02}.weui-navbar__item{color:#888}.weui-navbar__item.weui-bar__item--on{color:#666;background-color:#f1f1f1}.toolbar,.toolbar .title{font-size:.85rem;color:#3d4145;width:100%}.weui-tab__bd{box-sizing:border-box;height:100%}.weui-tab__bd .weui-tab__bd-item{display:none;height:100%;overflow:auto}.weui-tab__bd .weui-tab__bd-item.weui-tab__bd-item--active{display:block}.weui-navbar+.weui-tab__bd{padding-top:50px}.toolbar{line-height:1.5;background:#f7f7f8}.toolbar:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#d9d9d9;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}.toolbar .toolbar-inner,.weui-picker-modal .picker-items{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex}@media only screen and (-webkit-min-device-pixel-ratio:2){.toolbar:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.toolbar:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.toolbar .toolbar-inner{height:2.2rem;display:flex;text-align:center}.toolbar .title{position:absolute;display:block;padding:0;font-weight:400;line-height:2.2rem;text-align:center;white-space:nowrap}.toolbar .picker-button{position:absolute;right:0;box-sizing:border-box;height:2.2rem;line-height:2.2rem;color:#04BE02;z-index:1;padding:0 .5rem}.weui-picker-modal{width:100%;position:absolute;bottom:0;text-align:center;border-radius:0;opacity:.6;color:#3d4145;-webkit-transition-duration:.3s;transition-duration:.3s;height:13rem;background:#EFEFF4;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.weui-picker-modal.picker-modal-inline{height:10.8rem;opacity:1;position:static;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.weui-picker-modal.picker-modal-inline .toolbar{display:none}.weui-picker-modal.picker-columns-single .picker-items-col{width:100%}.weui-picker-modal.weui-picker-modal-visible{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.weui-picker-modal .picker-modal-inner{position:relative;height:10.8rem}.weui-picker-modal .picker-columns{width:100%;height:13rem;z-index:11500}.popover .weui-picker-modal .picker-columns,.weui-picker-modal .picker-columns.picker-modal-inline{height:10rem}@media (orientation:landscape) and (max-height:415px){.weui-picker-modal .picker-columns:not(.picker-modal-inline){height:10rem}}.weui-picker-modal .popover.popover-picker-columns{width:14rem}.weui-picker-modal .picker-items{display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;padding:0;text-align:right;font-size:1rem;font-weight:400;-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);-webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)}.weui-picker-modal .bar+.picker-items{height:10.8rem}.weui-picker-modal .picker-items-col{overflow:hidden;position:relative;max-height:100%}.weui-picker-modal .picker-items-col.picker-items-col-left{text-align:left}.weui-picker-modal .picker-items-col.picker-items-col-center{text-align:center}.weui-picker-modal .picker-items-col.picker-items-col-right{text-align:right}.weui-picker-modal .picker-items-col.picker-items-col-divider{color:#3d4145;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.weui-picker-modal .picker-items-col-wrapper{-webkit-transition:.3s;transition:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.weui-picker-modal .picker-item{height:32px;line-height:32px;padding:0 10px;white-space:nowrap;position:relative;overflow:hidden;text-overflow:ellipsis;color:#9b9b9b;left:0;top:0;width:100%;box-sizing:border-box;-webkit-transition:.3s;transition:.3s}.picker-items-col-absolute .weui-picker-modal .picker-item{position:absolute}.weui-picker-modal .picker-item.picker-item-far{pointer-events:none}.weui-picker-modal .picker-item.picker-selected{color:#3d4145;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform:rotateX(0);transform:rotateX(0)}.weui-picker-modal .picker-center-highlight{height:32px;box-sizing:border-box;position:absolute;left:0;width:100%;top:50%;margin-top:-16px;pointer-events:none}.weui-picker-modal .picker-center-highlight:after,.weui-picker-modal .picker-center-highlight:before{content:'';position:absolute;right:auto;height:1px;background-color:#D9D9D9;display:block;z-index:15;left:0;width:100%}.weui-picker-modal .picker-center-highlight:before{top:0;bottom:auto;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio:2){.weui-picker-modal .picker-center-highlight:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.weui-picker-modal .picker-center-highlight:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.weui-picker-modal .picker-center-highlight:after{bottom:0;top:auto;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.weui-picker-modal .picker-center-highlight:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.weui-picker-modal .picker-center-highlight:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.weui-picker-modal .picker-3d .picker-items{overflow:hidden;-webkit-perspective:1200px;perspective:1200px}.weui-picker-modal .picker-3d .picker-item,.weui-picker-modal .picker-3d .picker-items-col,.weui-picker-modal .picker-3d .picker-items-col-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.weui-picker-modal .picker-3d .picker-items-col{overflow:visible}.weui-picker-modal .picker-3d .picker-item{-webkit-transform-origin:center center -110px;transform-origin:center center -110px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.weui-picker-container,.weui-picker-overlay{position:fixed;bottom:0;left:0;right:0;height:0;width:100%;z-index:1000}.picker-calendar-row:after,.picker-calendar-week-days:after{content:'';z-index:15;left:0;right:auto}.city-picker .picker-items-col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;max-width:7rem}.weui-picker-container .weui-cells{margin:0;text-align:left}.datetime-picker .picker-item{text-overflow:initial}.weui-select-modal{height:auto}.weui-select-modal .weui-cells{margin:0;text-align:left;overflow-y:auto;overflow-x:hidden;max-height:16rem}.weui-select-modal .weui-cells:after{display:none}.picker-calendar-month,.picker-calendar-week-days{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex}.weui-picker-calendar{background:#fff;height:15rem;width:100%;overflow:hidden}.weui-picker-calendar .picker-modal-inner{overflow:hidden;height:12.8rem}.picker-calendar-week-days{height:.9rem;background:#f7f7f8;display:flex;font-size:11px;box-sizing:border-box;position:relative}.picker-calendar-week-days:after{position:absolute;bottom:0;top:auto;height:1px;width:100%;background-color:#c4c4c4;display:block;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.picker-calendar-week-days:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.picker-calendar-week-days:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.picker-calendar-week-days .picker-calendar-week-day{-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:14.28571429%;width:calc(100% / 7);line-height:17px;text-align:center}.picker-calendar-week-days+.picker-calendar-months{height:11.9rem}.picker-calendar-months{width:100%;height:100%;overflow:hidden;position:relative}.picker-calendar-months-wrapper{position:relative;width:100%;height:100%;-webkit-transition:.3s;transition:.3s}.picker-calendar-month{display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%;position:absolute;left:0;top:0}.picker-calendar-row{height:16.66666667%;height:calc(100% / 6);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;width:100%;position:relative}.picker-calendar-row:after{position:absolute;bottom:0;top:auto;height:1px;width:100%;background-color:#ccc;display:block;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:2){.picker-calendar-row:after{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.picker-calendar-row:after{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.weui-picker-modal .picker-calendar-row:last-child:after{display:none}.picker-calendar-day{-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;box-sizing:border-box;width:14.28571429%;width:calc(100% / 7);text-align:center;color:#3d4145;font-size:15px;cursor:pointer}.picker-calendar-day.picker-calendar-day-next,.picker-calendar-day.picker-calendar-day-prev{color:#ccc}.picker-calendar-day.picker-calendar-day-disabled{color:#d4d4d4;cursor:auto}.picker-calendar-day.picker-calendar-day-today span{background:#e3e3e3}.picker-calendar-day.picker-calendar-day-selected span{background:#04BE02;color:#fff}.picker-calendar-day span{display:inline-block;border-radius:100%;width:30px;height:30px;line-height:30px}.picker-calendar-month-picker,.picker-calendar-year-picker{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:50%;max-width:200px;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}.picker-calendar-month-picker span,.picker-calendar-year-picker span{-ms-flex:0 1 auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;position:relative;overflow:hidden;text-overflow:ellipsis}.picker-calendar.picker-modal-inline .picker-calendar-week-days,.popover .picker-calendar .picker-calendar-week-days{background:0 0}.swiper-button-next,.swiper-button-prev,i.icon{background-position:center;background-repeat:no-repeat}.picker-calendar.picker-modal-inline .picker-calendar-week-days:after,.picker-calendar.picker-modal-inline .picker-calendar-week-days:before,.picker-calendar.picker-modal-inline .toolbar:after,.picker-calendar.picker-modal-inline .toolbar:before,.popover .picker-calendar .picker-calendar-week-days:after,.popover .picker-calendar .picker-calendar-week-days:before,.popover .picker-calendar .toolbar:after,.popover .picker-calendar .toolbar:before{display:none}.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before{content:'';position:absolute;left:0;top:0;bottom:auto;right:auto;height:1px;width:100%;background-color:#c4c4c4;display:block;z-index:15;-webkit-transform-origin:50% 0;transform-origin:50% 0}@media only screen and (-webkit-min-device-pixel-ratio:2){.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}}@media only screen and (-webkit-min-device-pixel-ratio:3){.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before{-webkit-transform:scaleY(.33);transform:scaleY(.33)}}.picker-calendar-month-picker,.picker-calendar-year-picker{display:block;line-height:2.2rem;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only{min-width:36px;float:left;width:25%;height:2.2rem;line-height:2rem}.picker-calendar-month-picker .current-month-value,.picker-calendar-month-picker .current-year-value,.picker-calendar-year-picker .current-month-value,.picker-calendar-year-picker .current-year-value{float:left;width:50%;height:2.2rem}i.icon{display:inline-block;vertical-align:middle;background-size:100% auto;font-style:normal;position:relative}i.icon.icon-next,i.icon.icon-prev{width:.75rem;height:.75rem}.swiper-slide,.swiper-wrapper{width:100%;height:100%;position:relative}i.icon.icon-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}i.icon.icon-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{z-index:1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-ms-flex:0 0 auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#04BE02}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.weui-actionsheet{z-index:10000}.weui-actionsheet .weui-actionsheet__title{padding:8px 0;text-align:center;font-size:16px;color:#999;background-color:#f4f4f4;position:relative}.weui-actionsheet .weui-actionsheet__title:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-top:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui-popup__container,.weui-popup__overlay{position:fixed;bottom:0;left:0;right:0;width:100%;height:100%;z-index:10}.weui-popup__overlay{background-color:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.weui-popup__container{display:none}.weui-popup__container.weui-popup__container--visible{display:block}.weui-popup__container .weui-cells{margin:0;text-align:left}.weui-popup__modal{width:100%;position:absolute;z-index:100;bottom:0;border-radius:0;opacity:.6;color:#3d4145;-webkit-transition-duration:.3s;transition-duration:.3s;height:100%;background:#EFEFF4;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;overflow-x:hidden;overflow-y:auto}.popup-bottom .weui-popup__modal{height:auto}.weui-popup__modal .toolbar{position:absolute;left:0;top:0;right:0;z-index:1}.weui-popup__modal .modal-content{height:100%;padding-top:2.2rem;overflow:auto;box-sizing:border-box}.weui-popup__container--visible .weui-popup-overlay{opacity:1}.weui-popup__container--visible .weui-popup__modal{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.weui-notification{position:fixed;width:100%;min-height:3.4rem;top:-2rem;padding-top:2rem;left:0;right:0;z-index:9999;background-color:rgba(0,0,0,.85);color:#fff;font-size:.65rem;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:.4s;transition:.4s}.weui-notification.weui-notification--in{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.weui-notification.weui-notification--touching{-webkit-transition-duration:0s;transition-duration:0s}.weui-notification .weui-notification__inner{padding:.4rem .6rem 1rem;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start}.weui-notification .weui-notification__content{width:100%;margin:0 .4rem}.weui-notification .weui-notification__title{font-weight:700}.weui-notification .weui-notification__text{line-height:1}.weui-notification .weui-notification__media{height:1rem;width:1rem}.weui-notification .weui-notification__media img{width:100%}.weui-notification .weui-notification__handle-bar{position:absolute;bottom:.2rem;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);width:2rem;height:.3rem;border-radius:.15rem;background:#fff;opacity:.5}.weui-photo-browser-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:none;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.weui-photo-browser-modal.weui-photo-browser-modal-visible{opacity:1}.weui-photo-browser-modal .swiper-container{height:100%;-webkit-transform:scale(.2);transform:scale(.2);-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.weui-photo-browser-modal .swiper-container .swiper-pagination-bullet{background:#fff;visibility:hidden}.weui-photo-browser-modal .swiper-container.swiper-container-visible{-webkit-transform:scale(1);transform:scale(1)}.weui-photo-browser-modal .swiper-container.swiper-container-visible .swiper-pagination-bullet{visibility:visible;-webkit-transition-property:visibility;transition-property:visibility;-webkit-transition-delay:.5s;transition-delay:.5s}.weui-photo-browser-modal .swiper-container .swiper-pagination{bottom:10px;left:0;width:100%}.weui-photo-browser-modal .photo-container{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center;overflow:hidden}.weui-photo-browser-modal .photo-container img{max-width:100%;margin-top:-30px}.weui-photo-browser-modal .caption{position:absolute;bottom:40px;left:0;right:0;color:#fff;text-align:center;padding:0 12px;min-height:3rem;font-size:14px;z-index:10;-webkit-transition:opacity .3s;transition:opacity .3s;-webkit-transition-delay:.5s;transition-delay:.5s;opacity:0}.weui-photo-browser-modal .caption .caption-item{display:none;opacity:0;-webkit-transition:opacity .15s;transition:opacity .15s}.weui-photo-browser-modal .caption .caption-item.active{display:block;opacity:1}.weui-photo-browser-modal .swiper-container-visible .caption{opacity:1}.color-primary{color:#04BE02}.color-danger,.color-error{color:#f6383a}.color-warning{color:#f60}.color-success{color:#4cd964}.bg-danger,.bg-error,.bg-primary,.bg-success,.bg-warning{color:#fff}.bg-primary{background-color:#04BE02}.bg-danger,.bg-error{background-color:#f6383a}.bg-warning{background-color:#f60}.bg-success{background-color:#4cd964}.weui-toptips{z-index:100;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.weui-toptips.weui-toptips_visible{opacity:1}.weui-icon_toast{font-size:55px;color:#fff;margin-bottom:6px}.weui-toast--forbidden .weui-icon_toast{color:#f6383a}.weui-toast--text{min-height:initial;font-size:18px;padding:8px 16px;width:auto;top:40%}.weui-toast--text .weui-icon_toast{display:none}
小卖品商店js代码
$(function(){ $.cookies = jaaulde.utils.cookies; //全局用户数据对象，数据模型model操作的对象就是它，每次先从cookie里取，如果cookie里没有，就给它赋初始值 var userData = {}; /* 类的作用：创建一个json操作对象，为一个json数据扩展一些自我操作的方法，这些操作方法可以返回该json被操作后的结果 模式说明：之所以使用这种方式来写一个类而不用字面量对象，是因为字面量对象在声明之前就使用会报未定义错误，而这个方法 可以在任何地方声明类，在任何地方只要先创建了该类的实例对象就可以使用它的方法了，尤其cool的是它不需要new 就可以创建一个实例对象，如果你要做对象的类型判断，可以考虑为类的原型添加constructor属性，此属性需要存储 该类的类名； */ /*============数据模型=============*/ function M(json){ var o = {}; o.json = json; o.__proto__ = M.prototype; return o; }; M.prototype = { //判断传入参数的数据类型 getType:function(data){ var typeStr = Object.prototype.toString.call(data).split(" ")[1]; return typeStr.substr(0,typeStr.length-1); }, //判断传入的对象是否为空对象,如果不是空对象返回值>0，如果是空对象返回0，如果不是对象返回-1； isEmptyObj:function(json){ var type = this.getType(json),len = 0; if(type == "Object" || type=="Array"){ for(var i in json){ if(json.hasOwnProperty(i)){len +=1} } return len; }else{ return -1; } }, //将用户数据以字符串的形式存入cookie，需要传入cookie名、过期时间（默认3000天）、域名、是否编码（默认编码） saveModel:function(cookieName,exTime,domain,raw){ var data = this.initModel(), exTime = exTime || data.exTime || 1000, domain = domain || data.domain || '', raw = raw || false, cookieName = cookieName || data.cookieName; //使用JSON2.js提供的stringify方法将json对象转为字符串 var strJson = JSON.stringify(data); //将用户数据存入cookie，此处的domain参数需要根据网站的域名修改确定，这里的'YJmall.com'目前只是我本机上的一个测试域名 $.cookies.set(cookieName, strJson, { expires:exTime,path:'',domain:domain,secure:false,raw:true}); }, //如果当前对象json属性是符合userData初始格式则原样输出,否则将其初始化为符合userData格式的空对象 initModel:function(){ var obj = this.json, isEmpty = this.isEmptyObj(obj); if(isEmpty >= 3){ if(!obj["cookieName"] && !obj["total"] && !obj["goods"]){ obj["cookieName"] = "userData"; obj["total"] = {"selNum":0,"price":0,"realPrice":0,"discount":0,"realDiscount":0,"ticketVal":0}; obj["ticket"] = []; obj["goods"] = {}; } }else{ obj = {}; obj["cookieName"] = "userData"; obj["total"] = {"selNum":0,"price":0,"realPrice":0,"discount":0,"realDiscount":0,"ticketVal":0}; obj["ticket"] = []; obj["goods"] = {}; userData = this.json = obj; }; return this.json; }, //如果goodId所对应的记录不存在，则创建一条用户选择记录,传入商品ID、库存、单价、type类型（对应数据库里的goods_type 1 券，0 普通商品），返回this对象。否则直接返回this对象； //这个方法的好处在于创建后立马可以调用其他方法而不用再创建数据模型对象 creat:function(goodId,stock,price,discount,type,name,actType,actTypeStr,actBuyNum,actFreeNum,is_need_express,belong){ var data = this.initModel(),goods = data["goods"]; if(!goods[goodId]){ goods[goodId] = {}; goods[goodId].selNum = 0; goods[goodId].stock = parseInt(stock); goods[goodId].price = parseFloat(price).toFixed(2); goods[goodId].discount = discount || 0; goods[goodId].type = type || 0; goods[goodId].name = name || ""; goods[goodId].actType = actType; goods[goodId].actTypeStr = actTypeStr; goods[goodId].actBuyNum = actBuyNum; goods[goodId].actFreeNum = actFreeNum; goods[goodId].is_need_express = is_need_express || 0; goods[goodId].belong = belong || 0; }else{ goods[goodId].selNum = parseInt(goods[goodId].selNum); goods[goodId].stock = parseInt(goods[goodId].stock); goods[goodId].price = parseFloat(goods[goodId].price).toFixed(2); } return this; }, //创建当前选中的优惠券的面值记录到userData里 creatTicketVal:function(ticketVal){ var data = this.initModel(); data.total.ticketVal = ticketVal; this.saveModel(); return this; }, //点选优惠券后的折扣计算模型,添加一张优惠券后，就会拿优惠券面值减去可优惠总额， addDiscount:function(){ var data = this.initModel(); data.total.ticketVal ? data.total.ticketVal : 0; //如果优惠券面值大于可优惠额度，则用户最终实际支付的价格是总价减去可优惠额度，否则是总价减去优惠券面值 data.total.realDiscount = data.total.discount - data.total.ticketVal >= 0 ? data.total.ticketVal : data.total.discount, data.total.realPrice = userData.total.price - data.total.realDiscount; data.total.realPrice = parseFloat(data.total.realPrice).toFixed(2); this.saveModel(); return this; }, //添加一个商品数量，传入商品ID和库存，修改用户选择数据后，输出this对象以便链式调用 //如果库存大于零，商品件数加1，商品库存减1。如果库存等于-1，那么商品件数加1，商品库存依然等于-1。商品总件数总是加1，总价格总是加一个单价 addGoods:function(goodId){ //如果存在goods[goodId]则执行加法，否则不加，原样返回this对象 var data = this.initModel(),goods = data["goods"],isInfinite = goods[goodId] ? goods[goodId].stock == -1 : false; if(goods[goodId] != undefined && goods[goodId].stock > 0 || isInfinite){ goods[goodId].selNum += 1; isInfinite ? goods[goodId].stock = -1 : goods[goodId].stock -= 1; //商品总件数加1，商品价格增加当前单价 data.total.selNum += 1; data.total.price = parseFloat(data.total.price) + parseFloat(goods[goodId].price); data.total.discount = goods[goodId].discount ? parseFloat(data.total.discount) + parseFloat(goods[goodId].price) : parseFloat(data.total.discount) + 0; data.total.price = parseFloat(data.total.price).toFixed(2); data.total.discount = parseFloat(data.total.discount).toFixed(2); this.addDiscount(); } return this; }, //清除一个商品数量，传入商品ID,返回this delGoods:function(goodId){ var data = this.initModel(),goods = data["goods"]; if(goods[goodId]!= undefined && goods[goodId].selNum >= 0){ //从总件数中减去当前商品的用户选中件数，从总价格中减去商品件数乘以商品单价 data.total.selNum -= goods[goodId].selNum; data.total.price -= goods[goodId].selNum * goods[goodId].price; data.total.discount -= goods[goodId].discount ? goods[goodId].selNum * goods[goodId].price : 0; data.total.price = parseFloat(data.total.price).toFixed(2); data.total.discount = parseFloat(data.total.discount).toFixed(2); //清除该商品ID对应的所有记录 delete goods[goodId]; //计算真实总价和折扣并存储数据模型 this.addDiscount(); }; return this; }, //减少一个商品数量，传入商品ID,输出this对象 //如果该商品用户选择数不为零，那么商品件数减1，商品总件数减1，商品总价格减去单价。如果商品库存不等于-1，则商品库存加1，否则商品库存依然等于-1。 reduceGoods:function(goodId){ var data = this.initModel(),goods = data["goods"],isInfinite = goods[goodId] ? goods[goodId].stock == -1 : false; if(goods[goodId]){ if(goods[goodId].selNum > 0){ //商品件数减1，商品库存加1 goods[goodId].selNum -= 1; isInfinite ? goods[goodId].stock = -1 : goods[goodId].stock += 1; //商品总件数减1，商品价格减去当前单价 data.total.selNum -= 1; data.total.price -= goods[goodId].price; data.total.discount -= goods[goodId].discount ? goods[goodId].price : 0; data.total.price = parseFloat(data.total.price).toFixed(2); data.total.discount = parseFloat(data.total.discount).toFixed(2); //计算真实总价和折扣并存储数据模型 this.creatTicketVal(0).addDiscount(); } } return this; }, //检查已选的商品是否有需要快递的商品 has_seled_express_goods:function(){ var data = this.initModel(),goods = data["goods"]; var res = false; for(var i in goods){ if(goods[i].is_need_express == 1){ res = true; break; } } return res; }, //已选的快递商品总金额（用来计算满包邮） get_express_goods_total:function(){ var data = this.initModel(),goods = data["goods"]; var res = 0; for(var i in goods){ if(goods[i].is_need_express == 1){ res += (goods[i].price * goods[i].selNum); } } return res; } }; /*============加载模型=============*/ function Load(json){ var o = {}; o.json = json; o.totalNumDom = $("#newCountBox .bubble"), //总件数Dom o.totalPriceDom = $("#newCountBox .sumPrice"), //总价格Dom o.__proto__ = Load.prototype; return o; }; Load.prototype = { //创建当前商品的html字符串 createHTML:function(i){ var strVar = ""; strVar += " <div class=\"psr li\" data-goodid="+ this.json[i].id +" data-goodtype="+ this.json[i].goods_type +" data-belong="+ this.json[i].belong +">"; strVar += " <a data-url=\""+urlConfig._urlGoodInfo+"?goodId="+ this.json[i].id +"\" class=\"fl white tc goodDetail\"><span class='actPanel'></span><img src=" + this.json[i].imgSrc +" alt=" + this.json[i].imgAlt +"><\/a>"; strVar += " <div class=\"white tc psa clearfix numPicker\">"; strVar += " <b class=\"fl minus\"><img alt=\"减\" src=\""+urlConfig._ctp+"/Public/Static/images/sprite/minus.png\"><\/b>"; strVar += " <div class=\"fl numtxt gray\">"+ 0 +"<\/div>"; strVar += " <b class=\"fl plus\"><img alt=\"加\" src=\""+urlConfig._ctp+"/Public/Static/images/sprite/plus.png\"><\/b>"; strVar += " <\/div>"; this.json[i].stock = -1; if(this.json[i].stock == -1){ strVar += " <div class=\"tc psa leftNum\">库存充足<\/div>"; }else{ strVar += " <div class=\"tc psa leftNum\">还剩<i>"+ this.json[i].stock +"<\/i>件<\/div>"; } strVar += " <div class=\"goodInfo font16\">"; strVar += "<span class=\"ft16 goodsname\">" + this.json[i].goodsName; if(this.json[i].isDiscount){ strVar += "<b class=\"ui-mark\">券<\/b>"; } strVar += "<\/span>"; if(urlConfig._mt!=5){ strVar += "<span class=\"price psa red\"><em>￥<\/em><i>"+ this.json[i].price +"<\/i><b class=\"gray ft14 oldPrice\">"+ this.json[i].oldPrice +"元<\/b><\/span><\/p>"; }else{ strVar += "<span class=\"price psa red\"><i>"+ parseFloat(this.json[i].score) +"<\/i><em>积分<\/em><\/span><\/p>"; } strVar += " <\/div>"; return strVar; }, //将单个商品填充至页面对应的列表中 fillGoods:function(listType,htmlStr){ //输入商品类目，获得对应的goodListDom $(".modTit").each(function(idx, dom) { if($(dom).attr("data-listtype") == listType){ //插入新建的.li $(dom).next(".goodList").children(".ul").append(htmlStr); } }); }, //加载商品 /* 根据商品是否处于用户选中状态(这个根据userData的内容来判断)来决定数据源（userData or goodsData），根据不同的数据源创建不同的页面状态（包括：html字符串、视图变化）； 根据商品属于哪个类目来决定创建的HTML要插入哪个栏目； 创建完商品之后，将加载来的商品json对象（goodsData）存入cookie缓存起来，以便刷新页面后不丢失状态，从缓存里重新加载 */ loadGoods:function(){ //判断从后台接收的商品数据对象是否为空对象(如果是空对象len<0,如果不是空对象len大于0，如果不是对象而是undefined、null或者Function以及基本数据类型则返回-1) var dataModel = M(), dataObj = this.json, dataObjLen = dataModel.isEmptyObj(dataObj); //此次载入的商品数据对象中商品的个数 if(dataObjLen <= 0) return; for(var i in dataObj){ if(dataObj.hasOwnProperty(i) && i !== "cookieName"){//获取当前商品 //如果userData存在且userData[i]也存在，表示该商品目前属于用户选中状态 var listType=dataObj[i].listType,htmlStr = this.createHTML(i); //插入商品到列表中 this.fillGoods(listType,htmlStr); } }//遍历数据对象结束 } }; /*============视图模型=============*/ function VM(goodDom){ var o = {}; if(typeof goodDom == "object"){ o.dom = goodDom; //获取商品Dom o.stockDom = o.dom.find(".leftNum i"), //商品库存Dom o.selNumDom = o.dom.find(".numtxt"), //购买数量Dom o.priceDom = o.dom.find(".price i"), //商品单价Dom o.actTypeDom = o.dom.find(".actPanel .actionType"), //商品活动类型Dom o.buyDctDom = o.dom.find(".actPanel .buy_discount"), //商品买送优惠Dom o.goodId = o.dom.attr("data-goodid"), //当前商品ID o.belong = o.dom.attr("data-belong"), //当前商品归属 0影院 1 影嘉 o.goodtype = o.dom.attr("data-goodtype"), //当前商品类型，1 券，0 普通商品，2组合商品，这个对应数据库里的goods_type o.name = o.dom.find(".goodsname").children("strong").text(), //商品名字 o.stockStr = o.stockDom.text(), //当前商品库存 o.selNum = o.selNumDom.text(), //当前购买数量 o.price = o.priceDom.text(), //当前商品单价 o.actType = o.actTypeDom.length > 0 ? o.actTypeDom.attr("data-actType") : "", //商品活动类型 o.actTypeStr = o.actTypeDom.length > 0 ? "已"+o.actTypeDom.text() : "", //商品活动类型 o.discount = o.dom.find(".data_ticket").size(), o.is_need_express = o.dom.find(".data_express").size(), //是否快递商品 o.goodImg = o.dom.find(".goodDetail").children('img'), //商品图片Dom o.bubble = $("#newCountBox .bubble"), //所购商品总件数Dom o.stock = o.stockStr == "" ? -1 : o.stockStr; //把无限转成-1 if(o.buyDctDom.length > 0){ o.actBuyNum = o.buyDctDom.find(".buyNum").text(); //商品买数量 o.actFreeNum = o.buyDctDom.find(".freeNum").text();//商品送数量 }else{ o.actBuyNum = 0; o.actFreeNum = 0; } }; o.shoppingCartDom = $("#newCountBox .shoppingCart") o.totalNumDom = $("#newCountBox .bubble"), //总件数Dom o.totalPriceDom = $("#newCountBox .sumPrice i"); //总价格Dom o.ticketDom = $("#useTicket"); //结算面板上的“使用优惠券”链接 o.__proto__ = VM.prototype; return o; }; VM.prototype = { goodFly:function(goodImg,bubble){ //飞到购物车效果 var goodOffset = goodImg.offset(); var bubbleOffset = bubble.offset(); var bodyscroltop = $(document).scrollTop(); var imgsrc = goodImg.attr('src'); var flyer = $('<img class="u-flyer" src="'+ imgsrc +'" style="90px;height:120px;z-index:5">'); flyer.fly({ start: { left: goodOffset.left, top: goodOffset.top - bodyscroltop }, end: { left: bubbleOffset.left, top: bubbleOffset.top, 0, height: 0 }, onEnd: function(){ this.destory(); } }); }, //刷新视图方法，用于点击加减号或商品图片时的商品和结算面板视图的刷新 reloadView:function(){ this.reloadGood(); this.reloadTotal(); }, //刷新单个商品选择数量、库存 reloadGood:function(isdel){ if(userData && userData["goods"] && userData["goods"][this.goodId]){ var goods = userData["goods"] ? userData["goods"] : userData; var goodJson = goods[this.goodId], selNum = isdel ? 0 : goodJson.selNum, stock = isdel ? goodJson.stock == -1 ? -1 : goodJson.stock + goodJson.selNum : goodJson.stock; //更新当前商品视图 this.selNumDom.text(selNum); if(stock == -1){ this.stockDom.parent().html("库存充足"); }else{ this.stockDom.text(stock); } } }, //刷新结算面板总价和总件数 reloadTotal:function(){ if(userData && userData.total){ /*增加结算面板总件数、实际优惠价格和优惠后的总价格*/ this.totalNumDom.text(userData.total.selNum); this.totalPriceDom.text(userData.total.realPrice); if(userData.total.realDiscount > 0){ //this.ticketDom.text("已优惠"+userData.total.realDiscount+"元"); }else{ this.ticketDom.text("用优惠券"); } } }, creatTicketView:function(ticketVal){ //创建面值模型 var realTotal = M(userData).creatTicketVal(ticketVal).addDiscount(); this.reloadTotal(); if(ticketVal <= 0){ this.delTicketID(); } return this; }, //删除优惠券ID delTicketID:function(){ userData.ticket = []; selTicLimitPriceArr = {}; $("#box li .selZone input[type=checkbox]").each(function(index, element) { $(this).prop("checked",""); }); M(userData).saveModel(); return this; }, //添加一个商品 addView:function(){ //先排除不同类型的商品加入同一个订单的情况 for(var i in userData.goods){ if(userData.goods.hasOwnProperty(i)){ /* //由于wemall_orders表添加了write_off_status字段来记录订单中的券或者实物是否已经核销了，因此现在实物和券可以加入同一个订单了。 if($.trim(userData.goods[i].type) != "" && typeof userData.goods[i].type == "string" && userData.goods[i].type != this.goodtype){ $.alert("电子券不能与实物商品加入同一个订单!"); return; } */ if($.trim(userData.goods[i].belong) != "" && userData.goods[i].belong != this.belong){ $.alert("影迷惠生活商品不能与其它分类商品加入同一个订单!"); return; } } } //调用数据模型做添加商品的计算。 //这里使用creat方法是因为：如果没有就创建一条记录，如果有就不会创建记录，而是从userData里取 var thisGood = M(userData).creat(this.goodId,this.stock,this.price,this.discount,this.goodtype,this.name,this.actType,this.actTypeStr,this.actBuyNum,this.actFreeNum,this.is_need_express,this.belong).addGoods(this.goodId).json["goods"][this.goodId]; //如果存在折扣即显示“使用优惠券” if(userData.total.discount > 0 && !this.ticketDom.hasClass("show")){ //this.ticketDom.addClass("show"); } //添加一个商品后刷新页面视图 this.reloadView(); //如果选择了一个以上的商品，即显示商品个数气泡 if(userData.total.selNum > 0 && !this.totalNumDom.hasClass("show")){ this.totalNumDom.addClass("show"); this.shoppingCartDom.addClass("orangeBG"); } //操作与"添加一个商品"相关的视图 $(".numPicker .numtxt",this.dom).show().prev(".minus").show(); //判断是否执行飞入购物车动画 if(!$(".plus",this.dom).hasClass("disabled")){ this.goodFly(this.goodImg,this.bubble); } //库存为0且库存没有被标记为无穷（也就是库存不为-1）时使加号不可用 /* if(thisGood.stock <= 0 && thisGood.stock != -1){ $(".plus",this.dom).addClass("disabled"); $.toast("抱歉，这个商品卖完了！","text"); }*/ return this; }, //减去一个商品 reduceView:function(){ //如果没有就创建一条记录，如果有就不会创建记录，而是从userData里取库存 var thisGood = M(userData).creat(this.goodId,this.stock,this.price,this.discount,this.goodtype,this.name,this.actType,this.actTypeStr,this.actBuyNum,this.actFreeNum,this.is_need_express,this.belong).reduceGoods(this.goodId).json["goods"][this.goodId]; if(userData['ticket'].length>0){ $.toast("您减选了商品数量，请重新选择优惠券！","text"); } //如果当前选择数量已经为1，则调用清除视图方法 if(thisGood.selNum < 1){ this.delView(); return; }; this.delTicketID(); //减去一个商品后刷新页面视图 this.reloadView(); //操作与"减去一个商品"相关的视图 //库存大于0且库存被标记为无穷（也就是库存为-1）时使加号恢复可用 if(thisGood.stock > 0 || thisGood.stock == -1){ $(".plus",this.dom).removeClass("disabled"); } return this; }, //清除一个商品 delView:function(){ //先获取清除前商品的剩余库存和用户已经选择的商品数量，将它们相加，得出商品在用户还没选择的时候的库存 this.reloadGood(true); //如果没有就创建一条记录，如果有就不会创建记录，而是从userData里取库存 var thisGood = M(userData).delGoods(this.goodId),selGoods = 0; //如果不存在折扣即隐藏“使用优惠券” if(userData.total.discount <= 0 && this.ticketDom.hasClass("show")){ this.ticketDom.removeClass("show"); } //删除当前商品数据并从总件数和总价格中减去了属于当前商品的部分后，刷新结算面板 this.reloadTotal(); //如果选择了一个以下的商品，即隐藏商品个数气泡 if(userData.total.selNum <= 0 && this.totalNumDom.hasClass("show")){ this.totalNumDom.removeClass("show"); this.shoppingCartDom.removeClass("orangeBG"); } /*是否最后一个清除*/ $(".plus").each(function(idx, ele) {Number($(ele).data("holdmark")) ? selGoods += 1 : selGoods}); //如果是最后一个取消，则关闭结算面板 if(selGoods <= 1){ this.creatTicketView(0); } //恢复加号可用，清除视图 $(".plus",this.dom).removeClass("disabled"); $(".numPicker .numtxt",this.dom).hide().prev(".minus").hide(); return this; } }; //渲染购物车里已购买的商品的列表 function rendBuyList(goods){ var i, htmlstr = "", thtml = "", buyList = $("#buyList"), clearBtn = $("#clearBtn"), btntxt = "", goodLen = M().isEmptyObj(goods); for(i in goods){ if(goods.hasOwnProperty(i)){ var good = goods[i]; htmlstr += "<li class=\"buy"+ i +"\"><span class=\"lightGray ft14 cutFont goodname\">"+ good.name +"<\/span>"; htmlstr += "<span class=\"fr\">"; if(good.is_need_express == 1) { htmlstr += "<b class=\"ui-mark data_express \">快递</b>"; } htmlstr += "<b class=\"lightGray ft14 goodSelNum\">×" + good.selNum + "<\/b><i class=\"gray ft14\">￥" + good.price + "<\/i><\/span></li>"; } } if(goodLen > 0){ var total_sum = userData["total"].price; thtml += "<div class=\"ft14 gray tr totalSum\">"; var has_express_fee = M(userData).has_seled_express_goods(); var express_goods_total = M(userData).get_express_goods_total(); if(has_express_fee) { if(express_goods_total >= parseFloat(_free_express_total)){ thtml += "<strong style=\"margin-right:10px;\" class=\"red\">本单包邮</strong>"; }else{ total_sum = parseFloat(userData["total"].price) + parseFloat(_express_fee); thtml += "<span style=\"margin-right:10px\">本单含快递费<strong>" + _express_fee + "</strong>元</span>"; } } thtml += "<span class=\"mr10\">合计<strong>"+ total_sum +"元<\/strong>"; if(userData["ticket"].length > 0){ thtml += ",使用<strong>"+ userData["ticket"].length +"<\/strong>张券抵用<strong>"+ userData["total"].realDiscount +"元<\/strong><\/span>"; } if(has_express_fee && express_goods_total < parseFloat(_free_express_total)) { thtml += "<div class=\"express_free_tip\">快递商品凑满"+ _free_express_total +"元包邮哦！^_^</div>"; } thtml += "<\/div>"; } if(htmlstr.length > 0){ btntxt = "清空购物车"; htmlstr = "<ul>"+ htmlstr +"<\/ul>"; }else{ btntxt = "关闭"; var tipStr = ""; if($(".data_express").size() > 0){ tipStr = "~选购快递商品满<strong class=\"red\">80元</strong>包邮!~"; }else{ tipStr = "~购物车里还没有任何商品!~"; } htmlstr = "<div class=\"tc ft18 gray nogoods\" style=\"height:100px;line-height:60px\">"+tipStr+"</div>"; } buyList.html(htmlstr+thtml); clearBtn.text(btntxt); } /*点击“立即支付”时的回调函数*/ function payBtnCallBack(){ //如果用户选择了至少一件商品则提交 var udataJson = $.cookies.get('userData'),len = M().isEmptyObj(udataJson.goods); if(len > 0){ if(urlConfig._allRefund==0){ submitOrder(udataJson); }else{ submitOrder(udataJson); } }else{ //否则提醒用户至少要选择一件商品 $.toast("至少选择一件商品才能提交哦~！", "text"); } } //构建GET请求的URL，跳转到订单详情页 function submitOrder(udataJson){ var selGoodId=[],queryString="",reqUrl =_subOrder; var queryString = "", user_data = $.extend({},udataJson,true); user_data.pay_way = 1; user_data.modelType = urlConfig._mt; user_data.seatNo = urlConfig._seatNo; user_data.inputSeatNo = urlConfig._inputSeatNo; user_data.goodsId = Object.keys(userData.goods); queryString = $.param(user_data); reqUrl = reqUrl + "&"+queryString; window.location.href = reqUrl; } function replaceHistory(){ var d = new Date(); var timestr = d.getTime(); //将当前的query后缀附到当前地址后面压入历史记录栈。 var urlStr=urlConfig._selUrl.substr(0,urlConfig._selUrl.lastIndexOf(".")); urlStr+="/historytime/"+ timestr; urlStr+=".html"; history.pushState({ title: document.title }, document.title, urlStr); } /*=================各种初始化=====================*/ //刷新后清空用户数据 function clearUserData(){ $(".li").each(function(idx, ele) { VM($(this)).delView(); }); userData={}; VM().creatTicketView(0); var htmlstr = ""; if($(".data_express").size() > 0){ htmlstr = "~选购快递商品满<strong class=\"red\">80元</strong>包邮!~"; }else{ htmlstr = "~购物车里还没有任何商品!~"; } $("#buyList").html("<div class=\"tc ft18 gray nogoods\" style=\"height:100px;line-height:60px\">"+htmlstr+"</div>"); //清空购物车视图 }; clearUserData(); /*============各种事件绑定DOM=============*/ //点击“提交” $("#payBtn").on("click",payBtnCallBack); //获得商品活动的活动价格和活动类型 $.ajax({ url:urlConfig._ajaxGetGoodsPrice, //这里用GET提高效率 type: 'GET', //这里用GET提高效率 dataType: 'json', //类型 data:{"modelType":urlConfig._mt}, success: function(result) { console.log(result); var unitName = urlConfig._mt == 5 ? "积分":"元"; var goods = $("#wrapper .goodList .li"); var actName = [null,"特价","折","降","涨"]; var actClass = ["actType0","actType1","actType2","actType3","actType4"]; goods.each(function(idx,el){ var notActPrice = $(el).find(".price").children("i").text(); var gid = $(el).data("goodid"); for(var i=0,len=result.length;i<len;i++){ if(gid == result[i].id){ console.log(gid); var dctType = result[i].discount_type; var actPrice = result[i].act_price; var actTip = ""; switch(dctType){ case "1": actTip = actName[dctType]; break; case "2": var dctVal = (actPrice / notActPrice * 10).toFixed(2); actTip = dctVal + actName[dctType]; break; case "3": dctType = notActPrice >= actPrice ? dctType : 4; var dctVal = Math.abs(notActPrice - actPrice); actTip = actName[dctType] + dctVal + unitName; break; } $(el).find(".price").children("i").html(actPrice); $(el).find(".price").children("b").html(notActPrice+"元"); var actIcon_str = '<b data-actType="'+ dctType +'" class="actIcon ' + actClass[dctType] + ' actionType">' + actTip + '</b>'; if(!result[i].buy_discounts == ""){ var dctFree = result[i].buy_discounts.split(","); var buyNum = dctFree[0],freeNum = dctFree[1]; actIcon_str += '<b class="actIcon ' + actClass[0] + ' buy_discount">买<i class="buyNum">' + buyNum + '</i>送<i class="freeNum">' + freeNum + '</i></b>'; } $(el).find(".actPanel").append(actIcon_str); } } }) }, error: function(){ $.toast("加载商品活动信息失败,请刷新页面！","text"); }, }); //========================================================================================= /* var fnHashTrigger = function(target) { var query = location.href, eleTarget = target || null; if (typeof query != "undefined") { eleMenus.each(function() { if (eleTarget === null && query.indexOf($(this).attr("data-url"))>0) { eleTarget = this; } }); if (!eleTarget) { history.replaceState(null, document.title,query); }else{ history.replaceState(null, document.title,urlConfig._selUrl); //否则执行点击操作 $(eleTarget).trigger("click"); } } }; if (history.pushState) { window.addEventListener("popstate", function() { $('.wraper').css("display","block"); //解除屏蔽商品详情弹框背后主页的滚动 $("#DetailPage").hide(); fnHashTrigger(); }); fnHashTrigger(); }*/ //============================================================================================ //点击加号添加一个当前商品 $(".goodList .li").on("click",".plus",function(e){ var _that = $(this).parents(".li"); $("#newCountBox .bubble").css("transition","visibility 1s ease-out 0.6s"); $("#newCountBox .shoppingCart").css("transition","background 1s ease-out 0.6s"); VM(_that).addView(); e.stopPropagation(); }); //点击减号减去一个当前商品 $(".goodList .li").on("click",".minus",function(e){ var _that = $(this).parents(".li"); $("#newCountBox .bubble").css("transition","visibility 0s ease-out 0s"); $("#newCountBox .shoppingCart").css("transition","background 0s ease-out 0s"); VM(_that).reduceView(); e.stopPropagation(); }); //点击取消清除一个当前商品 /* $(".goodList").on("click",".li .holdMark",function(){ var _that = $(this).parents(".li"); VM(_that).delView(); });*/ //点击“清空商品”清空所有商品 $("#shopingList").on("click","#clearBtn",function(){ clearUserData(); }); //购物车面板展开和收缩之前，构建购物车面板的HTML结构 $(document).on("bfopen",".weui-popup__modal",function(){ rendBuyList(userData.goods); $("#shopCart").addClass("close-popup").removeClass("open-popup"); }).on("open", ".weui-popup__modal", function() { }).on("close", ".weui-popup__modal", function() { $("#shopCart").addClass("open-popup").removeClass("close-popup"); }); //=====构建商品详情html=================== function creatImgList(data,tit,gid) { var htmlstr = ""; htmlstr += '<ul class="swiper-wrapper">'; for(var i=0;i<data.length;i++){ htmlstr += '<li class="swiper-slide tc" ><img style="min-height:100%;" src="'+data[i]+'" /></li>'; } htmlstr += '</ul>'; $(".container .swiper-container").html(htmlstr); var txt = $(".container .txt"); $(".tit",txt).html(tit); $(".gid",txt).html(gid); } function createGoodIntro(data) { var strVar = ""; strVar += '<div class="self-support">'; strVar += ' <span class="tag tag-solid">'+ data.goods_type +'</span>'; if(data.physical_goods) strVar += ' <span class="tag tag-blue">实物</span>'; if(data.coup_desc) strVar += ' <span class="tag tag-blue">券包</span>'; if(data.timecard_desc) strVar += ' <span class="tag tag-blue">次卡</span>'; if(data.sell_times) strVar += ' <span class="desc">'+ data.sell_times +'</span>'; strVar += '</div>'; strVar += '<div class="title">'+ data.title +'</div>'; strVar += '<div class="price">'; strVar += ' <div class="g-flexbox">'; strVar += ' <div class="flex g-flexbox">'; strVar += ' <span class="ftmidle cont">'; if(['1','2'].includes(oo.modeType)){ strVar += ' <span class="yen">¥</span><span class="num" id="js-price">'+ data.price +'</span><span class="per">￥'+ data.oldprice +'</span>'; }else{ strVar += ' <span class="num" id="js-price">'+ data.price +'</span><span class="yen">分</span><span class="per">￥'+ data.oldprice +'</span>'; } //strVar += ' <span class="price-tip"><i class="yo-ico"></i></span>'; strVar += ' </span>'; strVar += ' </div>'; strVar += ' <div class="selled-count">'+ data.stock +'</div>'; strVar += ' </div>'; strVar += '</div>'; if(data.physical_goods){ strVar += '<div class="crazy-entry">'; strVar += ' <div class="cz-item"><strong>实物</strong>'+ data.physical_goods +'</div>'; strVar += '</div>'; } if(data.coup_desc){ strVar += '<div class="crazy-entry">'; strVar += ' <div class="cz-item"><strong>券包</strong>'+ data.coup_desc +'</div>'; strVar += '</div>'; } if(data.timecard_desc){ strVar += '<div class="crazy-entry">'; strVar += ' <div class="cz-item"><strong>次卡</strong>'+ data.timecard_desc +'</div>'; strVar += '</div>'; } console.log(data.act); if(data.act.length > 0){ strVar += '<div class="tag-list properties g-flexbox">'; strVar += ' <div class="flex tag-wraper">'; for(var j = 0;j < data.act.length;j++){ strVar += ' <span class="g-tag"><span class="txt">'+data.act[j]+'</span></span>'; } strVar += ' </div>'; /*if(data.server.length > 0){ strVar += ' <div class="flex tr">'; for(var k = 0;k < data.server.length;k++){ strVar += ' <span class="ft12"><i class="ico yo-ico ftmidle"></i><span class="ico-text ftmidle">'+ data.server[k] +'</span></span>'; } strVar += '</div>'; }*/ strVar += '</div>'; } if(data.server.length > 0){ strVar += '<div class="tag-list properties g-flexbox">'; strVar += ' <div class="flex">'; for(var k = 0;k < data.server.length;k++){ strVar += ' <span class="ft12"><i class="ico yo-ico ftmidle"></i><span class="ico-text ftmidle">'+ data.server[k] +'</span></span>'; } strVar += ' </div>'; //strVar += ' <div class="yo-ico ico-arrow"></div>'; strVar += '</div>'; } $(".main .m-hdinfo").html(strVar); } function createGroups(data) { var strVar = ""; var strVar2 = ""; var strVar3 = ""; coup_len = data.coupons.length; temp_len = data.template_list.length; if(coup_len > 0){ strVar += ' <div class="m-travel-info">'; strVar += ' <div class="tit">券包<div class="dep">共'+ coup_len +'张</div></div>'; strVar += ' </div>'; strVar += ' <div class="sticky m-multiple-tab " style="top: 39px;margin-bottom: 12px;">'; strVar += ' <div class="transform ">'; for(var r=0;r<coup_len;r++){ var cps = data.coupons[r]; var lotval = parseInt(cps.value); strVar += ' <div class="item active no-triangle">'; strVar += ' <div class="item-tag g-flexbox">'; if(lotval==0){ strVar += ' <div class="desc">免费</div>'; }else{ strVar += ' <div class="desc"><span>'+ lotval +'</span><span>元</span></div>'; } strVar += ' <div class="item-text">'+cps.type+'</div>'; strVar += ' </div>'; strVar += ' <div class="tit">'+ cps.title +'</div><div class="cpnum">'+cps.number+'张</div>'; strVar += ' </div>'; } strVar += ' </div>'; strVar += ' </div>'; } $("#coupList").html(strVar); if(temp_len > 0) { strVar2 += ' <div class="m-travel-info">'; strVar2 += ' <div class="tit">次卡<div class="dep">共'+temp_len+'张</div></div>'; strVar2 += ' </div>'; strVar2 += ' <div class="m-point m-multi">'; var flag = false; for(var i = 0; i < temp_len; i++) { var tcp = data.template_list[i]; strVar2 += ' <div class="cardInfo">'; strVar2 += ' <div class="contain" style="font-weight: bold;"># '+ tcp.title +' <b style="color: #f30;">'+ data.template_list[i].number +'</b> 张</div>'; strVar2 += ' <ul class="cont">'; strVar2 += ' <li class="item">'; strVar2 += ' <img class="img" src="//s.qunarzz.com/vacation_react/detail/d_sellingPoint_1.png">'; strVar2 += ' <span class="content">'+ tcp.validate +'</span>'; strVar2 += ' </li>'; strVar2 += ' <li class="item">'; strVar2 += ' <img class="img" src="//s.qunarzz.com/vacation_react/detail/d_sellingPoint_2.png">'; strVar2 += ' <span class="label">可用次数：</span><span class="content">'+ tcp.use_times +'次</span>'; strVar2 += ' </li>'; if(tcp.price_plus != "") { strVar2 += ' <li class="item">'; strVar2 += ' <img class="img" src="//s.qunarzz.com/vacation_react/detail/d_sellingPoint_3.png">'; strVar2 += ' <span class="label">次卡补差:</span><span>以下日期需要额外支付补差金额</span>'; strVar2 += ' <div class="desc"><b class="content" style="color:#999">'+ tcp.price_plus +'</b></div>'; strVar2 += ' </li>'; if(!flag) flag = true; } strVar2 += ' </ul>'; strVar2 += ' </div>'; } if(flag){ strVar2 += ' <div class="item" style="padding-top: 32px;">'; strVar2 += ' <span class="label" style="color:#999">次卡补差规则中【节假日】指如下时间段</span>'; strVar2 += ' </div>'; for(var j = 0; j < data.holiday_list.length; j++) { strVar2 += ' <div class="item">'; strVar2 += ' <span class="content" style="color:#999">'+ data.holiday_list[j] +'</span>'; strVar2 += ' </div>'; } } strVar2 += ' </div>'; } $("#timeCardList").html(strVar2); if(data.detail_desc != "") { strVar3 += ''; strVar3 += ' <div class="m-travel-info">'; strVar3 += ' <div class="tit">商品描述</div>'; strVar3 += ' </div>'; strVar3 += ' <div class="m-point m-multi">'; strVar3 += ' <div class="item">'+ data.detail_desc +'</div>'; strVar3 += ' </div>'; } $("#detailDesc").html(strVar3); } //=====点击“商品详情”进入商品详情页 START======= var eleMenus = $(".goodList .goodDetail"); $(".goodList").on("click",".goodDetail",function(event){ var page_width = $(document).width(); var parents = $(this).parents(".li"); var goodId = parents.attr("data-goodid"); //从后台请求商品详细描述 $.ajax({ url:urlConfig._urlGoodInfo, //这里用GET提高效率 type: 'GET', //这里用GET提高效率 dataType: 'json', //类型 data:{'goodId':goodId,"modelType":oo.modeType}, async: true, success: function(result) { if(!!result==true){ creatImgList(result.imgs,result.goods_type,goodId); createGoodIntro(result); createGroups(result); /* _swiper = new Swiper('.swiper-container', { nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', pagination: '.swpnum', paginationType: 'fraction' }); */ $('.wraper').css("display","none"); //屏蔽商品详情弹框背后主页的滚动 //替换当前URL地址和title并存入历史记录栈 document.title = "商品详情"; $("html").css("font-size","100px"); //将当前的query后缀附到当前地址后面压入历史记录栈。 var urlStr=urlConfig._selUrl.substr(0,urlConfig._selUrl.lastIndexOf(".")); urlStr+="/goodId/"+parents.attr("data-goodid"); urlStr+=".html"; history.pushState({ title: document.title }, document.title, urlStr); //替换完商品信息后，将商品详情显示出来 $("#DetailPage").show(); }else{ $.toast("请求失败,请稍后再试","text"); } }, error: function(){ $.toast("请求失败,请稍后再试","text"); }, }); }); var fnHashTrigger = function(target) { var query = location.href, eleTarget = target || null; if (typeof query != "undefined") { eleMenus.each(function() { if (eleTarget === null && query.indexOf($(this).attr("data-url"))>0) { eleTarget = this; } }); if (!eleTarget) { if(query.indexOf("ticstate") > 0){ history.replaceState(null, document.title,urlConfig._selUrl); $("#useTicket").trigger("click"); }else{ history.replaceState(null, document.title,query); } //history.replaceState(null, document.title,query); }else{ history.replaceState(null, document.title,urlConfig._selUrl); //否则执行点击操作 $(eleTarget).trigger("click"); } } }; if (history.pushState) { window.addEventListener("popstate", function() { $('.wraper').css("display","block"); //解除屏蔽商品详情弹框背后主页的滚动 //var url = document.referrer; //console.log(url); //if(url.indexOf("goodId")>0){ _swiper = null; $("#DetailPage").hide(); $("html").css("font-size","20px"); //} //if(url.indexOf("ticstate")>0){ $("#div_content").hide(); //} fnHashTrigger(); }); fnHashTrigger(); } //=====点击“商品详情”进入商品详情页 END======= });