Home Explore Help
Sign In
liujiankang
/
static
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

watero 改版

wangxiaoming 6 years ago
parent
9fbeb7810e
commit
f6d2a00366
100 changed files with 12530 additions and 0 deletions
Split View Show Diff Stats
  1. 83 0
      watero/add_information.html
  2. 10 0
      watero/after_sale_service.html
  3. 97 0
      watero/after_service_watero.html
  4. 71 0
      watero/cash_log.html
  5. 119 0
      watero/chanpin_details.html
  6. 113 0
      watero/chanpin_list.html
  7. 1037 0
      watero/clearing.html
  8. 56 0
      watero/coupon.html
  9. 230 0
      watero/coupon_bag.html
  10. 52 0
      watero/coupon_dec.html
  11. 79 0
      watero/coupon_list.html
  12. 20 0
      watero/css/add_information.css
  13. 521 0
      watero/css/animate.css
  14. 3128 0
      watero/css/animate.min.css
  15. 11 0
      watero/css/cash_log.css
  16. 30 0
      watero/css/chanpin_details.css
  17. 44 0
      watero/css/clearing.css
  18. 192 0
      watero/css/common.css
  19. 33 0
      watero/css/coupon.css
  20. 35 0
      watero/css/coupon_list.css
  21. 791 0
      watero/css/css.css
  22. 10 0
      watero/css/daili_2wm.css
  23. 8 0
      watero/css/daili_order_list.css
  24. 22 0
      watero/css/fenxiao_center.css
  25. 15 0
      watero/css/fenxiao_up.css
  26. 568 0
      watero/css/iconfont.css
  27. 63 0
      watero/css/icons-extra.css
  28. 1227 0
      watero/css/index.min.css
  29. 170 0
      watero/css/javascript.fullPage.css
  30. 210 0
      watero/css/jquery.fullPage.css
  31. 132 0
      watero/css/mobile.css
  32. 112 0
      watero/css/mui.indexedlist.css
  33. 5 0
      watero/css/mui.min.css
  34. 7 0
      watero/css/mui.picker.min.css
  35. 64 0
      watero/css/mui.poppicker.css
  36. 166 0
      watero/css/newapp.css
  37. 20 0
      watero/css/order_list.css
  38. 11 0
      watero/css/personal_information.css
  39. 156 0
      watero/css/previewimage.css
  40. 377 0
      watero/css/style.css
  41. 12 0
      watero/css/swiper.min.css
  42. 65 0
      watero/css/vip_center.css
  43. 128 0
      watero/css/vip_center51.css
  44. 52 0
      watero/daili_2wm.html
  45. 66 0
      watero/daili_order_list.html
  46. 66 0
      watero/daili_rebackOrder_list.html
  47. 81 0
      watero/fenxiao_2wm.html
  48. 69 0
      watero/fenxiao_apply_submitSuccess.html
  49. 121 0
      watero/fenxiao_center.html
  50. 131 0
      watero/fenxiao_center2.html
  51. 67 0
      watero/fenxiao_mendian_next_user_list.html
  52. 55 0
      watero/fenxiao_next_user_list.html
  53. 68 0
      watero/fenxiao_next_user_list2.html
  54. 69 0
      watero/fenxiao_order_list.html
  55. 81 0
      watero/fenxiao_pay_win.html
  56. 80 0
      watero/fenxiao_tixian_apply.html
  57. 70 0
      watero/fenxiao_tixian_log.html
  58. 67 0
      watero/fenxiao_to_accounts_list.html
  59. 66 0
      watero/fenxiao_to_accounts_list2.html
  60. 66 0
      watero/fenxiao_to_transfer_accounts_list.html
  61. 68 0
      watero/fenxiao_up.html
  62. BIN
      watero/fonts/iconfont.ttf
  63. BIN
      watero/fonts/mui-icons-extra.ttf
  64. BIN
      watero/fonts/mui.ttf
  65. 277 0
      watero/free_collection.html
  66. 305 0
      watero/gift_card_agent_center.html
  67. 174 0
      watero/gift_card_exchange_list.html
  68. 66 0
      watero/iamberry_video.html
  69. 65 0
      watero/iamberry_video_list.html
  70. BIN
      watero/images/1.png
  71. BIN
      watero/images/2.png
  72. BIN
      watero/images/3.png
  73. BIN
      watero/images/4.png
  74. BIN
      watero/images/404.jpg
  75. BIN
      watero/images/5.png
  76. BIN
      watero/images/6.png
  77. BIN
      watero/images/7.png
  78. BIN
      watero/images/alert-bg1.png
  79. BIN
      watero/images/all1_icon.png
  80. BIN
      watero/images/all_icon.png
  81. BIN
      watero/images/allorder_icon.png
  82. BIN
      watero/images/banner-1.jpg
  83. BIN
      watero/images/banner-2.jpg
  84. BIN
      watero/images/banner-20190101.png
  85. BIN
      watero/images/banner-20190102.png
  86. BIN
      watero/images/banner_4.jpg
  87. BIN
      watero/images/bg_2wm.jpg
  88. BIN
      watero/images/bg_gz_2wm.png
  89. BIN
      watero/images/bg_quan_01.jpg
  90. BIN
      watero/images/bg_quan_02.jpg
  91. BIN
      watero/images/btn-guize.png
  92. BIN
      watero/images/btn-jilu.png
  93. BIN
      watero/images/btn-jixu.png
  94. BIN
      watero/images/btn-share.png
  95. BIN
      watero/images/btn-wheel-bg.png
  96. BIN
      watero/images/c_checkbox_off.png
  97. BIN
      watero/images/c_checkbox_on.png
  98. BIN
      watero/images/camera.jpg
  99. BIN
      watero/images/camera.png
  100. 0 0
      watero/images/chanpin-1.jpg

+ 83 - 0
watero/add_information.html
View File 

@@ -0,0 +1,83 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/mui.picker.min.css"/>
 
+	<link rel="stylesheet" type="text/css" href="css/mui.poppicker.css"/>
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/add_information.css" />
 
+	<script type="text/javascript">
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<div class="mui-content">
 
+	<!-- 遮罩层 start -->
 
+	<div id="guize-picture" class="mui-popover mui-popover-action mui-popover-bottom" style="top:0">
 
+		<img style="margin-top:40%;margin-left: 5%;" width="90%" src="images/place_show_eg.png" />
 
+	</div>
 
+	<!-- 遮罩层end -->
 
+
 
+	<div class="tips more">
 
+
 
+	</div>
 
+	<div class="tips-title" style="height: 100%;width: 100%;text-align: center;line-height: 31px;"><span>请您完善以下信息，并确保真实！</span><a href="#guize-picture" style="font-size: 14px;">查看示例</a></div>
 
+	<form class="mui-input-group">
 
+		<div class="mui-input-row">
 
+			<label>联系人姓名</label>
 
+			<input type="text" class="mui-input-clear" placeholder="请输入您的联系人姓名" id="ipt-name" maxlength="10">
 
+		</div>
 
+		<div class="mui-input-row">
 
+			<label>手机号码</label>
 
+			<input type="tel" class="mui-input-clear" placeholder="请输入您的真实号码" id="ipt-phone" maxlength="12">
 
+		</div>
 
+		<div class="mui-input-row">
 
+			<label style='width:35%'>店铺/代理名称</label>
 
+			<input style='width:65%' type="text" class="mui-input-clear" placeholder="请输入您的店铺/代理名称" id="ipt-shop-name" maxlength="30">
 
+		</div>
 
+		<div class="mui-input-row">
 
+						<span class="my-arrowright">
 
+								<span class="triangle-down"></span>
 
+						</span>
 
+			<label>所在区域</label>
 
+			<input type="text" readonly="readonly" placeholder="请选择您的所在区域" id='showCityPicker3'>
 
+		</div>
 
+		<div class="mui-input-row">
 
+			<label>详细地址</label>
 
+			<input type="text" class="mui-input-clear" placeholder="请输入您的详细地址" id="ipt-address" maxlength="30">
 
+		</div>
 
+	</form>
 
+	<br />
 
+	<div class="mui-content-padded">
 
+		<button type="button" class="mui-btn mui-btn-block mui-btn-red" id="btn_submit" >提交,进入分销中心>></button>
 
+	</div>
 
+</div>
 
+<div id='cityResult3' class="ui-alert"></div>
 
+<div id="popover" class="mui-popover">
 
+	<div class="yes-dalog"><div><div class="content-yes"><span><span class="mui-icon mui-icon-checkmarkempty"></span></span></div><h4>已提交审核！</h4><h5>信息将进入后台审核，请耐心等候</h5><div class="btn-yes">确认</div></div></div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/mui.picker.min.js"></script>
 
+<script src="js/mui.poppicker.js"></script>
 
+<script src="js/city.data.js" charset="utf-8"></script>
 
+<script src="js/city.data-3.js" charset="utf-8"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/add_information.js"></script>
 
+</body>
 
+</html>

+ 10 - 0
watero/after_sale_service.html
View File 

@@ -0,0 +1,10 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <title>售后服务</title>
 
+</head>
 
+<body>
 
+
 
+</body>
 
+</html>

+ 97 - 0
watero/after_service_watero.html
View File 

@@ -0,0 +1,97 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>售后服务</title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=3, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css">
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.after-table-view li{position: relative;padding-left: 10px;font-size: 13px;}
 
+		.after-table-view li:after{content: '';position: absolute;left: 0;top:7px;width: 6px;height: 6px;border-radius: 50%;background: #63ccdf;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body style="background: #fff;">
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<div class="mui-content" style="background: #fff;">
 
+	<div class="mui-content-padded">
 
+	<h4 class="mui-text-center" style="padding: 20px 0 10px 0;">watero净水机售后服务政策</h4>
 
+	<p style="font-size: 13px;text-indent: 2em;">
 
+		依据中国产品质量监督委员会规定的《部分商品修理更换退货
 
+		责任规定》、《中华人民共和国消费者权益保护法》以及《产品质
 
+		量法》的有关规定，为维护公司销售产品及品牌的信誉，维护消费
 
+		者权益，制定以下售后服务细则，消费者可通过售后服务热线：
 
+		400-8006692或关注对应品牌产品的微信公众号联系客服，享受
 
+		相关售后服务
 
+	</p>
 
+	<ul class="after-table-view">
 
+		<li>
 
+			一.	产品签收开箱检查发现配件损坏、漏发情况，经沟通核实后给予补寄，补寄运费由公司承担
 
+		</li>
 
+		<li>
 
+			二.	自签收之日起七天内（含）消费者可享受以下售后服务：
 
+			<div>
 
+				1. 产品未出现性能问题，消费者可无理由退货，无理由退货具体要求如下：
 
+				<p class="mui-h6">
 
+				（1）影响二次销售的情况：产品被人为损坏、包装箱破损人为导致零配件缺失、随机耗材被消耗使用均不在七天无理由退货范围内，需按各产品的 价目表 收取折旧费用（含耗材费用）运费由消费者承担
 
+				</p>
 
+				<p class="mui-h6">（2）除以上不影响二次销售情况，消费者只需承担寄回运费</p>
 
+				2.	发生非人为损坏的性能问题，消费者可选择退货、换货或维修，所产生的来回运费、耗材、人工费用由公司承担
 
+			</div>
 
+		</li>
 
+		<li>
 
+			三.	自签收之日起三个月内（含）发生非人为损坏的性能问题消费者可以选择换货或修理，所产生的来回运费、人工费用由公司承担。耗材滤芯不在换货范围内，换货寄回时用户需取下机器上的滤芯（可用保鲜膜封住滤芯口并放冰箱冷藏保存）
 
+		</li>
 
+		<li>
 
+			四.	自签收之日起至一年内（含），主机（不包含配件、耗材）发生非人为损坏的性能问题，消费者可以选择修理，所产生的来回运费、耗材、人工费用由公司承担。
 
+		</li>
 
+		<li>
 
+			五.	自签收之日起超出一年，消费者可以选择修理，消费都需按各产品的价目表自费修理，并自费承担来回运费
 
+		</li>
 
+		<li>
 
+			六.	三包有效期内，因性能故障经两次修理仍不能正常使用的核实修理记录后，免费为消费者调换同型号同规格的商品同型号同规格产品停产的，应当调换不低于原产品性能的同品牌商品
 
+		</li>
 
+		<li>
 
+			七.	三包有效期内，符合换货条件的，消费者不愿意换货而要求退货的，应当予以退货，并按各产品价目表的规定收取相关费用
 
+		</li>
 
+		<li>
 
+			八.	产品发生以下情况的，属于非保修范围，需按各产品价目表规定付费维修：
 
+			<div>1.已超过三包有效期限</div>
 
+			<div>2.不能出示发票或购买凭证</div>
 
+			<div>3.发票或者购买记录与实际不符，或者发票有涂改、严重污损</div>
 
+			<div>4.因不可抗力造成的损坏</div>
 
+			<div>5.未经授权的维修、误用、碰撞、疏忽、滥用、进液、事故、改动、拆动、不正确使用非本机配件；或撕毁、涂改标贴、机 身序号、防伪标记等行为</div>
 
+			<div>6.“三包”凭证的型号与修理产品型号不符或涂改的</div>
 
+			<div>7.使用环境（如电压、湿度、温度、通风条件等）不符合产品</div>
 
+			<div>说明书的表述，造成的损坏</div>
 
+		</li>
 
+		<li>
 
+			九.	消费者产品在三个月有进行过换新的，自换新日开始计算质保期限；消费者产品在三个月至一年内有维修的，维修期限从维修后签收日开始延续计算
 
+		</li>
 
+	</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script type="text/javascript">
 
+    mui.ready(function(){
 
+        document.querySelector('.loading-bg').style.display='none';
 
+    });
 
+</script>
 
+</body>
 
+</html>

+ 71 - 0
watero/cash_log.html
View File 

@@ -0,0 +1,71 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>金额记录</title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/cash_log.css" />
 
+	<script type="text/javascript">
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<div class="cash-header">
 
+	<div>
 
+		用户总余额（元）
 
+		<div class="box-child">
 
+			<div id="userIncome">0.00</div>
 
+			<div><span class="my-btn-tx go_tixian_cash">提现</span></div>
 
+		</div>
 
+	</div>
 
+</div>
 
+
 
+<!--下拉刷新容器开始-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表开始-->
 
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
 
+
 
+		</ul>
 
+		<!--数据列表结束-->
 
+	</div>
 
+</div>
 
+<!--下拉刷新容器结束-->
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/cash_log.js"></script>
 
+</body>
 
+</html>

+ 119 - 0
watero/chanpin_details.html
View File 

@@ -0,0 +1,119 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+	<meta charset="utf-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/icons-extra.css"/>
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/chanpin_details.css" />
 
+</head>
 
+
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<div class="mui-content" style="background: #fff">
 
+	<div id="tabbar-chanpin-details" class="mui-segmented-control" style="display: none">
 
+		<a class="mui-control-item mui-active" href="#item1">
 
+			商品信息
 
+		</a>
 
+		<!-- 					<a class="mui-control-item" id="click-product-desc" href="#item2">
 
+                                商品详情
 
+                            </a> -->
 
+	</div>
 
+	<div id="item1" class="mui-control-content mui-active" style="margin-top: 0">
 
+		<div id="detail-slider" class="mui-slider">
 
+			<!-- 产品轮播图 -->
 
+			<div class="mui-slider-group mui-slider-loop" id="group-images-div"></div>
 
+			<!-- 轮播图数量 -->
 
+			<div class="mui-slider-indicator" id="active-div"></div>
 
+		</div>
 
+
 
+		<div class="food-tt">
 
+			<div><font id="product-name-font">加载中...</font><span class="iconfont icon-baoyou cl-baoyou"></span>
 
+			</div>
 
+			<div class="share_wechat">
 
+				<span class="iconfont icon-fenxiang ft-18"></span>
 
+				<div class="ft-12">分享</div>
 
+			</div>
 
+		</div>
 
+		<div class="price-box">
 
+			<div class="shop-price"><span class="price-sp" id="product-price-span">¥0.0</span><s id="product-price-s">¥0.0</s><span class="del-s" id="product-access-span">1W人已购买</span></div>
 
+		</div>
 
+
 
+		<div class="chanpin-ditails-dic">
 
+			<ul>
 
+				<!-- 产品参数图 -->
 
+				<li id="product-param-img"></li>
 
+			</ul>
 
+		</div>
 
+	</div>
 
+	<!-- 产品图文简介 -->
 
+	<div id="item2" class="mui-control-content">
 
+		<div class="mui-loading">
 
+			<div class="mui-spinner">
 
+			</div>
 
+			&nbsp;&nbsp;加载中...
 
+		</div>
 
+	</div>
 
+	
+	<footer class="mui-bar mui-bar-tab" style="box-shadow: 0 0 0 0;">
 
+<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-grid-view-no">
 
+<li class="mui-table-view-cell">
 
+<div class="mui-table">
 
+<div class="mui-table-cell mui-col-xs-4 table-middle cart">
 
+<span class="iconfont icon-gouwuche"></span>
 
+<div>购物车</div>
 
+<span class="mui-badge my-badge-danger" style="display: inline;">0</span>
 
+</div>
 
+<div class="mui-table-cell mui-col-xs-4 table-middle div-btn-buy-cart" id="add-cart-div">加入购物车</div>
 
+<div class="mui-table-cell mui-col-xs-4 table-middle div-btn-buy-know" id="shopp-div">立即购买</div>
 
+</div>
 
+</li>
 
+</ul>
 
+</footer>
 
+	<!--<div class="buy-footer" id="add_cart_div_back">
 
+		<div class="go_index">
 
+			<img id="add_cart_logo_div" src="images/logo-blue.png" />
 
+		</div>
 
+		<div id="add-cart-div" >加入购物车</div>
 
+		<div id="shopp-div" >立即购买</div>
 
+	</div>-->
 
+</div>
 
+<!--<div class="cart_fixed go_gwc">
 
+	<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+</div>-->
 
+<div class="return">
 
+	<span onClick="gotoTop();return false;" class="mui-icon-extra mui-icon-extra-top"></span>
 
+</div>
 
+<div class="share-dalog">
 
+	<img src="images/share.png" />
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/chanpin_details.js"></script>
 
+<script type="text/javascript">
 
+    var url = window.location.href;
 
+    if (url.indexOf("isDisplay") != -1)
 
+    {
 
+        $("#product-price-span").hide();
 
+        $("#product-price-s").hide();
 
+        $("#add-cart-div").hide();
 
+        $("#shopp-div").hide();
 
+        $("#add_cart_logo_div").css("width", "30%");
 
+    }
 
+</script>
 
+</body>
 
+</html>

+ 113 - 0
watero/chanpin_list.html
View File 

@@ -0,0 +1,113 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		#pullrefresh_chanpin_list .mui-table-view-chevron .wh-100{padding:0;}
 
+		.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object:nth-of-type(odd){padding-right: 4px;}
 
+		.mui-pull-caption{font-size: 12px;}
 
+		.tab-with-chanpin-list{margin-top: 0;}
 
+		#pullrefresh_chanpin_list{padding-top: 51px;}
 
+		#pullrefresh_chanpin_list .mui-table-view-cell{border-bottom: 0;text-align: left;}
 
+		#pullrefresh_chanpin_list .mui-table-view-chevron .mui-table-view-cell:last-child{border-bottom: 0;}
 
+		#pullrefresh_chanpin_list .mui-table-view-cell:after{display: none;}
 
+
 
+		#pullrefresh_chanpin_list .mui-grid-view{padding:0 10px 10px 0;}
 
+		#pullrefresh_chanpin_list .mui-grid-view .mui-table-view-cell>a{background: #fff;}
 
+		#pullrefresh_chanpin_list .mui-grid-view .mui-table-view-cell:nth-of-type(odd){border-right: 0;}
 
+		#pullrefresh_chanpin_list .mui-grid-view .mui-table-view-cell:nth-of-type(even){border-left: 0;}
 
+		#pullrefresh_chanpin_list .mui-grid-view .mui-table-view-cell:nth-of-type(odd):last-child{border-bottom: 0;}
 
+		#pullrefresh_chanpin_list .mui-table-view-chevron .wh-100{padding:0;}
 
+		#pullrefresh_chanpin_list .mui-grid-view .shop-price {padding:0;}
 
+		#pullrefresh_chanpin_list .my-tab-view-pull:after{display: none;}
 
+	</style>
 
+	<script type="text/javascript">
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<!--<header class="mui-bar mui-bar-nav header">
 
+	<div class="go-index go_index">
 
+		<img src="images/logo-blue.png" />
 
+	</div>
 
+	<div class="mui-input-row mui-search my-search">
 
+		<input id="chanpin-search" type="search" class="mui-input-clear" placeholder="">
 
+	</div>
 
+	切换视图和列表
 
+	<div class="box-list-card">
 
+		<span class="iconfont icon-list-card"></span>
 
+	</div>
 
+</header>-->
 
+<div class="mui-segmented-control tab-with-chanpin-list">
 
+	<a class="mui-control-item mui-active">
 
+		<span class="iconfont icon-shuiji"></span>
 
+		<span class="mui-tab-label">水机</span>
 
+	</a>
 
+	<!--<a class="mui-control-item" style="display: none">
 
+		<span class="iconfont icon-dingzhi"></span>
 
+		<span class="mui-tab-label">定制</span>
 
+	</a>-->
 
+	<a class="mui-control-item" style="">
 
+		<span class="iconfont icon-gehu"></span>
 
+		<span class="mui-tab-label">个护</span>
 
+	</a>
 
+	<a class="mui-control-item" style="">
 
+		<span class="iconfont icon-jiadian"></span>
 
+		<span class="mui-tab-label">电器</span>
 
+	</a>
 
+	<a class="mui-control-item">
 
+		<span class="iconfont icon-lvxin"></span>
 
+		<span class="mui-tab-label">配件</span>
 
+	</a>
 
+</div>
 
+<!--下拉刷新容器-->
 
+<div id="pullrefresh_chanpin_list" class="mui-content mui-scroll-wrapper" style="background: #fff;">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view mui-grid-view my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/validate.js"></script>
 
+<script src="js/page/chanpin_list.js"></script>
 
+</body>
 
+</html>

File diff suppressed because it is too large
+ 1037 - 0
watero/clearing.html


+ 56 - 0
watero/coupon.html
View File 

@@ -0,0 +1,56 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/coupon.css" />
 
+	<script type="text/javascript">
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<div class="mui-content">
 
+	<ul class="mui-table-view my-yhq">
 
+
 
+	</ul>
 
+	<div class="no_yhq"><img src="images/no_yhq.png" /></div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/coupon.js"></script>
 
+</body>
 
+</html>

File diff suppressed because it is too large
+ 230 - 0
watero/coupon_bag.html


+ 52 - 0
watero/coupon_dec.html
View File 

@@ -0,0 +1,52 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>滤芯兑换券使用流程</title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css">
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-content img{display: block;width: 100%;}
 
+		.mui-bar-tab .mui-btn{background: #55c0dc;border:1px solid #55c0dc;color: #fff;margin: 0 20px;width: 124px;}
 
+		.mui-bar-tab .mui-btn:active{background: #55c0dc;border:1px solid #55c0dc;color: #fff;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body style="background: #fff;">
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+
 
+<div class="mui-content" style="background: #fff;">
 
+	<img src="images/coupon_dsc.jpg" />
 
+	<div style="height: 60px;">&nbsp;</div>
 
+	<nav class="mui-bar mui-bar-tab mui-text-center">
 
+		<button type="button" class="mui-btn go_web_shop">立即使用</button>
 
+		<button type="button" class="mui-btn go_coupon_bag">查看我的兑换券</button>
 
+	</nav>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script type="text/javascript">
 
+    mui.ready(function() {
 
+        document.querySelector('.loading-bg').style.display = 'none';
 
+    });
 
+    $(document).on('tap', '.go_coupon_bag', function() {
 
+        location.href ='coupon_bag.html';
 
+    });
 
+</script>
 
+</body>
 
+</html>

+ 79 - 0
watero/coupon_list.html
View File 

@@ -0,0 +1,79 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/coupon_list.css" />
 
+	<script type="text/javascript">
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<div class="mui-content">
 
+	<div class="mui-segmented-control tab-yhq-list">
 
+		<a class="mui-control-item icon-all mui-active" tabindex="1">
 
+			<span class="mui-icon"></span>
 
+			<span class="mui-tab-label">全部</span>
 
+		</a>
 
+		<a class="mui-control-item icon-noused" tabindex="2">
 
+			<span class="mui-icon"></span>
 
+			<span class="mui-tab-label">未使用</span>
 
+		</a>
 
+		<a class="mui-control-item icon-used" tabindex="3">
 
+			<span class="mui-icon"></span>
 
+			<span class="mui-tab-label">已使用</span>
 
+		</a>
 
+		<a class="mui-control-item icon-overdue" tabindex="4">
 
+			<span class="mui-icon"></span>
 
+			<span class="mui-tab-label">过期</span>
 
+		</a>
 
+	</div>
 
+	<!--下拉刷新容器-->
 
+	<div id="pullrefresh_yhq_list" class="mui-content mui-scroll-wrapper">
 
+		<div class="mui-scroll">
 
+			<!--数据列表-->
 
+			<ul class="my-yhq-list">
 
+
 
+			</ul>
 
+		</div>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/coupon_list.js"></script>
 
+</body>
 
+</html>

+ 20 - 0
watero/css/add_information.css
View File 

@@ -0,0 +1,20 @@
 
+body{background-color: #fff;}
 
+.mui-content{background-color: #fff;}
 
+.tips-title{margin:8px 7px 18px 7px;color: #999;font-size: 14px;}
 
+#btn_submit{color: #fff;padding: 10px 0;font-size: 16px;}
 
+.mui-btn-block.mui-active{background-color: #c8c8c8 !important;}
 
+.mui-content-padded{margin: 10px 13px;}
 
+.tips{padding: 40px 10px;background: #f1436c;text-align: center;color: #fff;}
 
+.mui-input-group .mui-input-row {height: 50px;padding: 5px 0;}
 
+.mui-input-row label{color: #666;width: 31%;font-size: 15px;}
 
+.mui-input-row label~input{width: 69%;font-size: 15px;}
 
+.mui-input-row label~input::-webkit-input-placeholder{font-size: 13px;}
 
+.triangle-down {width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;}
 
+.my-arrowright{position: absolute;right: 18px;top: 28px;color: #666;pointer-events:none;}
 
+.mui-btn-red{background-color: #e9004c;}
 
+.yes-dalog{position: absolute;width: 270px;height: 180px;left:50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);background: #fff;border-radius:8px;overflow: hidden;text-align: center;}
 
+.yes-dalog>div{position: relative;height: 100%;}
 
+.btn-yes{background: #e9004c;position: absolute;height: 45px;bottom: 0;left: 0;width: 100%;color: #fff;line-height: 45px;font-size: 20px;}
 
+.content-yes>span{background: #e9004c;border-radius: 50%;width: 40px;height: 40px;position: absolute;left: 50%;top: 25px;margin-left: -20px;}
 
+.content-yes{height: 70px;}
 
+.content-yes>span .mui-icon{font-size: 40px;color: #fff;}

+ 521 - 0
watero/css/animate.css
View File 

@@ -0,0 +1,521 @@
 
+/*
 
+* jQuery Mobile Framework
 
+* Copyright (c) jQuery Project
 
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
 
+*/
 
+.in {
 
+	-webkit-animation-timing-function: linear;
 
+	-webkit-animation-duration: 450ms;
 
+	animation-timing-function: linear;
 
+	animation-duration: 450ms;
 
+}
 
+.out {
 
+	-webkit-animation-timing-function: linear;
 
+	-webkit-animation-duration: 355ms;
 
+	animation-timing-function: linear;
 
+	animation-duration: 355ms;
 
+}
 
+@-webkit-keyframes fadein {
 
+    from {-webkit-transform: translateY(-100%); }
 
+    to {-webkit-transform: translateY(0); }
 
+}
 
+@keyframes fadein {
 
+    from { transform: translateY(-100%); }
 
+    to { transform: translateY(0); }
 
+}
 
+@-webkit-keyframes fadeout {
 
+    from { opacity: 1;-webkit-transform: translateY(0) scale(1); }
 
+    to { opacity: .5;-webkit-transform: translateY(-100%) scale(.6);}
 
+}
 
+@keyframes fadeout {
 
+    from { opacity: 1;transform: translateY(0) scale(1);}
 
+    to { opacity: .5;transform: translateY(-100%) scale(.6);}
 
+}
 
+.fade.out {
 
+	opacity: 0;
 
+	-webkit-animation-duration: 125ms;
 
+	-webkit-animation-name: fadeout;
 
+	animation-duration: 125ms;
 
+	animation-name: fadeout;
 
+}
 
+.fade.in {
 
+	opacity: 1;
 
+	-webkit-animation-duration: 225ms;
 
+	-webkit-animation-name: fadein;
 
+	animation-duration: 225ms;
 
+	animation-name: fadein;
 
+}
 
+.pop {
 
+	-webkit-transform-origin: 50% 50%;
 
+	transform-origin: 50% 50%;
 
+}
 
+.pop.in {
 
+	-webkit-transform: scale(1);
 
+	-webkit-animation-name: popin;
 
+	-webkit-animation-duration: 350ms;
 
+	transform: scale(1);
 
+	animation-name: popin;
 
+	animation-duration: 350ms;
 
+    opacity: 1;
 
+}
 
+.pop.out {
 
+	-webkit-animation-name: fadeout;
 
+	-webkit-animation-duration: 100ms;
 
+	animation-name: fadeout;
 
+	animation-duration: 100ms;
 
+	opacity: 0;
 
+}
 
+.pop.in.reverse {
 
+	-webkit-animation-name: fadein;
 
+	animation-name: fadein;
 
+}
 
+.pop.out.reverse {
 
+	-webkit-transform: scale(.8);
 
+	-webkit-animation-name: popout;
 
+	transform: scale(.8);
 
+	animation-name: popout;
 
+}
 
+@-webkit-keyframes popin {
 
+    from {
 
+        -webkit-transform: scale(.8);
 
+        opacity: 0;
 
+    }
 
+    to {
 
+        -webkit-transform: scale(1);
 
+        opacity: 1;
 
+    }
 
+}
 
+@keyframes popin {
 
+    from {
 
+        transform: scale(.8);
 
+        opacity: 0;
 
+    }
 
+    to {
 
+        transform: scale(1);
 
+        opacity: 1;
 
+    }
 
+}
 
+@-webkit-keyframes popout {
 
+    from {
 
+        -webkit-transform: scale(1);
 
+        opacity: 1;
 
+    }
 
+    to {
 
+        -webkit-transform: scale(.8);
 
+        opacity: 0;
 
+    }
 
+}
 
+@keyframes popout {
 
+    from {
 
+        transform: scale(1);
 
+        opacity: 1;
 
+    }
 
+    to {
 
+        transform: scale(.8);
 
+        opacity: 0;
 
+    }
 
+}
 
+/* keyframes for slidein from sides */
 
+@-webkit-keyframes slideinfromright {
 
+    from { -webkit-transform: translate3d(100%,0,0); }
 
+    to { -webkit-transform: translate3d(0,0,0); }
 
+}
 
+@keyframes slideinfromright {
 
+    from { transform: translateX(100%); }
 
+    to { transform: translateX(0); }
 
+}
 
+@-webkit-keyframes slideinfromleft {
 
+    from { -webkit-transform: translate3d(-100%,0,0); }
 
+    to { -webkit-transform: translate3d(0,0,0); }
 
+}
 
+@keyframes slideinfromleft {
 
+    from { transform: translateX(-100%); }
 
+    to { transform: translateX(0); }
 
+}
 
+/* keyframes for slideout to sides */
 
+@-webkit-keyframes slideouttoleft {
 
+    from { -webkit-transform: translate3d(0,0,0); }
 
+    to { -webkit-transform: translate3d(-100%,0,0); }
 
+}
 
+@keyframes slideouttoleft {
 
+    from { transform: translateX(0); }
 
+    to { transform: translateX(-100%); }
 
+}
 
+@-webkit-keyframes slideouttoright {
 
+    from { -webkit-transform: translate3d(0,0,0); }
 
+    to { -webkit-transform: translate3d(100%,0,0); }
 
+}
 
+@keyframes slideouttoright {
 
+    from { transform: translateX(0); }
 
+    to { transform: translateX(100%); }
 
+}
 
+.slide.out, .slide.in {
 
+	-webkit-animation-timing-function: linear;
 
+	-webkit-animation-duration: 350ms;
 
+	animation-timing-function: linear;
 
+	animation-duration: 350ms;
 
+}
 
+.slide.out {
 
+	-webkit-transform: translate3d(-100%,0,0);
 
+	-webkit-animation-name: slideouttoleft;
 
+	transform: translateX(-100%);
 
+	animation-name: slideouttoleft;
 
+}
 
+.slide.in {
 
+	-webkit-transform: translate3d(0,0,0);
 
+	-webkit-animation-name: slideinfromright;
 
+	transform: translateX(0);
 
+	animation-name: slideinfromright;
 
+}
 
+.slide.out.reverse {
 
+	-webkit-transform: translate3d(100%,0,0);
 
+	-webkit-animation-name: slideouttoright;
 
+	transform: translateX(100%);
 
+	animation-name: slideouttoright;
 
+}
 
+.slide.in.reverse {
 
+	-webkit-transform: translate3d(0,0,0);
 
+	-webkit-animation-name: slideinfromleft;
 
+	transform: translateX(0);
 
+	animation-name: slideinfromleft;
 
+}
 
+.slidefade.out {
 
+	-webkit-transform: translateX(-100%);
 
+	-webkit-animation-name: slideouttoleft;
 
+	-webkit-animation-duration: 225ms;
 
+	transform: translateX(-100%);
 
+	animation-name: slideouttoleft;
 
+	animation-duration: 225ms;
 
+}
 
+.slidefade.in {
 
+	-webkit-transform: translateX(0);
 
+	-webkit-animation-name: fadein;
 
+	-webkit-animation-duration: 200ms;
 
+	transform: translateX(0);
 
+	animation-name: fadein;
 
+	animation-duration: 200ms;
 
+}
 
+.slidefade.out.reverse {
 
+	-webkit-transform: translateX(100%);
 
+	-webkit-animation-name: slideouttoright;
 
+	-webkit-animation-duration: 200ms;
 
+	transform: translateX(100%);
 
+	animation-name: slideouttoright;
 
+	animation-duration: 200ms;
 
+}
 
+.slidefade.in.reverse {
 
+	-webkit-transform: translateX(0);
 
+	-webkit-animation-name: fadein;
 
+	-webkit-animation-duration: 200ms;
 
+	transform: translateX(0);
 
+	animation-name: fadein;
 
+	animation-duration: 200ms;
 
+}
 
+/* slide down */
 
+.slidedown.out {
 
+	-webkit-animation-name: fadeout;
 
+	-webkit-animation-duration: 100ms;
 
+	animation-name: fadeout;
 
+	animation-duration: 100ms;
 
+}
 
+.slidedown.in {
 
+	-webkit-transform: translateY(0);
 
+	-webkit-animation-name: slideinfromtop;
 
+	-webkit-animation-duration: 250ms;
 
+	transform: translateY(0);
 
+	animation-name: slideinfromtop;
 
+	animation-duration: 250ms;
 
+}
 
+.slidedown.in.reverse {
 
+	-webkit-animation-name: fadein;
 
+	-webkit-animation-duration: 150ms;
 
+	animation-name: fadein;
 
+	animation-duration: 150ms;
 
+}
 
+.slidedown.out.reverse {
 
+	-webkit-transform: translateY(-100%);
 
+	-webkit-animation-name: slideouttotop;
 
+	-webkit-animation-duration: 200ms;
 
+	transform: translateY(-100%);
 
+	animation-name: slideouttotop;
 
+	animation-duration: 200ms;
 
+}
 
+@-webkit-keyframes slideinfromtop {
 
+    from { -webkit-transform: translateY(-100%); }
 
+    to { -webkit-transform: translateY(0); }
 
+}
 
+@keyframes slideinfromtop {
 
+    from { transform: translateY(-100%); }
 
+    to { transform: translateY(0); }
 
+}
 
+@-webkit-keyframes slideouttotop {
 
+    from { -webkit-transform: translateY(0); }
 
+    to { -webkit-transform: translateY(-100%); }
 
+}
 
+@keyframes slideouttotop {
 
+    from { transform: translateY(0); }
 
+    to { transform: translateY(-100%); }
 
+}
 
+/* slide up */
 
+.slideup.out {
 
+	-webkit-animation-name: fadeout;
 
+	-webkit-animation-duration: 670ms;
 
+	animation-name: fadeout;
 
+	animation-duration: 670ms;
 
+}
 
+.slideup.in {
 
+	-webkit-transform: translateY(0);
 
+	-webkit-animation-name: slideinfrombottom;
 
+	-webkit-animation-duration: 790ms;
 
+	transform: translateY(0);
 
+	animation-name: slideinfrombottom;
 
+	animation-duration: 790ms;
 
+}
 
+.slideup.in.reverse {
 
+	-webkit-animation-name: fadein;
 
+	-webkit-animation-duration: 790ms;
 
+	animation-name: fadein;
 
+	animation-duration: 790ms;
 
+}
 
+.slideup.out.reverse {
 
+	-webkit-transform: translateY(100%);
 
+	-webkit-animation-name: slideouttobottom;
 
+	-webkit-animation-duration: 670ms;
 
+	transform: translateY(100%);
 
+	animation-name: slideouttobottom;
 
+	animation-duration: 670ms;
 
+}
 
+@-webkit-keyframes slideinfrombottom {
 
+    from { -webkit-transform: translateY(100%); }
 
+    to { -webkit-transform: translateY(0); }
 
+}
 
+@keyframes slideinfrombottom {
 
+    from { transform: translateY(100%); }
 
+    to { transform: translateY(0); }
 
+}
 
+@-webkit-keyframes slideouttobottom {
 
+    from { -webkit-transform: translateY(0) scale(1); }
 
+    to { -webkit-transform: translateY(100%) scale(.6); }
 
+}
 
+@keyframes slideouttobottom {
 
+    from { transform: translateY(0) scale(1); }
 
+    to { transform: translateY(100%) scale(.6); }
 
+}
 
+/* The properties in this rule are only necessary for the 'flip' transition.
 
+ * We need specify the perspective to create a projection matrix. This will add
 
+ * some depth as the element flips. The depth number represents the distance of
 
+ * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 
+ * value.
 
+ */
 
+.viewport-flip {
 
+	-webkit-perspective: 1000;
 
+	perspective: 1000;
 
+	position: absolute;
 
+}
 
+.flip {
 
+	-webkit-backface-visibility: hidden;
 
+	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
 
+	backface-visibility: hidden;
 
+	transform: translateX(0);
 
+}
 
+.flip.out {
 
+	-webkit-transform: rotateY(-90deg) scale(.9);
 
+	-webkit-animation-name: flipouttoleft;
 
+	-webkit-animation-duration: 275ms;
 
+	transform: rotateY(-90deg) scale(.9);
 
+	animation-name: flipouttoleft;
 
+	animation-duration: 275ms;
 
+}
 
+.flip.in {
 
+	-webkit-animation-name: flipintoright;
 
+	-webkit-animation-duration: 325ms;
 
+	animation-name: flipintoright;
 
+	animation-duration: 325ms;
 
+}
 
+.flip.out.reverse {
 
+	-webkit-transform: rotateY(90deg) scale(.9);
 
+	-webkit-animation-name: flipouttoright;
 
+	transform: rotateY(90deg) scale(.9);
 
+	animation-name: flipouttoright;
 
+}
 
+.flip.in.reverse {
 
+	-webkit-animation-name: flipintoleft;
 
+	animation-name: flipintoleft;
 
+}
 
+@-webkit-keyframes flipouttoleft {
 
+    from { -webkit-transform: rotateY(0); }
 
+    to { -webkit-transform: rotateY(-90deg) scale(.9); }
 
+}
 
+@keyframes flipouttoleft {
 
+    from { transform: rotateY(0); }
 
+    to { transform: rotateY(-90deg) scale(.9); }
 
+}
 
+@-webkit-keyframes flipouttoright {
 
+    from { -webkit-transform: rotateY(0) ; }
 
+    to { -webkit-transform: rotateY(90deg) scale(.9); }
 
+}
 
+@keyframes flipouttoright {
 
+    from { transform: rotateY(0); }
 
+    to { transform: rotateY(90deg) scale(.9); }
 
+}
 
+@-webkit-keyframes flipintoleft {
 
+    from { -webkit-transform: rotateY(-90deg) scale(.9); }
 
+    to { -webkit-transform: rotateY(0); }
 
+}
 
+@keyframes flipintoleft {
 
+    from { transform: rotateY(-90deg) scale(.9); }
 
+    to { transform: rotateY(0); }
 
+}
 
+@-webkit-keyframes flipintoright {
 
+    from { -webkit-transform: rotateY(90deg) scale(.9); }
 
+    to { -webkit-transform: rotateY(0); }
 
+}
 
+@keyframes flipintoright {
 
+    from { transform: rotateY(90deg) scale(.9); }
 
+    to { transform: rotateY(0); }
 
+}
 
+/* The properties in this rule are only necessary for the 'flip' transition.
 
+ * We need specify the perspective to create a projection matrix. This will add
 
+ * some depth as the element flips. The depth number represents the distance of
 
+ * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
 
+ * value.
 
+ */
 
+.viewport-turn {
 
+	-webkit-perspective: 200px;
 
+	perspective: 200px;
 
+	position: absolute;
 
+}
 
+.turn {
 
+	-webkit-backface-visibility: hidden;
 
+	-webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */
 
+	-webkit-transform-origin: 0;
 
+	
+	backface-visibility :hidden;
 
+	transform: translateX(0);
 
+	transform-origin: 0;
 
+}
 
+.turn.out {
 
+	-webkit-transform: rotateY(-90deg) scale(.9);
 
+	-webkit-animation-name: flipouttoleft;
 
+	-webkit-animation-duration: 250ms;
 
+
 
+	transform: rotateY(-90deg) scale(.9);
 
+	animation-name: flipouttoleft;
 
+	animation-duration: 250ms;
 
+}
 
+.turn.in {
 
+	-webkit-animation-name: flipintoright;
 
+	-webkit-animation-duration: 350ms;
 
+	animation-name: flipintoright;
 
+	animation-duration: 350ms;
 
+	
+}
 
+.turn.out.reverse {
 
+	-webkit-transform: rotateY(90deg) scale(.9);
 
+	-webkit-animation-name: flipouttoright;
 
+	transform: rotateY(90deg) scale(.9);
 
+	animation-name: flipouttoright;
 
+}
 
+.turn.in.reverse {
 
+	-webkit-animation-name: flipintoleft;
 
+	animation-name: flipintoleft;
 
+}
 
+@-webkit-keyframes flipouttoleft {
 
+    from { -webkit-transform: rotateY(0); }
 
+    to { -webkit-transform: rotateY(-90deg) scale(.9); }
 
+}
 
+@keyframes flipouttoleft {
 
+    from { transform: rotateY(0); }
 
+    to { transform: rotateY(-90deg) scale(.9); }
 
+}
 
+@-webkit-keyframes flipouttoright {
 
+    from { -webkit-transform: rotateY(0) ; }
 
+    to { -webkit-transform: rotateY(90deg) scale(.9); }
 
+}
 
+@keyframes flipouttoright {
 
+    from { transform: rotateY(0); }
 
+    to { transform: rotateY(90deg) scale(.9); }
 
+}
 
+@-webkit-keyframes flipintoleft {
 
+    from { -webkit-transform: rotateY(-90deg) scale(.9); }
 
+    to { -webkit-transform: rotateY(0); }
 
+}
 
+@keyframes flipintoleft {
 
+    from { transform: rotateY(-90deg) scale(.9); }
 
+    to { transform: rotateY(0); }
 
+}
 
+@-webkit-keyframes flipintoright {
 
+    from { -webkit-transform: rotateY(90deg) scale(.9); }
 
+    to { -webkit-transform: rotateY(0); }
 
+}
 
+@keyframes flipintoright {
 
+    from { transform: rotateY(90deg) scale(.9); }
 
+    to { transform: rotateY(0); }
 
+}
 
+/* flow transition */
 
+.flow {
 
+	-webkit-transform-origin: 50% 30%;
 
+	transform-origin: 50% 30%;	
+}
 
+.flow.out {
 
+	-webkit-transform: translateX(-100%) scale(.6);
 
+	-webkit-animation-name: flowouttoleft;
 
+	-webkit-animation-timing-function: linear;
 
+	-webkit-animation-duration: 670ms;
 
+	transform: translateX(-100%) scale(.6);
 
+	animation-name: flowouttoleft;
 
+	animation-timing-function: linear;
 
+	animation-duration: 670ms;
 
+}
 
+.flow.in {
 
+	-webkit-transform: translateX(0) scale(1);
 
+	-webkit-animation-name: flowinfromright;
 
+	-webkit-animation-timing-function: linear;
 
+	-webkit-animation-duration: 670ms;
 
+	transform: translateX(0) scale(1);
 
+	animation-name: flowinfromright;
 
+	animation-timing-function: linear;
 
+	animation-duration: 670ms;
 
+}
 
+.flow.out.reverse {
 
+	-webkit-transform: translateX(100%);
 
+	-webkit-animation-name: flowouttoright;
 
+	transform: translateX(100%);
 
+	animation-name: flowouttoright;
 
+}
 
+.flow.in.reverse {
 
+	-webkit-animation-name: flowinfromleft;
 
+	animation-name: flowinfromleft;
 
+}
 
+@-webkit-keyframes flowouttoleft {
 
+    0% { -webkit-transform: translateX(0) scale(1); }
 
+    100% { -webkit-transform: translateX(-100%) scale(.6); }
 
+}
 
+@keyframes flowouttoleft {
 
+    0% { transform: translateX(0) scale(1); }
 
+    100% { transform:  translateX(-100%) scale(.6); }
 
+}
 
+@-webkit-keyframes flowouttoright {
 
+    0% { -webkit-transform: translateX(0) scale(1); }
 
+    100% { -webkit-transform:  translateX(100%) scale(.6); }
 
+}
 
+@keyframes flowouttoright {
 
+    0% { transform: translateX(0) scale(1); }
 
+    100% { transform:  translateX(100%) scale(.6); }
 
+}
 
+@-webkit-keyframes flowinfromleft {
 
+    0% { -webkit-transform: translateX(-100%) scale(.6); }
 
+    100% { -webkit-transform: translateX(0) scale(1); }
 
+}
 
+@keyframes flowinfromleft {
 
+    0% { transform: translateX(-100%) scale(.6); }
 
+    100% { transform: translateX(0) scale(1); }
 
+}
 
+@-webkit-keyframes flowinfromright {
 
+    0% { -webkit-transform: translateX(100%) scale(.6); }
 
+    100% { -webkit-transform: translateX(0) scale(1); }
 
+}
 
+@keyframes flowinfromright {
 
+    0% { transform: translateX(100%) scale(.6); }
 
+    100% { transform: translateX(0) scale(1); }
 
+}

File diff suppressed because it is too large
+ 3128 - 0
watero/css/animate.min.css


+ 11 - 0
watero/css/cash_log.css
View File 

@@ -0,0 +1,11 @@
 
+.mui-table-view{font-size: 12px;}
 
+.mui-table-view li>span:nth-of-type(2){color: #666;margin-left: 20px;}
 
+.mui-bar-tab~.mui-content {margin-top: 100px;}
 
+.cash-header{position: relative;width:100%;height:100px;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#55c0dc), to(#a6c8ce));color: #fff;}
 
+.cash-header>div{position: absolute;width: 100%;top: 50%;left: 0;-webkit-transform: translateY(-50%);padding: 0 15px;}
 
+.box-child{padding-top:10px;}
 
+.box-child>div{display: inline-block;height: 25px;}
 
+.box-child>div:first-child{line-height:25px;width: 70%;font-size: 20px;}
 
+.box-child>div:last-child{line-height: 25px;width: 28%;}
 
+.my-btn-tx{background: #fff;color: #e9004c;padding:6px 18px;border-radius: 6px;}
 
+.my-tab-view-pull .mui-table-view-cell{padding: 15px;}

+ 30 - 0
watero/css/chanpin_details.css
View File 

@@ -0,0 +1,30 @@
 
+#item2 img{width:100%;}
 
+#item1,#item2{margin-top:52px;}
 
+#item2{margin-bottom:65px;}
 
+#tabbar-chanpin-details{position: fixed;top: 0;left: 0;z-index: 99;}
 
+.cart_fixed{position: fixed;right: 30px;bottom:135px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .5;}
 
+.cart_fixed .mui-badge{position: absolute;right:-7px;top:-5px;font-size: 12px;}
 
+.price-box{padding: 0 10px;background: #fff;}
 
+.chanpin-ditails-dic img{width:100%;height:100%;}.return{position: fixed;right: 30px;bottom: 80px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .9;color: #333;display: none;width: 48px;height: 48px;}
 
+.cart_fixed {position: fixed;right: 30px;bottom: 135px;background: rgba(0,0,0,.2);padding: 12px;border-radius: 50%;text-align: center;opacity: .5;width: 48px;height: 48px;}
 
+.buy-footer>div:first-child img {width: 55%;padding-top: 3px;}
 
+.mui-bar-tab .my-grid-view-no {height: 100%;}
 
+.mui-bar-tab .mui-table-view-cell {height: 100%;padding: 0;}
 
+.mui-bar-tab .mui-table-view-cell.mui-active{background: #fff;}
 
+.mui-bar-tab .mui-table {height: 100%;text-align: center;}
 
+.cart {line-height: 1.1;}
 
+.cart div {font-size: 12px;}
 
+.cart .my-badge-danger {position: absolute;top: 3px;display: none;background: #63ccde;color: #fff;-webkit-transform: scale(.7);transform: scale(.7);}
 
+.div-btn-buy-cart {background-color: #bfe2e8;color: #fff;font-size: 16px;}
 
+.div-btn-buy-know {background-color: #63ccde;color: #fff;font-size: 16px;}
 
+.table-middle {vertical-align: middle;}
 
+.my-picker{position: fixed;bottom: 0;padding-top: 0;max-height: 500px; left: 0;width: 100%;z-index: 999; background-color: #fff; -webkit-transform: translateY(100%);transform: translateY(100%); -webkit-transition: .5s;transition: .5s;}
 
+.my-picker.active{-webkit-transform: translateY(0%);transform: translateY(0%);}
 
+.my-picker .icon-guanbi{position: absolute;right:0;top:0;color: #999;font-size: 16px;padding: 10px;}
 
+.pro-select-color{padding: 3px 0;background: #f8f8f8;color: #999;border-radius: 15px;margin-right: 8px;margin-bottom: 15px; display: inline-block;width: 22.4%;text-align: center;}
 
+.pro-select-color.active{background: #63ccde;color: #fff;}
 
+.my-btn-block{font-size: 16px;display: block;width: 100%;margin-bottom:0;padding: 15px 0;border-radius: 0;}
 
+.my-btn-buy-know{border: 0;background-color: #63ccde;color: #fff;}
 
+.my-btn-buy-know:active{background-color: #f16071 !important;color: #fff;}
 
+.share-dalog{background: rgba(0,0,0,.7);position: fixed;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 99;display: none;}
 
+.share-dalog img{width: 100%;}

+ 44 - 0
watero/css/clearing.css
View File 

@@ -0,0 +1,44 @@
 
+.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {margin-right: -115px;}
 
+.my-yhq-tab{background-color:#efeff4;}
 
+.my-yhq-tab>li{margin: 10px 0;background: #fff;color: #666;}
 
+.mui-input-group:after,.mui-input-group:before,.mui-input-row:after{display: none;}
 
+.mui-popover.mui-popover-action .mui-table-view{margin: 0;border-radius: 0;}
 
+.mui-popover.mui-popover-action .mui-table-view b{color: #55c0dc;}
 
+.mui-popover.mui-popover-action .mui-table-view:before{height: 1px;top: 0;}
 
+.my-popover{min-height: 240px;}
 
+.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {color: #55c0dc;}
 
+.my-popover .mui-radio{border-bottom: 1px solid rgba(0,0,0,.1);height: 50px;padding: 5px 0;color: #666;}
 
+.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] {top: 8px;}
 
+.mui-input-row{color: #666;}
 
+.my-yhq-tab .mui-input-row label{width:36%;}
 
+.my-yhq-tab .mui-input-row label~input{width:64%;}
 
+.yhq-right{right: 35px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
 
+#accSub,#accSub>div{display:none;}
 
+.mui-btn-weixin-pay {color: #fff;border: 1px solid #cf0c4c;background-color: #cf0c4c;margin-bottom: 0 !important;}
 
+.gwc_pp{color:#666;}
 
+.price_sp{margin-right:0;color: #55c0dc;font-size: 14px;}
 
+.mui-numbox {position: absolute;right: 65px;bottom: 20px;}
 
+.mui-table-view .mui-media-object.mui-pull-left {margin-right: 15px;}
 
+.my-yhq-tab>li{margin: 0;}
 
+.clearing-count{border-bottom: 30px solid #fff;}
 
+.mui-table-view-cell:after,.mui-table-view:before,.mui-table-view:after{left: 10px;right:10px;}
 
+
 
+.my-yhq-tab:before{left: 10px;right: 10px;}
 
+.my-yhq-tab:after{display: none;}
 
+		
+.table-top{vertical-align: top;}
 
+.table-bottom{vertical-align: bottom;}
 
+.table-middle{vertical-align: middle;}
 
+.gwc_tit{margin-bottom: 10px}
 
+.wh-100{background-color: #f3f3f3;border-radius: 10px;}
 
+.my-grid-view-no:after,.my-grid-view-no:before,.my-grid-view-no .mui-table-view-cell:after,.order-view-no:after,.order-view-no:before,.order-view-no>li:after{display: none !important;height: 0;}
 
+.dhq-dalog{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left:0;text-align: center;display: none;}
 
+.dhq-dalog>div{width: 300px;height: 250px;margin: 45% auto;background: #fff;border-radius: 10px; padding: 30px 0;}
 
+.dhq-dalog .titles{padding-bottom: 30px}
 
+.dhq-dalog .mui-input-group .mui-input-row{ width: 48%;display: inline-block;font-size: 14px;}
 
+.dhq-dalog .mui-radio.mui-left label{padding-left: 48px;padding-top: 15px;}
 
+.dhq-dalog .btn-boxs{padding: 30px 0;}
 
+.dhq-dalog .btn-boxs .mui-btn{margin: 0 10px;padding: 8px 18px;color: #fff;border-radius: 0;border: 0;}
 
+.dhq-dalog .btn-boxs .mui-btn.nexts{background: #bfe2e8;}
 
+.dhq-dalog .btn-boxs .mui-btn.enter{background: #63ccde;}
 
+.dhq-dalog .mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{content: '\e442';}

File diff suppressed because it is too large
+ 192 - 0
watero/css/common.css


+ 33 - 0
watero/css/coupon.css
View File 

@@ -0,0 +1,33 @@
 
+.my-yhq{background-color: transparent;padding: 25px 15px;}
 
+.my-yhq:before,.my-yhq:after{display: none;}
 
+.my-yhq .my-yhq-cell{margin: 15px 0;position: relative;}
 
+.my-yhq .fixed-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
 
+.my-yhq .table{display: table;height: 100%;width: 100%;}
 
+.my-yhq .left-cell{display: table-cell;width: 69%;height: 100%;padding: 10px;}
 
+.my-yhq .right-cell{display: table-cell;width: 31%;height: 100%;text-align: center;vertical-align: middle;}
 
+.my-yhq .left-cell .tit{font-size: 20px;color: #f44f80;}
 
+.my-yhq .left-cell .time{color: #f44f80;font-size: 12px;}
 
+.my-yhq .left-cell .condition{position: absolute;left: 10px;bottom: 15px;font-size: 12px;color: #807f80;}
 
+.my-yhq .right-cell .money{color: #fff;margin: 5px 0;}
 
+.my-yhq .right-cell .money>span{font-size: 30px;}
 
+.money strong{font-size:20px}
 
+.my-yhq .right-cell .my-btn-lq{color: #fff;padding:8px 10px;font-size: 14px;border-radius: 5px;}
 
+.my-yhq .right-cell .my-btn-lq:active{background-color: rgba(0,0,0,.5);}
 
+		
+.mui-popup.mui-popup-in{height: 360px;background: url(http://static.iamberry.com/images/shop/yhq_dlg_bg.png) center top /100% no-repeat;}
 
+.mui-popup-inner{background-color: transparent;margin-top: 80px;padding: 15px 15px 5px 15px;position: static;}
 
+.mui-popup-title{font-size: 16px;color: #939393;}
 
+.mui-popup-title+.mui-popup-text{margin-top: 15px;}
 
+.mui-popup-text strong{color: #fc5b8b;font-size:20px;}
 
+.mui-popup-text span{color: #fc5b8b;font-size: 30px;}
 
+.mui-popup-button{background-color: transparent;}
 
+.mui-popup-button:after,.mui-popup-inner:after{display: none;}
 
+.mui-popup-button:last-child{border-radius: 25px;background: #f44f80;height: 38px;line-height: 40px;font-weight: 100;color: #fff;width: 50%;margin: 10px auto;}
 
+.mui-popup-button:last-child:active{background: #fc5b8b;}
 
+.mui-popup-button:first-child{border-radius: 25px;background: #fff;height: 38px;line-height: 40px;font-weight: 100;color:#ed376c;width: 50%;margin: 10px auto;border:1px solid #ed376c}
 
+.mui-popup-button:first-child:active{background: #c9c9c9;}
 
+.mui-popup-buttons{display: block;}
 
+.x-close{position: absolute;right:32px;top: 0;width:20px;}
 
+.mui-popup.mui-popup-out{-webkit-transition-duration: 0ms;transition-duration: 0ms;}
 
+.no_yhq{text-align: center;position:absolute;left:0;top:50%;width:100%;display: none;-webkit-transform: translateY(-70%);transform: translateY(-70%);}
 
+.no_yhq img{width:33%;}

+ 35 - 0
watero/css/coupon_list.css
View File 

@@ -0,0 +1,35 @@
 
+.my-yhq-list{background-color: transparent;padding:0 15px;}
 
+.my-yhq-list:before,.my-yhq-list:after{display: none;}
 
+.my-yhq-list .my-yhq-cell{margin: 15px 0;position: relative;}
 
+.my-yhq-list .my-yhq-cell:last-child{margin-bottom: 0;}
 
+.my-yhq-list .fixed-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
 
+.my-yhq-list .table{display: table;height: 100%;width: 100%;}
 
+.my-yhq-list .left-cell{display: table-cell;width: 69%;height: 100%;padding: 10px;}
 
+.my-yhq-list .right-cell{display: table-cell;width: 31%;height: 100%;text-align: center;vertical-align: middle;}
 
+.my-yhq-list .left-cell .tit{font-size: 20px;color: #f44f80;}
 
+.my-yhq-list .left-cell .time{color: #f44f80;font-size: 12px;}
 
+.my-yhq-list .left-cell .condition{position: absolute;left: 10px;bottom: 15px;font-size: 12px;color: #807f80;}
 
+.my-yhq-list .right-cell .money{color: #fff;margin: 5px 0;}
 
+.my-yhq-list .right-cell .money>span{font-size: 30px;}
 
+.my-yhq-list .right-cell .my-btn{color: #fff;padding:8px 10px;font-size: 14px;border-radius: 5px;}
 
+.my-yhq-list .right-cell .my-btn:active{background-color: rgba(0,0,0,.5);}
 
+.grayscale{color: #807f80 !important;}
 
+.my-yhq-list .right-cell .my-btn.grayscale{opacity: 0;}
 
+.mui-table-view-chevron .mui-table-view-cell {padding-right: 15px;}
 
+.mui-segmented-control .mui-control-item.mui-active{background-color: transparent !important;border-bottom: 2px solid #fa4b4f !important;}
 
+.mui-segmented-control .mui-control-item{line-height: 1;height: 50px;vertical-align: bottom;border: 0;border-bottom: 2px solid transparent;color: #444;background-color: transparent !important;padding-bottom: 3px;}
 
+.tab-yhq-list{background: #fff;border: 0;position: fixed;left: 0;top: 0;width: 100%;z-index: 10;}
 
+.tab-yhq-list .mui-control-item{position: relative;}
 
+.mui-control-item.mui-active .mui-tab-label{color: #f44f80;}
 
+.tab-yhq-list .mui-control-item{color: #a1a1a1;}
 
+.mui-control-content{margin-top: 70px;}
 
+.tab-yhq-list .mui-control-item.mui-active {color: #f44f80 !important;border-bottom: 2px solid #f44f80;}
 
+.icon-all>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/all_icon.png) center bottom no-repeat;min-width: 28px;min-height: 25px;background-size: 100%;position: absolute;top: 2px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
 
+.icon-all.mui-active>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/all1_icon.png) center bottom no-repeat;background-size: 100%;}
 
+.icon-noused>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/noused_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 100%;position: absolute;top: 2px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
 
+.icon-noused.mui-active>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/noused1_icon.png) center bottom no-repeat;background-size: 100%;}
 
+.icon-used>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/used_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 100%;position: absolute;top: 2px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
 
+.icon-used.mui-active>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/used1_icon.png) center bottom no-repeat;background-size: 100%;}
 
+.icon-overdue>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/overdue_icon.png) center bottom no-repeat;min-width: 25px;min-height: 25px;background-size: 100%;position: absolute;top: 2px;left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
 
+.icon-overdue.mui-active>span:first-child {background: url(http://static.iamberry.com/watero/images/shop/overdue1_icon.png) center bottom no-repeat;background-size: 100%;}
 
+.mui-scroll-wrapper{top: 50px;bottom:60px;}

+ 791 - 0
watero/css/css.css
View File 

@@ -0,0 +1,791 @@
 
+@charset "utf-8";
 
+/* Css Reset */
 
+body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
 
+form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
 
+fieldset,img { border: 0; }
 
+address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
 
+ol,ul,li { list-style: none; }
 
+caption,th { text-align: left; }
 
+h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
 
+q:before,q:after { content:''; }
 
+abbr,acronym { border: 0; }
 
+
 
+/* Public */
 
+html{ width:100%; }
 
+body{ width:100%; color:#555;font: 12px/1.5 "Microsoft YaHei","Helvetica Neue",Helvetica Neue,Helvetica,Hiragino Sans GB,tahoma,arial,sans-serif; -webkit-text-size-adjust: none;}
 
+a{color:#555;text-decoration:none; outline:none;}
 
+a:focus{outline:none;}
 
+a:hover {text-decoration:none; outline:none;}
 
+.fl{ float:left !important; }
 
+.fr{ float:right !important; }
 
+.mab{ margin-bottom:10px; }
 
+.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
 
+.clear{ clear:both} 
+		h1{
 
+			font-size: 5em;
 
+		}
 
+		h2{
 
+			font-size: 3em;
 
+		}
 
+		h3{
 
+			font-size: 2em;
 
+		}
 
+		.content{
 
+			position: relative;
 
+			text-align: center;
 
+		}
 
+		#slide3 .content{
 
+			position: relative;
 
+			top: 72%;
 
+			text-align: center;
 
+			transform: translateY(0%);
 
+			width: 83.5%;
 
+		}
 
+		#slide2 .content{
 
+			position: relative;
 
+			top: 51.5%;
 
+			text-align: right;
 
+			transform: translateY(0%);
 
+			width: 69.9%;
 
+		}
 
+
 
+		/* Section 1
 
+		 * --------------------------------------- */
 
+		#section0 h1{
 
+			color: #444;
 
+		}
 
+		#section0 p{
 
+			color: #333;
 
+			opacity: 0.4;
 
+		}
 
+
 
+
 
+		/* Section 2
 
+		 * --------------------------------------- */
 
+		#section1{background: #fff;}
 
+		#section1 .options{
 
+			padding: 100px 0 30px 0;
 
+		}
 
+		.mobile .section{background: #fff;}
 
+		#section1 .content{
 
+			width:1000px;
 
+			margin:0 auto;
 
+			padding: 20px 0;
 
+		}
 
+		#section1 p{
 
+			filter:alpha(opacity=70);
 
+			opacity: 0.7;
 
+			font-size: 18px;
 
+			color: #010101;
 
+			text-align: left;
 
+			margin: 35px;
 
+			background: #fff;
 
+			border-radius: 10px;
 
+		}
 
+		#section1 .options img{margin: 0 40px;}
 
+		.section .fp-tableCell>.title{
 
+			width: 1000px;
 
+			margin: 0 auto;
 
+			text-align: center;
 
+			font-size: 26px;
 
+		}
 
+		.back_top{position: fixed;left: 50%;margin-left: 590px;bottom: 220px;width: 45px;height: 45px;background: #d2d2d2;border-radius: 50%;cursor: pointer;display: none;}
 
+		.back_top>div{width: 100%;height: 100%;background: url(../images/go_top.png) center center no-repeat;}
 
+		.btn_join_us{padding:10px 48px;color: #ea094b;border: 1px solid #ccc;border-radius: 25px;font-size: 22px;cursor:pointer;}
 
+		.btn_join_us:hover{color: #fff;background: #ea094b;}
 
+		.title-after-before{padding: 0 45px;position: relative;}
 
+		.title-after-before:before{content:'';height: 1px;width: 30px;position: absolute;top:35px;left: 0;background: #555;}
 
+		.title-after-before:after{content:'';height: 1px;width: 30px;position: absolute;top:35px;right: 0;background: #555;}
 
+		.section .title-after-before:before,.section .title-after-before:after{top:18px;}
 
+		.section .title img{width: 100%;}
 
+		#section1 .btn_more{background: #fff;color: #e7004c;border: 1px solid #ccc;padding: 10px 35px;border-radius: 25px;font-size: 14px;}
 
+		#section1 .btn_more:hover{color: #fff;background: #ea094b;}
 
+		
+		/* Section 3
 
+		 * --------------------------------------- */
 
+		#section2{
 
+			background:#fff1f1;
 
+		}
 
+		#section2 .content{
 
+			width: 1000px;
 
+			margin: 0 auto;
 
+		}
 
+		#section2 h1{
 
+			color: #F2F2F2;
 
+		}
 
+		#section3{
 
+			background: #fff;
 
+		}
 
+		#section3 .content{
 
+			width: 1000px;
 
+			margin: 0 auto;
 
+		}
 
+		#section4{
 
+			background: #fff1f1;
 
+		}
 
+		#section4 .content{
 
+			width: 1000px;
 
+			margin: 0 auto;
 
+		}
 
+		#section5 {background: #fff;}
 
+		#section5 .mab-box{
 
+			margin: 60px 200px 60px auto;
 
+			height: 550px;
 
+		}
 
+		#section5 .mab-box img{width: 100%;}
 
+		#section5 .content{
 
+			width: 1000px;
 
+			margin: 0 auto;
 
+		}
 
+		#section6{
 
+			height: auto !important;
 
+		}
 
+.lianxi-box{position: absolute;left: 820px;top: 0; display: inline-block;width: 200px;height: 550px;}		
+		article, section, time, aside {display: block;}
 
+.point-time {content: "";position: absolute;width: 13px;height: 13px;top:50%;-webkit-transform:translateY(-50%); left: 20px;background: #1c87bf;margin-left: -4px;border-radius: 50%;}
 
+.point-red {background-color: #e70444;}
 
+.content {width: 100%;margin: 10px auto;}
 
+.content article {position: relative;}
 
+.content article section {padding:8px 0;position: relative;}
 
+.content article section:nth-of-type(3){padding: 20px 0;}
 
+.content article section:last-child{padding:40px 0;}
 
+.content article section:before {content: "";width: 1px;top:0;bottom:0;left: 22px;background: #e70444;position: absolute;}
 
+.content article section time {display: block;}
 
+.content article section time > span {display: block;margin-left: 45px;color:#e70444;}
 
+.content article section aside {color: #3a3a38;margin-left:55px;margin-right: 5px;text-align: left;}
 
+.content article section aside p{margin-bottom: 0;font-size:13px;}
 
+.content article section aside .things{color:#222;margin-top: 5px;}
 
+.point-time.app{width: 40px;height: 20px;left: 6px;border-radius: 5px;padding: 10px 0;color: #fff;}
 
+.point-time.tel{width: 30px;height: 30px;left:11px;background: url(../images/wap_icon_tel.png) center center /30px no-repeat #fff;}
 
+.point-time.address{width: 30px;height: 30px;left:11px;background: url(../images/wap_icon_lbs.png) center center /30px no-repeat #fff;}
 
+.point-time.company{width: 30px;height: 30px;left:11px;background: url(../images/wap_icon_company.png) center center /30px no-repeat #fff;}
 
+.point-time.wechat{width: 30px;height: 30px;left:11px;background: url(../images/wap_icon_wechat.png) center center /30px no-repeat #fff;}
 
+
 
+		.new_li{list-style: none;position: absolute; width: 80%;left: 10%;bottom: 10px;}
 
+		.new_li li{display: inline-block;width: 30%;padding: 0 10px;}
 
+		.new_li li img{width: 100%;}
 
+		
+		.news_list{list-style: none;width: 1000px;position: absolute;left: 50%;top:75%;margin-left: -500px;}
 
+		.news_list li{float: left;position: relative;background: #f8d7d7; width: 300px;height: 150px;padding: 3px;margin: 0 10px 0 0;}
 
+		.news_list li img{height: 100%; cursor:pointer;}
 
+		.news_list .tit{position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);font-size: 20px;color: #d50058;width: 52%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 
+		.nav_off{position: fixed;width: 110px;height: 131px;background: url(../images/menu_hide.png) left top no-repeat;left: 0;top: 50%;margin-top: -150px;cursor: pointer;z-index: 99;}
 
+		.shop_off{position: fixed;width: 110px;height: 131px;background: url(../images/menu_shop.png) left top no-repeat;left: 0;top: 50%;margin-top:50px;cursor: pointer;z-index: 2;}
 
+		.nav_on{width: 500px;height: 500px;background: url(../images/logo_1.png) 10px center no-repeat;position: fixed;left:0;top: 50%;margin-top: -255px;display: none;z-index: 100;border: 35px solid transparent;}
 
+		.nav_on>div{position: relative;width: 500px;height: 500px;}
 
+		.line_1{position: absolute;left:140px;top:70px;}
 
+		.gsjj_menu{position: absolute;width: 88px;height: 88px;background: url(../images/home_menu_off.png) center center no-repeat; left:128px; top: 0;}
 
+		.gsjj_menu:hover{background: url(../images/home_menu_on.png) center center no-repeat;}
 
+		.line_2{position: absolute;left:182px;top: 100px;}
 
+		.news_menu{position: absolute;width: 88px;height: 88px;background: url(../images/qyjj_menu_off.png) center center no-repeat;left:215px;top:33px;}
 
+		.news_menu:hover{background: url(../images/qyjj_menu_on.png) center center no-repeat;}
 
+		.line_3{position: absolute;left:210px;top:172px;}
 
+		.team_menu{position: absolute;width: 88px;height: 88px;background: url(../images/news_menu_off.png) center center no-repeat;left:275px;top:115px;}
 
+		.team_menu:hover{background: url(../images/news_menu_on.png) center center no-repeat;}
 
+		.line_4{position: absolute;left:220px;top:235px;}
 
+		.pro_menu{position: absolute;width: 88px;height: 88px;background: url(../images/pro_menu_off.png) center center no-repeat;left:285px;top:205px;}
 
+		.pro_menu:hover{background: url(../images/pro_menu_on.png) center center no-repeat;}
 
+		.line_5{position: absolute;left:210px;top:285px;}
 
+		.join_menu{position: absolute;width: 88px;height: 88px;background: url(../images/team_menu_off.png) center center no-repeat;left:275px;top:290px;}
 
+		.join_menu:hover{background: url(../images/team_menu_on.png) center center no-repeat;}
 
+		.line_6{position: absolute;left:180px;top:325px;}
 
+		.lbs_menu{position: absolute;width: 88px;height: 88px;background: url(../images/join_menu_off.png) center center no-repeat;left:215px;top:370px;}
 
+		.lbs_menu:hover{background: url(../images/join_menu_on.png) center center no-repeat;}
 
+		.line_7{position: absolute;left:140px;top:335px;}
 
+		.tel_menu{position: absolute;width: 88px;height: 88px;background: url(../images/tel_menu_off.png) center center no-repeat;left:130px;top:410px;}
 
+		.tel_menu:hover{background: url(../images/tel_menu_on.png) center center no-repeat;}
 
+		.line_8{position: absolute;left:353px;top:199px;display: none;}
 
+		.bottle_menu{position: absolute;width: 88px;height: 88px;background: url(../images/bottle_menu_off.png) center center no-repeat;left:416px;top:143px;display: none;}
 
+		.bottle_menu:hover{background: url(../images/bottle_menu_on.png) center center no-repeat;}
 
+		.line_9{position: absolute;left: 352px;top: 265px;display: none;}
 
+		.water_menu{position: absolute;width: 88px;height: 88px;background: url(../images/water_menu_off.png) center center no-repeat;left:416px;top:273px;display: none;}
 
+		.water_menu:hover{background: url(../images/water_menu_on.png) center center no-repeat;}
 
+		.search_containner{position: absolute;width: 30%;height: 70%;top: 15%;right: 10%;background: rgba(235,63,109,.3);border-radius: 10px;}
 
+		.search_box{background: #e7dee4;padding:0;height: 90%;margin-top: 6%;margin-top: 5%\9;border-radius: 10px;position: relative;overflow: hidden;}
 
+		.search_box h3{text-align: center;padding: 30px 0 10px 0;}
 
+		.select_address{padding: 10px 10%;}
 
+		.search_content{color: #333;padding: 10px 10%;}
 
+		.search_content input{border: 1px solid #e5e5e5;border-radius: 15px;padding: 5px 10px;margin-left: 20px;}
 
+		.search_tb{padding: 10px 6%;height: 59.8%;overflow: hidden;}
 
+		.search_tb table{border: 0;width: 100%;text-align: center;}
 
+		.search_tb table th{background: #ea094b;font-size: 12px;padding: 5px 8px;text-align: center;}
 
+		.search_tb table td{color: #333;font-size: 12px;padding: 5px 8px;}
 
+		.footer a{color: #fff;}
 
+		.footer_box_1{position: relative;width: 100%;height: 120px;background: #603f45;}
 
+		.footer_box_1 ul{text-align: center;padding: 8px 0 0 0;position: absolute;top: 50%;left: 0;width: 100%;margin-top: -60px;}
 
+		.footer_box_1 ul li{padding: 3px 10px;font-size: 14px;color: #bc9ea4;}
 
+		.content1{position: relative;margin: 0 auto;width: 1024px;max-width: 1024px;}
 
+		.content1 .item_1{padding: 70px 0 0 0;}
 
+		.content1 .item_1 h3{font-size: 32px;font-weight: 500;text-align: left;}
 
+		.content1 .item_1 p{text-align: left;font-size: 18px;padding: 10px 0 20px 0;line-height: 2;color: #474747;}
 
+		.corporate_banner{text-align: center;position: relative;}
 
+		.corporate_banner .title{position: absolute;left: 50%;top: 0;width: 230px;height: 169px;background: url(../images/gsjj_title.png) top center no-repeat;background-size: 80%;margin-left: -115px;}
 
+		.corporate_banner .text{position: absolute;bottom: 0;left: 0;width: 100%;height: 100px;background: #e5004d;padding: 10px 0;}
 
+		.corporate_banner .li{width: 824px;margin: 0 auto; background: url(../images/logo_title.png) left center no-repeat;height: 100px;color: #fff;font-size: 40px;line-height: 100px;padding-left: 200px;}
 
+		.team_dic_box{position: relative;width: 100%;height: 332px;padding: 40px 0;}
 
+		.team_dic_box .left{width: 45%;float: left;margin-left: 4.5%;}
 
+		.team_dic_box .right{width: 44%;float: left;margin-left: 2.5%;font-size: 18px;line-height: 2;padding-top: 15px;}
 
+		.team_img1{height: 951px;padding: 50px 0;}
 
+		.team_img2{height: 1139px;padding: 50px 0;}
 
+		.team_img3{height: 1101px;padding: 50px 0;}
 
+		.big_h1{text-align: center;padding: 80px 0 160px 0;}
 
+		
+		.footer_box{width: 100%;height:196px;background: #ea094b;}
 
+		.footer_box ul{text-align: center;padding:0;position: absolute;top: 50%;left: 0;width: 100%;margin-top: -50px;}
 
+		.footer_box ul li{padding: 3px 10px;font-size: 14px;color: #fff;}
 
+		.footer_box .footer{position: relative;height:100%;}
 
+
 
+/* banner */
 
+.banner{ width:100%; height:100%; overflow:hidden; position:relative; border:0;}
 
+.banner .bd{ position:relative; z-index:0; height:100%;}
 
+.banner .bd ul{ width:100% !important; height:100% !important;}
 
+.banner .bd li{ width:100% !important;  height:100%; }
 
+.banner .bd li .siteWidth{ width:100%; position:relative;  margin:0 auto;  height:100%;  }
 
+.banner .bd li>a{ height:100%; display:block;position: relative;}
 
+.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:30px; line-height:30px; text-align:center; }
 
+.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:6px; background:#fff;border: 1px solid #ea094b; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4;border-radius: 50%;}
 
+.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1; background: #ea094b; }
 
+.banner .bd .banner_iteam {background-repeat:no-repeat;background-attachment:fixed;background-position:bottom center;background-size:1920px auto;overflow: hidden;}
 
+.banner .bd .banner_iteam img{width: 1920px;height: auto;margin: 0 auto;}
 
+.list_title{position: absolute;left: 0;top: 32%;width: 100%;}
 
+.list_cell{width: 1000px;margin: 0 auto;text-align: center;font-size:50px;}
 
+.list_containner{margin: 30px auto;width: 1000px;background: #fff;}
 
+.list_containner>p{font-size: 18px;margin: 30px 0;}
 
+.list_containner .img_box{padding: 20px 100px;}
 
+.list_containner .img_box img{width: 100%;}
 
+
 
+/* news css */
 
+.slideTxtBox{ width:1000px;text-align:left;  }
 
+.slideTxtBox .hd{ height:34px; line-height:34px; padding:0 10px 0 20px;position:relative; }
 
+.slideTxtBox .hd ul{ float:left;  position:absolute; left:20px; top:-1px; height:36px;   }
 
+.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;color: #555;border-radius: 25px;width: 100px;text-align: center;font-size: 16px;}
 
+.slideTxtBox .hd ul li.on{  background:#ea094b; border:0; color: #fff;}
 
+.slideTxtBox .bd ul{ padding: 17px 15px;  zoom:1;  }
 
+.slideTxtBox .bd li table{width: 100%; }
 
+.slideTxtBox .bd li{margin:50px 0 ;}
 
+.slideTxtBox .btn_more{width:60px;display: block;color: #ea094b;text-align: center;border: 1px solid #ccc;padding: 8px 0;border-radius: 25px;margin: 0 0 0 20px;}
 
+.slideTxtBox .btn_more:hover{background:#ea094b;color: #fff;border: 0;}
 
+.page_cell{text-align: center;}
 
+.page_cell span{ padding: 0 10px;font-size: 17px;cursor: pointer;}
 
+.page_cell span.on{color: #ea094b;}
 
+
 
+.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #000;filter:alpha(opacity=70);opacity: .7;display: none;z-index: 2;}		
+.loading-bg{width: 100%;height: 100%;background-color:#ccc;position: fixed;left: 0;top: 0;z-index: 999;color: #ea094b;}
 
+.loading-bg:after{content: 'loading...';position: absolute;left: 50%;top: 55%;-webkit-transform: translateX(-45%);transform: translateX(-45%);}
 
+.loading {
 
+    width: 3px; height:3px;
 
+    border-radius: 100%;
 
+    box-shadow: 0 -10px 0 1px currentColor,           /* top, 1px expand */
 
+                10px 0px currentColor,                /* right */
 
+                0 10px currentColor,                  /* bottom */
 
+                -10px 0 currentColor,                 /* left */
 
+
 
+                -7px -7px 0 .5px currentColor,        /* left-top, 0.5px expand */
 
+                7px -7px 0 1.5px currentColor,        /* right-top, 1.5px expand */
 
+                7px 7px currentColor,                 /* right-bottom */
 
+                -7px 7px currentColor;                /* left-bottom */
 
+	-webkit-animation: loading 1s step-start infinite;
 
+	animation: loading 1s step-start infinite;
 
+	/*center*/
 
+	position: absolute;
 
+	top: 0; right: 0; bottom: 0; left: 0;
 
+	margin: auto;
 
+}
 
+.joinus_box{width: 969px;margin:100px auto 0 auto;}
 
+.joinus_box .cell{border:1px solid #ede3e3;-webkit-box-shadow:-1px 0 0px white,1px 0 0px white,0 -1px 0px white,0 2px 5px #ede3e3;border-bottom-right-radius:10px;border-bottom-left-radius:10px;margin-bottom:70px;}
 
+.joinus_box .btn_box{padding: 40px 0;}
 
+.joinus_box .cell{margin-bottom: 40px;}
 
+.joinus_box .cell img{width: 100%;}
 
+
 
+	/* 本例子css */
 
+	.txtScroll-top{ width:306px;  overflow:hidden; position:relative;  border:0;   }
 
+	.txtScroll-top .hd{ overflow:hidden;  height:40px;line-height: 40px; background:#ea094b; padding:0 10px; color: #fff; }
 
+	.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer;}
 
+	.btn_new_more{position: absolute;right:20px;top:7px;width: 80px;height: 25px;background: url(../images/btn_more_content.png) center center no-repeat;background-size: 100%;}
 
+	.txtScroll-top .hd .next{}
 
+	.txtScroll-top .hd ul{ float:left; overflow:hidden; zoom:1;display: none;}
 
+	.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
 
+	.txtScroll-top .hd ul li.on{ background-position:0 0; }
 
+	.txtScroll-top .bd{ padding:15px;  }
 
+	.txtScroll-top .infoList li{ height:24px; line-height:24px;font-size: 14px;width: 270px;}
 
+	.txtScroll-top .infoList li a{color:#333;}
 
+	.txtScroll-top .infoList li .date{ float:right; color:#999; }
 
+	
+	/*企业新闻*/
 
+	.m-slide-box{position: relative;padding: 50px 0 0 0;}
 
+	.border_1{border-top: 1px solid #ccc;padding: 30px 0;}
 
+	.m-slide{ position: relative; width:1000px;  height: 250px;background: #fff;margin:0 auto;border-radius: 8px;}
 
+	.m-slide .img { float: left; position: relative }
 
+	.m-slide .img li, .m-slide .img a, .m-slide .img { display: block; width: 600px; height: 250px }
 
+	.m-slide .img img{width: 280px;height: 180px;padding: 35px 20px 35px 20px;float: left;cursor: pointer;}
 
+	.m-slide .img li { position: absolute; left: 0; top: 0 }
 
+	.m-slide .img .first { display: block }
 
+	.m-slide .tab { float: right;height: 180px;padding: 25px 20px 25px 0;}
 
+	.m-slide .tab li { *margin-bottom: -3px; width: 353px;}
 
+	.m-slide .tab .first { border-top: 0 }
 
+	.m-slide .tab a { text-decoration: none; display: block; position: relative; width: 352px; height:49px;}
 
+	.m-slide .tab a:hover{background: #ea094b;color: #fff;}
 
+	.m-slide .tab a b { position: absolute; left: 0; top: 20px; width: 4px; height: 11px; overflow: hidden }
 
+	.m-slide .tab a span { position: absolute; overflow: hidden }
 
+	.m-slide .tab a .title { left: 105px; top: 15px; height: 20px; line-height: 20px; font-size: 16px;}
 
+	.m-slide .tab a .des { left: 10px; top: 15px; height: 20px; line-height: 20px;font-size: 16px;}
 
+	.m-slide .tab .first a { height: 50px }
 
+	.m-slide .tab .on a { background-color: #ea094b;}
 
+	.m-slide .tab .on a span {color: #fff;}
 
+	.m-slide .right-box{width: 280px;height: 180px;float: left;position: relative;text-align: left;padding: 35px 0;}
 
+	.m-slide .right-box .tit-line2{font-size: 18px;line-height: 1.2;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 
+	.m-slide .right-box .tit-line2:hover{color: #ea094b;}
 
+	.m-slide .btn-more{border: 1px solid #ccc;padding: 7px 30px;border-radius: 25px;color: #ea094b;position: absolute;left: 0;bottom:35px;font-size: 14px;cursor: pointer;}
 
+	.m-slide .btn-more:hover{background: #ea094b;color: #fff;}
 
+	.m-slide .content-des{font-size: 14px;color: #b2b2b2;padding:5px 0;max-height:42px;white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 
+	.left-menu{position: absolute;left: 60px;top:30px;padding: 4px 20px; background: #fff1f1;font-size: 20px;}
 
+	.right-menu{position: absolute;right: 60px;top:30px;padding: 4px 20px; background: #fff1f1;font-size: 20px;cursor: pointer;}
 
+	.right-menu:hover{color: #ea094b;}
 
+	
+	/*企业新闻手机版banner*/
 
+.news_banner{ width:100%; height:100%; overflow:hidden; position:relative; border:0;text-align: left;display: none;}
 
+.news_banner .bd{ position:relative; z-index:0;margin: 0 15px 5px 15px;}
 
+.news_banner .bd li{ width:100% !important;  height:100%;min-height: 130px;}
 
+.news_banner .bd li .siteWidth{ width:100%; position:relative;  margin:0 auto;  height:100%;  }
 
+.news_banner .bd li>a{display:block;position: relative;margin:0;border-top:1px solid #ede3e3;border-radius: 5px;padding:0 15px;-webkit-box-shadow:-1px 0 1px #ede3e3,1px 0 1px #ede3e3,1px 0 1px #ede3e3,0 2px 5px #ede3e3;}
 
+.news_banner .bd li>a img{width:190px;-webkit-transform: scaleX(.5) scaleY(.7) translateX(-50%);}
 
+.news_banner .hd{ width:100%; height:18px; line-height:18px; text-align:center; }
 
+.news_banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:6px; background:#fff;border: 1px solid #ea094b; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4;border-radius: 50%;}
 
+.news_banner .hd ul .on{ filter:alpha(opacity=100);opacity:1; background: #ea094b; }
 
+.news_banner .right-box{position: absolute;width: 55%;left: 40%;top: 0;padding: 15px 0;}
 
+.news_banner .right-box .tit-line2{line-height: 1.2;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #000;font-size: 14px;}
 
+.news_banner .content-des{font-size: 12px;color: #b2b2b2;padding:5px 0;max-height:60px;white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
 
+	
+	/* 科学喂养css */
 
+	.scrollBox{ width:1000px;  background:#fff;padding:10px 0 0 0;position:relative;margin:0 auto;overflow:hidden;zoom:1;}
 
+	.scrollBox .piclist{ overflow:hidden; zoom:1;}
 
+	.scrollBox .ohbox{overflow:hidden; position:relative;width:910px;left:45px;top: 15px;}
 
+	.scrollBox .piclist li{float:left; display:inline; width:210px;background:#fff;margin-right:10px;padding:5px;}
 
+	.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;font-size: 18px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
 
+	.scrollBox .pageBtn span{ display:block;width:30px;height:60px;position:absolute;top:90px;cursor:pointer;text-indent:-999em;overflow:hidden; }
 
+	.scrollBox .pageBtn .prev{left:7px;background: url(../images/scroll_prev.png) center center no-repeat;opacity: .5;filter: alpha(opacity=50);}
 
+	.scrollBox .pageBtn .next{right:7px;background: url(../images/scroll_next.png) center center no-repeat;opacity: .5;filter: alpha(opacity=50);}
 
+	.scrollBox .pageBtn .prev:hover,.scrollBox .pageBtn .next:hover{opacity: 1;filter: alpha(opacity=100);}
 
+	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
 
+	.scrollBox .pageBtn .list li{ float:left; display:inline; width:15px;height:15px;cursor:pointer;margin-left:10px;overflow:hidden;color: #fff;}
 
+	
+	/*科学喂养手机版*/
 
+	.group_banner{border-top:1px solid #ede3e3;-webkit-box-shadow:-1px 0 1px #ede3e3,1px 0 1px #ede3e3,1px 0 1px #ede3e3,0 2px 5px #ede3e3;margin:0 15px;display: none;}
 
+	.group_banner .row{display: table;}
 
+	.group_banner .row>div{display: table-cell;width: 50%;padding: 10px;position: relative;}
 
+	.group_banner .row>div:first-child{padding-right:5px;}
 
+	.group_banner .row>div:last-child{padding-left: 5px;}
 
+	.group_banner .row>div img{width: 100%;}
 
+	/* 团队风采css */
 
+	.picBtnTop{ width:800px; height:680px;padding:5px;  position:relative;  overflow:hidden;  zoom:1;margin:60px auto;}
 
+	.picBtnTop .hd{ width:100px;  height:590px;position:absolute; right:5px;padding:45px 0;}
 
+	.picBtnTop .hd .iteam1{-webkit-transform: translateX(-100%);transform: translateX(-100%);}
 
+	.picBtnTop .hd .iteam2{-webkit-transform: translateX(-30%);transform: translateX(-30%);}
 
+	.picBtnTop .hd .iteam3{-webkit-transform: translateX(-30%);transform: translateX(-30%);}
 
+	.picBtnTop .hd .iteam4{-webkit-transform: translateX(-100%);transform: translateX(-100%);}
 
+	.picBtnTop .hd ul li{ width:100px; text-align:center; padding:13px 0;opacity: .5;cursor:pointer;filter: alpha(opacity=50);}
 
+	.picBtnTop .hd ul li:first-child{padding: 0;}
 
+	.picBtnTop .hd ul li:last-child{padding: 0;}
 
+	.picBtnTop .hd ul li img{ width:100%; height:100%; border:0; cursor:pointer; vertical-align:bottom;border-radius: 50%;}
 
+	.picBtnTop .hd ul li.on{opacity: 1;filter: alpha(opacity=100);}
 
+	.picBtnTop .bd{ width:520px;  height:520px; position:relative; padding:80px 0 80px 80px; }
 
+	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
 
+	.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
 
+	.picBtnTop .bd li .pic img{ width:100%; height:100%; vertical-align:bottom; }
 
+	.picBtnTop .prev{position: absolute;right:210px;top: 5px;display: block;width: 63px;height:63px;background: url(../images/prev1.png) center center no-repeat;filter: alpha(opacity=50);opacity: 0.5;cursor:pointer;}
 
+	.picBtnTop .next{position: absolute;right:210px;bottom: 5px;display: block;width: 63px;height:63px;background: url(../images/next1.png) center center no-repeat;filter: alpha(opacity=50);opacity: 0.5;cursor:pointer;}
 
+	.picBtnTop .prev:hover,.picBtnTop .next:hover{filter: alpha(opacity=100);opacity: 1;}
 
+	.picBtnTop .welcome_join{position: absolute;left: 0;bottom: 0;font-size: 0;line-height: 0;width: 207px;height: 207px;}
 
+	.picBtnTop .welcome_join img{width: 100%;}
 
+	
+	.mobile_box{background:url(../images/joinus_bg.jpg) top center no-repeat;background-size:auto 100%; display: none;}
 
+	
+	/*手机端头部菜单*/
 
+	.wap_header{height: 45px;position: absolute;width: 100%;top:0;background: url(../images/wap_logo.png) #ea0b4c center center no-repeat;background-size: 60px 21px;display: none;}
 
+	.wap_menu{float: left;width: 45px;height: 45px;background: url(../images/wap_menu.png) center center no-repeat;background-size: 25px;}	
+	
+	#section3 .mobile_joinus{display: none;}
 
+	#section3 .mobile_joinus .title{font-size: 40px;color: #ea094b;margin: 20px 0;}
 
+	#section3 .mobile_joinus .btn_more{background: #fff;border: 1px solid #ccc;font-size: 20px;padding: 5px 10px;border-radius: 25px;}
 
+	#section3 .mobile_joinus .btn_join_tel{width: 70%;margin:40px auto 20px auto;}
 
+	#section4 .wap_team_middle{width:200px;position: absolute;left:50%;top:50%;margin-left: -100px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
 
+	#section4 .wap_team_middle img{width: 100%;}
 
+	.lock-wrap {position: absolute;left: 0;width: 100%;height: 100%;background: #f9ebeb;z-index: 10;display: none;}	
+	.lock-wrap .lock {position: absolute;left: 50%;top: 50%;width: 380px;height: 30px;margin: -15px 0 0 -190px;text-align: center;color: #ea094b;font-size: 25px;}
 
+	.lock-wrap-ipad {position: absolute;left: 0;width: 100%;height: 100%;background: #f9ebeb;z-index: 10;display: none;}	
+	.lock-wrap-ipad .lock-ipad {position: absolute;left: 50%;top: 50%;width: 500px;height: 30px;margin: -15px 0 0 -250px;text-align: center;color: #ea094b;font-size: 25px;}
 
+	.mobile_team_show{position: relative;display: none;}
 
+	.mui-table-view {position: relative;margin-top: 20px;margin-bottom: 10px;padding-left: 0;list-style: none;}
 
+.mui-table-view.mui-grid-view {font-size: 0;display: block;padding: 0 10px 10px 0;white-space: normal;}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell {display: inline-block;margin-right: -8px;padding: 10px 0 0 8px;text-align: center;vertical-align: middle;background: 0 0;position: relative;}
 
+.mui-table-view-cell>a:not(.mui-btn) {position: relative;display: block;overflow: hidden;margin: -11px -15px;padding: inherit;white-space: nowrap;text-overflow: ellipsis;color: inherit;}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn) {margin: -10px 10px 0 -4px;}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-object {width: 100%;max-width: 100%;height: auto;border: 0;}
 
+.mui-col-xs-6 {width: 50%;}
 
+.mui-table-view .mui-media, .mui-table-view .mui-media-body {overflow: hidden;}
 
+#section5 .wap-map-box{display:none;}
 
+
 
+	.mobile {float: none; position: relative;overflow: hidden;}
 
+	/*Hiding the checkbox*/
 
+	#tm {display: none;}
 
+	/*Content area*/
 
+	.mobile section {position: relative; transition: all 0.45s;}
 
+	.mobile section label {cursor: pointer; text-transform: uppercase;}
 
+	/*Nav styles*/
 
+	.sidenav {background: #fff; width: 200px;position: fixed; left: 0; top: 0; bottom: 0; padding-top: 40px;display: none;}
 
+	.sidenav li {list-style-type: none;padding: 8px 20px;position: relative;text-align: center;}
 
+	.sidenav a {text-decoration: none; }
 
+	.sidenav a:hover{color: #eb1957;}
 
+	.sidenav b {display: block;font-size: 14px;height: 40px;line-height: 40px;opacity: 0;-webkit-transform: translateX(50px); transform: translateX(50px); transition: all 0.4s;padding: 0 20px 0 60px;}
 
+	/*Animation controls using checkbox hack*/
 
+	/*Animate content area to the right*/
 
+	#tm:checked ~ section {-webkit-transform: translateX(200px);transform: translateX(200px);}
 
+	/*Animate links from right to left + fade in effect*/
 
+	#tm:checked ~ .sidenav b {opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);}
 
+
 
+	/*Adding delay to link animation - in multiples of .08s*/
 
+	/*One can use jQuery also for creating the delayed effect. But I will stick to manual CSS for this walkthrough.*/
 
+	#tm:checked ~ .sidenav li:nth-child(1) b {transition-delay: 0.08s;}
 
+	#tm:checked ~ .sidenav li:nth-child(2) b {transition-delay: 0.16s;}
 
+	#tm:checked ~ .sidenav li:nth-child(3) b {transition-delay: 0.24s;}
 
+	#tm:checked ~ .sidenav li:nth-child(4) b {transition-delay: 0.32s;}
 
+	#tm:checked ~ .sidenav li:nth-child(5) b {transition-delay: 0.40s;}
 
+	#tm:checked ~ .sidenav li:nth-child(6) b {transition-delay: 0.48s;}
 
+	#tm:checked ~ .sidenav li:nth-child(7) b {transition-delay: 0.56s;}
 
+	.sidenav .fa-home{background:url(../images/wap_icon_home.png) 20px center / 35px 35px no-repeat;}
 
+	.sidenav .fa-jianjie{background:url(../images/wap_icon_jianjie.png) 20px center / 35px 35px no-repeat;}
 
+	.sidenav .fa-news{background:url(../images/wap_icon_news.png) 20px center / 35px 35px no-repeat;}
 
+	.sidenav .fa-join{background:url(../images/wap_icon_join.png) 20px center / 35px 35px no-repeat;}
 
+	.sidenav .fa-pro{background:url(../images/wap_icon_pro.png) 20px center / 35px 35px no-repeat;}
 
+	.sidenav .fa-team{background:url(../images/wap_icon_team.png) 20px center / 35px 35px no-repeat;}
 
+	.sidenav .fa-tel{background:url(../images/wap_icon_telus.png) 20px center / 35px 35px no-repeat;}
 
+	
+	/*新闻详情*/
 
+	    .news_prev,.news_next{margin: 10px 0;font-size: 14px;}
 
+		.news_prev a,.news_next a{color: #b2b2b2;}
 
+		.news_next a:hover,.news_prev a:hover{color: #ea094b;}
 
+		.return_news_list{position: absolute;right: 0;top: 12px;border: 1px solid #ccc;border-radius:25px;padding: 3px 25px;color: #ea094b;font-size: 14px;}
 
+		.return_news_list:hover{background-color: #ea094b;color: #fff;}
 
+		.back_btn{float: left;width: 105px;height: 120px;line-height: 120px;font-size: 26px;color: #999;text-align: left;cursor: pointer; border-right:1px solid #ccc;padding-left: 65px;background: url(../images/jiantou.png) left center no-repeat;}
 
+		.back_btn:hover{background: url(../images/jiantou1.png) left center no-repeat;color: #ea094b;}
 
+		.header_news_details{position: relative;border-bottom:1px solid #ccc;height: 120px;}
 
+		.center_cell{margin: 0 auto;width: 980px;padding: 0 10px;height: 120px;}
 
+		.news_content{margin: 70px auto;width: 1000px;text-align: center;padding-bottom: 200px;background: #fff;}
 
+		.news_content .title{font-size: 24px;}
 
+		.news_content .date_time{font-size: 14px;color: #b2b2b2;margin: 10px 0 45px 0;}
 
+		.news_content .dic{font-size: 14px;margin: 10px 0 20px 0;}
 
+		.news_content .details_content{width: 1000px;max-width: 1000px;overflow: hidden;text-align: left;}
 
+		.news_content .details_content img{max-width: 100%;}
 
+		.box_number{position: relative;text-align: left;margin: 30px 0;}
 
+		.footer_fixed{position: fixed;left: 0;bottom: 0;width: 100%;}
 
+		.more_content{text-align: left;padding: 15px 0;margin: 30px 0;}
 
+		.more_content a{color: #0000FF;}
 
+	
+/*小屏幕*/		
+@media only screen and (min-width: 1024px) and (max-width:1279px) {
 
+	.nav_off{background-size: 70%;}
 
+	.shop_off{background-size: 65%;}
 
+	#section1 .content,#section2 .content{width: 900px;}
 
+	#section1 .options{padding: 10px 0 10px 0;}
 
+	#section1 .options img{width: 100px;}
 
+	#section1 p{margin: 25px 35px;}
 
+	.m-slide-box {padding: 20px 0 0 0;}
 
+	.left-menu{top: 0;}
 
+	.right-menu{top: 0;}
 
+	.m-slide{height: 160px;width: 900px;}
 
+	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px;width: 523px;}
 
+	.m-slide .img img{height: 130px;width: 202px; padding: 15px 20px 15px 20px;}
 
+	.m-slide .right-box{height: 130px;padding: 15px 0;}
 
+	.m-slide .btn-more{bottom: 15px;}
 
+	.border_1{padding: 25px 0;}
 
+	.m-slide .tab{height: 130px;    padding: 15px 20px 15px 0;}
 
+	.m-slide .tab a{height: 30px;}
 
+	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
 
+	.scrollBox{width: 900px;}
 
+	.scrollBox .ohbox{width: 770px;left: 65px;}
 
+	.scrollBox .pageBtn .prev{left: 27px;}
 
+	.scrollBox .pageBtn .next{right: 27px;}
 
+	.scrollBox .piclist li{width: 100px;margin:0 40px;}
 
+	.scrollBox .piclist li img{width: 100px;}
 
+	.scrollBox .pageBtn span{top: 40px;}
 
+	.scrollBox .piclist li span{font-size: 12px;}
 
+	.joinus_box{width: 650px; margin: 20px auto 0 auto;}
 
+	.joinus_box .btn_box {padding: 25px 0;}
 
+	.picBtnTop{width: 700px; height: 380px; margin: 20px auto;}
 
+	.picBtnTop .bd{ width:320px;  height:320px;padding:30px 0 30px 80px; }
 
+	.picBtnTop .hd{height: 320px;padding: 30px 0;}
 
+	.picBtnTop .hd ul li{width: 50px;}
 
+	.picBtnTop .welcome_join{width: 167px;height: 167px;}
 
+	#section5 .mab-box{margin: 60px 300px 60px auto;width: 600px;height: 450px;}
 
+	.content article section:nth-of-type(3) {padding: 5px 0;}
 
+	.content article section:last-child {padding: 10px 0;}
 
+	.lianxi-box{left: 720px;}
 
+	.list_cell {font-size: 30px;}
 
+	.list_containner {width: 900px;}
 
+	.slideTxtBox {width: 900px;}
 
+	.news_content{width: 900px;}
 
+	.news_content .details_content {width: 900px;max-width: 900px;}
 
+	.back_top{margin-left: 400px;}
 
+	
+}
 
+@media only screen and (min-width: 1280px) and (max-width:1359px) {
 
+	.nav_off{background-size: 70%;}
 
+	.shop_off{background-size: 65%;}
 
+	#section1 .options{padding: 10px 0 10px 0;}
 
+	#section1 .options img{width: 100px;}
 
+	#section1 p{margin: 25px 35px;}
 
+	.m-slide-box {padding: 20px 0 0 0;}
 
+	.left-menu{top: 0;}
 
+	.right-menu{top: 0;}
 
+	.m-slide{height: 160px;}
 
+	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px }
 
+	.m-slide .img img{height: 130px;padding: 15px 20px 15px 20px;}
 
+	.m-slide .right-box{height: 130px;padding: 15px 0;}
 
+	.m-slide .btn-more{bottom: 15px;}
 
+	.border_1{padding: 25px 0;}
 
+	.m-slide .tab{height: 130px;    padding: 15px 20px 15px 0;}
 
+	.m-slide .tab a{height: 30px;}
 
+	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
 
+	.scrollBox .ohbox{width: 870px;left: 65px;}
 
+	.scrollBox .pageBtn .prev{left: 27px;}
 
+	.scrollBox .pageBtn .next{right: 27px;}
 
+	.scrollBox .piclist li{width: 100px;margin:0 55px;}
 
+	.scrollBox .piclist li img{width: 100px;}
 
+	.scrollBox .pageBtn span{top: 45px;}
 
+	.scrollBox .piclist li span{font-size: 12px;}
 
+	.joinus_box{width: 650px; margin: 20px auto 0 auto;}
 
+	.joinus_box .btn_box {padding: 25px 0;}
 
+	.picBtnTop{width: 700px; height: 380px; margin: 20px auto;}
 
+	.picBtnTop .bd{ width:320px;  height:320px;padding:30px 0 30px 80px; }
 
+	.picBtnTop .hd{height: 320px;padding: 30px 0;}
 
+	.picBtnTop .hd ul li{width: 50px;}
 
+	.picBtnTop .welcome_join{width: 167px;height: 167px;}
 
+	#section5 .mab-box {margin: 30px 220px 30px auto;}
 
+}
 
+/*一般笔记本分辨率*/			
+@media only screen and (min-width: 1360px) and (max-width:1366px) {
 
+	.nav_off{background-size: 70%;}
 
+	.shop_off{background-size: 65%;}
 
+	#section1 .options{padding: 30px 0 10px 0;}
 
+	#section1 .options img{width: 100px;}
 
+	.m-slide-box {padding: 30px 0 0 0;}
 
+	.left-menu{top: 10px;}
 
+	.right-menu{top: 10px;}
 
+	.m-slide{height: 160px;}
 
+	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px }
 
+	.m-slide .img img{height: 130px;padding: 15px 20px 15px 20px;}
 
+	.m-slide .right-box{height: 130px;padding: 15px 0;}
 
+	.m-slide .btn-more{bottom: 15px;}
 
+	.border_1{padding: 25px 0;}
 
+	.m-slide .tab{height: 150px;    padding: 15px 20px 15px 0;}
 
+	.m-slide .tab a{height: 30px;}
 
+	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
 
+	.scrollBox .piclist li{width: 150px;margin:0 35px;}
 
+	.scrollBox .piclist li img{width: 150px;}
 
+	.scrollBox .pageBtn span{top: 80px;}
 
+	.joinus_box{width: 750px; margin: 40px auto 0 auto;}
 
+	.joinus_box .btn_box {padding: 30px 0;}
 
+	.picBtnTop{width: 750px; height: 480px; margin: 20px auto;}
 
+	.picBtnTop .bd{ width:420px;  height:420px;padding:30px 0 30px 80px; }
 
+	.picBtnTop .hd{height: 420px;}
 
+	.picBtnTop .hd ul li{width: 65px;}
 
+	.picBtnTop .welcome_join{width: 167px;height: 167px;}
 
+	#section5 .mab-box{margin: 30px 220px 30px auto;}
 
+}
 
+@media only screen and (min-width: 1367px) and (max-width:1680px) {
 
+	#section1 .options{padding: 50px 0 30px 0;}
 
+	#section1 .options img{width: 150px;}
 
+	.m-slide-box {padding: 30px 0 0 0;}
 
+	.left-menu{top: 10px;}
 
+	.right-menu{top: 10px;}
 
+	.m-slide{height: 160px;}
 
+	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px }
 
+	.m-slide .img img{height: 130px;padding: 15px 20px 15px 20px;}
 
+	.m-slide .right-box{height: 130px;padding: 15px 0;}
 
+	.m-slide .btn-more{bottom: 15px;}
 
+	.border_1{padding: 25px 0;}
 
+	.m-slide .tab{height: 150px;    padding: 15px 20px 15px 0;}
 
+	.m-slide .tab a{height: 30px;}
 
+	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
 
+	.joinus_box{width: 850px; margin: 40px auto 0 auto;}
 
+	.joinus_box .btn_box {padding: 30px 0;}
 
+	.picBtnTop{width: 750px; height: 480px; margin: 20px auto;}
 
+	.picBtnTop .bd{ width:420px;  height:420px;padding:30px 0 30px 80px; }
 
+	.picBtnTop .hd{height: 420px;}
 
+	.picBtnTop .hd ul li{width: 65px;}
 
+	.picBtnTop .welcome_join{width: 167px;height: 167px;}
 
+	#section5 .mab-box {margin: 50px 200px 50px auto;}
 
+}
 
+@media screen and (orientation:portrait) {
 
+/*移动设备竖屏*/
 
+body{background-color: #fff !important;}
 
+.sidenav{display: block;}
 
+.mobile {float:left;width: 100%;}
 
+.nav_off{display: none;}
 
+.shop_off{display: none;}
 
+#fp-nav{display: none;}
 
+#section1 .options img{width:20%;}
 
+.wap_header{display: block;top: 0;}
 
+.section .fp-tableCell>.title {width: 100%;margin:0 auto;font-size: 18px;}
 
+#section1 .content {width: 100%;margin: 0 auto;padding: 10px 0;}
 
+#section1 .options {padding: 10px 0 0 0;}
 
+#section1 p{margin: 10px 20px;font-size: 12px;}
 
+.m-slide-box {padding: 15px 0 0 0;}
 
+.m-slide{display: none;}
 
+.scrollBox{display: none;}
 
+#section2{background: #fff;}
 
+#section2 .content{width: 100%;}
 
+.border_1{padding: 20px 0 0 0;}
 
+.left-menu{left: 0;font-size: 14px;padding: 4px 15px;top:0;background: #fff;}
 
+.right-menu{font-size: 14px;top:0;padding: 4px 15px;right: 0;background: #fff;}
 
+.group_banner{display: block;}
 
+.news_banner{display: block;}
 
+.joinus_box{display: none;}
 
+.picBtnTop{display: none;}
 
+#section5 .mab-box{display: none;}
 
+.footer_box ul li{font-size: 12px;}
 
+.footer_box ul li:first-child{display: none;}
 
+.footer_box{height: 115px;}
 
+.footer_box ul{margin-top:0;-webkit-transform: translateY(-50%);}
 
+#section3{background: url(../images/joinus_bg1.jpg) center center no-repeat;background-size:auto 100%;}
 
+#section3 .content{width: 100%;}
 
+#section3 .mobile_joinus{display: block;}
 
+#section4 .content {width: 100%;}
 
+.mobile_team_show{display: block;}
 
+#section5 .content {width: 100%;}
 
+#section5 .wap-map-box{display: block;}
 
+
 
+.list_containner {width: 80%;}
 
+.list_cell {width: 100%;font-size: 20px;}
 
+.list_containner {margin: 10px auto;width: 90%;}
 
+.list_title { top:50%;-webkit-transform: translateY(-50%);}
 
+h2 {font-size: 16px;}
 
+.list_containner>p{font-size: 14px;margin: 10px 0;}
 
+.list_containner .img_box{padding: 10px 10px;}
 
+.slideTxtBox {width: 100%;}
 
+.slideTxtBox .bd ul{padding: 0;}
 
+.slideTxtBox .bd li{width: 100%;position: relative;overflow: hidden;margin: 15px 0;}
 
+.slideTxtBox .hd ul li{width: 35%;}
 
+.slideTxtBox .hd ul {float: none;position: relative;left: 0;top: 0;}
 
+.slideTxtBox .hd{padding: 10px 10%;}
 
+
 
+.title-after-before{padding: 0 25px;}
 
+.title-after-before:before,.title-after-before:after{top: 10px;width: 20px;}
 
+.section .title-after-before:before,.section .title-after-before:after{top:10px;}
 
+.header_news_details{display: none;}
 
+.news_content {margin: 0px auto;width: 100%;padding-bottom: 0px;padding-top: 65px;}
 
+.news_content .details_content {width: auto;padding: 0 15px;max-width: 100%;}
 
+.news_content .title {font-size: 16px;}
 
+.news_content .date_time {font-size: 12px;margin: 10px 0 10px 0;}
 
+.news_content .dic {font-size: 12px;}
 
+.more_content {padding: 15px 10px;margin: 10px 0;}
 
+.return_news_list{display: none;}
 
+.news_prev, .news_next {margin: 10px;font-size: 12px;}
 
+
 
+.pc_box{display: none;}
 
+.mobile_box{display: block;}
 
+.back_top {left: auto;right: 20px;bottom: 120px;}
 
+}
 
+/*4-417*2=834*/
 
+@media (device-height:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
 
+	.news_banner .content-des{-webkit-line-clamp: 2;}
 
+	.list_cell {font-size: 14px;}
 
+	.list_containner {margin: 10px auto;width: 90%;}
 
+	h2 {font-size: 14px;}
 
+	.list_containner>p{font-size: 12px;margin: 10px 0;}
 
+	.list_containner .img_box{padding: 10px 10px;}
 
+	.footer_box{height: 115px;}
 
+}
 
+/* 425*2=850*/
 
+@media (width:270px){
 
+	.news_banner .content-des{-webkit-line-clamp: 2;}
 
+	.list_cell {font-size: 14px;}
 
+	.list_containner {margin: 10px auto;width: 90%;}
 
+	h2 {font-size: 14px;}
 
+	.list_containner>p{font-size: 12px;margin: 10px 0;}
 
+	.list_containner .img_box{padding: 10px 10px;}
 
+	.footer_box{height: 115px;}
 
+}
 
+/*5-504*2=1008*/
 
+@media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
 
+	.news_banner .content-des{-webkit-line-clamp: 2;}
 
+	.list_cell {font-size: 14px;}
 
+	.list_containner {margin: 10px auto;width: 90%;}
 
+	h2 {font-size: 14px;}
 
+	.list_containner>p{font-size: 12px;margin: 10px 0;}
 
+	.list_containner .img_box{padding: 10px 10px;}
 
+	.footer_box{height: 115px;}
 
+}
 
+/* 567*1.5=850*/
 
+@media(width:360px){
 
+	.news_banner .content-des{-webkit-line-clamp: 2;}
 
+	.list_cell {font-size: 14px;}
 
+	.list_containner {margin: 10px auto;width: 90%;}
 
+	h2 {font-size: 14px;}
 
+	.list_containner>p{font-size: 12px;margin: 10px 0;}
 
+	.list_containner .img_box{padding: 10px 10px;}
 
+}
 
+/*6-603*2=1206*/
 
+@media (device-height:667px) and (min-width:375px) and (-webkit-min-device-pixel-ratio:2){
 
+	
+}
 
+/*6p-665*2=1330*/
 
+@media (device-height:736px) and (min-width:414px) and (-webkit-min-device-pixel-ratio:2){
 
+	
+}
 
+
 
+/*ipad竖屏*/
 
+@media screen and (orientation:portrait) and (width:768px) and (height:1024px) and (-webkit-min-device-pixel-ratio:2){
 
+	.lock-wrap-ipad{display: block;}
 
+	.nav_off{background-size: 70%;}
 
+	.shop_off{background-size: 65%;}
 
+	#section1 .content,#section2 .content{width: 900px;}
 
+	#section1 .options{padding: 10px 0 10px 0;}
 
+	#section1 .options img{width: 100px;}
 
+	#section1 p{margin: 25px 35px;}
 
+	.m-slide-box {padding: 20px 0 0 0;}
 
+	.left-menu{top: 0;}
 
+	.right-menu{top: 0;}
 
+	.m-slide{height: 160px;width: 900px;}
 
+	.m-slide .img li, .m-slide .img a, .m-slide .img {height: 160px;width: 523px;}
 
+	.m-slide .img img{height: 130px;width: 202px; padding: 15px 20px 15px 20px;}
 
+	.m-slide .right-box{height: 130px;padding: 15px 0;}
 
+	.m-slide .btn-more{bottom: 15px;}
 
+	.border_1{padding: 25px 0;}
 
+	.m-slide .tab{height: 130px;    padding: 15px 20px 15px 0;}
 
+	.m-slide .tab a{height: 30px;}
 
+	.m-slide .tab a .title,.m-slide .tab a .des{top: 5px;}
 
+	.scrollBox{width: 900px;}
 
+	.scrollBox .ohbox{width: 770px;left: 65px;}
 
+	.scrollBox .pageBtn .prev{left: 27px;}
 
+	.scrollBox .pageBtn .next{right: 27px;}
 
+	.scrollBox .piclist li{width: 100px;margin:0 40px;}
 
+	.scrollBox .piclist li img{width: 100px;}
 
+	.scrollBox .pageBtn span{top: 60px;}
 
+	.scrollBox .piclist li span{font-size: 12px;}
 
+	.joinus_box{width: 650px; margin: 20px auto 0 auto;}
 
+	.joinus_box .btn_box {padding: 25px 0;}
 
+	.picBtnTop{width: 700px; height: 380px; margin: 20px auto;}
 
+	.picBtnTop .bd{ width:320px;  height:320px;padding:30px 0 30px 80px; }
 
+	.picBtnTop .bd ul{width: 320px;height: 320px;}
 
+	.picBtnTop .bd li{width: 320px;height: 320px;}
 
+	.picBtnTop .bd li .pic img {width: 320px;height: 320px;}
 
+	.picBtnTop .hd{height: 320px;padding: 30px 0;}
 
+	.picBtnTop .hd ul li{width: 50px;}
 
+	.picBtnTop .welcome_join{width: 167px;height: 167px;}
 
+	#section5 .mab-box{margin: 10px auto;width: 800px;}
 
+	
+	.list_containner {width: 80%;}
 
+	.list_cell {width: 100%;font-size: 20px;}
 
+	.news_content{display: none;}
 
+	.mobile_box{display: none;}
 
+}
 
+@media screen and (orientation:landscape) and (max-height:767px) and (-webkit-min-device-pixel-ratio:2){
 
+/*移动设备横屏*/
 
+.nav_off{display: none;}
 
+.shop_off{display: none;}
 
+#fp-nav{display: none;}	
+.lock-wrap{display: block;}
 
+.pc_box{display: none;}
 
+.news_content{display: none;}
 
+}

+ 10 - 0
watero/css/daili_2wm.css
View File 

@@ -0,0 +1,10 @@
 
+html,body{height: 100%;background: #fff;}
 
+.mui-content{min-height: 100%;background: #fff;}
 
+.my-ol li{padding:0 0 10px 0;}
 
+.my-ol .my-p{font-size:12px;padding:6px 0;}
 
+.qrcode-div{padding: 0;}
 
+.qrcode-div img{width:250px;height:250px}
 
+.user-head{position: absolute;left: 50%;bottom:0 ;width:28%;overflow: hidden;border:2px solid #fff;border-radius: 50%;font-size:0px;line-height: 0; -webkit-transform: translateX(-50%);}
 
+.user-head img{width: 100%;border-radius: 50%;}
 
+.user-head-box{position: relative;padding-bottom:6%;}
 
+.mui-backdrop {position: fixed;z-index: 998;top: 0;right: 0;bottom: 0;left: 0;background: url(http://static.iamberry.com/images/shop/share.png) top center no-repeat rgba(0, 0, 0, .4);background-size: 100%;}

+ 8 - 0
watero/css/daili_order_list.css
View File 

@@ -0,0 +1,8 @@
 
+.mui-table-view{font-size: 12px;}
 
+.mui-table-view li>span:nth-of-type(2){color: #666;margin-left: 20px;}
 
+.mui-bar-tab~.mui-content {margin-top:70px;}
 
+.cash-header{position: relative;width:100%;height:70px;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#55c0dc), to(#a6c8ce));color: #fff;}
 
+.cash-header>div{position: absolute;width: 100%;top: 50%;left: 0;-webkit-transform: translateY(-50%);padding: 0 15px;}
 
+.box-child>div{height: 30px;line-height:30px;}
 
+.my-btn-tx{background: #fff;color: #e9004c;padding:0 18px;border-radius: 6px; float: right;font-size: 12px;}
 
+.my-tab-view-pull .mui-table-view-cell{padding: 15px;}

+ 22 - 0
watero/css/fenxiao_center.css
View File 

@@ -0,0 +1,22 @@
 
+.fenxiao_vip{position: absolute;right:10px;bottom: 0;background: #d1244e;border-radius: 15px;padding:2px 6px 1px 6px;}
 
+.grid-6 {height: 70px;padding:6px 15px 11px 15px !important;width: 50%;}
 
+#my_type .grid-6{display:none;}
 
+#my_type #video{display: inline-block}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {font-size: 15px;line-height: 15px;display: inline-block;width: auto;height: 34px;margin-top:2px;text-overflow: ellipsis;color: #333;text-align: left;}
 
+.mui-grid-view.mui-grid-9{background-color: #fff;}
 
+.mui-grid-view.mui-grid-9:after{height: 0;}
 
+.chart {height: 300px;margin: 0px;padding: 0px;}
 
+.my-chart-bar {background: #fff;border: 0;height: 50px;margin-bottom: 1px;margin-top:.6em;}
 
+.my-chart-bar .mui-control-item {color: #444;font-weight: 500;border-left: 0;border-bottom: 2px solid transparent;line-height: 50px;font-size: 15px;}
 
+.my-chart-bar .mui-control-item.mui-active {color: #55c0dc;border-bottom: 2px solid #55c0dc;background-color: #fff;}
 
+.mui-control-content {background: #fff;padding: 10px 0;}
 
+.my-tab-view3:after {height: 0;}
 
+.my-tab-view3 li {padding: 10px 10px 0 10px;}
 
+.mui-table-view.mui-grid-view .fenxiao_wm2,.mui-table-view.mui-grid-view .fenxiao_share,#iwant_dinghuo,#dinghuo_log{display:none;}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{position: relative;}
 
+.my-cell {float: left;margin-top: 10px;}
 
+.mui-navigate-right:after{font-size: 30px;}
 
+.left-middle{position: absolute;top: 20px;}
 
+#guanli{margin-top: .6em;}
 
+#guanli:before,#guanli:after{display:none;}
 
+.line-blue-left:before{content:'';width: 3px;height:70% !important;top: 15%;background: #e35b79;left: 0;position: absolute;}

+ 15 - 0
watero/css/fenxiao_up.css
View File 

@@ -0,0 +1,15 @@
 
+.upload_box{width:100%; margin:0 auto;}
 
+.upload_main{border-width:1px 1px 1px; border-style:solid; border-color:#ccc #ccc #ddd; background-color:#fbfbfb;position: relative;text-align: center;}
 
+.upload_drag_area{display:inline-block; width:60%; padding:4em 0; margin-left:.5em; border:1px dashed #ddd; background:#fff; color:#999; text-align:center; vertical-align:middle;}
 
+.upload_drag_hover{border-color:#069; box-shadow:inset 2px 2px 4px rgba(0, 0, 0, .5); color:#333;}
 
+.upload_preview{border-top:1px solid #bbb; border-bottom:1px solid #bbb; background-color:#fff; overflow:hidden; _zoom:1;min-height: 150px;background: url(http://static.iamberry.com/images/shop/camera.png) center center no-repeat #ccc;background-size:10em;}
 
+.upload_append_list{padding:0 1em;margin: 0 auto; position:relative;text-align: center;}
 
+.upload_append_list img{width: 50%;}
 
+.upload_delete{margin-left:2em;}
 
+.upload_image{padding:5px;}
 
+.upload_submit{padding:1em;text-align: center;}
 
+.upload_submit_btn{display:none; height:32px; font-size:14px;}
 
+.upload_loading{height:250px; }
 
+.upload_progress{display:none; padding:5px; border-radius:10px; color:#fff; background-color:rgba(0,0,0,.6); position:absolute; left:25px; top:45px;}
 
+input[type="file"]{position: absolute;font-size: 100px;width: 100%;height: 100%;right: 0;top: 0;opacity: 0;}
 
+.mui-backdrop {position: fixed;z-index: 998;top: 0;right: 0;bottom: 0;left: 0;background: url(http://static.iamberry.com/images/shop/share.png) top center no-repeat rgba(0, 0, 0, .4);background-size: 100%;}

+ 568 - 0
watero/css/iconfont.css
View File 

@@ -0,0 +1,568 @@
 
+@font-face {font-family: "iconfont";
 
+  src: url('../fonts/iconfont.ttf?t=1551692351334') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
 
+}
 
+
 
+.iconfont {
 
+	position: relative;
 
+  font-family:"iconfont" !important;
 
+  font-size:25px;
 
+  font-style:normal;
 
+  -webkit-font-smoothing: antialiased;
 
+  padding:0;
 
+}
 
+
 
+.icon-duigoukuang:before {
 
+  content: "\e613";
 
+}
 
+
 
+.icon-fenxiang:before {
 
+  content: "\e614";
 
+}
 
+
 
+.icon-guanbi:before {
 
+  content: "\e615";
 
+}
 
+
 
+.icon-baoyou:before {
 
+  content: "\e616";
 
+}
 
+
 
+.icon-dengpao:before {
 
+  content: "\e7d5";
 
+}
 
+
 
+.icon-pinleiyouhui:before {
 
+  content: "\e6ff";
 
+}
 
+
 
+.icon-erweima:before {
 
+  content: "\e620";
 
+}
 
+
 
+.icon-fuxuankuang:before {
 
+  content: "\e69b";
 
+}
 
+
 
+.icon-lvxin_null:before {
 
+  content: "\e62c";
 
+}
 
+
 
+.icon-lvxin_full:before {
 
+  content: "\e630";
 
+}
 
+
 
+.icon-youhuiquan:before {
 
+  content: "\e619";
 
+}
 
+
 
+.icon-yanjing:before {
 
+  content: "\e649";
 
+}
 
+
 
+.icon-shouquan:before {
 
+  content: "\e617";
 
+}
 
+
 
+.icon-type:before {
 
+  content: "\e6c0";
 
+}
 
+
 
+.icon-biyan:before {
 
+  content: "\e618";
 
+}
 
+
 
+.icon-order:before {
 
+  content: "\e601";
 
+}
 
+
 
+.icon-alldingdan:before {
 
+  content: "\e602";
 
+}
 
+
 
+.icon-daifahuo:before {
 
+  content: "\e603";
 
+}
 
+
 
+.icon-daifukuan:before {
 
+  content: "\e604";
 
+}
 
+
 
+.icon-jfshop:before {
 
+  content: "\e607";
 
+}
 
+
 
+.icon-kefu:before {
 
+  content: "\e608";
 
+}
 
+
 
+.icon-liwu:before {
 
+  content: "\e609";
 
+}
 
+
 
+.icon-ordercart:before {
 
+  content: "\e60b";
 
+}
 
+
 
+.icon-orderjiangli:before {
 
+  content: "\e60c";
 
+}
 
+
 
+.icon-orderyouhui:before {
 
+  content: "\e60d";
 
+}
 
+
 
+.icon-orderyue:before {
 
+  content: "\e60e";
 
+}
 
+
 
+.icon-renwu:before {
 
+  content: "\e60f";
 
+}
 
+
 
+.icon-shouhou:before {
 
+  content: "\e610";
 
+}
 
+
 
+.icon-xiaxian:before {
 
+  content: "\e611";
 
+}
 
+
 
+.icon-yifahuo:before {
 
+  content: "\e612";
 
+}
 
+
 
+.icon-lipin:before {
 
+  content: "\e71d";
 
+}
 
+
 
+.icon-dingdan:before {
 
+  content: "\e663";
 
+}
 
+
 
+.icon-dingdan1:before {
 
+  content: "\e664";
 
+}
 
+
 
+.icon-gouwuche:before {
 
+  content: "\e665";
 
+}
 
+
 
+.icon-home:before {
 
+  content: "\e666";
 
+}
 
+
 
+.icon-share:before {
 
+  content: "\e667";
 
+}
 
+
 
+.icon-home1:before {
 
+  content: "\e668";
 
+}
 
+
 
+.icon-vip1:before {
 
+  content: "\e669";
 
+}
 
+
 
+.icon-gouwuche1:before {
 
+  content: "\e66a";
 
+}
 
+
 
+.icon-vip:before {
 
+  content: "\e66b";
 
+}
 
+
 
+.icon-wheel:before {
 
+  content: "\e66c";
 
+}
 
+
 
+.icon-yanse:before {
 
+  content: "\e66d";
 
+}
 
+
 
+.icon-songhuo:before {
 
+  content: "\e66e";
 
+}
 
+
 
+.icon-chekbox:before {
 
+  content: "\e66f";
 
+}
 
+
 
+.icon-jiage:before {
 
+  content: "\e670";
 
+}
 
+
 
+.icon-youhui:before {
 
+  content: "\e671";
 
+}
 
+
 
+.icon-tea:before {
 
+  content: "\e672";
 
+}
 
+
 
+.icon-list:before {
 
+  content: "\e673";
 
+}
 
+
 
+.icon-list-card:before {
 
+  content: "\e674";
 
+}
 
+
 
+.icon-machine:before {
 
+  content: "\e675";
 
+}
 
+
 
+.icon-filter:before {
 
+  content: "\e676";
 
+}
 
+
 
+.icon-shiyong:before {
 
+  content: "\e677";
 
+}
 
+
 
+.icon-tongji:before {
 
+  content: "\e678";
 
+}
 
+
 
+.icon-jinpaivip:before {
 
+  content: "\e679";
 
+}
 
+
 
+.icon-mendian:before {
 
+  content: "\e67a";
 
+}
 
+
 
+.icon-xiaoshou:before {
 
+  content: "\e67b";
 
+}
 
+
 
+.icon-mendianvip:before {
 
+  content: "\e67c";
 
+}
 
+
 
+.icon-quanyizhanshi:before {
 
+  content: "\e61d";
 
+}
 
+
 
+.icon-lease:before {
 
+  content: "\e67d";
 
+}
 
+
 
+.icon-lease1:before {
 
+  content: "\e67e";
 
+}
 
+
 
+.icon-lease2:before {
 
+  content: "\e67f";
 
+}
 
+
 
+.icon-lease3:before {
 
+  content: "\e680";
 
+}
 
+
 
+.icon-lease5:before {
 
+  content: "\e682";
 
+}
 
+
 
+.icon-lease6:before {
 
+  content: "\e683";
 
+}
 
+
 
+.icon-lease7:before {
 
+  content: "\e684";
 
+}
 
+
 
+.icon-lease8:before {
 
+  content: "\e685";
 
+}
 
+
 
+.icon-lease9:before {
 
+  content: "\e686";
 
+}
 
+
 
+.icon-lease10:before {
 
+  content: "\e687";
 
+}
 
+
 
+.icon-lease11:before {
 
+  content: "\e688";
 
+}
 
+
 
+.icon-lease12:before {
 
+  content: "\e689";
 
+}
 
+
 
+.icon-gift:before {
 
+  content: "\e681";
 
+}
 
+
 
+.icon-gift1:before {
 
+  content: "\e68a";
 
+}
 
+
 
+.icon-gift-copy:before {
 
+  content: "\e71e";
 
+}
 
+
 
+.icon-daifahuo1:before {
 
+  content: "\e68b";
 
+}
 
+
 
+.icon-wodequanbao:before {
 
+  content: "\e68c";
 
+}
 
+
 
+.icon-shebeiliebiao:before {
 
+  content: "\e68d";
 
+}
 
+
 
+.icon-zulinxieyi:before {
 
+  content: "\e68e";
 
+}
 
+
 
+.icon-yifahuo1:before {
 
+  content: "\e68f";
 
+}
 
+
 
+.icon-dikouquan:before {
 
+  content: "\e690";
 
+}
 
+
 
+.icon-tiququan:before {
 
+  content: "\e691";
 
+}
 
+
 
+.icon-dingzhi:before {
 
+  content: "\e692";
 
+}
 
+
 
+.icon-tuikuan:before {
 
+  content: "\e693";
 
+}
 
+
 
+.icon-huanhuo:before {
 
+  content: "\e694";
 
+}
 
+
 
+.icon-tuihuo:before {
 
+  content: "\e695";
 
+}
 
+
 
+.icon-xiugaidingdan:before {
 
+  content: "\e696";
 
+}
 
+
 
+.icon-shenhedingdan:before {
 
+  content: "\e697";
 
+}
 
+
 
+.icon-chakandingdan:before {
 
+  content: "\e698";
 
+}
 
+
 
+.icon-lurudingdan:before {
 
+  content: "\e699";
 
+}
 
+
 
+.icon-bianjidingdan:before {
 
+  content: "\e69a";
 
+}
 
+
 
+.icon-shouye:before {
 
+  content: "\e69c";
 
+}
 
+
 
+.icon-tianjiadingdan:before {
 
+  content: "\e69d";
 
+}
 
+
 
+.icon-caiwushenhe:before {
 
+  content: "\e69e";
 
+}
 
+
 
+.icon-liebiao:before {
 
+  content: "\e69f";
 
+}
 
+
 
+.icon-fuwushouye:before {
 
+  content: "\e6a0";
 
+}
 
+
 
+.icon-guanbi1:before {
 
+  content: "\e6a1";
 
+}
 
+
 
+.icon-sousuo:before {
 
+  content: "\e6a2";
 
+}
 
+
 
+.icon-zulindingdanxiangqing:before {
 
+  content: "\e6a3";
 
+}
 
+
 
+.icon-gezhandizhi:before {
 
+  content: "\e6a4";
 
+}
 
+
 
+.icon-ding:before {
 
+  content: "\e6a5";
 
+}
 
+
 
+.icon-tishi:before {
 
+  content: "\e6a6";
 
+}
 
+
 
+.icon-weinitigong:before {
 
+  content: "\e6a7";
 
+}
 
+
 
+.icon-yanse1:before {
 
+  content: "\e6a8";
 
+}
 
+
 
+.icon-chanpintiyan:before {
 
+  content: "\e6a9";
 
+}
 
+
 
+.icon-chanpinfuwu:before {
 
+  content: "\e6aa";
 
+}
 
+
 
+.icon-xianchangzulin:before {
 
+  content: "\e6ab";
 
+}
 
+
 
+.icon-shouquyukuan:before {
 
+  content: "\e6ac";
 
+}
 
+
 
+.icon-fanhuidingbu:before {
 
+  content: "\e6ad";
 
+}
 
+
 
+.icon-shangmenfuwu:before {
 
+  content: "\e6ae";
 
+}
 
+
 
+.icon-daohang:before {
 
+  content: "\e6af";
 
+}
 
+
 
+.icon-dianhua:before {
 
+  content: "\e6b0";
 
+}
 
+
 
+.icon-fenxiaozhongxin:before {
 
+  content: "\e6b1";
 
+}
 
+
 
+.icon-wodeerweima:before {
 
+  content: "\e6b2";
 
+}
 
+
 
+.icon-jishu:before {
 
+  content: "\e6b3";
 
+}
 
+
 
+.icon-chanpinzhinan:before {
 
+  content: "\e6b4";
 
+}
 
+
 
+.icon-saoma:before {
 
+  content: "\e6b5";
 
+}
 
+
 
+.icon-gushi:before {
 
+  content: "\e6b6";
 
+}
 
+
 
+.icon-xiaoshoujilu:before {
 
+  content: "\e6b7";
 
+}
 
+
 
+.icon-jiangxiang:before {
 
+  content: "\e6b8";
 
+}
 
+
 
+.icon-zhongguo:before {
 
+  content: "\e6b9";
 
+}
 
+
 
+.icon-shiming:before {
 
+  content: "\e6ba";
 
+}
 
+
 
+.icon-caozuozhinan:before {
 
+  content: "\e6bb";
 
+}
 
+
 
+.icon-dansheng:before {
 
+  content: "\e6bc";
 
+}
 
+
 
+.icon-linian:before {
 
+  content: "\e6bd";
 
+}
 
+
 
+.icon-fenxiang1:before {
 
+  content: "\e6be";
 
+}
 
+
 
+.icon-xiaxianyonghu:before {
 
+  content: "\e6bf";
 
+}
 
+
 
+.icon-zhi:before {
 
+  content: "\e6c1";
 
+}
 
+
 
+.icon-shouhoudianhua:before {
 
+  content: "\e6c2";
 
+}
 
+
 
+.icon-dingwei:before {
 
+  content: "\e6c3";
 
+}
 
+
 
+.icon-chuku:before {
 
+  content: "\e6c4";
 
+}
 
+
 
+.icon-jia:before {
 
+  content: "\e6d4";
 
+}
 
+
 
+.icon-duihuanquan:before {
 
+  content: "\e706";
 
+}
 
+
 
+.icon-daifukuan1:before {
 
+  content: "\e707";
 
+}
 
+
 
+.icon-vipyonghu:before {
 
+  content: "\e708";
 
+}
 
+
 
+.icon-quanbudingdan:before {
 
+  content: "\e709";
 
+}
 
+
 
+.icon-youhuiquan1:before {
 
+  content: "\e70a";
 
+}
 
+
 
+.icon-lvxin:before {
 
+  content: "\e70b";
 
+}
 
+
 
+.icon-jiadian:before {
 
+  content: "\e70c";
 
+}
 
+
 
+.icon-shuiji:before {
 
+  content: "\e70d";
 
+}
 
+
 
+.icon-gehu:before {
 
+  content: "\e70e";
 
+}

+ 63 - 0
watero/css/icons-extra.css
View File 

@@ -0,0 +1,63 @@
 
+@font-face {
 
+    font-family: MuiiconSpread;
 
+    font-weight: normal;
 
+    font-style: normal;
 
+    src:  url('../fonts/mui-icons-extra.ttf') format('truetype'); /* iOS 4.1- */
 
+}
 
+.mui-icon-extra
 
+{
 
+    font-family: MuiiconSpread;
 
+    font-size: 24px;
 
+    font-weight: normal;
 
+    font-style: normal;
 
+    line-height: 1;
 
+    display: inline-block;
 
+    text-decoration: none;
 
+    -webkit-font-smoothing: antialiased;
 
+}
 
+.mui-icon-extra-cold:before { content: "\e500"; }
 
+.mui-icon-extra-share:before { content: "\e200"; }
 
+.mui-icon-extra-class:before { content: "\e118"; }
 
+.mui-icon-extra-custom:before { content: "\e117"; }
 
+.mui-icon-extra-new:before { content: "\e103"; }
 
+.mui-icon-extra-card:before { content: "\e104"; }
 
+.mui-icon-extra-grech:before { content: "\e105"; }
 
+.mui-icon-extra-trend:before { content: "\e106"; }
 
+.mui-icon-extra-filter:before { content: "\e207"; }
 
+.mui-icon-extra-holiday:before { content: "\e300"; }
 
+.mui-icon-extra-cart:before { content: "\e107"; }
 
+.mui-icon-extra-heart:before { content: "\e180"; }
 
+.mui-icon-extra-computer:before { content: "\e600"; }
 
+.mui-icon-extra-express:before { content: "\e108"; }
 
+.mui-icon-extra-gift:before { content: "\e109"; }
 
+.mui-icon-extra-gold:before { content: "\e102"; }
 
+.mui-icon-extra-lamp:before { content: "\e601"; }
 
+.mui-icon-extra-rank:before { content: "\e110"; }
 
+.mui-icon-extra-notice:before { content: "\e111"; }
 
+.mui-icon-extra-sweep:before { content: "\e202"; }
 
+.mui-icon-extra-arrowleftcricle:before { content: "\e401"; }
 
+.mui-icon-extra-dictionary:before { content: "\e602"; }
 
+.mui-icon-extra-heart-filled:before { content: "\e119"; }
 
+.mui-icon-extra-xiaoshuo:before { content: "\e607"; }
 
+.mui-icon-extra-top:before { content: "\e403"; }
 
+.mui-icon-extra-people:before { content: "\e203"; }
 
+.mui-icon-extra-topic:before { content: "\e603"; }
 
+.mui-icon-extra-hotel:before { content: "\e301"; }
 
+.mui-icon-extra-like:before { content: "\e206"; }
 
+.mui-icon-extra-regist:before { content: "\e201"; }
 
+.mui-icon-extra-order:before { content: "\e113"; }
 
+.mui-icon-extra-alipay:before { content: "\e114"; }
 
+.mui-icon-extra-find:before { content: "\e400"; }
 
+.mui-icon-extra-arrowrightcricle:before { content: "\e402"; }
 
+.mui-icon-extra-calendar:before { content: "\e115"; }
 
+.mui-icon-extra-prech:before { content: "\e116"; }
 
+.mui-icon-extra-cate:before { content: "\e501"; }
 
+.mui-icon-extra-comment:before { content: "\e209"; }
 
+.mui-icon-extra-at:before { content: "\e208"; }
 
+.mui-icon-extra-addpeople:before { content: "\e204"; }
 
+.mui-icon-extra-peoples:before { content: "\e205"; }
 
+.mui-icon-extra-calc:before { content: "\e101"; }
 
+.mui-icon-extra-classroom:before { content: "\e604"; }
 
+.mui-icon-extra-phone:before { content: "\e404"; }
 
+.mui-icon-extra-university:before { content: "\e605"; }
 
+.mui-icon-extra-outline:before { content: "\e606"; }

File diff suppressed because it is too large
+ 1227 - 0
watero/css/index.min.css


+ 170 - 0
watero/css/javascript.fullPage.css
View File 

@@ -0,0 +1,170 @@
 
+/**
 
+ * fullPage 1.4.5
 
+ * https://github.com/alvarotrigo/fullPage.js
 
+ * MIT licensed
 
+ *
 
+ * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 
+ */
 
+html, body {
 
+    margin: 0;
 
+    padding: 0;
 
+}
 
+#superContainer {
 
+    height: 100%;
 
+    position: relative;
 
+}
 
+.section {
 
+    position: relative;
 
+    -webkit-box-sizing: border-box;
 
+    -moz-box-sizing: border-box;
 
+    box-sizing: border-box;
 
+}
 
+.slide {
 
+    float: left;
 
+}
 
+.slide, .slidesContainer {
 
+    height: 100%;
 
+    display: block;
 
+}
 
+.slides {
 
+    height: 100%;
 
+    overflow: hidden;
 
+    position: relative;
 
+    -webkit-transition: all 0.3s ease-out;
 
+    -moz-transition: all 0.3s ease-out;
 
+    -o-transition: all 0.3s ease-out;
 
+    transition: all 0.3s ease-out;
 
+}
 
+.section.table, .slide.table {
 
+    display: table;
 
+    width: 100%;
 
+}
 
+.tableCell {
 
+    display: table-cell;
 
+    vertical-align: middle;
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+.slidesContainer {
 
+    float: left;
 
+    position: relative;
 
+}
 
+.controlArrow {
 
+    position: absolute;
 
+    top: 50%;
 
+    cursor: pointer;
 
+    width: 0;
 
+    height: 0;
 
+    border-style: solid;
 
+    margin-top: -38px;
 
+}
 
+.controlArrow.prev {
 
+    left: 15px;
 
+    width: 0;
 
+    border-width: 38.5px 34px 38.5px 0;
 
+    border-color: transparent #fff transparent transparent;
 
+}
 
+.controlArrow.next {
 
+    right: 55px;
 
+    width: 74px;
 
+    height: 74px;
 
+    border-radius: 50%;
 
+    border: 0;
 
+    opacity: .5;
 
+    background: url(../images/next.png) center center no-repeat;
 
+    background-size:100% ;
 
+    top: 50%;
 
+    /*border-width: 38.5px 0 38.5px 34px;
 
+    border-color: transparent transparent transparent #fff;*/
 
+}
 
+.scrollable {
 
+    overflow: scroll;
 
+}
 
+.easing {
 
+    -webkit-transition: all 0.7s ease-out;
 
+    -moz-transition: all 0.7s ease-out;
 
+    -o-transition: all 0.7s ease-out;
 
+    transition: all 0.7s ease-out;
 
+}
 
+#fullPage-nav {
 
+    position: fixed;
 
+    z-index: 100;
 
+    margin-top: -32px;
 
+    top: 50%;
 
+    opacity: 1;
 
+}
 
+#fullPage-nav.right {
 
+    right: 17px;
 
+}
 
+#fullPage-nav.left {
 
+    left: 17px;
 
+}
 
+.fullPage-slidesNav {
 
+    position: absolute;
 
+    z-index: 4;
 
+    left: 50%;
 
+    opacity: 1;
 
+}
 
+.fullPage-slidesNav.bottom {
 
+    bottom: 17px;
 
+}
 
+.fullPage-slidesNav.top {
 
+    top: 17px;
 
+}
 
+#fullPage-nav ul,
 
+.fullPage-slidesNav ul {
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+#fullPage-nav li,
 
+.fullPage-slidesNav li {
 
+    display: block;
 
+    width: 14px;
 
+    height: 13px;
 
+    margin: 7px;
 
+    position:relative;
 
+}
 
+.fullPage-slidesNav li {
 
+    display: inline-block;
 
+}
 
+#fullPage-nav li a,
 
+.fullPage-slidesNav li a {
 
+    display: block;
 
+    position: relative;
 
+    z-index: 1;
 
+    width: 100%;
 
+    height: 100%;
 
+    cursor: pointer;
 
+    text-decoration: none;
 
+}
 
+#fullPage-nav li .active span,
 
+.fullPage-slidesNav .active span {
 
+    background: #333;
 
+}
 
+#fullPage-nav span,
 
+.fullPage-slidesNav span {
 
+    top: 2px;
 
+    left: 2px;
 
+    width: 8px;
 
+    height: 8px;
 
+    border: 1px solid #000;
 
+    background: rgba(0, 0, 0, 0);
 
+    -webkit-border-radius: 50%;
 
+    -moz-border-radius: 50%;
 
+    border-radius: 50%;
 
+    position: absolute;
 
+    z-index: 1;
 
+}
 
+.fullPage-tooltip {
 
+    position: absolute;
 
+    color: #fff;
 
+    font-size: 14px;
 
+    font-family: arial, helvetica, sans-serif;
 
+    top: -2px;
 
+}
 
+.fullPage-tooltip.right {
 
+    right: 20px;
 
+}
 
+.fullPage-tooltip.left {
 
+    left: 20px;
 
+}

+ 210 - 0
watero/css/jquery.fullPage.css
View File 

@@ -0,0 +1,210 @@
 
+/**
 
+ * fullPage 2.6.6
 
+ * https://github.com/alvarotrigo/fullPage.js
 
+ * MIT licensed
 
+ *
 
+ * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 
+ */
 
+html.fp-enabled,
 
+.fp-enabled body {
 
+    margin: 0;
 
+    padding: 0;
 
+    overflow:hidden;
 
+
 
+    /*Avoid flicker on slides transitions for mobile phones #336 */
 
+    -webkit-tap-highlight-color: rgba(0,0,0,0);
 
+}
 
+#superContainer {
 
+    height: 100%;
 
+    position: relative;
 
+
 
+    /* Touch detection for Windows 8 */
 
+    -ms-touch-action: none;
 
+
 
+    /* IE 11 on Windows Phone 8.1*/
 
+    touch-action: none;
 
+}
 
+.fp-section {
 
+    position: relative;
 
+    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
 
+    -moz-box-sizing: border-box; /* <=28 */
 
+    box-sizing: border-box;
 
+}
 
+.fp-slide {
 
+    float: left;
 
+}
 
+.fp-slide, .fp-slidesContainer {
 
+    height: 100%;
 
+    display: block;
 
+}
 
+.fp-slides {
 
+    z-index:1;
 
+    height: 100%;
 
+    overflow: hidden;
 
+    position: relative;
 
+    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
 
+    transition: all 0.3s ease-out;
 
+}
 
+.fp-section.fp-table, .fp-slide.fp-table {
 
+    display: table;
 
+    table-layout:fixed;
 
+    width: 100%;
 
+}
 
+.fp-tableCell {
 
+    display: table-cell;
 
+    vertical-align: middle;
 
+    width: 100%;
 
+    height: 100%;
 
+}
 
+.fp-slidesContainer {
 
+    float: left;
 
+    position: relative;
 
+}
 
+.fp-controlArrow {
 
+    position: absolute;
 
+    z-index: 4;
 
+    top: 50%;
 
+    cursor: pointer;
 
+    width: 0;
 
+    height: 0;
 
+    border-style: solid;
 
+    margin-top: -38px;
 
+    -webkit-transform: translate3d(0,0,0);
 
+    -ms-transform: translate3d(0,0,0);
 
+    transform: translate3d(0,0,0);
 
+}
 
+.fp-controlArrow.fp-prev {
 
+    left: 15px;
 
+    width: 0;
 
+    border-width: 38.5px 34px 38.5px 0;
 
+    border-color: transparent #fff transparent transparent;
 
+}
 
+.fp-controlArrow.fp-next {
 
+    right: 15px;
 
+    border-width: 38.5px 0 38.5px 34px;
 
+    border-color: transparent transparent transparent #fff;
 
+}
 
+.fp-scrollable {
 
+    overflow: scroll;
 
+}
 
+.fp-notransition {
 
+    -webkit-transition: none !important;
 
+    transition: none !important;
 
+}
 
+#fp-nav {
 
+    position: fixed;
 
+    z-index: 100;
 
+    margin-top: -32px;
 
+    top: 50%;
 
+    opacity: 1;
 
+    -webkit-transform: translate3d(0,0,0);
 
+}
 
+#fp-nav.right {
 
+    right: 17px;
 
+}
 
+#fp-nav.left {
 
+    left: 17px;
 
+}
 
+.fp-slidesNav{
 
+    position: absolute;
 
+    z-index: 4;
 
+    left: 50%;
 
+    opacity: 1;
 
+}
 
+.fp-slidesNav.bottom {
 
+    bottom: 17px;
 
+}
 
+.fp-slidesNav.top {
 
+    top: 17px;
 
+}
 
+#fp-nav ul,
 
+.fp-slidesNav ul {
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+#fp-nav ul li,
 
+.fp-slidesNav ul li {
 
+    display: block;
 
+    width: 14px;
 
+    height: 13px;
 
+    margin: 7px;
 
+    position:relative;
 
+}
 
+
 
+.fp-slidesNav ul li {
 
+    display: inline-block;
 
+}
 
+#fp-nav ul li a,
 
+.fp-slidesNav ul li a {
 
+    display: block;
 
+    position: relative;
 
+    z-index: 1;
 
+    width: 100%;
 
+    height: 100%;
 
+    cursor: pointer;
 
+    text-decoration: none;
 
+}
 
+#fp-nav ul li:last-child{display: none;}
 
+#fp-nav ul li a.active span,
 
+.fp-slidesNav ul li a.active span,
 
+#fp-nav ul li:hover a.active span,
 
+.fp-slidesNav ul li:hover a.active span{
 
+    height: 12px;
 
+    width: 12px;
 
+    margin: -6px 0 0 -6px;
 
+    border-radius: 100%;
 
+ }
 
+#fp-nav ul li a span,
 
+.fp-slidesNav ul li a span {
 
+    border-radius: 50%;
 
+    position: absolute;
 
+    z-index: 1;
 
+    height: 4px;
 
+    width: 4px;
 
+    border: 0;
 
+    background: #333;
 
+    left: 50%;
 
+    top: 50%;
 
+    margin: -2px 0 0 -2px;
 
+    -webkit-transition: all 0.1s ease-in-out;
 
+    -moz-transition: all 0.1s ease-in-out;
 
+    -o-transition: all 0.1s ease-in-out;
 
+    transition: all 0.1s ease-in-out;
 
+}
 
+#fp-nav ul li:hover a span,
 
+.fp-slidesNav ul li:hover a span{
 
+    width: 10px;
 
+    height: 10px;
 
+    margin: -5px 0px 0px -5px;
 
+}
 
+#fp-nav ul li .fp-tooltip {
 
+    position: absolute;
 
+    top: -2px;
 
+    color: #fff;
 
+    font-size: 14px;
 
+    font-family: arial, helvetica, sans-serif;
 
+    white-space: nowrap;
 
+    max-width: 220px;
 
+    overflow: hidden;
 
+    display: block;
 
+    opacity: 0;
 
+    width: 0;
 
+}
 
+#fp-nav ul li:hover .fp-tooltip,
 
+#fp-nav.fp-show-active a.active + .fp-tooltip {
 
+    -webkit-transition: opacity 0.2s ease-in;
 
+    transition: opacity 0.2s ease-in;
 
+    width: auto;
 
+    opacity: 1;
 
+}
 
+#fp-nav ul li .fp-tooltip.right {
 
+    right: 20px;
 
+}
 
+#fp-nav ul li .fp-tooltip.left {
 
+    left: 20px;
 
+}
 
+.fp-auto-height.fp-section,
 
+.fp-auto-height .fp-slide,
 
+.fp-auto-height .fp-tableCell{
 
+    height: auto !important;
 
+}

+ 132 - 0
watero/css/mobile.css
View File 

@@ -0,0 +1,132 @@
 
+a, img {
 
+
 
+}
 
+body {
 
+	margin: 0;
 
+	-webkit-user-select: none;
 
+	user-select: none;
 
+	-ms-touch-action: none;
 
+}
 
+
 
+/* construction */
 
+html, body, .page {
 
+	height: 100%; width: 100%;max-width: 768px;max-height: 1024px;
 
+	overflow: hidden;
 
+}
 
+.page {
 
+	position: absolute; left: 0; top: 0;
 
+}
 
+
 
+.out {
 
+	display: none;
 
+}
 
+
 
+.in, .out {
 
+	-webkit-animation-fill-mode: both;
 
+	animation-fill-mode: both;
 
+}
 
+
 
+.in {
 
+	-webkit-animation-timing-function: ease-out;
 
+	-webkit-animation-duration: 350ms;
 
+	animation-timing-function: ease-out;
 
+	animation-duration: 350ms;
 
+}
 
+.out {
 
+	-webkit-animation-timing-function: ease-in;
 
+	-webkit-animation-duration: 225ms;
 
+	animation-timing-function: ease-in;
 
+	animation-duration: 225ms;
 
+}
 
+
 
+/* mask layer when ajax sending... */
 
+.mask {
 
+	height: 100%; width: 100%;
 
+	background-color: rgba(255,255,255,.35);
 
+	position: absolute;
 
+	z-index: 9;
 
+}
 
+.loading-bg{width: 100%;height: 100%;background-color:#C8C7CC;position: fixed;left: 0;top: 0;z-index: 999;}
 
+.loading-bg:after{content: 'loading...';position: absolute;left: 50%;top: 55%;-webkit-transform: translateX(-45%);}
 
+.loading { /* more info: http://www.zhangxinxu.com/wordpress/?p=3357 */
 
+    width: 3px; height:3px;
 
+    border-radius: 100%;
 
+    box-shadow: 0 -10px 0 1px currentColor,           /* top, 1px expand */
 
+                10px 0px currentColor,                /* right */
 
+                0 10px currentColor,                  /* bottom */
 
+                -10px 0 currentColor,                 /* left */
 
+
 
+                -7px -7px 0 .5px currentColor,        /* left-top, 0.5px expand */
 
+                7px -7px 0 1.5px currentColor,        /* right-top, 1.5px expand */
 
+                7px 7px currentColor,                 /* right-bottom */
 
+                -7px 7px currentColor;                /* left-bottom */
 
+	-webkit-animation: loading 1s step-start infinite;
 
+	animation: loading 1s step-start infinite;
 
+	/*center*/
 
+	position: absolute;
 
+	top: 0; right: 0; bottom: 0; left: 0;
 
+	margin: auto;
 
+}
 
+
 
+/* Default animation - slide, you can visit 'src/mobilebone.aniamte.css' to get more styles of animation */
 
+.slide.in {
 
+	-webkit-animation-name: slideinfromright;
 
+	animation-name: slideinfromright;
 
+}
 
+.slide.out {
 
+	-webkit-animation-name: slideouttoleft;
 
+	animation-name: slideouttoleft;
 
+}
 
+.slide.reverse.out {
 
+	-webkit-animation-name: slideouttoright;
 
+	animation-name: slideouttoright;
 
+}
 
+.slide.reverse.in {
 
+	-webkit-animation-name: slideinfromleft;
 
+	animation-name: slideinfromleft;
 
+}
 
+
 
+/* keyframes for slidein from sides */
 
+@-webkit-keyframes slideinfromright {
 
+    from { -webkit-transform: translate3d(100%,0,0); }
 
+    to { -webkit-transform: translate3d(0,0,0); }
 
+}
 
+@keyframes slideinfromright {
 
+    from { transform: translateX(100%); }
 
+    to { transform: translateX(0); }
 
+}
 
+@-webkit-keyframes slideinfromleft {
 
+    from { -webkit-transform: translate3d(-100%,0,0); }
 
+    to { -webkit-transform: translate3d(0,0,0); }
 
+}
 
+@keyframes slideinfromleft {
 
+    from { transform: translateX(-100%); }
 
+    to { transform: translateX(0); }
 
+}
 
+/* keyframes for slideout to sides */
 
+@-webkit-keyframes slideouttoleft {
 
+    from { -webkit-transform: translate3d(0,0,0); }
 
+    to { -webkit-transform: translate3d(-100%,0,0); }
 
+}
 
+@keyframes slideouttoleft {
 
+    from { transform: translateX(0); }
 
+    to { transform: translateX(-100%); }
 
+}
 
+@-webkit-keyframes slideouttoright {
 
+    from { -webkit-transform: translate3d(0,0,0); }
 
+    to { -webkit-transform: translate3d(100%,0,0); }
 
+}
 
+@keyframes slideouttoright {
 
+    from { transform: translateX(0); }
 
+    to { transform: translateX(100%); }
 
+}
 
+
 
+/* chrysanthemum loading effect */
 
+@-webkit-keyframes spin {
 
+     0% { -webkit-transform: rotate(0deg); }
 
+   100% { -webkit-transform: rotate(360deg); }
 
+}
 
+@keyframes spin {
 
+     0% { transform: rotate(0deg); }
 
+    100% { transform: rotate(360deg); }
 
+}

+ 112 - 0
watero/css/mui.indexedlist.css
View File 

@@ -0,0 +1,112 @@
 
+.mui-indexed-list {
 
+	position: relative;
 
+	border-top: solid 1px #e3e3e3;
 
+	border-bottom: solid 1px #e3e3e3;
 
+	overflow: hidden;
 
+	background-color: #fafafa;
 
+	height: 300px;
 
+	cursor: default;
 
+}
 
+.mui-indexed-list-inner {
 
+	margin: 0px;
 
+	padding: 0px;
 
+	overflow-y: auto;
 
+	border: none;
 
+}
 
+.mui-indexed-list-inner::-webkit-scrollbar {
 
+	width: 0px;
 
+	height: 0px;
 
+	visibility: hidden;
 
+}
 
+.mui-indexed-list-empty-alert,
 
+.mui-indexed-list-inner.empty ul {
 
+	display: none;
 
+}
 
+.mui-indexed-list-inner.empty .mui-indexed-list-empty-alert {
 
+	display: block;
 
+}
 
+.mui-indexed-list-empty-alert {
 
+	padding: 30px 15px;
 
+	text-align: center;
 
+	color: #ccc;
 
+	padding-right: 45px;
 
+}
 
+.mui-ios .mui-indexed-list-inner {
 
+	width: calc(100% + 10px);
 
+}
 
+.mui-indexed-list-group,
 
+.mui-indexed-list-item {
 
+	padding-right: 45px;
 
+}
 
+.mui-ios .mui-indexed-list-group,
 
+.mui-ios .mui-indexed-list-item,
 
+.mui-ios .mui-indexed-list-empty-alert {
 
+	padding-right: 55px;
 
+}
 
+.mui-indexed-list-group {
 
+	background-color: #f7f7f7;
 
+}
 
+.mui-indexed-list-group {
 
+	padding-top: 3px;
 
+	padding-bottom: 3px;
 
+}
 
+.mui-indexed-list-search {
 
+	border-bottom: solid 1px #e3e3e3;
 
+	z-index: 15;
 
+}
 
+.mui-indexed-list-search.mui-search:before {
 
+	margin-top: -10px;
 
+}
 
+.mui-indexed-list-search input {
 
+	border-radius: 0px;
 
+	margin: 0px;
 
+	background-color: #fafafa;
 
+}
 
+.mui-indexed-list-bar {
 
+	width: 23px;
 
+	background-color: lightgrey;
 
+	position: absolute;
 
+	height: 100%;
 
+	z-index: 10;
 
+	right: 0px;
 
+	-webkit-transition: .2s;
 
+}
 
+.mui-indexed-list-bar a {
 
+	display: block;
 
+	text-align: center;
 
+	font-size: 11px;
 
+	padding: 0px;
 
+	margin: 0px;
 
+	line-height: 15px;
 
+	color: #aaa;
 
+}
 
+.mui-indexed-list-bar.active {
 
+	background-color: rgb(200,200,200);
 
+}
 
+.mui-indexed-list-bar.active a {
 
+	color: #333;
 
+}
 
+.mui-indexed-list-bar.active a.active {
 
+	color: #007aff;
 
+}
 
+.mui-indexed-list-alert {
 
+	position: absolute;
 
+	z-index: 20;
 
+	background-color: rgba(0, 0, 0, 0.5);
 
+	width: 80px;
 
+	height: 80px;
 
+	left: 50%;
 
+	top: 50%;
 
+	margin-left: -40px;
 
+	margin-top: -40px;
 
+	border-radius: 40px;
 
+	text-align: center;
 
+	line-height: 80px;
 
+	font-size: 35px;
 
+	color: #fff;
 
+	display: none;
 
+	-webkit-transition: .2s;
 
+}
 
+.mui-indexed-list-alert.active {
 
+	display: block;
 
+}

File diff suppressed because it is too large
+ 5 - 0
watero/css/mui.min.css


File diff suppressed because it is too large
+ 7 - 0
watero/css/mui.picker.min.css


+ 64 - 0
watero/css/mui.poppicker.css
View File 

@@ -0,0 +1,64 @@
 
+.mui-poppicker {
 
+	position: fixed;
 
+	left: 0px;
 
+	width: 100%;
 
+	z-index: 999;
 
+	background-color: #eee;
 
+	border-top: solid 1px #ccc;
 
+	box-shadow: 0px -5px 7px 0px rgba(0, 0, 0, 0.1);
 
+	-webkit-transition: .3s;
 
+	bottom: 0px;
 
+	-webkit-transform: translateY(300px);
 
+}
 
+.mui-poppicker.mui-active {
 
+	-webkit-transform: translateY(0px);
 
+}
 
+.mui-android-5-1 .mui-poppicker {
 
+	bottom: -300px;
 
+	-webkit-transition-property: bottom;
 
+	-webkit-transform: none;
 
+}
 
+.mui-android-5-1 .mui-poppicker.mui-active {
 
+	bottom: 0px;
 
+	-webkit-transition-property: bottom;
 
+	-webkit-transform: none;
 
+}
 
+.mui-poppicker-header {
 
+	padding: 6px;
 
+	font-size: 14px;
 
+	color: #888;
 
+}
 
+.mui-poppicker-header .mui-btn {
 
+	font-size: 12px;
 
+	padding: 5px 10px;
 
+}
 
+.mui-poppicker-btn-cancel {
 
+	float: left;
 
+}
 
+.mui-poppicker-btn-ok {
 
+	float: right;
 
+}
 
+.mui-poppicker-clear {
 
+	clear: both;
 
+	height: 0px;
 
+	line-height: 0px;
 
+	font-size: 0px;
 
+	overflow: hidden;
 
+}
 
+.mui-poppicker-body {
 
+	position: relative;
 
+	width: 100%;
 
+	height: 200px;
 
+	border-top: solid 1px #ddd;
 
+	/*-webkit-perspective: 1200px;
 
+	perspective: 1200px;
 
+	-webkit-transform-style: preserve-3d;
 
+	transform-style: preserve-3d;*/
 
+}
 
+.mui-poppicker-body .mui-picker {
 
+	width: 100%;
 
+	height: 100%;
 
+	margin: 0px;
 
+	border: none;
 
+	float: left;
 
+}

+ 166 - 0
watero/css/newapp.css
View File 

@@ -0,0 +1,166 @@
 
+/*未经授权不可作为商业用途，作者漆寒姣联系QQ：522169706*/
 
+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
 
+body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
 
+h1, h2, h3, h4, h5, h6{ font-size:100%; }
 
+address, cite, dfn, em, var { font-style:normal; }
 
+code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
 
+small{ font-size:12px; }
 
+ul{ list-style:none; }
 
+a { text-decoration:none; }
 
+a:hover { text-decoration:underline; }
 
+sup { vertical-align:text-top; }
 
+sub{ vertical-align:text-bottom; }
 
+legend { color:#000; }
 
+fieldset, img { border:0; }
 
+button, input, select, textarea { font-size:100%; }
 
+table { border-collapse:collapse; border-spacing:0;width: 100%;height: 100%;text-align: center;}
 
+body div{-webkit-backface-visibility: hidden;-webkit-perspective:1000;}
 
+html{height: 100%;}
 
+body{height: 100%;background: #fff;}
 
+.loading-bg{width: 100%;height: 100%;background-color:rgba(0,0,0,.5);position: fixed;left: 0;top: 0;z-index: 999;color: #ccc;opacity: .7;}
 
+.loading-bg:after{content: 'loading...';position: absolute;left: 50%;top: 55%;-webkit-transform: translateX(-45%);transform: translateX(-45%);s}
 
+.loading {
 
+    width: 3px; height:3px;
 
+    border-radius: 100%;
 
+    box-shadow: 0 -10px 0 1px currentColor,           /* top, 1px expand */
 
+                10px 0px currentColor,                /* right */
 
+                0 10px currentColor,                  /* bottom */
 
+                -10px 0 currentColor,                 /* left */
 
+
 
+                -7px -7px 0 .5px currentColor,        /* left-top, 0.5px expand */
 
+                7px -7px 0 1.5px currentColor,        /* right-top, 1.5px expand */
 
+                7px 7px currentColor,                 /* right-bottom */
 
+                -7px 7px currentColor;                /* left-bottom */
 
+	-webkit-animation: loading 1s step-start infinite;
 
+	animation: loading 1s step-start infinite;
 
+	/*center*/
 
+	position: absolute;
 
+	top: 0; right: 0; bottom: 0; left: 0;
 
+	margin: auto;
 
+}
 
+.lock-wrap {position: absolute;left: 0;width: 100%;height: 100%;background: #348de0;z-index: 10;display: none;}
 
+.lock-wrap .lock {position: absolute;left: 50%;top: 50%;width: 380px;height: 30px;margin: -15px 0 0 -190px;text-align: center;color: #fff;font-size: 25px;}
 
+.deg {-webkit-animation: music 2s linear 0s infinite;}
 
+.music {position: absolute;top: 15px;right: 15px;width: 35px;height: 35px;background: url(../images/music.png) center center no-repeat;z-index: 98;background-size:35px;}
 
+.music_btn{position: absolute;top:0;right: 1px;width: 50px;height: 50px;background: url(../images/music.gif) center center no-repeat; background-size: 60px 60px;z-index: 98;}
 
+@-webkit-keyframes music {from {-webkit-transform: rotate(360deg);}to {-webkit-transform: rotate(0deg);}}
 
+.one-box{position: relative;margin-top: 50px;}
 
+.one-2{position: absolute;left: 0;top:20%;width: 100%;opacity: .7;}
 
+.one-4{position: fixed;width:100%;left: 0;bottom:55px;color: #fff;text-align: center;font-size: 12px;}
 
+.two-box-3{text-align: center;}
 
+.two-box-3>div{display: inline-block;width: 30%;}
 
+.bg_1,.bg_2,.bg_3,.bg_4,.bg_5,.bg_6,.bg_7,.bg_8{overflow: hidden;height: 100%;width: 100%;position: relative;}
 
+.bg_1{background:url(../images/1-bg.jpg) top center no-repeat;background-size:100% 100%;}
 
+.bg_2{background:#fff;}
 
+.bg_3{background:#fff;}
 
+.bg_4{background:#fff;}
 
+.bg_5{background:#fff;}
 
+.bg_6{background:#fff;}
 
+.bg_7{background:url(../images/7-bg.jpg) top center no-repeat; background-size: 100% 100%;}
 
+.bg_8{background:url(../images/8-bg.jpg) top center no-repeat; background-size: 100% 100%;}
 
+.two-1{font-size:50px;text-align: center;color: #333;width:270px;margin: 20px auto 10px auto;}
 
+.two-2{background: #5bc2da;color: #fff;width:230px;text-align: center;margin:0 auto 30px auto;padding:5px; border-radius:20px;}
 
+.two-3{margin: 10px 0;}
 
+.three-box-5{text-align: center;position: relative;}
 
+.three-box-5 .iteam{width: 30%;display: inline-block;}
 
+.three-box-5 .iteam:first-child{padding:0 10% 5% 5%;}
 
+.three-box-5 .iteam:nth-of-type(2){padding:0 5% 5% 10% ;}
 
+.three-box-5 .iteam:nth-of-type(3){padding:5% 10% 0 5%;}
 
+.three-box-5 .iteam:nth-of-type(4){padding:5% 5% 0 10%;}
 
+.three-box-5 .center{position: absolute;width: 30%;left:35%; top:30%;border-radius: 50%;overflow: hidden;}
 
+.six-1{font-size:38px;text-align: center;color: #333;width:270px;margin: 20px auto 10px auto;}
 
+.six-2{background: #5bc2da;color: #fff;width:280px;text-align: center;margin:0 auto 30px auto;padding:5px; border-radius:20px;}
 
+.my-input-box input{margin:5px 0;border: 0;background: #cbe1e8;border-radius: 1px;padding: 5px;color: #0e5e70;width: 190px;}
 
+.my-input-box {margin: 10px 0;}
 
+.my-input-box input:focus,.btn_yes:focus{ outline: none; }
 
+.my-input-box input::-webkit-input-placeholder{color: #0e5e70;}
 
+.eight-1{margin:50px 0 40px 0;}
 
+
 
+.btn_yes{padding: 7px 12px;border: 0;border-radius: 5px;background: #fff;width: 200px;text-align: center;color: #0e5e70;}
 
+.bg_1 img,.bg_2 img,.bg_3 img,.bg_4 img,.bg_5 img,.bg_6 img,.bg_7 img,.bg_8 img{width:100%;}
 
+.move {
 
+	display: block;
 
+	width: 100%;
 
+	height: 2.2em;
 
+	position: absolute;
 
+	bottom: 8px;
 
+	left:0;
 
+	border:0;
 
+	border-radius: 50%;
 
+	background: url(../images/up.png) center center no-repeat;
 
+	background-size:2em;
 
+	z-index: 99;
 
+	opacity: .8;
 
+	-webkit-animation: arrow 1s ease;
 
+	-webkit-animation-iteration-count: infinite;
 
+	-webkit-animation-delay: .5s;
 
+	-webkit-animation: arrow 1.5s infinite ease-in-out
 
+}
 
+@-webkit-keyframes arrow {
 
+	0% {
 
+		opacity: 0;
 
+		-webkit-transform: translate(0px, 5px)
 
+	}
 
+	50% {
 
+		opacity: 1;
 
+		-webkit-transform: translate(0px, -5px)
 
+	}
 
+	100% {
 
+		opacity: 0;
 
+		-webkit-transform: translate(0px, -10px)
 
+	}
 
+}
 
+.leftin{-webkit-animation: left_in 9.2s ease-in 0s;}
 
+@-webkit-keyframes left_in {0% {left: -100%;}70% {left: 4%;}80% {left: -4%;}90% {left: 2%;}100% {left: 0;}}
 
+.rightin{-webkit-animation: right_in 1.2s ease-in 0s;}
 
+@-webkit-keyframes right_in {0% {-webkit-transform: translateX(100%);}70% {-webkit-transform: translateX(-5%);}80% {-webkit-transform: translateX(5%);}90% {-webkit-transform: translateX(-3%);}100% {-webkit-transform: translateX(0);}}
 
+.leftin_1{-webkit-animation: leftin_1 2s linear 0s;}
 
+@-webkit-keyframes leftin_1 {0% {-webkit-transform: translateX(-150%);}50% {-webkit-transform: translateX(8%);}55% {-webkit-transform: translateX(0);}}
 
+.leftin_2{-webkit-animation: leftin_2 2s linear 0s;}
 
+@-webkit-keyframes leftin_2 {0% {-webkit-transform: translateX(-150%);}60% {-webkit-transform: translateX(8%);}65% {-webkit-transform: translateX(0);}}
 
+.leftin_3{-webkit-animation: leftin_3 2s linear 0s;}
 
+@-webkit-keyframes leftin_3 {0% {-webkit-transform: translateX(-150%);}70% {-webkit-transform: translateX(8%);}75% {-webkit-transform: translateX(0);}}
 
+.leftin_4{-webkit-animation: leftin_4 2s linear 0s;}
 
+@-webkit-keyframes leftin_4 {0% {-webkit-transform: translateX(-150%);}80% {-webkit-transform: translateX(8%);}85% {-webkit-transform: translateX(0);}}
 
+.rightin{-webkit-animation: right_in 1.2s linear 0s;}
 
+@-webkit-keyframes right_in {0% {-webkit-transform: translateX(100%);}70% {-webkit-transform: translateX(-8%);}80% {-webkit-transform: translateX(8%);}90% {-webkit-transform: translateX(-5%);}100% {-webkit-transform: translateX(0);}}
 
+.rightin_1{-webkit-animation: rightin_1 2s linear 0s;}
 
+@-webkit-keyframes rightin_1 {0% {-webkit-transform: translateX(150%);}50% {-webkit-transform: translateX(-8%);}60% {-webkit-transform: translateX(0);}}
 
+.rightin_2{-webkit-animation: rightin_2 2.1s linear 0s;}
 
+@-webkit-keyframes rightin_2 {0% {-webkit-transform: translateX(150%);}58% {-webkit-transform: translateX(-8%);}70% {-webkit-transform: translateX(0);}}
 
+.rightin_3{-webkit-animation: rightin_3 2.2s linear 0s;}
 
+@-webkit-keyframes rightin_3 {0% {-webkit-transform: translateX(150%);}66% {-webkit-transform: translateX(-8%);}80% {-webkit-transform: translateX(0);}}
 
+.rightin_4{-webkit-animation: rightin_4 2.3s linear 0s;}
 
+@-webkit-keyframes rightin_4 {0% {-webkit-transform: translateX(150%);}74% {-webkit-transform: translateX(-8%);}90% {-webkit-transform: translateX(0);}}
 
+.rightin_5{-webkit-animation: rightin_5 2.4s linear 0s;}
 
+@-webkit-keyframes rightin_5 {0% {-webkit-transform: translateX(150%);}82% {-webkit-transform: translateX(-8%);}95% {-webkit-transform: translateX(0);}}
 
+.smallbig{-webkit-animation: smallbig 1.8s linear 0s;}
 
+@-webkit-keyframes smallbig {0% {-webkit-transform: scale(0);opacity: 0;}80% {-webkit-transform: scale(0);opacity: 0;}90% {-webkit-transform: scale(1.1);}100% {-webkit-transform:scale(1);}}
 
+/*h=417*2=834 iPhone4*/
 
+@media (device-height:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
 
+	.two-1{font-size: 20px;margin: 10px auto 10px auto;}
 
+	.two-2{margin: 0 auto 10px auto;}
 
+	.eight-1{margin:10px 0 10px 0;}
 
+}
 
+/*h=480*2=960 iPhone5,iPhone SE*/
 
+@media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
 
+	.two-1{font-size: 40px;margin: 15px auto 10px auto;}
 
+	.two-2{margin: 0 auto 20px auto;}
 
+	.eight-1{margin:30px 0 20px 0;}
 
+}
 
+/*h=567*1.5=850 Android*/
 
+@media (device-height:640px) and (min-width:360px){
 
+	
+}
 
+/*h=603*2=1206 iPhone6,iPhone7*/
 
+@media (device-height:667px) and (min-width:375px) and (-webkit-min-device-pixel-ratio:2){
 
+	
+}
 
+/*h=665*2=1330 iPhone6 plus*/
 
+@media (device-height:736px) and (min-width:414px) and (-webkit-min-device-pixel-ratio:2){
 
+	
+}
 
+/*横屏*/
 
+@media screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
 
+.lock-wrap {display: block;}
 
+}

+ 20 - 0
watero/css/order_list.css
View File 

@@ -0,0 +1,20 @@
 
+.mui-table-view-chevron .mui-table-view-cell {padding-right: 15px;}
 
+.tab-with-orderlist{margin-top:56px;z-index: 10;}
 
+.mui-bar-nav~.mui-content {padding-top: 107px;background: #fff;}
 
+.mui-segmented-control .mui-control-item.mui-active {background-color: transparent !important;border-bottom: 2px solid #55c0dc !important;}
 
+.mui-segmented-control .mui-control-item {line-height: 1;height: 50px;vertical-align: bottom;border: 0;border-bottom: 2px solid transparent;color:#bfbfbf;background-color: transparent !important;padding-bottom: 3px;}
 
+.tab-with-orderlist {background: #fff;border: 0;}
 
+.my-scroll-order .mui-table-view:after{display:none;}
 
+.go-index{float: inherit;}
 
+.search-box{text-align: center;background-color: #f0f0f0;display:none;margin-top:10px;}
 
+.mui-bar .my-search input[type=search] {margin: 1px 0 0 0;padding: 11px 15px;border: 1px solid rgba(0,0,0,.2);background-color: #fff;height: 40px;border-radius: 0 !important;}
 
+.my-search{display: inline-block;width:48%;position:relative;text-align: center;border-radius: 5px !important}
 
+.my-search .mui-placeholder{text-align: center;top: 4px;}
 
+.mui-bar .my-right{position: absolute;right: 10px;top:3px;}
 
+.my-scroll-order li:first-child {border-top: 0;}
 
+.header>.mui-icon-search{margin-right: 0 !important;margin-left: 0 !important;padding:3px 10px 3px 10px !important;font-size:14px;border: 0;background-color: transparent;color: #55c0dc;}
 
+.mui-bar .my-right:before{font-size:30px}
 
+.mui-bar-nav.mui-bar .mui-placeholder .mui-icon-search:before{font-size:20px}
 
+.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {margin-right: -15px;}
 
+#pullrefresh_order_list .mui-table-view-cell:after{display: none;}
 
+.my-scroll-order>li{border-bottom: 0;}

+ 11 - 0
watero/css/personal_information.css
View File 

@@ -0,0 +1,11 @@
 
+.head {height: 60px;}
 
+#head {line-height: 60px;}
 
+.head-img {position: absolute;bottom: 15px;right: 13px;width: 60px;height: 60px;border-radius: 30px;border: 3px solid #E5E5E5;}
 
+.mui-table-view-cell{padding:15px 13px;font-size: 16px;}
 
+.mui-table-view-cell:after,.mui-table-view:before,.mui-table-view:after{background-color: #E5E5E5;left: 13px;right: 13px;}
 
+.mui-table-view-cell>a:not(.mui-btn){color: #666;margin: -15px -15px;}
 
+.mui-table-view-cell>a .mui-pull-right{color: #999;font-size: 14px;}
 
+.mui-btn-block.mui-active{padding: 10px 0;background-color: #c8c8c8 !important;font-size: 16px;}
 
+#btn_submit{color: #fff;padding: 10px 0;font-size: 16px;}
 
+.mui-content-padded{margin: 10px 13px;}
 
+.mui-btn-red{background-color: #e9004c;}

+ 156 - 0
watero/css/previewimage.css
View File 

@@ -0,0 +1,156 @@
 
+.mui-preview-image.mui-fullscreen {
 
+	position: fixed;
 
+	z-index: 20;
 
+	background-color: #000;
 
+}
 
+.mui-table-view.mui-grid-view{padding: 0 2px;}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell{padding: 0;margin-right: 0;}
 
+#my-img-view.mui-grid-view .mui-table-view-cell>a:not(.mui-btn) {margin: 0 2px 0 2px;}
 
+.mui-preview-header,.mui-preview-footer {
 
+	position: absolute;
 
+	width: 100%;
 
+	left: 0;
 
+	z-index: 10;
 
+}
 
+.mui-preview-header {
 
+	height: 44px;
 
+	top: 0;
 
+}
 
+.mui-preview-footer {
 
+	height: 50px;
 
+	bottom: 0px;
 
+}
 
+.mui-preview-header .mui-preview-indicator {
 
+	display: block;
 
+	line-height: 25px;
 
+	color: #fff;
 
+	text-align: center;
 
+	margin: 15px auto 4;
 
+	width: 70px;
 
+	background-color: rgba(0, 0, 0, 0.4);
 
+	border-radius: 12px;
 
+	font-size: 16px;
 
+}
 
+.mui-preview-image {
 
+	display: none;
 
+	-webkit-animation-duration: 0.5s;
 
+	animation-duration: 0.5s;
 
+	-webkit-animation-fill-mode: both;
 
+	animation-fill-mode: both;
 
+}
 
+.mui-preview-image.mui-preview-in {
 
+	-webkit-animation-name: fadeIn;
 
+	animation-name: fadeIn;
 
+}
 
+.mui-preview-image.mui-preview-out {
 
+	background: none;
 
+	-webkit-animation-name: fadeOut;
 
+	animation-name: fadeOut;
 
+}
 
+.mui-preview-image.mui-preview-out .mui-preview-header,.mui-preview-image.mui-preview-out .mui-preview-footer {
 
+	display: none;
 
+}
 
+.mui-zoom-scroller {
 
+	position: absolute;
 
+	display: -webkit-box;
 
+	display: -webkit-flex;
 
+	display: flex;
 
+	-webkit-box-align: center;
 
+	-webkit-align-items: center;
 
+	align-items: center;
 
+	-webkit-box-pack: center;
 
+	-webkit-justify-content: center;
 
+	justify-content: center;
 
+	left: 0;
 
+	right: 0;
 
+	bottom: 0;
 
+	top: 0;
 
+	width: 100%;
 
+	height: 100%;
 
+	margin: 0;
 
+	-webkit-backface-visibility: hidden;
 
+}
 
+.mui-zoom {
 
+	-webkit-transform-style: preserve-3d;
 
+	transform-style: preserve-3d;
 
+}
 
+.mui-slider .mui-slider-group .mui-slider-item img {
 
+	width: 100%;
 
+	height: auto;
 
+	max-width: 100%;
 
+	max-height: 100%;
 
+}
 
+.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
 
+	width: 100%;
 
+}
 
+.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
 
+	display: inline-table;
 
+}
 
+.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
 
+	display: table-cell;
 
+	vertical-align: middle;
 
+}
 
+.mui-preview-loading {
 
+	position: absolute;
 
+	width: 100%;
 
+	height: 100%;
 
+	top: 0;
 
+	left: 0;
 
+	display: none;
 
+}
 
+.mui-preview-loading.mui-active {
 
+	display: block;
 
+}
 
+.mui-preview-loading .mui-spinner-white {
 
+	position: absolute;
 
+	top: 50%;
 
+	left: 50%;
 
+	margin-left: -25px;
 
+	margin-top: -25px;
 
+	height: 50px;
 
+	width: 50px;
 
+}
 
+.mui-preview-image img.mui-transitioning {
 
+	-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
 
+	transition: transform 0.5s ease, opacity 0.5s ease;
 
+}
 
+@-webkit-keyframes fadeIn {
 
+	0% {
 
+		opacity: 0;
 
+	}
 
+	100% {
 
+		opacity: 1;
 
+	}
 
+}
 
+@keyframes fadeIn {
 
+	0% {
 
+		opacity: 0;
 
+		}
 
+	100% {
 
+		opacity: 1;
 
+	}
 
+}
 
+@-webkit-keyframes fadeOut {
 
+	0% {
 
+		opacity: 1;
 
+		}
 
+	100% {
 
+		opacity: 0;
 
+		}
 
+}
 
+@keyframes fadeOut {
 
+	0% {
 
+		opacity: 1;
 
+		}
 
+	100% {
 
+		opacity: 0;
 
+		}
 
+}
 
+p img {
 
+	max-width: 100%;
 
+	height: auto;
 
+}
 
+@media screen and (orientation:landscape) and (max-height:767px) and (-webkit-min-device-pixel-ratio:2){
 
+/*Òƶ¯É豸ºáÆÁ*/
 
+.mui-slider .mui-slider-group .mui-slider-item img {width: auto;height: 100%;}
 
+}

+ 377 - 0
watero/css/style.css
View File 

@@ -0,0 +1,377 @@
 
+body{font-size:15px;}
 
+ul{list-style: none;padding: 0;margin: 0;}
 
+#cnzz_stat_icon_1260421959{display:none;}
 
+.my-slider-indicator{padding:0 10px;}
 
+.my-slider-indicator .mui-indicator{background: #fff;-webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,.1);box-shadow: 0 0 1px 1px rgba(0,0,0,.1);width: 10px;border-radius: 4px;}
 
+.chanpin-box.mui-grid-9{background-color: #fff;margin: 10px;width:auto;border: 0;border-radius: 3px;overflow: hidden;}
 
+.chanpin-box.mui-grid-9 .mui-table-view-cell {
 
+    padding: 0;
 
+    vertical-align: middle;
 
+    border-right: 0;
 
+    border-bottom: 0;
 
+}
 
+.chanpin-text{text-align: left;padding: 0 10px;}
 
+.chanpin-box.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding:0;}
 
+.chanpin-box .mui-col-xs-6{display: inline-block;}
 
+.chanpin-box .bg-blue{background: #a8ebf7 !important;line-height: 0;}
 
+.chanpin-box .bg-black{background: #c9c9c9 !important;line-height: 0;}
 
+.chanpin-box .bg-green{background: #eefcc8 !important;line-height: 0;}
 
+.chanpin-box .bg-red{background: #55c0dc !important;line-height: 0;}
 
+.chanpin-box .cl-blue{color:#60c1de;}
 
+.chanpin-box .cl-black{color:#525251;}
 
+.chanpin-box .cl-green{color:#97b500;}
 
+.chanpin-box .cl-red{color:#55c0dc;}
 
+
 
+.price1{font-size:1.5em;color: #fff;}
 
+.price2{font-size:12px;color: #898989;margin-left:1em;}
 
+.price1:before{content: '楼';font-size:20px;margin-right: 5px;}
 
+.my-btn-red{width: 90px;padding:5px 10px;line-height: 1.42 !important;background:#55c0dc;color: #fff;border: 0;border-radius: 5px;}
 
+.prev{position: absolute;left:0;top: 50%;margin-top: -20px; width: 40px;height: 40px;line-height: 30px; padding:5px 0;text-align: left;font-size:30px;color: #ccc;}
 
+.next{position: absolute;right:0;top: 50%;margin-top: -20px; width: 40px;height: 40px;line-height: 30px; padding:5px 0;text-align: right;font-size:30px;color:#55c0dc;}
 
+.my-table-view {background-color:transparent;padding: 0 10px 0 0 !important;}
 
+.my-table-view .mui-table-view-cell{padding: 5px 0 0 14px !important;}
 
+.my-table-view:before{height: 0;}
 
+.my-table-view:after{height: 0;}
 
+.my-content-padded{overflow: hidden;}
 
+.my-content-padded img{width: 100%;border-radius: 5px;}
 
+.iconfont .mui-badge {font-size: 10px;line-height: 1.3;position: absolute;top:-3px;right: 28%;padding: 1px 5px;color: #fff;background:#55c0dc;}
 
+.mui-bar-tab~.mui-content{padding-bottom: 50px !important;}
 
+#footer-bar{background-color: #fff;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.45);box-shadow: 0 0 1px rgba(0,0,0,0.45)}
 
+#footer-bar .mui-tab-label{font-size: 12px;}
 
+/*#footer-bar .mui-tab-item{vertical-align: bottom;color:#a6c8ce;}*/
 
+#footer-bar .mui-tab-item{vertical-align: bottom;color:#d5d5d5;}
 
+#footer-bar .mui-tab-item.mui-active{color: #55c0dc;}
 
+/*#footer-bar .mui-tab-item.mui-active{color: #24cae9;}*/
 
+#footer-bar .mui-tab-item.mui-active .icon-home:before{content: "\e668";}
 
+#footer-bar .mui-tab-item.mui-active .icon-gouwuche:before{content: "\e66a";}
 
+#footer-bar .mui-tab-item.mui-active .icon-dingdan:before{content: "\e664";}
 
+#footer-bar .mui-tab-item.mui-active .icon-vip:before{content: "\e669";}
 
+.loading-bg{width: 100%;min-width:100%;height: 100%;min-height:100%; background-color:#F0F0F0;position: fixed;left: 0;top: 0;z-index: 999;}
 
+.loading-bg .mui-loading{margin-top: 50%;text-align: center;color: #aaa;}
 
+.go-index{float: left;width: 32%;margin-right:1%;}
 
+.go-index img{width: 85%;padding-top: 8px;margin-left: 12px;max-height: 42px;max-width: 135px;}
 
+.header{padding: 7px 0;height: 55px;background: #fff;box-shadow:0 0 0 #fff;}
 
+.marquee-show{position: fixed;top: 0;left: 0;background: rgba(255,255,255,.7);z-index: 99;white-space: nowrap;height: 40px;line-height: 40px;padding: 0 10px;color: #55c0dc;width:100%;}
 
+.marquee-show div{position: fixed;top: 0;left: 0;;height: 40px;line-height: 40px;width:100%;background: url(http://static.iamberry.com/watero/images/shop/marquee.png) center center /100% auto no-repeat;}
 
+
 
+.marquee_cart{padding: 8px 10px;
 
+    background: #fff;
 
+    color: #55c0dc;
 
+    border-top: 1px solid rgba(0,0,0,.1);}
 
+.search-box .mui-input-row:first-child{display: inline-block;width: 58%;}
 
+.search-box .mui-input-row:last-child{display: inline-block;width:37%;}
 
+.search-box .mui-input-row:last-child input{height: 39px !important;}
 
+.search-box .mui-input-row input{margin-bottom: 0;}
 
+.my-search{width: 50%;display: inline-block;padding-top: 3px;}
 
+.my-search.mui-active{color: #55c0dc;}
 
+.mui-bar .my-search input[type=search]{margin:2px 0;padding:16px 25px;border-radius: 25px !important;background-color: #f1f1f1;color: #000;}
 
+.my-search .mui-placeholder .mui-icon-search{margin-left:0;margin-right:0;color: #55c0dc;}
 
+.my-search .mui-placeholder{text-align: right;}
 
+.box-list-card{display: inline-block;width: 14%;float: right;padding:10px 0;color: #55c0dc;text-align: center;}
 
+.mui-bar-nav~.mui-content {padding-top: 55px;}
 
+.wh-100{width:100px !important;max-width:100px !important; height:100px !important;line-height:100px;margin-top: 0;overflow: hidden;}
 
+.wh-80{width: 80px !important;max-width: 80px !important; height: 80px !important;margin:5px 5px 0 5px;overflow: hidden;display: inline-block;text-align: center;}
 
+.wh-80 img{height:80px;}
 
+.wh-50 {width: 50px !important;max-width: 50px !important;height: 50px !important;line-height: 50px;border-radius: 50%;margin: 0;}
 
+.icon-r-c{color:#aaa;position:absolute;right:8px;top:50%;-webkit-transform: translateY(-50%);}
 
+.mui-icon-forward{color:#aaa;}
 
+.gwc-tit {color: #333;font-size: 15px;}
 
+.wt-space {white-space: pre-wrap !important;}
 
+.gwc-pp {color: #999;}
 
+.ft-12 {font-size: 12px;}
 
+.ft-13 {font-size: 12px;}
 
+.price-sp {color: #55c0dc;font-size:16px;margin-right: 15px;}
 
+.shop-price{padding:0;text-align: left;}
 
+.shop-price s{font-size: 12px;color: #d0d0d0;}
 
+.tab-with-chanpin-list {background: #fff;border: 0;margin-top: 55px;z-index: 10;}
 
+.tab-with-chanpin-list .mui-control-item {
 
+    line-height: 1;
 
+    height: 50px;
 
+    vertical-align: bottom;
 
+    border: 0;
 
+    border-bottom: 2px solid transparent;
 
+    color: #bfbfbf;
 
+    background-color: transparent !important;
 
+    padding-bottom: 3px;
 
+    position: relative;
 
+}
 
+.tab-with-chanpin-list .iconfont{
 
+    min-width: 25px;
 
+    min-height: 25px;
 
+    position: absolute;
 
+    top: 2px;
 
+    left: 50%;
 
+    -webkit-transform: translateX(-50%);
 
+    transform: translateX(-50%);
 
+}
 
+.tab-with-chanpin-list .mui-control-item.mui-active {
 
+    background-color: transparent !important;
 
+    border-bottom: 2px solid #55c0dc !important;
 
+    color: #55c0dc;
 
+}
 
+
 
+.btn-box{display: inline-block;position: absolute;right:0;bottom:12px;width:100%;text-align: left;padding-left:120px;}
 
+#pullrefresh_chanpin_list .mui-grid-view .btn-box{position: relative;bottom: auto;right: auto; padding-left: 0;}
 
+.my-btn-orange{background: #fff;border: 1px solid #55c0dc;border-radius:4px;color: #55c0dc;}
 
+.my-btn-orange:active{background:#ffa13d !important;}
 
+#pullrefresh_chanpin_list .my-btn-danger{width: 55%;}
 
+.my-btn-danger{background: #55c0dc;border: 1px solid transparent;border-radius: 4px;color: #fff;padding: 6px 18px;margin-right: 8px;}
 
+#pullrefresh_chanpin_list .mui-grid-view .my-btn-danger{margin-right: 0;width: 70%;margin-bottom: 15px;}
 
+.my-btn-danger:active{background: #236d89 !important;}
 
+.my-btn-joincart{border:1px solid #55c0dc;color: #55c0dc;padding-left: 5px;padding-right:4px;font-size: 22px;}
 
+#pullrefresh_chanpin_list .mui-grid-view .my-btn-joincart{float: right;margin-right: 4%;}
 
+.mui-table-view-cell:after{left: 0;}
 
+.mui-content>.mui-table-view:first-child{margin-top: 0;}
 
+.food-tt {color: #333;padding: .5em 0;background: #fff;}
 
+.food-tt>div:first-child {float:left;width: 78%;padding: 0 .8em;}
 
+.food-tt>div:last-child {display: inline-block;width: 20%;text-align: center;position: relative;padding-top: 5px;max-width: 80px;font-size: 16px;}
 
+.del-s {font-size: 12px;color: #ccc;position: absolute;right: 5px;}
 
+.bg-f{background: #fff;}
 
+.cl-baoyou{color: #55c0dc; margin-left: 10px;font-size:24px;}
 
+.food-tt>div:last-child:after {content: '';position: absolute;left: 0;top: 10%;width: 1px;height: 80%;background-color: rgba(0,0,0,.15);}
 
+#tabbar-chanpin-details{background: #fff;border: 0;height: 50px;}
 
+#tabbar-chanpin-details .mui-control-item{color:#444;font-weight: 500;border-left: 0;border-bottom: 2px solid transparent;line-height: 50px;font-size: 18px;}
 
+#tabbar-chanpin-details .mui-control-item.mui-active{color: #55c0dc;border-bottom: 2px solid #55c0dc;background-color: #fff;}
 
+.go-video{background: #fff3cb;padding: 10px;position: relative;}
 
+.go-video .icon-guanbi{color: #ffb72c;}
 
+.see-2wm{background: #fef6df;padding: 10px;position: relative;color:#55c0dc;}
 
+.btn-see-2wm{position: absolute;right: 10px;top: 14px;color: #444;font-size: 14px;}
 
+.see-2wm .icon-guanbi{color:#55c0dc;}
 
+.video-right{position: absolute;right:0;top:0;width: 52px;padding: 13px 10px 10px 30px;}
 
+.video-right img{width: 100%;}
 
+.chanpin-ditails-dic{padding: 10px;background: #fff;margin: 10px 0 65px 0;color: #444;}
 
+.chanpin-ditails-dic ul li{padding: 3px 0;}
 
+.buy-footer {position: fixed;bottom: 0;left: 0;height: 55px;background-color: #fff;width: 100%;padding: 0;display: table;text-align: center;}
 
+.buy-footer>div:first-child {display: table-cell;width: 40%;border-top: 1px solid #55c0dc;vertical-align: middle;}
 
+.buy-footer>div:first-child img{width: 55%;padding-top: 3px;}
 
+.buy-footer>div:nth-of-type(2) {display: table-cell;width: 30%;background: #a6c8ce;font-size: 18px;color: #fff;vertical-align: middle;}
 
+.buy-footer>div:last-child {display: table-cell;width: 30%;background: #55c0dc;font-size: 18px;color: #fff;vertical-align: middle;}
 
+#gwc_list .mui-table-view-cell {padding: 15px 10px;}
 
+.gwc_null {padding: 12% 0 8% 0;text-align: center;display: none;}
 
+.shoping-tt {padding: 0 12px 60px 12px;position: relative;}
 
+.shoping-tt .left img,.shoping-tt .right img{width: 100%;}
 
+.shoping-tt .left{position: absolute;left: 0;top: 0;font-size: 0;}
 
+.shoping-tt .right{position: absolute;right: 0;top: 0;font-size: 0;}
 
+.tt-yf {position: relative;padding: .8em 12px;}
 
+.tt-yf .my-btn-danger{position: absolute;right: 12px; top:6px;}
 
+.del {position: absolute;right: 8px;bottom:16px;}
 
+.price_sp {color:#55c0dc;font-size: 18px;margin-right: 10px;}
 
+.ft-24 {font-size: 28px;}
 
+.mt-7 {margin-top: .7em;}
 
+.jifen {position: absolute;left: 0;top: 0;width: 50px;height: 50px;}
 
+.jifen img {width: 100%;}
 
+.buy-footer1 {position: fixed;bottom: 0;left: 0;height: 50px;background-color: #f0f0f0;width: 100%;padding: 0;}
 
+.price{padding: 4px 0;}
 
+.price small{color: #666;}
 
+.buy-footer1:after {position: absolute;top: 0;left: 0;content: '';height: 1px;width: 100%;background-color: #55c0dc;-webkit-transform: scaleY(.5);transform: scaleY(.5);}
 
+.tb-clearing {width: 100%;}
 
+.tb-clearing tr td:first-child {width: 18%;text-align: center;min-width: 2.5em;}
 
+.quanxuan {position: relative;}
 
+.tb-clearing tr td:nth-of-type(2) {min-width: 2.5em;}
 
+.t-r {text-align: right !important;}
 
+.tb-clearing tr td:nth-of-type(3) {min-width: 6em;max-width: 10em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 
+.count_price_box {color: #55c0dc;text-align: center;padding-top: 5px;}
 
+.tb-clearing tr:first-child td:last-child {text-align: center;}
 
+.ft-14 {font-size: 14px;}
 
+.quanxuan:after {content: '';position: absolute;width: 1px;height: 70%;background-color: #ababab;right: 0;top: 15%;-webkit-transform: scaleX(.5);transform: scaleX(.5);}
 
+.mt-mr-che {margin:2.5em .3em 0 0;}
 
+.add_gwc{padding: 18px 25px;border-radius: 0;background-color:#55c0dc !important;color: #fff;border: 0;}
 
+.add_gwc1 {padding: 18px 25px;border-radius: 0;background-color: #ababab;color: #fff;border: 0;}
 
+.add_gwc:active{color: #fff;background-color:#55c0dc;}
 
+#pullrefresh_chanpin_list .mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn) {margin-right: -115px;}
 
+#pullrefresh_chanpin_list .mui-table-view .mui-media-object.mui-pull-left {margin-right: 5px;}
 
+#pullrefresh_chanpin_list .shop-price {padding:0;text-align: left;}
 
+#pullrefresh_chanpin_list .mui-grid-view .shop-price {padding:0;}
 
+.bd-all-1{border: 1px solid rgba(0,0,0,.1);}
 
+.gwc_null h3 {color: #c3c3c3;padding: 0 0 20px 0;font-size:20px;}
 
+.gwc_null img{width:80px;}
 
+.mui-pull {font-weight: 100;font-size: 12px;}
 
+.ml-5 {margin-left: .5em;}
 
+.shipping_address {padding: 0 1em 0 0;margin-top: .5em;line-height: 1.5;}
 
+.price_r {position: absolute;bottom: 8px;text-align: right;right: 1em;color: #666;}
 
+.line-color {background: url(http://static.iamberry.com/watero/images/shop/line-color.png) left bottom no-repeat;background-size: 100% 4px;}
 
+.line-color>a:not(.mui-btn).mui-active{background-color: transparent !important;}
 
+.more {border-bottom: .6em solid #f0f0f0;}
 
+.ipt-yhq {width: 38% !important;height: 30px !important;padding: 0 !important;margin-bottom: 0 !important;text-align: center;}
 
+.how_to_get{color: #666;float: right;padding: 4px 0;}
 
+.how_to_get .d_price{color:#55c0dc;padding-left: 3px;}
 
+.how_to_get .d_price:before{content: '妤�';}
 
+.cl-red{color: #55c0dc !important;}
 
+.pay_weixin {text-align: center;background: #fff;padding:0;position: fixed;width: 100%;bottom: 0;}
 
+.pay_weixin>div {padding: 0 0 10px 0;}
 
+.btn-weixin-pay{margin-bottom: 0 !important;}
 
+.my-btn-green{background: #50c747;color: #fff;padding:10px 12px;font-size: 15px;border: 0;}
 
+.my-btn-green:active{background: #63fd57;color: #fff;}
 
+.clearing-count{padding: 15px;text-align: center;margin-bottom: 55px;background: #fff;border-bottom: 30px solid #efeff4;color: #666;font-size: 20px;}
 
+.fenxiao-clearing-count{padding: 10px;text-align: center;background: #fff;}
 
+.fenxiao-clearing-count>div{padding-bottom: 8px;}
 
+.price_l {position: absolute;bottom: 8px;text-align: left;}
 
+.pl-win-tt {text-align: left;text-indent: 2.5em;border-top: 1px solid rgba(0,0,0,.1);padding: 1em 0 0 0;font-size: 18px;}
 
+.pl-win-tt>div{padding:10px 0;}
 
+.pl-win-tt .sp{color: #48990e;}
 
+.pay_win_list{padding: 10px 10px 10px 2.5em;}
 
+.pay_win_list li{color: #666;padding: 3px 0;}
 
+.shopping-cart-list .mui-table-view-cell{padding: 11px 12px;}
 
+.my-order-list {padding: 10px 0 5px 0;}
 
+.my-order-list .mui-table-view-cell{padding: 5px 10px;}
 
+.my-order-list .mui-table-view-cell:after{height: 0;}
 
+.line-clamp-3{max-height: 4em;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
 
+.line-clamp-2{max-height:38px;white-space: pre-wrap; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
 
+.order-price{white-space: nowrap;text-align: right;padding-left: 4px;}
 
+.order-price:before{content: '妤�';}
 
+.my-table-order{font-size: 14px;background: #fff;width: 100%;}
 
+.my-tb-order{font-size: 14px;background: #fff;width: 100%;}
 
+.my-table-order tr td:last-child{padding-right: 10px;}
 
+.table-middle {
 
+    vertical-align: middle;
 
+}
 
+.clearing-box {
 
+    margin: 14px;
 
+}
 
+.status-list li{font-size: 12px;color: #666;padding: 5px 15px;}
 
+.icon-allorder{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
 
+.icon-allorder.mui-active{color:#55c0dc !important;border-bottom: 2px solid #55c0dc;}
 
+.icon-allorder>span:first-child{min-width: 25px;min-height: 25px;position: absolute;top:2px;left: 35%;}
 
+
 
+
 
+.icon-topay.mui-active{color:#55c0dc !important;border-bottom: 2px solid #55c0dc;}
 
+.icon-topay>span:first-child{min-width: 25px;min-height: 25px;position: absolute;top:2px;left: 35%;}
 
+.icon-topay{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
 
+.my-scroll-order:after,.my-scroll-order:before{display:none;}
 
+
 
+.icon-todelivery.mui-active{color:#55c0dc !important;border-bottom: 2px solid #55c0dc;}
 
+.icon-todelivery>span:first-child{min-width: 25px;min-height: 25px;position: absolute;top:2px;left: 35%;}
 
+.icon-todelivery{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
 
+
 
+.icon-delivery.mui-active{color:#55c0dc !important;border-bottom: 2px solid #55c0dc;}
 
+.icon-delivery>span:first-child{min-width: 25px;min-height: 25px;position: absolute;top:2px;left: 35%;}
 
+.icon-delivery{padding-top: 2px;position: relative;border-bottom: 2px solid rgba(0,0,0,0);}
 
+.mr-5{margin-right: 5px;}
 
+.btn-zu .mui-btn{margin-right:0;}
 
+.btn-zu .mui-btn:last-child{margin-right: 8px;}
 
+.my-scroll-order{list-style: none;margin: 0;padding: 0;}
 
+.my-scroll-order>li{border-bottom:8px solid #f0f0f0;}
 
+.my-scroll-order>li:first-child{border-top:8px solid #f0f0f0;}
 
+.vip-tt {position: relative;line-height: 0;}
 
+.vip-tt>img {width: 100%;}
 
+.tx {position: absolute;left:1em;top: 50%;width:80px;height:80px;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;background-color:#55c0dc;padding: 4px;}
 
+.tx>img {width: 100%;border-radius: 50%;}
 
+.nikname {position: absolute;left: 30%;width:68%;top: 50%;color: #fff;-webkit-transform: translateY(-52%);transform: translateY(-52%);line-height: 1.5;}
 
+.more_vip{}
 
+.text-center{position: absolute;left: 50%;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%);}
 
+.my-dl-tb-order{width: 100%;font-size: 14px;white-space: nowrap;}
 
+.my-dl-tb-order tr td:last-child{text-align: right;}
 
+.mui-pull-bottom-pocket, .mui-pull-top-pocket{visibility: visible;}
 
+.my-btn-link {padding-top: 6px;padding-bottom: 6px;color: #444;border: 0;background-color: transparent;}
 
+.my-btn-link2 {padding-top: 10px;padding-bottom:10px;color: #444;border: 0;background-color: transparent;position: absolute;left: 25px;}
 
+.my-btn-link:active{background-color: #fff !important;color: #444 !important;}
 
+.my-input{margin-bottom: 0 !important;background-color: #fff !important;font-size:15px;text-indent: 2.5em;}
 
+.ft-18{font-size: 18px;}
 
+.daili-2wm-box{position: absolute;width: 100%;left: 0;top:0;}
 
+.user-2wm{width: 50%;margin:30px auto;}
 
+.user-2wm img{width: 100%;}
 
+.user-2wm-dic{width: 75%;margin: 0 auto;border: 1px solid #55c0dc;border-radius: 5px;padding: 10px;color: #444;background: #f0f1ec;}
 
+.btn-share-box{width: 75%;margin:20px auto;}
 
+.my-pull {
 
+    font-weight: 700;
 
+    position: absolute;
 
+    right: 0;
 
+    top: 0;
 
+    left: 0;
 
+    text-align: center;
 
+    color: #777;
 
+    padding: 20px 0 50PX 0;
 
+    z-index: 100;
 
+    background: #efeff4;
 
+}
 
+.my-badge-blue{color:#007aff !important;}
 
+.my-badge-green{color:#4cd964 !important;}
 
+.my-badge-red{color: #55c0dc !important;}
 
+.my-badge-white{color: #fff !important;}
 
+.btn-fenxiao-weixin-pay{width: 50% !important;}
 
+.my-table-view1{padding: 0 0 0 0 !important;}
 
+.my-table-view1 .mui-table-view-cell{padding: 6px 0px !important;}
 
+#chanpin-slider .tit{color: #404040;font-size: 16px;line-height: .9;padding:0 0 2px 0;}
 
+#chanpin-slider .dic{color: #898989;font-size: 12px;padding:0 0 2px 0;}
 
+#chanpin-slider .price_box{padding: 8px 0 12px 0;}
 
+#chanpin-slider .dic-bt{color: #fff;border-radius:10px;padding: 3px 7px;font-size: 12px; background-color:#55c0dc;}
 
+#chanpin-slider .mui-slider-group .mui-slider-item img {width: 45%;float: right;}
 
+.chanpin-cell{position:absolute;right:30%;top:50%;width:60%;height:130px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
 
+.chanpin-cell>div{position: relative;}
 
+.mui-slider-indicator .mui-indicator {
 
+    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1);
 
+    box-shadow: 0 0 0 0 rgba(0,0,0,.1);
 
+    width: 8px;
 
+    border-radius: 8px;
 
+    height: 8px;
 
+     background: #e1e1e1;
 
+}
 
+.mui-slider-indicator .mui-active.mui-indicator {
 
+    background: #63ccde;
 
+    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
 
+    box-shadow: 0 0 0 0 rgba(0,0,0,0);
 
+}
 
+.swiper-container-horizontal>.swiper-pagination-bullets{bottom: -15px;}
 
+.swiper-pagination-bullet-active{background: #db3f53;}
 
+.index-title{padding: 7px 12px 7px 12px;display: block;position: relative;}
 
+.index-title strong{font-size: 17px;}
 
+.index-title .mui-pull-right{color: #999;}
 
+.index-title font{display: inline-block;-webkit-transform: translateY(-1px);transform: translateY(-1px);}
 
+
 
+.pro-list .mui-media-object{background: #f2f2f2;border-radius: 5px;display: block;}
 
+.pro-list:before,.pro-list:after{display: none;}
 
+.pro-list.mui-table-view.mui-grid-view>li:nth-child(odd) {padding: 10px 8px 0 14px;}
 
+.pro-list.mui-table-view.mui-grid-view>li:nth-child(even) {padding: 10px 0 0 22px;}
 
+.pro-list h6{margin: 7px 0;color: #bbb;}
 
+.pro-list .pro-price{font-size: 14px;margin-top: 8px;}
 
+.pro-list .pro-price span{color: #db3f53;}
 
+.pro-list .pro-price s{color: #bbb;margin-left: 15px;}
 
+
 
+
 
+.my-btn-gray{background: #ccc;border: 0;border-radius: 10px;color: #fff;}
 
+.mui-control-content .mui-loading{margin-top: 50px;text-align: center;}
 
+.mui-popup{position: fixed;}
 
+.wh-100 img{height: 100%;}
 
+#chanpin-slider .opacity_0{opacity: 0;}
 
+#chanpin-slider .mui-slider-group .mui-slider-item{background:#fff;}
 
+#chanpin-slider .mui-slider-item:first-child .opacity_0{opacity:1;}
 
+#banner-slider,#chanpin-slider,#jifen-daili-menu,#advs_banner{display:none;}
 
+.icon-gouwuche .mui-badge{display:none;}
 
+.my-btn-block {font-size: 18px;display: block;width: 100%;padding: 6px 12px;border-radius: 4px !important;}
 
+
 
+.title1{color:#55c0dc;width:75px;height:25px;padding:5px 5px;}
 
+.font_text_yahei{font-family: "Microsoft YaHei" ! important;}
 
+.juli_span{color:#666;}
 
+article, section, time, aside {display: block;}
 
+.point-time {content: "";position: absolute;width: 13px;height: 13px;top: 3px;left: 20px;background: #1c87bf;margin-left: -4px;border-radius: 50%;}
 
+.point-red {background-color: #55c0dc;}
 
+.content {width: 100%;margin: 10px auto;}
 
+.content article {position: relative;}
 
+.content article section {padding: 0 0 7px;position: relative;}
 
+.content article section:before {content: "";width: 1px;top: 16px;bottom: -17px;left: 22px;background: #55c0dc;position: absolute;}
 
+.content article section:last-child:before {bottom:0;}
 
+.content article section time {display: block;}
 
+.content article section time > span {display: block;margin-left: 45px;color:#55c0dc;}
 
+.content article section aside {color: #3a3a38;margin-left:45px;margin-right: 5px;}
 
+.content article section aside p{margin-bottom: 0;font-size:13px;}
 
+.content article section aside .things{color:#222;margin-top: 5px;}
 
+.mui-pull-bottom-pocket .mui-pull-caption{font-size: 12px;}
 
+#pullrefresh_order_list .mui-table-view:before{left: 15px;right: 15px;}
 
+
 
+.address-cantainner{margin:14px 14px 0 14px;background-color: #f3f3f3;text-align: center;}
 
+.address-cantainner .mui-table-view-cell{background-color: #f3f3f3;border-radius: 5px;padding: 11px 8px;}
 
+.address-cantainner .mui-table-view-cell.mui-active{background-color: #f3f3f3;}
 
+.address-cantainner .mui-table{max-height: 80px;min-height: 42px;}
 
+.address-cantainner .add-address{height: 20px;position: relative;width: 150px; margin: 0 auto;}
 
+.address-cantainner .icon-jia{position: absolute;left:0%;top: 0;font-size: 20px;}
 
+.address-cantainner p{font-size: 12px;}
 
+.icon-dingwei{color: #f16071;}
 
+.btn-add-address{height: 20px;line-height: 20px; position: relative;width: 110px; margin: 0 auto;text-align: right;color: #666;}
 
+.btn-add-address .icon-jia{position: absolute;left:12%;top: 0;font-size: 25px;}
 
+.my-grid-view-no:after,.my-grid-view-no:before,.my-grid-view-no .mui-table-view-cell:after{display: none;}
 
+@media (device-height:480px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
 
+
 
+}
 
+@media (device-height:568px) and (min-width:320px) and (-webkit-min-device-pixel-ratio:2){
 
+
 
+}

File diff suppressed because it is too large
+ 12 - 0
watero/css/swiper.min.css


+ 65 - 0
watero/css/vip_center.css
View File 

@@ -0,0 +1,65 @@
 
+.vip-tt {position: relative;width:100%;height:120px;background:url(http://static.iamberry.com/watero/images/shop/member_photo-bg_3.jpg) center center /100% 100% no-repeat;}
 
+.vip-tt>img {width: 100%;}
 
+.tx {position: absolute;left:1em;top: 50%;width: 4.5em;height: 4.5em;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;background-color: #73b7d8;padding: 4px;}
 
+.tx>img {width: 100%;border-radius: 50%;}
 
+.nikname {position: absolute;left:6.5em;width:68%;top: 50%;color: #fff;-webkit-transform: translateY(-52%);transform: translateY(-52%);line-height: 1.5;}
 
+.nikname>div{padding:3px 0;}
 
+.nikname>div:first-child{position: relative;width: 100%;overflow: hidden;text-overflow: ellipsis;}
 
+.mui-table-view-chevron .mui-badge{display:none;}
 
+.btn_share{background: #fff;border-radius:6px;padding:3px 10px;float: right;margin-right: 10px;color: #e9004c;font-size: 13px;}
 
+
 
+#my_type #video{display: inline-block}
 
+.go_daili_2wm{float:left;font-size: 13px;}
 
+.chart {height: 300px;margin: 0px;padding: 0px;}
 
+.my-chart-bar {background: #fff;border: 0;height: 50px;margin-bottom: 1px;margin-top: 6px;}
 
+.my-chart-bar .mui-control-item {color: #444;font-weight: 500;border-left: 0;border-bottom: 2px solid transparent;line-height: 50px;font-size: 15px;}
 
+.my-chart-bar .mui-control-item.mui-active {color: #e4004d;border-bottom: 2px solid #e4004d;background-color: #fff;}
 
+.mui-control-content {background: #fff;padding: 10px 0;}
 
+.my-tab-view3:after {height: 0;}
 
+.my-tab-view3 li {padding: 10px 10px 0 10px;}
 
+.vip_icon{width: 20px;-webkit-transform: translateY(20%);margin-left: 5px;}
 
+#userNickname{white-space: nowrap;height: 25px;}
 
+#footer-bar{-webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);box-shadow: 0 0 1px rgba(0,0,0,.4);}
 
+.my-view-order .mui-table-view-cell:after{background-color: #e5e5e5;}
 
+
 
+#menu-nav .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 10px 0 15px 0;font-size: 12px;}
 
+#menu-nav {border: 0;border-radius: 3px;}
 
+#menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
 
+#menu-nav .iconfont{color: #55c0dc;padding: 0 0 8px 0;}
 
+#menu-order .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
 
+#menu-order {border: 0;border-radius: 3px;}
 
+#menu-order .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
 
+#menu-order .iconfont{color: #55c0dc;padding: 0 0 6px 0;}
 
+.my-view-order{color: #333;}
 
+.my-view-order:before{display: none;}
 
+.mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
 
+.mui-grid-view.mui-grid-9:after{height: 0;display: none;}
 
+.icon-xiaxian,.icon-kefu{color: #55c0dc;}
 
+.icon-liwu,.icon-wheel{color: #f7624e;}
 
+.icon-renwu,.icon-share{color: #f88c43;}
 
+.icon-shouhou,.icon-order{color: #31c27c;}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
 
+.try-btn-pay{    background: #55c0dc;border: 1px solid transparent;border-radius: 4px;color: #fff;padding: 3px 8px;}
 
+.try-btn-pay:active{color:#fff;}
 
+ .center-middle{font-size: 12px;    position: absolute;
 
+    left: 90px;
 
+    top: 50%;
 
+    -webkit-transform: translateY(-50%);}
 
+.wh-80 {
 
+    width: 60px !important;
 
+    max-width: 60px !important;
 
+    height: 80px !important;
 
+    margin: 0 5px 0 0 !important;
 
+    overflow: hidden;
 
+    display: inline-block;
 
+    text-align: center;
 
+}
 
+.iconfont .mui-badge {
 
+    font-size: 10px;
 
+    line-height: 1.3;
 
+    position: absolute;
 
+    top: -3px;
 
+    right: 28%;
 
+    padding: 1px 5px;
 
+    color: #fff;
 
+}

+ 128 - 0
watero/css/vip_center51.css
View File 

@@ -0,0 +1,128 @@
 
+.vip-tt {position: relative;width:100%;height:120px;background:url(http://static.iamberry.com/watero/images/shop/member_photo_bg_51.jpg) center center /100% 100% no-repeat;}
 
+.vip-tt>img {width: 100%;}
 
+.tx {position: absolute;left:1em;top: 50%;width: 4.5em;height: 4.5em;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;background-color: #ff8992;padding: 4px;}
 
+.tx>img {width: 100%;border-radius: 50%;}
 
+.nikname {position: absolute;left:6.5em;width:68%;top: 50%;color: #fff;-webkit-transform: translateY(-52%);transform: translateY(-52%);line-height: 1.5;}
 
+.nikname>div{padding:3px 0;}
 
+.nikname>div:first-child{position: relative;width: 100%;overflow: hidden;text-overflow: ellipsis;}
 
+.mui-table-view-chevron .mui-badge{display:none;}
 
+.btn_share{background: #fff;border-radius:6px;padding:3px 10px;float: right;margin-right: 10px;color: #e9004c;font-size: 13px;}
 
+
 
+#my_type #video{display: inline-block}
 
+.go_daili_2wm{float:left;font-size: 13px;}
 
+.chart {height: 300px;margin: 0px;padding: 0px;}
 
+.my-chart-bar {background: #fff;border: 0;height: 50px;margin-bottom: 1px;margin-top: 6px;}
 
+.my-chart-bar .mui-control-item {color: #444;font-weight: 500;border-left: 0;border-bottom: 2px solid transparent;line-height: 50px;font-size: 15px;}
 
+.my-chart-bar .mui-control-item.mui-active {color: #e4004d;border-bottom: 2px solid #e4004d;background-color: #fff;}
 
+.mui-control-content {background: #fff;padding: 10px 0;}
 
+.my-tab-view3:after {height: 0;}
 
+.my-tab-view3 li {padding: 10px 10px 0 10px;}
 
+.vip_icon{width: 20px;-webkit-transform: translateY(20%);margin-left: 5px;}
 
+#userNickname{white-space: nowrap;height: 25px;}
 
+#footer-bar{-webkit-box-shadow: 0 0 1px rgba(0,0,0,.4);box-shadow: 0 0 1px rgba(0,0,0,.4);}
 
+.my-view-order .mui-table-view-cell:after{background-color: #e5e5e5;}
 
+
 
+#menu-nav .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 10px 0 15px 0;font-size: 12px;}
 
+#menu-nav {border: 0;border-radius: 3px;}
 
+#menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
 
+#menu-nav .iconfont{color: #55c0dc;padding: 0 0 8px 0;}
 
+#menu-order .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
 
+#menu-order {border: 0;border-radius: 3px;}
 
+#menu-order .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
 
+#menu-order .iconfont{color: #55c0dc;padding: 0 0 6px 0;}
 
+.my-view-order{color: #333;}
 
+.my-view-order:before{display: none;}
 
+.mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
 
+.mui-grid-view.mui-grid-9:after{height: 0;display: none;}
 
+.icon-xiaxian,.icon-kefu{color: #55c0dc;}
 
+.icon-liwu,.icon-wheel{color: #f7624e;}
 
+.icon-renwu,.icon-share{color: #f88c43;}
 
+.icon-shouhou,.icon-order{color: #31c27c;}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
 
+.try-btn-pay{    background: #55c0dc;border: 1px solid transparent;border-radius: 4px;color: #fff;padding: 3px 8px;}
 
+.try-btn-pay:active{color:#fff;}
 
+ .center-middle{font-size: 12px;    position: absolute;
 
+    left: 90px;
 
+    top: 50%;
 
+    -webkit-transform: translateY(-50%);}
 
+.wh-80 {
 
+    width: 60px !important;
 
+    max-width: 60px !important;
 
+    height: 80px !important;
 
+    margin: 0 5px 0 0 !important;
 
+    overflow: hidden;
 
+    display: inline-block;
 
+    text-align: center;
 
+}
 
+.iconfont .mui-badge {
 
+    font-size: 10px;
 
+    line-height: 1.3;
 
+    position: absolute;
 
+    top: -3px;
 
+    right: 28%;
 
+    padding: 1px 5px;
 
+    color: #fff;
 
+}
 
+.my-view-order .mui-media-body {
 
+    padding-top: 0;
 
+}
 
+.center-middle{font-size: 12px;    position: absolute;
 
+    left: 90px;
 
+    top: 50%;
 
+    -webkit-transform: translateY(-50%);}
 
+.wh-80 {
 
+    width: 70px !important;
 
+    max-width: 70px !important;
 
+    height: 70px !important;
 
+    margin: 0 5px 0 0 !important;
 
+    overflow: hidden;
 
+    display: inline-block;
 
+    text-align: center;
 
+}
 
+.wh-80 img {
 
+    height: 70px;
 
+}
 
+.btn-box{bottom:auto;top:12px;}
 
+.icon-orderyue{font-size: 35px;}
 
+#menu-nav .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 10px 0 15px 0;font-size: 12px;}
 
+#menu-nav {border: 0;border-radius: 3px;}
 
+#menu-nav .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
 
+#menu-nav .iconfont{color: #fe4264;padding: 10px 0;}
 
+#menu-order .mui-control-item {line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
 
+#menu-order {border: 0;border-radius: 3px;}
 
+#menu-order .mui-control-item.mui-active {color: #333;background-color:rgba(0,0,0,.1);}
 
+#menu-order .iconfont{color: #f5556c;padding: 5px 0;}
 
+.my-view-order{color: #333;}
 
+.my-view-order:before{display: none;}
 
+.mui-grid-view.mui-grid-9 .mui-media{background-color: #fff;padding: 11px 5px;}
 
+.mui-grid-view.mui-grid-9:after{height: 0;display: none;}
 
+.icon-xiaxian,.icon-kefu{color: #fe4264;}
 
+.icon-liwu,.icon-wheel{color: #f7624e;}
 
+.icon-renwu,.icon-naifen{color: #f88c43;}
 
+.icon-shouhou,.icon-order{color: #fd9010;}
 
+.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{font-size: 12px;}
 
+#menu-lease-order,#menu-lease-other{border: 0;border-radius: 3px;}
 
+#menu-lease-order .mui-control-item,#menu-lease-other .mui-control-item{line-height: 1;color: #333;border-color: #fff;border:0;padding: 6px 0 10px 0;font-size: 12px;}
 
+#menu-lease-order .mui-control-item.mui-active,#menu-lease-other .mui-control-item.mui-active{color: #333;background-color:rgba(0,0,0,.1);}
 
+#menu-lease-order .iconfont,#menu-lease-other .iconfont{padding: 5px 0;}
 
+.icon-daifahuo1,.icon-shebeiliebiao{color: #fd9010;}
 
+.icon-yifahuo,.icon-zulinxieyi{color: #fe4264;}
 
+
 
+.wh-80 {
 
+    width: 60px !important;
 
+    max-width: 60px !important;
 
+    height: 80px !important;
 
+    margin: 0 5px 0 0 !important;
 
+    overflow: hidden;
 
+    display: inline-block;
 
+    text-align: center;
 
+}
 
+.try-btn-pay{    background: #55c0dc;
 
+    border: 1px solid transparent;
 
+    border-radius: 4px;
 
+    color: #fff;
 
+    padding: 3px 8px;}
 
+.center-middle{font-size: 12px;    position: absolute;
 
+    left: 90px;
 
+    top: 50%;
 
+    -webkit-transform: translateY(-50%);}

+ 52 - 0
watero/daili_2wm.html
View File 

@@ -0,0 +1,52 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/daili_2wm.css" />
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<div class="mui-content">
 
+	<div class="user-head-box">
 
+		<img width="100%" src="images/member_photo-bg_3.jpg" />
 
+		<div id="user-head" class="user-head">
 
+			<img src="images/image-12.jpg" />
 
+		</div>
 
+	</div>
 
+	<div class="mui-content-padded mui-text-center">
 
+		<span id="user-nickname" class='ft-18'>加载中...</span>
 
+		<p>无论去哪，什么天气，记得带上自己的阳光</p>
 
+
 
+		<div id="qrcode-div" class="qrcode-div">
 
+
 
+		</div>
 
+		<ul class="mui-text-left my-ol">
 
+			<li class='mui-text-center'>
 
+				<div class='ft-18'>长按二维码关注"watero水时代"</div>
 
+				<p class="my-p">温馨提醒：该二维码有效期为30天，过期会自动重新生成！</p>
 
+			</li>
 
+		</ul>
 
+
 
+		<div class="btn-share-box"><button type="button" class="mui-btn my-btn-danger my-btn-block share_wechat">立即分享</button> </div>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/daili_2wm.js"></script>
 
+</body>
 
+</html>

+ 66 - 0
watero/daili_order_list.html
View File 

@@ -0,0 +1,66 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/daili_order_list.css" />
 
+	<script type="text/javascript">
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<div class="cash-header">
 
+	<div>
 
+		<div class="box-child">
 
+			<div>用户返利记录详情<span class="go_daili_rebackOrder_list my-btn-tx">已返利记录</span></div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<!--下拉刷新容器-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/daili_order_list.js"></script>
 
+</body>
 
+</html>

+ 66 - 0
watero/daili_rebackOrder_list.html
View File 

@@ -0,0 +1,66 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/daili_order_list.css" />
 
+	<script type="text/javascript">
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<div class="cash-header">
 
+	<div>
 
+		<div class="box-child">
 
+			<div>用户待返利记录详情</div>
 
+		</div>
 
+	</div>
 
+</div>
 
+<!--下拉刷新容器-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/daili_rebackOrder_list.js"></script>
 
+</body>
 
+</html>

+ 81 - 0
watero/fenxiao_2wm.html
View File 

@@ -0,0 +1,81 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style type="text/css">
 
+		html,body{height: 100%;background: #fff;}
 
+		.mui-content{min-height: 100%;background: #fff;padding-bottom: 50px;}
 
+		.btn-share-box {width: 55%;}
 
+		.btn-share-box .my-btn-danger{padding: 10px 0;}
 
+		#qrcode-div img{width: 60%;}
 
+		.user-head{position: absolute;left: 50%;bottom:0 ;width:28%;overflow: hidden;border:2px solid #fff;border-radius: 50%;font-size:0px;line-height: 0; -webkit-transform: translateX(-50%);}
 
+		.mui-backdrop {
 
+			position: fixed;
 
+			z-index: 998;
 
+			top: 0;
 
+			right: 0;
 
+			bottom: 0;
 
+			left: 0;
 
+			background: url(images/share.png) top center no-repeat rgba(0, 0, 0, .4);
 
+			background-size: 100%;
 
+		}
 
+	</style>
 
+	<script type="text/javascript">
 
+        // 屏蔽分享
 
+        //window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<header class="mui-bar mui-bar-nav header">
 
+	<div class="go-index go_index">
 
+		<img src="images/logo.png" />
 
+	</div>
 
+</header>
 
+<div class="mui-content">
 
+	<div style="position: relative;padding-bottom:6%;">
 
+		<img width="100%" src="images/member_photo-bg_3.jpg" />
 
+		<div id="user-head" class="user-head">
 
+			<img width="100%" style="border-radius: 50%;" src="images/image-12.jpg" />
 
+		</div>
 
+	</div>
 
+	<div class="mui-content-padded mui-text-center">
 
+		<span id="user-nickname">加载中...</span>
 
+		<p>无论去哪，什么天气，记得带上自己的阳光</p>
 
+
 
+		<div style="padding: 20px 0;" id="qrcode-div">
 
+			<!-- <img width="40%" src="images/daili-2wm.png" /> -->
 
+		</div>
 
+		<ul class="mui-text-left my-ol">
 
+			<li>
 
+				<div class="mui-text-center">关注美国watero:
 
+					<p>
 
+						小伙伴，扫我扫我！
 
+					</p>
 
+				</div>
 
+			</li>
 
+		</ul>
 
+
 
+		<div class="btn-share-box"><button type="button" class="mui-btn my-btn-danger mui-btn-block share_wechat">分享页面</button> </div>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_2wm.js"></script>
 
+</body>
 
+</html>

+ 69 - 0
watero/fenxiao_apply_submitSuccess.html
View File 

@@ -0,0 +1,69 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body style="background: #fff;">
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<header class="mui-bar mui-bar-nav header">
 
+	<div class="go-index go_index">
 
+		<img src="images/logo.png" />
 
+	</div>
 
+</header>
 
+<div class="mui-content" style="background: #fff;">
 
+	<div class="pl-win-tt">
 
+		<img style="width: 1.5em;" src="images/pay-win.jpg"><span class="sp"> 分销提现已提交，请等待处理！</span>
 
+		<div>
 
+			<button type="button" class="mui-btn my-btn-green" onclick="returnAgency();">返回代理中心</button>
 
+		</div>
 
+	</div>
 
+	<script src="js/mui.min.js"></script>
 
+	<script src="js/jquery-2.1.1.min.js"></script>
 
+	<script src="js/main.js"></script>
 
+	<script src="js/page/wechat-utils-1.0.js"></script>
 
+	<script>
 
+        window.onload=function(){
 
+            getCartNum();
 
+            document.querySelector('.loading-bg').style.display='none';
 
+        }
 
+        function returnAgency() {
 
+            window.location.href = "/watero/wechat/drp/indexPage";
 
+        }
 
+	</script>
 
+</body>
 
+</html>

+ 121 - 0
watero/fenxiao_center.html
View File 

@@ -0,0 +1,121 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/fenxiao_center.css" />
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner"></div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<div class="mui-content">
 
+	<div class="vip-tt fenxiao_info">
 
+		<img src="images/member_photo-bg_3.jpg">
 
+		<div class="tx bg-orange">
 
+			<img class="wechat_tx" src="images/image-12.jpg">
 
+		</div>
 
+		<div class="nikname">
 
+			<div class="wechat_name" style="position: relative;"></div>
 
+			<div>姓名：<span class="user_name"></span></div>
 
+			<div>身份：<span class="role_name"></span>
 
+			</div>
 
+		</div>
 
+		<span style="position: absolute;top: 50%;right:0;-webkit-transform: translateY(-50%);"><span class="mui-icon mui-icon-arrowright" style="color:#fff;font-size:35px;"></span></span>
 
+	</div>
 
+
 
+	<ul class="mui-table-view mui-grid-view mui-grid-9">
 
+		<li class="mui-table-view-cell mui-media  mui-col-sm-3 grid-6 fenxiao_wm2" onclick="fenxiao_wm2()">
 
+			<a>
 
+				<img width="34px" src="images/shouye_icon_qrcode.png" />
 
+				<div class="mui-media-body">
 
+					<div class="my-cell">分销二维码</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+		<li class="mui-table-view-cell mui-media  mui-col-sm-3 grid-6 fenxiao_share" onclick="shareH5();">
 
+			<a>
 
+				<img width="34px" src="images/shouye_icon_share.png" />
 
+				<div class="mui-media-body">
 
+					<div class="my-cell">我要分享</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+		<li class="mui-table-view-cell mui-media mui-col-sm-3 grid-6" onclick="tixian()" id="balanceLi">
 
+			<a>
 
+				<img width="34px" src="images/shouye_icon_balance.png" />
 
+				<div class="mui-media-body">
 
+					<div style="margin-top:3px;">可用余额&nbsp;&nbsp;&nbsp;</div>
 
+					<div class="ft-14 total_money">0元</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+		<li class="mui-table-view-cell mui-media mui-col-sm-3 grid-6" onclick="weiruzhang()" id="waitAccounts">
 
+			<a>
 
+				<img width="34px" src="images/shouye_icon_bill.png" />
 
+				<div class="mui-media-body">
 
+					<div style="margin-top:3px;">待入账&nbsp;&nbsp;&nbsp;</div>
 
+					<div class="ft-14" id="to_accounts">0元</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+	</ul>
 
+	<ul class="mui-table-view" id="guanli">
 
+		<li class="mui-table-view-cell mui-media line-blue-left"><a class="mui-navigate-right" style="text-indent:1.3em;"><img style="width:34px;height:34px;" src="images/shop/total-icon.png"><span class="left-middle">销售管理中心</span></a></li>
 
+	</ul>
 
+	<div id="tabbar-chart-bar" class="mui-segmented-control my-chart-bar">
 
+		<a class="mui-control-item mui-active">
 
+			最近7天
 
+		</a>
 
+		<a class="mui-control-item">
 
+			最近半年
 
+		</a>
 
+		<a class="mui-control-item">
 
+			最近1年
 
+		</a>
 
+	</div>
 
+	<div id="item1" class="mui-control-content mui-active more">
 
+		<div class="chart" id="barChart"></div>
 
+	</div>
 
+
 
+	<ul class="mui-table-view mui-grid-view mui-grid-9" id="my_type">
 
+		<li class="mui-table-view-cell mui-media  mui-col-sm-3 grid-6" id="hz_shang" onclick="xialianlist()">
 
+			<a id="user_Management">
 
+				<img width="34px" src="images/shouye_icon_cooperativebusiness.png" />
 
+				<div class="mui-media-body">
 
+					<div class="hz_cell my-cell" id = "salesName" value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+		<li class="mui-table-view-cell mui-media mui-col-sm-3 grid-6" id="video">
 
+			<a class="go_publicity"  userType="2" isDrp="true">
 
+				<img width="34px" src="images/shouye_icon_video.png" />
 
+				<div class="mui-media-body">
 
+					<div class="my-cell">水机视频</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+	</ul>
 
+	<br>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/echarts.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_center.js"></script>
 
+</body>
 
+</html>

+ 131 - 0
watero/fenxiao_center2.html
View File 

@@ -0,0 +1,131 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/fenxiao_center.css" />
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner"></div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<div class="mui-content">
 
+	<div class="vip-tt fenxiao_info">
 
+		<img src="images/member_photo-bg_3.jpg">
 
+		<div class="tx bg-orange">
 
+			<img class="wechat_tx" src="images/image-12.jpg">
 
+		</div>
 
+		<div class="nikname">
 
+			<div class="wechat_name" style="position: relative;"></div>
 
+			<div>姓名：<span class="user_name"></span></div>
 
+			<div>身份：<span class="role_name"></span>
 
+			</div>
 
+		</div>
 
+		<span style="position: absolute;top: 50%;right:0;-webkit-transform: translateY(-50%);"><span class="mui-icon mui-icon-arrowright" style="color:#fff;font-size:35px;"></span></span>
 
+	</div>
 
+
 
+	<ul class="mui-table-view mui-grid-view mui-grid-9">
 
+		<li class="mui-table-view-cell mui-media  mui-col-sm-3 grid-6 fenxiao_wm2" onclick="fenxiao_wm2()">
 
+			<a>
 
+				<img width="34px" src="images/shouye_icon_qrcode.png" />
 
+				<div class="mui-media-body">
 
+					<div class="my-cell">分销二维码</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+
 
+		<li class="mui-table-view-cell mui-media  mui-col-sm-3 grid-6 fenxiao_share" onclick="salesNumbers()">
 
+			<a>
 
+				<img width="34px" src="images/shouye_icon_share.png" />
 
+				<div class="mui-media-body">
 
+					<div class="my-cell">已销售台数</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+
 
+		<!-- <li class="mui-table-view-cell mui-media  mui-col-sm-3 grid-6 fenxiao_share">
 
+            <a>
 
+                <img width="34px" src="images/shop/shouye_icon_share.png" />
 
+                <div class="mui-media-body">
 
+                    <div class="my-cell">我要分享</div>
 
+                </div>
 
+            </a>
 
+        </li> 
+        <li class="mui-table-view-cell mui-media mui-col-sm-3 grid-6" onclick="tixian()" >
 
+            <a>
 
+                <img width="34px" src="images/shop/shouye_icon_balance.png" />
 
+                <div class="mui-media-body">
 
+                    <div style="margin-top:3px;">可用余额&nbsp;&nbsp;&nbsp;</div>
 
+                    <div class="ft-14 total_money">0元</div>
 
+                </div>
 
+            </a>
 
+        </li>
 
+        <li class="mui-table-view-cell mui-media mui-col-sm-3 grid-6" onclick="weiruzhang()">
 
+            <a>
 
+                <img width="34px" src="images/shop/shouye_icon_bill.png" />
 
+                <div class="mui-media-body">
 
+                    <div style="margin-top:3px;">待入账&nbsp;&nbsp;&nbsp;</div>
 
+                    <div class="ft-14" id="to_accounts">0元</div>
 
+                </div>
 
+            </a>
 
+        </li>-->
 
+	</ul>
 
+	<ul class="mui-table-view" id="guanli">
 
+		<li class="mui-table-view-cell mui-media line-blue-left"><a class="mui-navigate-right" style="text-indent:1.3em;"><img style="width:34px;height:34px;" src="images/total-icon.png"><span class="left-middle">销售管理中心</span></a></li>
 
+	</ul>
 
+	<div id="tabbar-chart-bar" class="mui-segmented-control my-chart-bar">
 
+		<a class="mui-control-item mui-active">
 
+			最近7天
 
+		</a>
 
+		<a class="mui-control-item">
 
+			最近半年
 
+		</a>
 
+		<a class="mui-control-item">
 
+			最近1年
 
+		</a>
 
+	</div>
 
+	<div id="item1" class="mui-control-content mui-active more">
 
+		<div class="chart" id="barChart"></div>
 
+	</div>
 
+
 
+	<ul class="mui-table-view mui-grid-view mui-grid-9" id="my_type">
 
+		<li class="mui-table-view-cell mui-media  mui-col-sm-3 grid-6" id="hz_shang" onclick="xialianlist()">
 
+			<a id="user_Management">
 
+				<img width="34px" src="images/shouye_icon_cooperativebusiness.png" />
 
+				<div class="mui-media-body">
 
+					<div class="hz_cell my-cell">下线 · 销量&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+		<li class="mui-table-view-cell mui-media mui-col-sm-3 grid-6" id="video">
 
+			<a class="go_publicity"  userType="2" isDrp="true">
 
+				<img width="34px" src="images/shouye_icon_video.png" />
 
+				<div class="mui-media-body">
 
+					<div class="my-cell">水机视频</div>
 
+				</div>
 
+			</a>
 
+		</li>
 
+	</ul>
 
+	<br>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/echarts.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_center2.js"></script>
 
+</body>
 
+</html>

+ 67 - 0
watero/fenxiao_mendian_next_user_list.html
View File 

@@ -0,0 +1,67 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-table-view-chevron .mui-table-view-cell{padding-right:10px;}
 
+		.mui-bar-tab~.mui-content {margin-top: 50px;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<ul class="mui-table-view more">
 
+	<li class="mui-table-view-cell">合作商 <span class="cl-red" id="b_accounts">0</span>个
 
+		<!-- <span class="mui-pull-right" >总贡献：<span id="accounts">0</span>元</span> -->
 
+	</li>
 
+</ul>
 
+<!--下拉刷新容器-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_mendian_next_user_list.js"></script>
 
+</body>
 
+</html>

+ 55 - 0
watero/fenxiao_next_user_list.html
View File 

@@ -0,0 +1,55 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-table-view-chevron .mui-table-view-cell{padding-right:10px;}
 
+		.mui-bar-tab~.mui-content {margin-top:88px;}
 
+		.tab-with-user{border-radius: 0; border: 1px solid #e4004d;background-color: #fff;}
 
+		.mui-segmented-control .mui-control-item.mui-active {color: #fff;background-color: #e4004d;}
 
+		.tab-with-user .mui-control-item{    color: #e4004d;border-color: #e4004d;border-left: 1px solid #e4004d;}
 
+		.mui-scroll-wrapper{top:85px;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<ul class="mui-table-view">
 
+	<li class="mui-table-view-cell">合作商 <span class="cl-red" id="b_accounts">0</span>个
 
+	</li>
 
+</ul>
 
+<div class="mui-segmented-control tab-with-user">
 
+
 
+</div>
 
+<!--下拉刷新容器-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_next_user_list.js"></script>
 
+</body>
 
+</html>

+ 68 - 0
watero/fenxiao_next_user_list2.html
View File 

@@ -0,0 +1,68 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-table-view-chevron .mui-table-view-cell{padding-right:10px;}
 
+		.mui-bar-tab~.mui-content {margin-top: 50px;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<ul class="mui-table-view more">
 
+	<li class="mui-table-view-cell">客户 <span class="cl-red" id="b_accounts">0</span>个
 
+		<span class="mui-pull-right" id="itemLi">总销售量<span class="cl-red" id="itemSum"></span>台</span>
 
+	</li>
 
+
 
+</ul>
 
+<!--下拉刷新容器-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_next_user_list2.js"></script>
 
+</body>
 
+</html>

+ 69 - 0
watero/fenxiao_order_list.html
View File 

@@ -0,0 +1,69 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<meta name="format-detection" content="telphone=no, email=no" />
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-table-view-chevron .mui-table-view-cell {padding-right: 10px;}
 
+		.mui-bar-tab~.mui-content {margin-top: 50px;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<ul class="mui-table-view more">
 
+	<li class="mui-table-view-cell ft-14">订单列表 <span class="text-center">可提金额：<span class="cl-red">¥<span class="price_to"></span></span>
 
+				</span><span class="mui-badge mui-badge-inverted go_fenxiao_tixian_apply">提现>></span></li>
 
+</ul>
 
+<!--下拉刷新容器-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_order_list.js"></script>
 
+</body>
 
+</html>

+ 81 - 0
watero/fenxiao_pay_win.html
View File 

@@ -0,0 +1,81 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body style="background: #fff;">
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<header class="mui-bar mui-bar-nav header">
 
+	<div class="go-index go_index">
 
+		<img src="images/logo.png" />
 
+	</div>
 
+</header>
 
+<div class="mui-content" style="background: #fff;">
 
+	<div class="pl-win-tt">
 
+		<img style="width: 1.5em;" src="images/pay-win.jpg"><span class="sp"> 恭喜您，支付成功！</span>
 
+		<div>已支付：<span class="cl-red" id="payMoney">¥0.00元+0.0积分</span></div>
 
+	</div>
 
+	<ul class="pay_win_list">
 
+		<li>订单编号：<span class="cl-0" id="orderId"></span></li>
 
+		<li>收货人：<span id="userName"></span></li>
 
+		<li>手机号码：<span id="tel"></span></li>
 
+		<li>订单金额：<span class="cl-0" id="amount"></span></li>
 
+		<li>支付方式：在线支付</li>
 
+		<li>订单时间:<span id="createDate"></span></li>
 
+	</ul>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script>
 
+    mui.ready(function(){
 
+        var orderId=getParam("orderId")==""?"1":getParam("orderId");
 
+        $.ajax({
 
+            type:"post",
 
+            url:base_path+"/placeOrder/successOrder",
 
+            dataType:"json",
 
+            xhrFields: {
 
+				withCredentials: true
 
+			},
 
+			crossDomain: true,
 
+            data :{
 
+                "openid":"",//"openid":"230"
 
+                "id":orderId
 
+            },
 
+            success: function(res) {
 
+            	if (dt.isRedirect) {
 
+					location.href = dt.redirectURL;
 
+				} else {
 
+                $("#payMoney").text(res.data.yetAmount);
 
+                $("#orderId").text(res.data.id);
 
+                $("#userName").text(res.data.contactName);
 
+                $("#payMoney").text("¥"+accDiv(res.data.yetAmount,100));
 
+                $("#tel").html(res.data.tel);
 
+                $("#amount").text("¥"+accDiv(res.data.yetAmount,100));
 
+                $("#createDate").text(res.data.createDate);
 
+                document.querySelector('.loading-bg').style.display='none';
 
+               }
 
+            }
 
+        });
 
+    });
 
+</script>
 
+</body>
 
+</html>

+ 80 - 0
watero/fenxiao_tixian_apply.html
View File 

@@ -0,0 +1,80 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+	<meta charset="utf-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-table-view-cell:after,.mui-table-view:after{display:none;}
 
+		.mui-segmented-control .mui-control-item{line-height: 50px;border:0;border-bottom: 2px solid transparent;background-color:#fff;color:#b5b5b5;}
 
+		.mui-segmented-control{border:0;}
 
+		.mui-segmented-control .mui-control-item.mui-active{color:#f64e78;background-color:#fff;border-bottom: 2px solid #f64e78;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<div class="mui-content">
 
+	<div id="sliderSegmentedControl" class="mui-segmented-control">
 
+		<a class="mui-control-item mui-active" tabindex="0" href="#item1mobile">
 
+			<span class="mui-tab-label">提现申请</span>
 
+		</a>
 
+		<a class="mui-control-item go_fenxiao_tixian_log" tabindex="1" >
 
+			<span class="mui-tab-label">提现记录</span>
 
+		</a>
 
+	</div>
 
+	<ul class="mui-table-view" style="background-color: transparent;">
 
+		<li class="mui-table-view-cell ft-12"><span class="my-btn-link"><span class='cl-red'>温馨提示：</span>提现金额每次不能低于<span class="cl-red" id="lessMoney">100</span>元！每月允许提现<span class="cl-red" id="withdrawalsCount">2</span>次。以每月15日为分界线，在15日之前申请提现的，将会于15-20日到账；若当月15日后申请提现的，将会于下月的15日-20日到账，如遇法定假期将顺延。</span></li>
 
+		<li class="mui-table-view-cell"><span class="my-btn-link2 mui-pull-left">姓名</span><input type="text" id="userName" class="my-input mui-input-clear mui-pull-right" placeholder="请输入您的真实姓名"></li>
 
+		<li class="mui-table-view-cell"><span class="my-btn-link2 mui-pull-left">电话</span><input type="tel" id="tel"  class="my-input mui-input-clear mui-pull-right" placeholder="请输入您的真实电话"></li>
 
+		<li class="mui-table-view-cell"><span class="my-btn-link2 mui-pull-left">金额</span><input type="tel" id="amount" class="my-input mui-input-clear mui-pull-right" placeholder="小于您可用金额的数量"></li>
 
+		<li class="mui-table-view-cell"><span class="my-btn-link">当前可提现金额：<span class="cl-red" id="allowMoney">0</span>&nbsp;元</span></li>
 
+		<li class="mui-table-view-cell"><span class="my-btn-link2 mui-pull-left">银行</span><input type="tel" id="bankCount" class="my-input mui-input-clear mui-pull-right" placeholder="请输入您的真实银行账号"></li>
 
+		<li class="mui-table-view-cell"><span class="my-btn-link2 mui-pull-left">支行</span><input type="text" id="bankLocal" class="my-input mui-input-clear mui-pull-right" placeholder="请输入您的开户支行"></li>
 
+		<li class="mui-table-view-cell ft-12"><span class="my-btn-link cl-red">本次提现结果，将在提现记录里查看。</span></li>
 
+		<li style="text-align: center;padding: 10px 0;"><button type="button" class="mui-btn my-btn-green" onclick="submitOrder()"  style="width: 50%;">立即提现</button></li>
 
+	</ul>
 
+</div>
 
+
 
+</body>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/validate.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_tixian_apply.js"></script>
 
+</html>

+ 70 - 0
watero/fenxiao_tixian_log.html
View File 

@@ -0,0 +1,70 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>提现记录</title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+	<style>
 
+		.mui-table-view-chevron .mui-table-view-cell {padding-right: 35px;}
 
+		.mui-bar-tab~.mui-content {margin-top: 50px;}
 
+		.mui-btn-link {position: absolute;left: 50%;top: 5px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
 
+	</style>
 
+</head>
 
+
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar" style="visibility: hidden;">
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<ul class="mui-table-view more">
 
+	<li class="mui-table-view-cell ft-14">账户余额:<span class="cl-red" id="amount">¥0</span>元<button type="button" class="mui-btn mui-btn-success go_fenxiao_tixian_apply" onclick="getMoney()">我要提现</button></li>
 
+</ul>
 
+<!--下拉刷新容器开始-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view mui-table-view-chevron my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<!--下拉刷新容器结束-->
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_tixian_log.js"></script>
 
+</body>
 
+
 
+</html>

+ 67 - 0
watero/fenxiao_to_accounts_list.html
View File 

@@ -0,0 +1,67 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-bar-tab~.mui-content {margin-top: 50px;}
 
+		.my-dl-tb-order {white-space: pre-wrap;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<ul class="mui-table-view more">
 
+	<li class="mui-table-view-cell">待入账金额:<span class="cl-red" id="accounts">0</span>元 </li>
 
+</ul>
 
+<!--下拉刷新容器开始-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<!--下拉刷新容器结束-->
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_to_accounts_list.js"></script>
 
+</body>
 
+</html>

+ 66 - 0
watero/fenxiao_to_accounts_list2.html
View File 

@@ -0,0 +1,66 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-bar-tab~.mui-content {margin-top: 50px;}
 
+		.my-dl-tb-order {white-space: pre-wrap;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<ul class="mui-table-view more">
 
+	<li class="mui-table-view-cell">已销售台数:<span class="cl-red" id="accounts">0</span>台 </li>
 
+</ul>
 
+<!--下拉刷新容器开始-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<!--下拉刷新容器结束-->
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_to_accounts_list2.js"></script>
 
+</body>
 
+</html>

+ 66 - 0
watero/fenxiao_to_transfer_accounts_list.html
View File 

@@ -0,0 +1,66 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.mui-bar-tab~.mui-content {margin-top: 50px;}
 
+		.my-dl-tb-order {white-space: pre-wrap;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<ul class="mui-table-view more">
 
+	<li class="mui-table-view-cell">待入账金额:<span class="cl-red" id="accounts">0</span>元 </li>
 
+</ul>
 
+<!--下拉刷新容器开始-->
 
+<div id="pullrefresh" class="mui-content mui-scroll-wrapper">
 
+	<div class="mui-scroll">
 
+		<!--数据列表-->
 
+		<ul class="mui-table-view my-tab-view-pull">
 
+
 
+		</ul>
 
+	</div>
 
+</div>
 
+<!--下拉刷新容器结束-->
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_to_transfer_accounts_list.js"></script>
 
+</body>
 
+</html>

+ 68 - 0
watero/fenxiao_up.html
View File 

@@ -0,0 +1,68 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/fenxiao_up.css" />
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+
 
+<body>
 
+<div class="mui-content">
 
+	<form id="uploadForm" action="/watero/wechat/placeInfo/sendImg2Share" method="post" enctype="multipart/form-data">
 
+		<div class="upload_box">
 
+			<div class="upload_main">
 
+				<div class="upload_choose">
 
+				</div>
 
+				<div id="preview" class="upload_preview">
 
+
 
+				</div>
 
+				<input id="fileImage" type="file" size="30" name="fileselect[]" />
 
+			</div>
 
+
 
+			<div class="mui-content-padded">
 
+				<div class="mui-input-row mui-radio mui-left">
 
+					<label>选项1</label>
 
+					<input name="radio1" type="radio" checked="checked">
 
+				</div>
 
+				<div class="mui-input-row mui-radio mui-left">
 
+					<label>选项2</label>
 
+					<input name="radio1" type="radio">
 
+				</div>
 
+				<div class="mui-input-row mui-radio mui-left">
 
+					<label>选项3</label>
 
+					<input name="radio1" type="radio">
 
+				</div>
 
+				<div class="mui-input-row mui-radio mui-left">
 
+					<label>选项4</label>
 
+					<input name="radio1" type="radio">
 
+				</div>
 
+				<div class="mui-input-row mui-radio mui-left">
 
+					<label>选项5</label>
 
+					<input name="radio1" type="radio">
 
+				</div>
 
+			</div>
 
+			<div class="upload_submit">
 
+				<button type="button" id="fileSubmit" class="mui-btn upload_submit_btn mui-btn-warning">上传到服务器</button>&nbsp;&nbsp;&nbsp;&nbsp;<button id="i_want_share" type="button" class="mui-btn mui-btn-grey" >我要分享</button>
 
+			</div>
 
+			<div id="uploadInf" class="upload_inf"></div>
 
+		</div>
 
+	</form>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/zxxFile.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/fenxiao_up.js"></script>
 
+</body>
 
+</html>

BIN
watero/fonts/iconfont.ttf
View File


BIN
watero/fonts/mui-icons-extra.ttf
View File


BIN
watero/fonts/mui.ttf
View File


+ 277 - 0
watero/free_collection.html
View File 

@@ -0,0 +1,277 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+	<head>
 
+		<meta charset="utf-8">
 
+		<title>免费送滤芯</title>
 
+		<meta http-equiv="pragma" content="no-cache">
 
+		<meta http-equiv="cache-control" content="no-cache">
 
+		<meta http-equiv="expires" content="0">
 
+		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+		<meta name="apple-mobile-web-app-capable" content="yes">
 
+		<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+		<meta name="format-detection" content="telphone=no, email=no" />
 
+		<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+		<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+		<style>
 
+			.register-group{margin: 0 auto;width: 300px;}
 
+			.register-group:before,.register-group:after,.register-group .mui-input-row:before,.register-group .mui-input-row:after{display: none}
 
+			.register-group .mui-input-row label{padding: 11px 5px;width: 20%;}
 
+			.register-group .mui-input-row label~input{width: 80%;border-bottom:1px solid #ccc;font-size: 16px;}
 
+			.register-group .mui-input-row label~input::-webkit-input-placeholder{font-size: 15px;color: #ccc;}
 
+			.pull-code {border: 0;color: #666;padding:8px 0;position: absolute;right:0;}
 
+			.pull-code.active{color: #6dd4e5;}
 
+			.pull-code:active{background-color: #fff !important;color: #666 !important;}
 
+			.my-btn-confirm{background-color: #fff;border:1px solid #59c0d9;border-radius: 0;width: 200px;margin: 0 auto;color: #666;padding: 7px 0;color: #59c0d9;}
 
+			.my-btn-confirm:active{background-color: #59c0d9 !important;border:1px solid #59c0d9;color: #fff;}
 
+			.my-btn-confirm.active{background-color: #59c0d9 !important;border:1px solid #59c0d9;color: #fff;}
 
+		</style>
 
+	</head>
 
+
 
+	<body style="background: #fff;">
 
+		<!--内容开始-->
 
+		<div class="mui-content" style="background: #fff;">
 
+			<div>
 
+				<img width="100%" src="images/banner-11.jpg" />
 
+			</div>
 
+			<div class="mui-text-center" style="color:#59c0d9;font-size: 16px;padding: 15px 0;">
 
+				验证手机信息
 
+			</div>
 
+			<form class="mui-input-group register-group">
 
+				<div class="mui-input-row">
 
+					<label>手机号</label>
 
+					<input type="tel" placeholder="输入您购买时的手机号(11位)" id="ipt-phone" maxlength="11">
 
+				</div>
 
+				<div class="mui-input-row">
 
+					<label>验证码</label>
 
+					<input type="tel" placeholder="输入验证码" maxlength="4" id="code"><button type="button" class="pull-code" id="pull-code">获取验证码</button>
 
+				</div>
 
+			</form>
 
+			<br />
 
+			<div class="mui-content-padded">
 
+				<button type="button" data-loading-icon="mui-spinner mui-spinner-custom" data-loading-text="提交中" class="mui-btn mui-btn-block my-btn-confirm" id="btn-confirm" disabled="disabled">领取滤芯</button>
 
+			</div>
 
+			<div class="mui-content-padded">
 
+				<div style="border-top: 1px solid rgba(0,0,0,.1);margin: 20px 0;"></div>
 
+				<ul>
 
+					<li style="color:#59c0d9;padding-bottom: 10px;">活动说明：</li>
 
+					<li class="mui-h6">1,此福利仅针对购买过WaterO产品的老顾客</li>
 
+					<li class="mui-h6">2,如您现在使用的手机号码与购买下单的手机号码不同，请联系官方客服</li>
 
+					<li class="mui-h6">3,每个手机号码仅限领取一次</li>
 
+					<li class="mui-h6">4,领取成功之后，即可在会员中心查看您的兑换券及优惠权益。</li>
 
+
 
+					<li style="color:#59c0d9;padding:10px 0;">尊享福利：</li>
 
+					<li class="mui-h6">1.免费赠送WaterO T1/T2滤芯</li>
 
+					<li class="mui-h6">2.尊享滤芯套装立减100元/套优惠</li>
 
+					<li class="mui-h6">3.尊享WaterO品牌一对一售后服务</li>
 
+				</ul>
 
+			</div>
 
+		</div>
 
+		<!--内容结束-->
 
+
 
+		<script src="js/mui.min.js"></script>
 
+		<script src="js/jquery-2.1.1.min.js"></script>
 
+		<script src="js/main.js"></script>
 
+		<script src="js/page/wechat-utils-1.0.js"></script>
 
+		<script>
 
+			var countdown = 60;
 
+			var check = false,
 
+				alert_msg = '';
 
+			var reg_Ch_En_Num = /^[A-Za-z0-9_ \-\u4e00-\u9fa5]{1,15}$/; //简体中文英文数字，横线下划线空格(1-15位)
 
+			var mobile = /^(13|14|15|16|17|18|19)[0-9]{9}$/; //手机号码
 
+			var code = /^[0-9]{4}$/; //数字
 
+			var validate_flag = false,
 
+				show_msg = '',phone='';
 
+			//ready事件
 
+			mui.ready(function() {
 
+				if(!window.localStorage) {
 
+					mui.alert("浏览器不支持localStorage");
 
+				} else {
 
+					var codedata = JSON.parse(localStorage.getItem('pull-code-data'));
 
+					if(codedata != null) {
 
+						var dates = new Date();
 
+						$("#ipt-phone").val(codedata.phone);
 
+						if(codedata.codeTime > 0) {
 
+							if(((dates.getTime() / 1000) - codedata.updateTime) < codedata.codeTime) {
 
+								countdown = (codedata.codeTime - (parseInt(dates.getTime() / 1000) - codedata.updateTime)) + 1;
 
+								settime("pull-code");
 
+							} else {
 
+								$(".pull-code").removeAttr("disabled");
 
+							}
 
+							$('#btn-confirm').removeAttr("disabled").addClass("active");
 
+						} else {
 
+							$(".pull-code").removeAttr("disabled").addClass("active");
 
+						}
 
+					}
 
+				}
 
+			});
 
+
 
+			//实时监听文本框字数
 
+			document.getElementById("ipt-phone").addEventListener("input", function() {
 
+				var phone = this.value;
 
+				if(phone.length == 11) {
 
+					if(mobile.test(phone) && countdown == 60) {
 
+						$(".pull-code").removeAttr("disabled").addClass("active");
 
+					} else {
 
+						$(".pull-code,#btn-confirm").attr("disabled", "disabled").removeClass("active");
 
+					}
 
+				} else {
 
+					$(".pull-code,#btn-confirm").attr("disabled", "disabled").removeClass("active");
 
+				}
 
+			});
 
+			//发送验证码
 
+			$(document).on('tap', '.pull-code', function() {
 
+						if($("#ipt-phone").val().trim() == "" && (!$(".pull-code").hasClass("active"))) {
 
+							mui.alert("请填写手机号码", function() {
 
+								$("#ipt-phone").select();
 
+							});
 
+							return;
 
+						} else {
 
+							if(!mobile.test($("#ipt-phone").val().trim())) {
 
+								mui.alert("手机号码不正确，请重新填写", function() {
 
+									$("#ipt-phone").select();
 
+								});
 
+								return;
 
+							} else {
 
+								if($(this).hasClass("active")) {
 
+                                    phone=$("#ipt-phone").val().trim();
 
+									$.ajax(base_path + '/tanksgiv/send_veri?dates=' + new Date().getTime(), {
 
+										data: {
 
+											"phone": $("#ipt-phone").val().trim()
 
+										},
 
+										dataType: 'json',
 
+										xhrFields: {
 
+											withCredentials: true
 
+										},
 
+										crossDomain: true,
 
+										type: 'get',
 
+										timeout: 15000,
 
+										success: function(dt) {
 
+											if(dt.isRedirect) {
 
+												location.href = dt.redirectURL;
 
+											} else {
 
+												if(dt.status) {
 
+													settime("pull-code");
 
+													$("#code").select();
 
+													if(!window.localStorage) {
 
+														alert("浏览器不支持localStorage");
 
+													} else {
 
+														var dates = new Date();
 
+														//自定义json数据
 
+														var obj = {
 
+															"phone": $("#ipt-phone").val().trim(),
 
+															"codeTime": countdown,
 
+															"updateTime": parseInt(dates.getTime() / 1000)
 
+														};
 
+														//json格式化插入    
+														localStorage.setItem('pull-code-data', JSON.stringify(obj));
 
+													}
 
+													$('#btn-confirm').removeAttr("disabled").addClass("active");
 
+												} else {
 
+													mui.alert(dt.message);
 
+												}
 
+											}
 
+										},
 
+										error: function(xhr, type, errorThrown) {
 
+											console.log(xhr);
 
+											mui.alert("发送短信失败！网络错误");
 
+										}
 
+									});
 
+
 
+								}
 
+							}
 
+						}
 
+			});
 
+
 
+			function settime(val) {
 
+				pullid = dc(val);
 
+				if(countdown == 0) {
 
+					pullid.removeAttribute("disabled");
 
+					pullid.className = 'pull-code active';
 
+					pullid.innerText = "获取验证码";
 
+					countdown = 60;
 
+					return false;
 
+				} else {
 
+					countdown--;
 
+					pullid.setAttribute("disabled", "disabled");
 
+					pullid.className = 'pull-code';
 
+					pullid.innerText = "重新发送(" + countdown + ")";
 
+				}
 
+				setTimeout(function() {
 
+					settime(val)
 
+				}, 1000);
 
+
 
+				if(!window.localStorage) {
 
+					alert("浏览器不支持localStorage");
 
+				} else {
 
+					//检查值是否存在
 
+					if(localStorage.getItem("pull-code-data") != null) {
 
+						var dates = new Date();
 
+						var codedata = JSON.parse(localStorage.getItem('pull-code-data'));
 
+						var edit = JSON.stringify({
 
+							"phone": codedata.phone,
 
+							"codeTime": countdown,
 
+							"updateTime": parseInt(dates.getTime() / 1000)
 
+						});
 
+						//改，即重新给变量赋值
 
+						localStorage.setItem("pull-code-data", edit);
 
+					}
 
+				}
 
+			}
 
+			//提交
 
+			mui('body').on('tap', '#btn-confirm', function() {
 
+				var val = $("#code").val().trim(),
 
+					th = this;
 
+				if(code.test(val)) {
 
+					mui(th).button('loading');
 
+					$.ajax(base_path + '/tanksgiv/receive_coupon?dates=' + new Date().getTime(), {
 
+						data: {
 
+							"phone": phone,
 
+							"code": val
 
+						},
 
+						dataType: 'json',
 
+						xhrFields: {
 
+							withCredentials: true
 
+						},
 
+						crossDomain: true,
 
+						type: 'post',
 
+						timeout: 15000,
 
+						success: function(dt) {
 
+							if(dt.isRedirect) {
 
+								location.href = dt.redirectURL;
 
+							} else {
 
+								if(dt.status) {
 
+									mui.alert(dt.message,function(){
 
+									    location.href = "/watero/view/coupon_.html";
 
+									});
 
+								} else {
 
+									mui.alert(dt.message, function() {
 
+										mui(th).button('reset');
 
+									});
 
+								}
 
+							}
 
+						},
 
+						error: function(xhr, type, errorThrown) {
 
+							console.log(xhr);
 
+							mui.alert("领取失败！网络出小差了", function() {
 
+								mui(th).button('reset');
 
+							});
 
+						}
 
+					});
 
+				} else {
 
+					if(val != "") {
 
+						mui.alert("验证码错误！", function() {
 
+							$("#code").select();
 
+						});
 
+					} else {
 
+						mui.alert("请填写验证码！", function() {
 
+							$("#code").select();
 
+						});
 
+					}
 
+				}
 
+			});
 
+		</script>
 
+	</body>
 
+
 
+</html>

+ 305 - 0
watero/gift_card_agent_center.html
View File 

@@ -0,0 +1,305 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title>代理中心</title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css">
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style>
 
+		.vip-tt {position: relative;width:100%;height:150px;background:url(images/gift-card-tit-bg3.png) center center /100% 100% no-repeat;}
 
+		.vip-tt>img {width: 100%;}
 
+		.tx {position: absolute;left:1em;top: 50%;width: 4.5em;height: 4.5em;display: inline-block;-webkit-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50%;background-color: #88d9eb;padding: 3px;}
 
+		.tx>img {width: 100%;border-radius: 50%;}
 
+		.nikname {position: absolute;left:6.5em;width:68%;top: 50%;color: #fff;-webkit-transform: translateY(-52%);transform: translateY(-52%);line-height: 1.5;}
 
+		.nikname>div{padding:3px 0;}
 
+		.nikname>div:first-child{position: relative;width: 100%;overflow: hidden;text-overflow: ellipsis;}
 
+		.mui-table-view-chevron .mui-badge{display:none;}
 
+		.btn_share{background: #fff;border-radius:6px;padding:3px 10px;float: right;margin-right: 10px;color: #e9004c;font-size: 13px;}
 
+		.center-middle{font-size: 12px;    position: absolute;
 
+			left: 90px;
 
+			top: 50%;
 
+			-webkit-transform: translateY(-50%);}
 
+		.my-btn-line{border: 1px solid #fff; background: transparent;color: #fff;padding: 3px 10px;margin-right:8px;}
 
+		.icon-daifahuo{font-size: 15px;padding-left:30px;}
 
+		.icon-daifahuo:before{font-size: 19px;color: #24cae9;position: absolute;left: 0;width: 20px;height: 18px;}
 
+		.my-div{padding: 5px 0;border-bottom: 1px solid rgba(0,0,0,.1);margin-bottom: 5px;}
 
+		.mui-table-view.mui-grid-view .mui-table-view-cell {
 
+			font-size: 17px;
 
+			display: inline-block;
 
+			margin-right: -3px;
 
+			padding: 0 0 0 8px;
 
+			text-align: center;
 
+			vertical-align: middle;
 
+			background: 0 0;
 
+		}
 
+		.mui-table-view.mui-grid-view {
 
+			font-size: 0;
 
+			display: block;
 
+			width: 100%;
 
+			padding: 0 8px 8px 0;
 
+			white-space: normal;
 
+		}
 
+		.mui-card-link{color: #70d8eb;}
 
+		.mui-card-link.active{color: #e2e2e2;}
 
+		.mui-card-footer:after{content: '';position: absolute;left: 50%;top: 20%;width: 1px;height: 60%;background: #70D8EB;-webkit-transform: scaleX(.5);}
 
+		.mui-card-footer, .mui-card-header {min-height: 30px;padding: 6px 6px;}
 
+		.mui-card {
 
+			box-shadow: 0 0 0 rgba(1,1,1,0);
 
+			border: 1px solid rgba(110,214,235,.5);
 
+		}
 
+		.mui-card{font-size: 12px;}
 
+		.mui-card-footer .mui-card-link, .mui-card-header .mui-card-link {
 
+			line-height: 34px;
 
+			height: 34px;
 
+		}
 
+		.bgcolor-1{height:32vw;background:url(images/gift-card-list-1.jpg) top center no-repeat;background-size: 100% 100%;}
 
+		.bgcolor-2{height:32vw;background:url(images/gift-card-list-2.jpg) top center no-repeat;background-size: 100% 100%;}
 
+		.h6-vip{font-size: 12px;color: #F0F0F0;text-align: left;}
 
+		.mui-btn-link{font-size: 12px;color: #fff;position: absolute;right: 10px;bottom: 0;}
 
+		.card-password{padding: 5px 0;
 
+			font-size: 26px;
 
+			-webkit-user-select: text;
 
+			position: absolute;
 
+			left: 0;
 
+			width: 100%;
 
+			top: 50%;-webkit-transform: translateY(-50%);}
 
+		.mui-col-xs-6 .mui-card-header{-webkit-user-select:text !important;}
 
+		.ul-desc{padding:10px 10px 10px 15px;background: #fff;color: #666;font-size: 12px;}
 
+		.icon-gift.active:before{content: '\e71e';}
 
+		.my-card-list{padding:8px 8px 8px 0 !important;}
 
+		.more-view{padding: 0 0 10px 0;}
 
+		.more-view:before,.my-card-list:after{display:none;}
 
+		.mui-icon-info{font-size:20px;}
 
+		.my-select {border: 1px solid #6fd7eb !important;
 
+			color: #6fd7eb;
 
+			width: auto;
 
+			margin-bottom: 0;
 
+			padding: 3px 4px;
 
+			text-align: center;
 
+			position: absolute;
 
+			-webkit-appearance: menulist;
 
+			right: 10px;
 
+			top: 8px;}
 
+		.time-card{position:absolute;left:10px;bottom:5px;font-size: 14px;}
 
+		.cl-gray{color:#8794a7;}
 
+	</style>
 
+	<script>
 
+        // 屏蔽分享
 
+        window.hiddenAllWechatMenu = true;
 
+	</script>
 
+</head>
 
+<body style="background: #fff;">
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<div class="mui-content">
 
+	<div class="vip-tt">
 
+		<div class="tx bg-orange" id="headDiv">
 
+			<img src="images/image-12.jpg" id="userHead">
 
+		</div>
 
+		<div class="nikname">
 
+			<div>
 
+				<span id="userNickname">水时代watero</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>代理商<span class="mui-icon mui-icon-info" id="btn_go_explain"></span></span>
 
+			</div>
 
+			<div>
 
+				<button type="button" class="my-btn-line" id="my-zeng">我的赠品</button>
 
+				<!--<button type="button" class="my-btn-line" id="my-xiaxian">继续代理</button>-->
 
+			</div>
 
+		</div>
 
+	</div>
 
+	<ul class="mui-table-view">
 
+		<li class="mui-table-view-cell">
 
+			<span class="iconfont icon-daifahuo">提货卡</span><select class="my-select">
 
+			<option value="4" id="btn-all">全部</option>
 
+			<option value="1" id="btn-sales">待提货</option>
 
+			<option value="2" id="btn-waitExchange">已提货</option>
 
+			<option value="3" id="btn-exchange">已兑现</option>
 
+		</select>
 
+		</li>
 
+	</ul>
 
+	<ul class="mui-table-view mui-grid-view my-card-list">
 
+	</ul>
 
+	<div class="mui-content-padded">
 
+		<ul class="mui-pager">
 
+			<li class="mui-disabled">
 
+				<!-- <span class="my_prev">上一页 </span> -->
 
+			</li>
 
+			<li>
 
+				<a class="my_next">
 
+					下一页
 
+				</a>
 
+			</li>
 
+		</ul>
 
+	</div>
 
+	<!-- 			<ul class="mui-table-view more-view">
 
+                <li class="mui-text-center">
 
+                        <span class="iconfont icon-gift" id="gift-more" style="padding: 3px 15px;"></span>
 
+                    </li>
 
+                </ul> -->
 
+	<ul class="ul-desc">
 
+		<li>使用说明：</li>
 
+		<li>1、提货卡在获取一年后方可兑现，每张提货卡兑现1250元；</li>
 
+		<li>2、每次销售完8张提货卡以后，系统自动赠送一台净水机。</li>
 
+	</ul>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script type="text/javascript">
 
+    var pageNumber = 0,pageSize=10;
 
+    mui.ready(function(){
 
+        $.ajax(base_path + '/agent_pay/agent_info?dates=' + new Date().getTime(), {
 
+            data: {},
 
+            dataType: 'json',
 
+            type: 'post',
 
+            timeout: 15000,
 
+            xhrFields: {
 
+				withCredentials: true
 
+			},
 
+			crossDomain: true,
 
+            success: function(dt) {
 
+                if(dt.isRedirect) {
 
+                    location.href = dt.redirectURL;
 
+                } else {
 
+                	if (dt.isRedirect) {
 
+					location.href = dt.redirectURL;
 
+				} else {
 
+                    if(dt.status){
 
+                        if(dt.data.agentHead != null && typeof(dt.data.agentHead) != "undefined" && dt.data.agentHead != '') {
 
+                            $("#userHead").prop('src',dt.data.agentHead);
 
+                        }
 
+                        if(dt.data.agentNickname != null && typeof(dt.data.agentNickname) != "undefined" && dt.data.agentNickname != '') {
 
+                            var name=decodeURI(dt.data.agentNickname);
 
+                            if(name.length>9){
 
+                                name=name.substring(0,8)+"..."
 
+                            }
 
+                            $("#userNickname").html(name);
 
+                        }
 
+                        document.querySelector('.loading-bg').style.display='none';
 
+                    }else{
 
+                        mui.alert(dt.message,'',function(){
 
+                            mui.openWindow({url:'/watero/view/gift_card_to_agent.html'});
 
+                        });
 
+                    }
 
+                    }
 
+                }
 
+            },
 
+            error: function(xhr, type, errorThrown) {
 
+                //异常处理；
 
+                console.log(xhr);
 
+            }
 
+        });
 
+        getGiftList(4);
 
+        //$(".hide").addClass('mui-hidden');
 
+    });
 
+    function getGiftList(obj){
 
+
 
+        ++pageNumber;
 
+        mui.ajax(base_path + '/giftCard/card/selectCardList?dates=' + new Date().getTime(), {
 
+            data: {
 
+                "status":obj,"pageNO":pageNumber,"pageSize":pageSize
 
+            },
 
+            dataType: 'json',
 
+            type: 'post',
 
+            timeout: 15000,
 
+            success: function(dt) {
 
+                console.log(dt)
 
+                if(dt.isRedirect) {
 
+                    location.href = dt.redirectURL;
 
+                } else {
 
+                    if(dt.status) {
 
+                        var table = document.body.querySelector('.my-card-list');
 
+                        //table.innerHTML='';
 
+                        var gift_data = [];
 
+                        gift_data = dt.data.list;
 
+                        $("#btn-all").text("全部"+dt.data.count+"张");
 
+                        $("#btn-sales").text("待提货"+dt.data.salesNum+"张");
 
+                        $("#btn-waitExchange").text("已提货"+dt.data.waitExchangeNum+"张");
 
+                        $("#btn-exchange").text("已兑现"+dt.data.exchangeNum+"张");
 
+
 
+                        mui(gift_data).each(function(index) {
 
+                            var status='',salesStatus='',cl='',ft_cl='';
 
+                            if (this.cardStatus == 2) {
 
+                                status='已提货';cl='bgcolor-2';ft_cl='cl-gray';
 
+                            } else if (this.cardStatus == 1) {
 
+                                status='待提货';cl='bgcolor-1';
 
+                            } else if (this.cardStatus == 3){
 
+                                status='已兑';cl='bgcolor-2';ft_cl='cl-gray';
 
+                            }
 
+							/* if(this.cardSalesStatus==1 || (this.cardSalesStatus==2 && this.cardStatus == 3)){
 
+							 salesStatus='<a class="mui-card-link btn-details" name="'+this.cardPassword+'" id="'+this.cardId+'">查看详情</a>';
 
+							 } else if (this.cardSalesStatus==2 && this.cardStatus == 1) {
 
+							 salesStatus='<a class="mui-card-link myactive"  name="'+this.cardPassword+'" id="'+this.cardId+'">待售/赠</a>';
 
+							 } */
 
+                            var li = document.createElement('li');
 
+                            li.className = 'mui-table-view-cell mui-media mui-col-xs-12 btn-details';
 
+                            li.setAttribute('name',this.cardPassword);
 
+                            li.setAttribute('id',this.cardId);
 
+                            li.innerHTML = '<div class="mui-card"><div class="mui-card-header mui-card-media '+cl+'"><div class="ft-12 mui-text-left"></div><div class="card-password '+ft_cl+'" name="'+this.cardPassword+'">'+this.cardPassword+'</div><span class="time-card">'+formatDate(this.cardCreateDate)+'</span><a class="mui-btn-link my-link">'+status+'</a></div></div>';
 
+                            table.appendChild(li);
 
+                        });
 
+                    } else {
 
+                        mui.alert(dt.message);
 
+                    }
 
+                }
 
+            },
 
+            error: function(xhr, type, errorThrown) {
 
+                //异常处理；
 
+                console.log(xhr);
 
+            }
 
+        });
 
+    }
 
+    $(document).on('tap', '.my_next', function() {
 
+        getGiftList($(".my-select").find("option:selected").val());
 
+    });
 
+    mui('body').on('tap', '#btn_go_explain', function() {
 
+        mui.openWindow({
 
+            url: '/watero/view/gift_card_agent_explain.html'
 
+        });
 
+    });
 
+    mui('body').on('tap', '#my-zeng', function() {
 
+        mui.openWindow({
 
+            url: '/watero/view/gift_card_give_order_list.html'
 
+        });
 
+    });
 
+    mui('body').on('tap', '#my-xiaxian', function() {
 
+        mui.openWindow({
 
+            url: '/watero/view/gift_card_renew_agent.html'
 
+        });
 
+    });
 
+    mui('body').on('tap', '#gift-more', function() {
 
+        getGiftList();
 
+    });
 
+	/* 	$(document).on('tap', '.see', function() {
 
+	 if($(this).hasClass('icon-biyan')){
 
+	 $(this).parent().next().text($(this).parent().next().attr('name'));
 
+	 $(this).removeClass('icon-biyan').addClass('icon-yanjing');
 
+	 }else{
 
+	 $(this).removeClass('icon-yanjing').addClass('icon-biyan');
 
+	 $(this).parent().next().prop('name',$(this).parent().next().text());
 
+	 $(this).parent().next().text("*******");
 
+	 }
 
+	 }); */
 
+    $(document).on('change', '.my-select', function() {
 
+        $(".my-card-list").empty();
 
+        pageNumber=0;
 
+        getGiftList($(this).val());
 
+    });
 
+    mui('body').on('tap', '.btn-details', function() {
 
+        var th=this;
 
+        mui.openWindow({
 
+            url: '/watero/view/gift_card_exchange_details.html?name='+th.getAttribute("id")+'&psw='+th.getAttribute("name")
 
+        });
 
+    });
 
+</script>
 
+</body>
 
+</html>

File diff suppressed because it is too large
+ 174 - 0
watero/gift_card_exchange_list.html


+ 66 - 0
watero/iamberry_video.html
View File 

@@ -0,0 +1,66 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
 
+	<style type="text/css">
 
+		.my_iframe{width:100%;min-height: 250px;}
 
+	</style>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+<nav class="mui-bar mui-bar-tab" id="footer-bar">
 
+	<a class="mui-tab-item" >
 
+		<div class="iconfont icon-home"></div>
 
+		<span class="mui-tab-label">首页</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-gouwuche"><span class="mui-badge">0</span></div>
 
+		<span class="mui-tab-label">购物车</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-dingdan"></div>
 
+		<span class="mui-tab-label">我的订单</span>
 
+	</a>
 
+	<a class="mui-tab-item">
 
+		<div class="iconfont icon-vip"></div>
 
+		<span class="mui-tab-label">会员中心</span>
 
+	</a>
 
+</nav>
 
+<div class="mui-content">
 
+	<iframe class="my_iframe" src="//v.qq.com/iframe/player.html?vid=o0344c2okps&tiny=0&auto=0" frameborder=0 allowfullscreen></iframe>
 
+	<div class="mui-content-padded">
 
+		<ul>
 
+			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;迄今，现有水源被检测出有2221种有机污染物，其中自来水中发现65种，20种能致癌，56种能致突变。我们每喝一口的自来水，氯气净化下，烧开后残留的余氯会生成致癌物三氯甲烷，长期饮用对人体造成非常大的危害。所以直接饮用自来水烧开后的水也不是健康的选择，对自来水进行再净化已是普遍健康共识。</li><br/>
 
+			<li><b>Watero，美国标准 高端净水专家</b><br /></li>
 
+			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;通过美国NSF协会认证／美国FDA资质认证／美国美国密歇根州指定签约品牌在全球最大的科技博客，有“美国互联网产业风向标”之称的科技创意项目TechCrunch大赛上，荣获亚军。<br /></li>
 
+			<li><b>4级净化 至真至纯</b><br /></li>
 
+			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;采用美国进口4级滤芯，RO反渗透膜， 3秒即热即饮滤除99%的各种重金属污染物，10秒完成净化<br /></li>
 
+			<li><b>5档水温 好生活DNA</b><br /></li>
 
+			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;25°C-直饮，40°C-奶粉、60°C-蜂蜜、85°C-咖啡、100°C-泡茶让品茶更品水，让咖啡浪漫续杯，让一汤好水煨出一盅靓汤，让清粥成珍酿...<br /></li>
 
+			<li><b>废水比3:1 航空科技净水</b><br /></li>
 
+			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;运用航天科技净水理念，高效节水，减少66%的废水纯废水比3：1，过滤4杯水，只有1杯是废水，实现水的高效环保<br /></li>
 
+			<li><b>免除安装 TDS智能显示</b><br /></li>
 
+			<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;创新一体式设计，告别繁琐安装，卧室、客厅、厨房均可自由移动放置控制面板TDS智能显示，进出水质值一目了然，纯净度看的见，喝的放心<br /></li>
 
+		</ul>
 
+	</div>
 
+</div>
 
+<script src="js/mui.min.js"></script>
 
+<script src="js/jquery-2.1.1.min.js"></script>
 
+<script src="js/main.js"></script>
 
+<script src="js/page/wechat-utils-1.0.js"></script>
 
+<script src="js/page/iamberry_video.js"></script>
 
+</body>
 
+</html>

+ 65 - 0
watero/iamberry_video_list.html
View File 

@@ -0,0 +1,65 @@
 
+<!DOCTYPE html>
 
+<html>
 
+<head>
 
+	<meta charset="UTF-8">
 
+	<title></title>
 
+	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
 
+	<meta name="apple-mobile-web-app-capable" content="yes">
 
+	<meta name="apple-mobile-web-app-status-bar-style" content="black">
 
+	<link rel="stylesheet" type="text/css" href="css/mui.min.css">
 
+	<link rel="stylesheet" type="text/css" href="css/shop/iconfont.css" />
 
+	<link rel="stylesheet" type="text/css" href="css/shop/style.css" />
 
+	<style>
 
+		.mui-grid-view:before,.mui-grid-view:after{display: none;}
 
+		.icon-hot{color: #e90b54;font-size: 20px;}
 
+	</style>
 
+</head>
 
+<body>
 
+<div class="loading-bg">
 
+	<div class="mui-loading">
 
+		<div class="mui-spinner">
 
+		</div>
 
+		&nbsp;&nbsp;加载中...
 
+	</div>
 
+</div>
 
+
 
+<div class="mui-content" style="background: #fff;">
 
+	<iframe class="my_iframe" src="//v.qq.com/iframe/player.html?vid=z0318vtrn4c&tiny=0&auto=0" frameborder=0 allowfullscreen></iframe>
 
+	<div style="margin: 0 10px;">
 
+		<ul>
 
+			<li>爱贝源智能冲奶机</li>
 
+			<li><p class="cl-9">正确操作篇</p></li>
 
+			<li></li>
 
+			<li><span class="iconfont icon-hot"></span>热门视频</li>
 
+		</ul>
 
+	</div>
 
+	<ul class="mui-table-view mui-grid-view">
 
+
 
+		<li class="mui-table-view-cell mui-media mui-col-xs-6">
 
+			<iframe class="my_iframe1" src="//v.qq.com/iframe/player.html?vid=t0313illa3u&tiny=0&auto=0" frameborder=0 allowfullscreen></iframe>
 
+			<div class="mui-text-left ft-12 cl-9">爱贝源智能冲奶机——如何连接APP篇</div>
 
+		</li>
 
+		<li class="mui-table-view-cell mui-media mui-col-xs-6">
 
+			<iframe class="my_iframe1" src="//v.qq.com/iframe/player.html?vid=p0312bl06ak&tiny=0&auto=0" frameborder=0 allowfullscreen></iframe>
 
+			<div class="mui-text-left ft-12 cl-9">爱贝源智能冲奶机——温度测试篇</div>
 
+		</li>
 
+		<li class="mui-table-view-cell mui-media mui-col-xs-6">
 
+			<iframe class="my_iframe1" src="//v.qq.com/iframe/player.html?vid=y0315x9b86z&tiny=0&auto=0" frameborder=0 allowfullscreen></iframe>
 
+			<div class="mui-text-left ft-12 cl-9">爱贝源智能冲奶机——奶量测试篇</div>
 
+		</li>
 
+		<li class="mui-table-view-cell mui-media mui-col-xs-6">
 
+			<iframe class="my_iframe1" src="//v.qq.com/iframe/player.html?vid=g0317oa3yu3&tiny=0&auto=0" frameborder=0 allowfullscreen></iframe>
 
+			<div class="mui-text-left ft-12 cl-9">爱贝源智能冲奶机——奶机的日常清洁 </div>
 
+		</li>
 
+	</ul>
 
+</div>
 
+<script type="text/javascript" src="js/mui.min.js"></script>
 
+<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
 
+<script type="text/javascript" src="js/main.js"></script>
 
+<script type="text/javascript">
 
+    mui.ready(function(){
 
+        document.querySelector('.loading-bg').style.display='none';
 
+    });
 
+</script>
 
+</body>
 
+</html>

BIN
watero/images/1.png
View File


BIN
watero/images/2.png
View File


BIN
watero/images/3.png
View File


BIN
watero/images/4.png
View File


BIN
watero/images/404.jpg
View File


BIN
watero/images/5.png
View File


BIN
watero/images/6.png
View File


BIN
watero/images/7.png
View File


BIN
watero/images/alert-bg1.png
View File


BIN
watero/images/all1_icon.png
View File


BIN
watero/images/all_icon.png
View File


BIN
watero/images/allorder_icon.png
View File


BIN
watero/images/banner-1.jpg
View File


BIN
watero/images/banner-2.jpg
View File


BIN
watero/images/banner-20190101.png
View File


BIN
watero/images/banner-20190102.png
View File


BIN
watero/images/banner_4.jpg
View File


BIN
watero/images/bg_2wm.jpg
View File


BIN
watero/images/bg_gz_2wm.png
View File


BIN
watero/images/bg_quan_01.jpg
View File


BIN
watero/images/bg_quan_02.jpg
View File


BIN
watero/images/btn-guize.png
View File


BIN
watero/images/btn-jilu.png
View File


BIN
watero/images/btn-jixu.png
View File


BIN
watero/images/btn-share.png
View File


BIN
watero/images/btn-wheel-bg.png
View File


BIN
watero/images/c_checkbox_off.png
View File


BIN
watero/images/c_checkbox_on.png
View File


BIN
watero/images/camera.jpg
View File


BIN
watero/images/camera.png
View File


+ 0 - 0
watero/images/chanpin-1.jpg
View File


Some files were not shown because too many files changed in this diff