瀏覽代碼

整理格式,动态化网站文件

joe 4 年之前
父節點
當前提交
5277aab5d6
共有 12 個文件被更改,包括 661 次插入618 次删除
  1. 29 2
      README.md
  2. 29 3
      build.py
  3. 59 61
      sections/footer.mustache
  4. 38 42
      sections/header.mustache
  5. 19 35
      sections/nav.mustache
  6. 28 10
      site.json
  7. 60 59
      src/about_us.mustache
  8. 93 95
      src/agents.html
  9. 49 47
      src/contact_us.mustache
  10. 191 198
      src/index.mustache
  11. 66 66
      src/member.mustache
  12. 二進制
      themes/shop/img/mp.png

+ 29 - 2
README.md

@@ -15,12 +15,39 @@ see STORY
 - themes: 主题,里面一个子目录一个主题。
 - site.json: 网站数据配置文件,包括网站名字,描述等。
 > 使用此文件编译 src 下的每个文件,编译期间会注入动态字段
-> 当前注入 [filename]:filename.mustache
+
+> 当前注入 ['file']=filename (无扩展名)
+
+> 注入 lambdas ['lambdas']['name']=function
 
 - web: build 后生成网站 html 所在目录。
 - build.py: 编译程序。
 - config.py: 编译配置,主题选择等。
 
+## 支持的 lambda
+
+- equal_output
+
+### 示例
+
+```json
+hash
+{
+    "username": "admin"
+}
+```
+```golang
+{{# lambdas.equal_output }}
+    {{username}}==admin ? red : black
+{{/ lambdas.equal_output }}
+```
+
+输出
+
+red
+
+模拟 C 中的三元运算,操作只基于字符串 {{}} 中的为变量值,其他为字面值(不包含首尾空格)
+
 ## 编译
 
 ```shell
@@ -30,4 +57,4 @@ python build.py
 
 ## Demo
 
-这个项目就是一个 Demo
+这个项目就是一个 Demo

+ 29 - 3
build.py

@@ -15,7 +15,11 @@ def read_json(json_file:str) -> Dict:
     """ read site.json """
 
     with open(json_file, "rt") as fh:
-        return json.loads(fh.read())
+        val = json.loads(fh.read())
+        val['lambdas'] = {
+            'equal_output': equal_output,
+        }
+        return val
     return {}
 
 
@@ -53,15 +57,37 @@ def build_all():
         for f in fl:
             rpath = os.path.join(r, f)
             fn, _ = os.path.splitext(f)
-            hash[fn] = f
+            hash['file'] = fn
             html_str = build_file(hash, rpath)
             if not html_str:
                 print('WARNING: empty output:', rpath)
-            del(hash[fn])
             rhtml = os.path.join(PATH_DEST, '{}.html'.format(fn))
             with open(rhtml, 'wt') as fh:
                 fh.write(html_str)
 
 
+def equal_output(text, render):
+    """ 
+    mustache lambda: 实现三元语义
+    a==b?c:d
+    渲染后,如果 a == b 则 最终渲染 c 否则 最终渲染 d
+    """
+    result = render(text)
+    parts = result.split("?")
+    compares = parts[0].split("==")
+    values = parts[1].split(":")
+    return values[0].strip() if compares[0].strip() == compares[1].strip() else values[1].strip()
+
+
 if __name__ == '__main__':
     build_all()
+
+"""
+    ,{
+		"text": "代理加盟",
+		"url": "agents.html"
+	},{
+		"text": "下载",
+		"url": "https://twong.shotshock.shop/mobilex/download"
+	}
+"""

+ 59 - 61
sections/footer.mustache

@@ -1,67 +1,67 @@
         <div class="container_wrap footer_color" id="footer">
-				<div class="container">
-					<div class="flex_column av_one_fourth  first el_before_av_one_fourth">
-						<section id="text-2" class="widget clearfix widget_text">
-							<h3 class="widgettitle">关于美天旺</h3>
-							<div class="textwidget">
-								<p>美天旺是完璧时空旗下新型垂直电商App,专注于新经济下的购物服务!</p>
-								<p>技术支持:400-80086886</p>
-							</div>
-							<span class="seperator extralight-border"></span>
-						</section>
-					</div>
-					<div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
-						<section id="text-3" class="widget clearfix widget_text">
-							<h3 class="widgettitle">快速链接</h3>
-							<div class="textwidget">
-								<p><a href="index.html">首页</a><br />
-									<a href="about_us.html">关于美天旺</a><br />
-									<a href="contact_us.html">联系我们</a><br />
-									<p>&nbsp;</p>
-							</div>
-							<span class="seperator extralight-border"></span>
-						</section>
-					</div>
-					<div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
-						<!-- <section id="text-4" class="widget clearfix widget_text">
-							<h3 class="widgettitle">我们的小程序</h3>
-							<div class="textwidget">
-								<p><img class="alignleft wp-image-23626" src="assets/img/gongzhonghao.jpg" alt="" width="150"
-										height="150" /></p>
-							</div>
-							<span class="seperator extralight-border"></span>
-						</section> -->
-					</div>
-					<div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
-						<section id="text-5" class="widget clearfix widget_text">
-							<h3 class="widgettitle">公众号</h3>
-							<div class="textwidget">
-								<!-- <p><img class="alignleft wp-image-23496" src="assets/img/gongzhonghao-180x180.png" alt="" width="150"
-										height="150" /></p> -->
-								<p><img class="alignleft wp-image-23496" src="assets/img/gongzhonghao.jpg" alt="" width="150"
-										height="150" /></p>
-							</div>
-							<span class="seperator extralight-border"></span>
-						</section>
-					</div>
+			<div class="container">
+				<div class="flex_column av_one_fourth  first el_before_av_one_fourth">
+					<section id="text-2" class="widget clearfix widget_text">
+						<h3 class="widgettitle">关于{{site.name}}</h3>
+						<div class="textwidget">
+							<p>{{site.intro}}</p>
+							<p>技术支持:{{site.phone}}</p>
+						</div>
+						<span class="seperator extralight-border"></span>
+					</section>
+				</div>
+				<div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
+					<section id="text-3" class="widget clearfix widget_text">
+						<h3 class="widgettitle">快速链接</h3>
+						<div class="textwidget">
+							<p>
+                                {{# nav}}
+								    <a href="{{url}}">{{text}}</a><br/>
+                                {{/ nav}}
+							</p>
+						</div>
+						<span class="seperator extralight-border"></span>
+					</section>
+				</div>
+				<div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
+					<section id="text-4" class="widget clearfix widget_text">
+						<h3 class="widgettitle">小程序</h3>
+						<div class="textwidget">
+							<p>
+                                <img class="alignleft wp-image-23626" src="{{socials.wechat-mp}}" alt="" width="150" height="150"/>
+                            </p>
+						</div>
+						<span class="seperator extralight-border"></span>
+					</section>
+				</div>
+				<div class="flex_column av_one_fourth  el_after_av_one_fourth  el_before_av_one_fourth ">
+					<section id="text-5" class="widget clearfix widget_text">
+						<h3 class="widgettitle">公众号</h3>
+						<div class="textwidget">
+							<p>
+                                <img class="alignleft wp-image-23496" src="{{socials.wechat-gzh}}" alt="" width="150" height="150"/>
+                            </p>
+						</div>
+						<span class="seperator extralight-border"></span>
+					</section>
 				</div>
 			</div>
+		</div>
 
-			<footer class="container_wrap socket_color" id="socket" role="contentinfo" itemscope="itemscope"
-				itemtype="https://schema.org/WPFooter">
-				<div class="container">
-					<span class="copyright"><a href="http://www.beian.miit.gov.cn/">备案号:豫ICP备20021997号-2</a> © Copyright -
-						美天旺-郑州完璧时空网络科技有限公司
-						- All rights reserved.</span>
-				</div>
-			</footer>
-			<!-- end main -->
-	    </div>
-	    <!-- end wrap_all -->
-    </div>
+		<footer class="container_wrap socket_color" id="socket" role="contentinfo" itemscope="itemscope" "itemtype="https://schema.org/WPFooter">
+			<div class="container">
+				<span class="copyright"><a href="http://www.beian.miit.gov.cn/">{{site.beian}}</a>{{site.copyright}}</span>
+			</div>
+		</footer>
+	<!-- end main -->
+	</div>
+<!-- end wrap_all -->
+</div>
 
 	<a href="#top" title="Scroll to top" id="scroll-top-link" aria-hidden="true" data-av_icon=""
-		data-av_iconfont="entypo-fontello"><span class="avia_hidden_link_text">Scroll to top</span></a>
+		data-av_iconfont="entypo-fontello">
+        <span class="avia_hidden_link_text">Scroll to top</span>
+    </a>
 	<script type="text/javascript" src="assets/js/embed.min.js?ver=5.1.6"></script>
 	<script type="text/javascript" src="assets/js/layerslider/js/greensock.js?ver=1.19.0"></script>
 	<script type="text/javascript" src="assets/js/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=6.8.1"></script>
@@ -76,9 +76,7 @@
 			}
 		});
 
-		function onClickedDownloadImg() {
-			console.log('aaa');
-		}
+		function onClickedDownloadImg() { }
 	</script>
 	<script type="text/javascript" src="assets/js/layerslider/js/layerslider.transitions.js?ver=6.8.1"></script>
 	<script type="text/javascript" src="assets/js/dynamic_avia/avia-footer-scripts.js"></script>

+ 38 - 42
sections/header.mustache

@@ -13,13 +13,48 @@
 	<meta name="description" content="{{site.description}}" />
 	<meta name="keywords" content="{{site.keywords}}" />
     <!-- Scripts/CSS and wp_head hook -->
-	<title>{{site.name}}</title>
+	<title>{{site.title}}</title>
 
 	<link rel="canonical" href="index.html" />
 	<!-- /all in one seo pack -->
 	<link rel="dns-prefetch" href="index.html" />
-
-	<style type="text/css">
+	<link rel="stylesheet" id="wp-block-library-css" href="assets/css/dist/block-library/style.min.css?ver=5.1.6"
+		type="text/css" media="all" />
+	<link rel="stylesheet" id="avia-merged-styles-css"
+		href="assets/js/dynamic_avia/avia.css" type="text/css" media="all" />
+	<link rel="icon" href="{{site.favicon}}" type="image/png">
+	<!-- To speed up the rendering and to display the site as fast as possible to the user we include some styles and scripts for above the fold content inline -->
+	<script type="text/javascript" src="assets/js/jquery/jquery.js?ver=1.12.4"></script>
+	<script type="text/javascript" src="assets/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>
+	<script type="text/javascript">
+		"use strict"; var avia_is_mobile = !1; if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && "ontouchstart" in document.documentElement) { avia_is_mobile = !0; document.documentElement.className += " avia_mobile " }
+		else { document.documentElement.className += " avia_desktop " }; 
+        document.documentElement.className += " js_active "; 
+        (function () { 
+            var e = ["-webkit-", "-moz-", "-ms-", ""], n = ""; 
+            for (var t in e) { 
+                if (e[t] + "transform" in document.documentElement.style) { 
+                    document.documentElement.className += " avia_transform "; n = e[t] + "transform" 
+                }; 
+                if (e[t] + "perspective" in document.documentElement.style) 
+                    document.documentElement.className += " avia_transform3d " 
+            }; 
+            if (typeof document.getElementsByClassName == "function" && typeof document.documentElement.getBoundingClientRect == "function" && avia_is_mobile == !1) { 
+                if (n && window.innerHeight > 0) { 
+                    setTimeout(function () { 
+                        var e = 0, o = {}, a = 0, t = document.getElementsByClassName("av-parallax"), i = window.pageYOffset || document.documentElement.scrollTop; 
+                        for (e = 0; e < t.length; e++) { 
+                            t[e].style.top = "0px"; 
+                            o = t[e].getBoundingClientRect(); 
+                            a = Math.ceil((window.innerHeight + i - o.top) * 0.3); 
+                            t[e].style[n] = "translate(0px, " + a + "px)"; t[e].style.top = "auto"; t[e].className += " enabled-parallax " 
+                        } 
+                    }, 50) 
+                } 
+            } 
+        })();
+	</script>
+	<style type="text/css" media="screen">
 		img.wp-smiley,
 		img.emoji {
 			display: inline !important;
@@ -32,17 +67,6 @@
 			background: none !important;
 			padding: 0 !important;
 		}
-	</style>
-
-	<link rel="stylesheet" id="wp-block-library-css" href="assets/css/dist/block-library/style.min.css?ver=5.1.6"
-		type="text/css" media="all" />
-	<link rel="stylesheet" id="avia-merged-styles-css"
-		href="assets/js/dynamic_avia/avia.css" type="text/css" media="all" />
-	<script type="text/javascript" src="assets/js/jquery/jquery.js?ver=1.12.4"></script>
-	<script type="text/javascript" src="assets/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>
-	<link rel="icon" href="assets/img/icon.png" type="image/png">
-	<!-- To speed up the rendering and to display the site as fast as possible to the user we include some styles and scripts for above the fold content inline -->
-	<style type="text/css" media="screen">
 		.ls-container {
 			visibility: hidden;
 			position: relative;
@@ -1202,34 +1226,6 @@
 			}
 		}
 	</style>
-	<script type="text/javascript">
-		"use strict"; var avia_is_mobile = !1; if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && "ontouchstart" in document.documentElement) { avia_is_mobile = !0; document.documentElement.className += " avia_mobile " }
-		else { document.documentElement.className += " avia_desktop " }; 
-        document.documentElement.className += " js_active "; 
-        (function () { 
-            var e = ["-webkit-", "-moz-", "-ms-", ""], n = ""; 
-            for (var t in e) { 
-                if (e[t] + "transform" in document.documentElement.style) { 
-                    document.documentElement.className += " avia_transform "; n = e[t] + "transform" 
-                }; 
-                if (e[t] + "perspective" in document.documentElement.style) 
-                    document.documentElement.className += " avia_transform3d " 
-            }; 
-            if (typeof document.getElementsByClassName == "function" && typeof document.documentElement.getBoundingClientRect == "function" && avia_is_mobile == !1) { 
-                if (n && window.innerHeight > 0) { 
-                    setTimeout(function () { 
-                        var e = 0, o = {}, a = 0, t = document.getElementsByClassName("av-parallax"), i = window.pageYOffset || document.documentElement.scrollTop; 
-                        for (e = 0; e < t.length; e++) { 
-                            t[e].style.top = "0px"; 
-                            o = t[e].getBoundingClientRect(); 
-                            a = Math.ceil((window.innerHeight + i - o.top) * 0.3); 
-                            t[e].style[n] = "translate(0px, " + a + "px)"; t[e].style.top = "auto"; t[e].className += " enabled-parallax " 
-                        } 
-                    }, 50) 
-                } 
-            } 
-        })();
-	</script>
 	<style type="text/css" id="wp-custom-css">
 		#header_main {
 			background-color: #f30213;

+ 19 - 35
sections/nav.mustache

@@ -1,36 +1,28 @@
-<header id="header" class="all_colors header_color light_bg_color av_header_top av_logo_left av_main_nav_header av_menu_right av_slim av_header_sticky av_header_shrinking av_header_stretch_disabled av_mobile_menu_phone av_header_searchicon av_header_unstick_top_disabled av_minimal_header av_minimal_header_shadow av_bottom_nav_disabled  av_alternate_logo_active av_header_border_disabled"
+<header id="header" class="all_colors header_color light_bg_color av_header_top av_logo_left 
+	av_main_nav_header av_menu_right av_slim av_header_sticky av_header_shrinking av_header_stretch_disabled 
+	av_mobile_menu_phone av_header_searchicon av_header_unstick_top_disabled av_minimal_header 
+	av_minimal_header_shadow av_bottom_nav_disabled  av_alternate_logo_active av_header_border_disabled"
 	role="banner" itemscope="itemscope" itemtype="https://schema.org/WPHeader">
+
 	<div id="header_main" class="container_wrap container_wrap_logo">
 		<div class="container av-logo-container">
-			<div class="inner-container"><span class="logo"><a href="index.html"><img height="100" width="300"
-							src="assets/img/logo.png" alt="美天旺" /></a></span>
+			<div class="inner-container">
+				<span class="logo">
+					<a href="index.html"><img height="100" width="300" src="{{site.logo}}" alt="{{site.name}}" /></a>
+				</span>
+				
 				<nav class="main_menu" data-selectname="Select a page" role="navigation" itemscope="itemscope"
 					itemtype="https://schema.org/SiteNavigationElement">
 					<div class="avia-menu av-main-nav-wrap">
 						<ul id="avia-menu" class="menu av-main-nav">
-							<li id="menu-item-27"
-								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home {{# index}}current-menu-item current_page_item {{/index}}page_item page-item-16 menu-item-top-level menu-item-top-level-1">
-								<a href="index.html" itemprop="url">
-                                    <span class="avia-bullet"></span>
-                                    <span class="avia-menu-text">首页</span>
-                                    <span class="avia-menu-fx">
-                                        <span class="avia-arrow-wrap">
-                                            <span class="avia-arrow"></span>
-                                        </span>
-                                    </span>
-                                </a>
-                            </li>
-							<li id="menu-item-30"
-								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-2">
-								<a href="https://twong.shotshock.shop/mobilex/download" itemprop="url"><span
-										class="avia-bullet"></span><span class="avia-menu-text">下载</span><span
-										class="avia-menu-fx"><span class="avia-arrow-wrap"><span
-												class="avia-arrow"></span></span></span></a></li>
-							<li id="menu-item-26"
-								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-2 {{# about_us}}current-menu-item current_page_item {{/about_us}}">
-								<a href="about_us.html" itemprop="url">
+							{{# nav}}
+							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home 
+								{{# lambdas.equal_output}}
+									{{url}}=={{file}}.html?current-menu-item current_page_item: 
+								{{/lambdas.equal_output}}page_item page-item-16 menu-item-top-level menu-item-top-level-1">
+								<a href="{{url}}" itemprop="url">
                                     <span class="avia-bullet"></span>
-                                    <span class="avia-menu-text">关于美天旺</span>
+                                    <span class="avia-menu-text">{{text}}</span>
                                     <span class="avia-menu-fx">
                                         <span class="avia-arrow-wrap">
                                             <span class="avia-arrow"></span>
@@ -38,16 +30,8 @@
                                     </span>
                                 </a>
                             </li>
-							<li id="menu-item-25"
-								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-6 {{# contact_us}}current-menu-item current_page_item {{/contact_us}}">
-								<a href="contact_us.html" itemprop="url"><span class="avia-bullet"></span><span
-										class="avia-menu-text">联系我们</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span
-												class="avia-arrow"></span></span></span></a></li>
-							<li id="menu-item-25"
-								class="menu-item menu-item-type-post_type menu-item-object-page menu-item-top-level menu-item-top-level-6 {{# agents}}current-menu-item current_page_item {{/agents}}">
-								<a href="agents.html" itemprop="url"><span class="avia-bullet"></span><span
-										class="avia-menu-text">代理加盟</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span
-												class="avia-arrow"></span></span></span></a></li>
+							{{/ nav}}
+
 							<li class="av-burger-menu-main menu-item-avia-special ">
 								<a href="#">
 									<span class="av-hamburger av-hamburger--spin av-js-hamburger">

+ 28 - 10
site.json

@@ -1,16 +1,34 @@
 {
 	"site": {
-		"name": "美天旺|让部分人先旺起来【官网】",
-		"homepage": "http://www.ganji.com",
-		"logo": "./logo.png",
+		"name": "美天旺",
+		"slogan": "让部分人先旺起来!",
+		"title": "美天旺|让部分人先旺起来!【官网】",
+		"homepage": "http://www.shotshock.shop",
+		"favicon": "assets/img/icon.png",
+		"logo": "assets/img/logo.png",
 		"description": "美天旺是一个革命性的垂直电商, 从商品分类, 用户购买流程, 返现提现, 都简洁明快, 一步到位, 深受用户喜爱.",
 		"keywords": "美天旺,购物价低,购物返现,垂直电商,能赚钱的电商",
-		"n": 1
+		"phone": "18523432534",
+		"email": "mailto:support@wanbits.com",
+		"beian": "备案号:豫ICP备20021997号-2",
+		"copyright": "© Copyright - 美天旺-郑州完璧时空网络科技有限公司 - All rights reserved.",
+		"intro": "美天旺是完璧时空旗下新型垂直电商App,专注于新经济下的购物服务",
+		"nonce": 1
 	},
-	"manager": {
-	
-	},
-	"socials": [
-		
-	]
+	"nav": [
+		{
+			"text": "首页",
+			"url": "index.html"
+		},{
+			"text": "关于美天旺",
+			"url": "about_us.html"
+		},{
+			"text": "联系我们",
+			"url": "contact_us.html"
+		}
+	],
+	"socials": {
+		"wechat-gzh": "assets/img/gongzhonghao.jpg",
+		"wechat-mp": "assets/img/mp.png"
+	}
 }

+ 60 - 59
src/about_us.mustache

@@ -2,68 +2,69 @@
 {{> nav }}
 
 <div class="main_color container_wrap_first container_wrap fullsize">
-				<div class="container">
-					<main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-full alpha units">
-						<div class="post-entry post-entry-type-page post-entry-18">
-							<div class="entry-content-wrapper clearfix">
-								<div
-									class="flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-0  el_before_av_one_fifth  avia-builder-el-first  "
-									style="border-radius:0px; ">
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<h2><a href="index.html">美天旺</a></h2>
-										</div>
-									</section>
-									<div class="hr hr-short hr-left   avia-builder-el-2  el_after_av_textblock  el_before_av_textblock ">
-										<span class="hr-inner "><span class="hr-inner-style"></span></span></div>
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<p><img class="alignnone wp-image-11" src="assets/img/24291553501549_.pic_-80x80.png" alt=""
-													width="50" height="50"
-													srcset="assets/img/24291553501549_.pic_-80x80.png 80w, assets/img/24291553501549_.pic_-36x36.png 36w, assets/img/24291553501549_.pic_-120x120.png 120w, assets/img/24291553501549_.pic_.png 144w"
-													sizes="(max-width: 50px) 100vw, 50px" /><a href="index.html">美天旺</a>「让部分人先旺起来!」</p>
-											<p class="p1">
-												以人为本,从用户出发的创新型美妆个人护理类垂直购物App, 与出口转内销的生产企业合作来保证产品质量,
-												简化无意义而影响体验的购物流程,开创购物能赚钱的玩法.轻度颠覆性的产品,服务于年轻,朝气蓬勃的用户群体,真正完成一次购物的体验回归,价值回归.
-											</p>
-											<p class="p1">人旺,运旺,财更旺! 年轻人都爱用的<a href="index.html">美天旺</a>!</p>
-										</div>
-									</section>
-								</div>
-								<!-- <div
-									class="flex_column av_one_fifth  flex_column_div av-zero-column-padding first  avia-builder-el-4  el_after_av_one_full  el_before_av_one_fifth  column-top-margin"
-									style="border-radius:0px; ">
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<p style="text-align: center;"><strong>使用小程序</strong></p>
-											<p><img class="wp-image-183 aligncenter" src="assets/img/小程序@3x-80x80.png" alt="" width="120"
-													height="120" /></p>
-										</div>
-									</section>
-								</div> -->
-								</p>
-								<div
-									class="flex_column av_one_fifth  flex_column_div av-zero-column-padding   avia-builder-el-6  el_after_av_one_fifth  avia-builder-el-last  column-top-margin"
-									style="border-radius:0px; ">
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<p style="text-align: center;"><strong>关注公众号</strong></p>
-											<p><img class="wp-image-182 aligncenter" src="assets/img/gongzhonghao.jpg" alt="" width="120"
-													height="120" />
-											</p>
-										</div>
-									</section>
-								</div>
+	<div class="container">
+		<main role="main" itemprop="mainContentOfPage" class="template-page content av-content-full alpha units">
+			<div class="post-entry post-entry-type-page post-entry-18">
+				<div class="entry-content-wrapper clearfix">
+					<div class="flex_column av_one_full flex_column_div av-zero-column-padding first avia-builder-el-0 el_before_av_one_fifth avia-builder-el-first"
+						style="border-radius:0px;">
+						<section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<h2><a href="index.html">{{site.name}}</a></h2>
 							</div>
+						</section>
+						<div class="hr hr-short hr-left avia-builder-el-2 el_after_av_textblock el_before_av_textblock">
+							<span class="hr-inner"><span class="hr-inner-style"></span></span>
 						</div>
-					</main><!-- close content main element -->
-					<!-- section close by builder template -->
+						<section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<p>
+									<img class="alignnone wp-image-11" src="assets/img/24291553501549_.pic_-80x80.png" alt=""
+										width="50" height="50" srcset="assets/img/24291553501549_.pic_-80x80.png 80w, assets/img/24291553501549_.pic_-36x36.png 36w, assets/img/24291553501549_.pic_-120x120.png 120w, assets/img/24291553501549_.pic_.png 144w"
+										sizes="(max-width: 50px) 100vw, 50px" /><a href="index.html">{{site.name}}</a>「{{site.slogan}}」</p>
+								<p class="p1">
+									以人为本,从用户出发的创新型活动场综合购物App,与出口转内销的生产企业合作以及专业的采购团队审核来保证产品质量,
+									简化无意义而影响体验的购物流程,开创购物赚钱的活动玩法。
+								</p>
+								<p class="p1">
+									颠覆性的产品理念其实也是一种价值回归,完全的,永远的把那些套路踢进垃圾桶,
+									但这也可能决定了我们只能服务那些痛恨关不完的弹窗、取不出来的红包、以及砍不掉的最后1分钱的年轻的灵魂,而失去大多数用户。
+									然而我们愿意做一个先行者,也许有一天,因为我们以及和我们同行的朋友,电商市场就真的纯净了。
+								</p>
+								<p class="p1">人旺,运旺,财更旺! 年轻人都爱用的<a href="index.html">{{site.name}}</a>!</p>
+							</div>
+						</section>
+					</div>
+					<div class="flex_column av_one_fifth flex_column_div av-zero-column-padding first avia-builder-el-4 el_after_av_one_full el_before_av_one_fifth column-top-margin"
+						style="border-radius:0px;">
+						<section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<p style="text-align: center;"><strong>使用小程序</strong></p>
+								<p><img class="wp-image-183 aligncenter" src="{{socials.wechat-mp}}" alt="" width="120"
+										height="120" /></p>
+							</div>
+						</section>
+					</div>
+					</p>
+					<div
+						class="flex_column av_one_fifth flex_column_div av-zero-column-padding avia-builder-el-6 el_after_av_one_fifth avia-builder-el-last column-top-margin"
+						style="border-radius:0px;">
+						<section class="av_textblock_section" itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<p style="text-align: center;"><strong>关注公众号</strong></p>
+								<p><img class="wp-image-182 aligncenter" src="assets/img/gongzhonghao.jpg" alt="" width="120"
+										height="120" />
+								</p>
+							</div>
+						</section>
+					</div>
 				</div>
-				<!--end builder template-->
+			</div>
+		</main><!-- close content main element -->
+		<!-- section close by builder template -->
+	</div>
+	<!--end builder template-->
 </div><!-- close default .container_wrap element -->
 
 {{> footer }}

+ 93 - 95
src/agents.html

@@ -2,104 +2,102 @@
 {{> nav }}
 
 <div class="main_color container_wrap_first container_wrap fullsize">
-        <div class="container">
-          <main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-full alpha units">
-            <div class="post-entry post-entry-type-page post-entry-18">
-              <div class="entry-content-wrapper clearfix">
-                <div
-                  class="flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-0  el_before_av_one_fifth  avia-builder-el-first  "
-                  style="border-radius:0px; ">
-                  <section class="av_textblock_section " itemscope="itemscope"
-                    itemtype="https://schema.org/CreativeWork">
-                    <div class="avia_textblock  " itemprop="text">
-                      <h2><a href="index.html">美天旺代理商</a></h2>
-                    </div>
-                  </section>
-                  <div class="hr hr-short hr-left   avia-builder-el-2  el_after_av_textblock  el_before_av_textblock ">
-                    <span class="hr-inner "><span class="hr-inner-style"></span></span></div>
+    <div class="container">
+      <main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-full alpha units">
+        <div class="post-entry post-entry-type-page post-entry-18">
+          <div class="entry-content-wrapper clearfix">
+            <div
+              class="flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-0  el_before_av_one_fifth  avia-builder-el-first  "
+              style="border-radius:0px; ">
+              <section class="av_textblock_section " itemscope="itemscope"
+                itemtype="https://schema.org/CreativeWork">
+                <div class="avia_textblock  " itemprop="text">
+                  <h2><a href="index.html">美天旺代理商</a></h2>
                 </div>
-                <div>
-                  <h3>商城活动</h3>
-                  <ol>
-                    <li><span style="color:red;">天天免单</span>.在一个活动周期内(目前2次/天),系统在所有订单中随机抽取一半的订单免单,把免单订单的付款全额返还</li>
-                    <li><span
-                        style="color:red;">抢清仓</span>.在一个活动周期内(目前2次/天),系统在所有订单中随机抽取一半进行正常发货,未抽到的订单不发货,全额返还订单付款,并按比例赔付金额
-                    </li>
-                    <li><span style="color:red;">好运2021</span>.参加活动的用户下单时,可在商品规格中选择20,或21,
-                      系统定时随机选择20或21,选中的订单发货,未选中的全额返还订单付款,并按比例赔付金额</li>
-                  </ol>
-                </div>
-                <div>
-                  <h3>一 代理权益</h3>
-                  <ol>
-                    <li>所有代理均享有所有<a href="./member.html">会员权益</a></li>
-                    <li>交易流水: 享有本代理体系中购物流水的1%</li>
-                    <li>商城供货(商家代理): 货品需通过审核(审核品类,品质,价格,物流,售后)</li>
-                    <li>直接或间接推广的每个会员,都可获得推广报酬. 代理推广会员人数和代理报酬关系,规则如下</li>
-                    <img src="./assets/img/agents_members.png">
-                    <div style="color:gray;">本代理体系指:本代理直接或间接推广的所有会员</div>
-                    <table>
-                      <tr>
-                        <th>代理体系中会员人数</th>
-                        <th>单价(元)</th>
-                        <th>最高可得(元)</th>
-                      </tr>
-                      <tr>
-                        <td>1-20</td>
-                        <td>10</td>
-                        <td>200</td>
-                      </tr>
-                      <tr>
-                        <td>21-100</td>
-                        <td>15</td>
-                        <td>1500</td>
-                      </tr>
-                      <tr>
-                        <td>101-10000</td>
-                        <td>20</td>
-                        <td>20w</td>
-                      </tr>
-                      <tr>
-                        <td>1w以上</td>
-                        <td>25</td>
-                        <td>25w起</td>
-                      </tr>
-                    </table>
-                    <h3>举例</h3>
-                    <p>推广 23 会员,得230元</p>
-                    <p>推广 20w 会员,得500w元</p>
-
-                  </ol>
-                </div>
-                <div>
-                  <h3>二 成为代理商</h3>
-                  <ol>
-                    <li>使用公司专用注册二维码,注册后购买彩虹卡即可成为代理</li>
-                    <li>代理缴纳 5000 元加盟费,成为商家代理,可为商城供货, 商家代理推广盈利(不包含供货收入)达到 1w 元时退还加盟费 5000 元 </li>
-                  </ol>
-                </div>
-
-                <div>
-                  <h3>三 结算</h3>
-                  <p>
-                    代理推广报酬, 周结/半月结
-                  </p>
-                  <p>
-                    1% 交易流水, 月结/季度结
-                  </p>
-                  <p>
-                    代理供货商品销售,发货时日结
-                  </p>
-                  <p>
-                    介绍其他人成为商家代理,提成 1000 元, 周结
-                  </p>
-                </div>
-              </div>
+              </section>
+              <div class="hr hr-short hr-left   avia-builder-el-2  el_after_av_textblock  el_before_av_textblock ">
+                <span class="hr-inner "><span class="hr-inner-style"></span></span></div>
+            </div>
+            <div>
+              <h3>商城活动</h3>
+              <ol>
+                <li><span style="color:red;">天天免单</span>。在一个活动周期内(目前1次/15分钟),系统在所有订单中随机抽取一半的订单免单,把免单订单的付款全额返还</li>
+                <li><span
+                    style="color:red;">神抢手</span>。在一个活动周期内(目前1次/15分钟),系统在所有订单中随机抽取一半进行发货,未抽到的订单退货并全额返还订单付款,并按比例赔付金额
+                </li>
+                <li><span style="color:red;">好运2021</span>。参加活动的用户下单时,可在商品规格中选择20仓,或21仓,
+                  系统定时随机选择20仓库或21仓库,选中的订单发货,未选中的全额返还订单付款,并按比例赔付金额</li>
+              </ol>
+            </div>
+            <div>
+              <h3>一 代理权益</h3>
+              <ol>
+                <li>所有代理均享有所有<a href="./member.html">会员权益</a></li>
+                <li>交易流水: 享有本代理体系中购物流水的1%</li>
+                <li>商城供货(商家代理): 货品需通过审核(审核品类,品质,价格,物流,售后)</li>
+                <li>直接或间接推广的每个会员,都可获得推广报酬。 代理推广会员人数和代理报酬关系,规则如下</li>
+                <img src="./assets/img/agents_members.png">
+                <div style="color:gray;">本代理体系指:本代理直接或间接推广的所有会员</div>
+                <table>
+                  <tr>
+                    <th>代理体系中会员人数</th>
+                    <th>单价(元)</th>
+                    <th>最高可得(元)</th>
+                  </tr>
+                  <tr>
+                    <td>1-20</td>
+                    <td>10</td>
+                    <td>200</td>
+                  </tr>
+                  <tr>
+                    <td>21-100</td>
+                    <td>15</td>
+                    <td>1500</td>
+                  </tr>
+                  <tr>
+                    <td>101-10000</td>
+                    <td>20</td>
+                    <td>20w</td>
+                  </tr>
+                  <tr>
+                    <td>1w以上</td>
+                    <td>25</td>
+                    <td>25w起</td>
+                  </tr>
+                </table>
+                <h3>举例</h3>
+                <p>推广 23 会员,得230元</p>
+                <p>推广 20w 会员,得500w元</p>
+              </ol>
+            </div>
+            <div>
+              <h3>二 成为代理商</h3>
+              <ol>
+                <li>使用公司专用注册二维码,注册后购买彩虹卡即可成为代理</li>
+                <li>代理缴纳 5000 元加盟费,成为商家代理,可为商城供货, 商家代理推广盈利(不包含供货收入)达到 1w 元时退还加盟费 5000 元 </li>
+              </ol>
+            </div>
+            <div>
+              <h3>三 结算</h3>
+              <p>
+                代理推广报酬, 周结/半月结
+              </p>
+              <p>
+                1% 交易流水, 月结/季度结
+              </p>
+              <p>
+                代理供货商品销售,发货时日结
+              </p>
+              <p>
+                介绍其他人成为商家代理,提成 1000 元, 周结
+              </p>
             </div>
-          </main><!-- close content main element -->
-          <!-- section close by builder template -->
+          </div>
         </div>
-        <!--end builder template-->
+      </main><!-- close content main element -->
+      <!-- section close by builder template -->
+    </div>
+    <!--end builder template-->
 </div><!-- close default .container_wrap element -->
 
 {{> footer }}

+ 49 - 47
src/contact_us.mustache

@@ -1,58 +1,60 @@
 {{> header }}
 {{> nav }}
 
-<div id='av_section_1'
-				class='avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll  avia-builder-el-0  el_before_av_one_full  avia-builder-el-first   container_wrap fullsize'
-				style='background-repeat: no-repeat; background-image: url(assets/img/31661556449599_.pic_hd.png);background-attachment: scroll; background-position: top left;  '
-				data-section-bg-repeat='no-repeat'>
-				<div class='container'>
-					<main role="main" itemprop="mainContentOfPage" class='template-page content  av-content-full alpha units'>
-						<div class='post-entry post-entry-type-page post-entry-20'>
-							<div class='entry-content-wrapper clearfix'>
-								<div style='height:400px' class='hr hr-invisible   avia-builder-el-1  avia-builder-el-no-sibling '><span
-										class='hr-inner '><span class='hr-inner-style'></span></span></div>
-							</div>
-						</div>
-					</main><!-- close content main element -->
+<div class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll 
+	avia-builder-el-0 el_before_av_one_full avia-builder-el-first container_wrap fullsize"
+	style="background-repeat: no-repeat; background-image: url(assets/img/31661556449599_.pic_hd.png);background-attachment: scroll; background-position: top left;"
+	data-section-bg-repeat="no-repeat">
+	<div class="container">
+		<main role="main" itemprop="mainContentOfPage" class="template-page content av-content-full alpha units">
+			<div class="post-entry post-entry-type-page post-entry-20">
+				<div class="entry-content-wrapper clearfix">
+					<div style="height:400px" class="hr hr-invisible avia-builder-el-1 avia-builder-el-no-sibling">
+						<span class="hr-inner">
+							<span class="hr-inner-style"></span>
+						</span>
+					</div>
 				</div>
+			</div>
+		</main><!-- close content main element -->
+	</div>
 </div>
-<div id='after_section_1' class='main_color av_default_container_wrap container_wrap fullsize' style=' '>
-				<div class='container'>
-					<div class='template-page content  av-content-full alpha units'>
-						<div class='post-entry post-entry-type-page post-entry-20'>
-							<div class='entry-content-wrapper clearfix'>
-								<div
-									class="flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-2  el_after_av_section  avia-builder-el-no-sibling  "
-									style='border-radius:0px; '>
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class='avia_textblock  ' itemprop="text">
-											<h2>联系我们</h2>
-										</div>
-									</section>
-									<div class='hr hr-short hr-left   avia-builder-el-4  el_after_av_textblock  el_before_av_textblock '>
-										<span class='hr-inner '><span class='hr-inner-style'></span></span></div>
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class='avia_textblock  ' itemprop="text">
-											<p>如果您需要了解<a href="index.html">美天旺</a>最新信息或客服支持,可拨打免费服务热线或通过<a title="email"
-													href="mailto:support@wanbits.com">电子邮件</a>联系我们。</p>
-											<div class="intro addLine">
-												<p>客服热线:400-80086886<br />
-													服务时间:周一至周五 10:00-19:00 (法定节假日除外)</p>
-												<p>或者关注我们的微信公众号</p>
-												<p><img class="alignnone wp-image-82" src="assets/img/gongzhonghao.jpg" width="150"
-														height="171" /></p>
-											</div>
-										</div>
-									</section>
+
+<div class="main_color av_default_container_wrap container_wrap fullsize">
+	<div class="container">
+		<div class="template-page content av-content-full alpha units">
+			<div class="post-entry post-entry-type-page post-entry-20">
+				<div class="entry-content-wrapper clearfix">
+					<div class="flex_column av_one_full flex_column_div av-zero-column-padding first
+						avia-builder-el-2 el_after_av_section avia-builder-el-no-sibling" style="border-radius:0px;">
+						<section class="av_textblock_section " itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<h2>联系我们</h2>
+							</div>
+						</section>
+						<div class="hr hr-short hr-left avia-builder-el-4 el_after_av_textblock el_before_av_textblock ">
+							<span class="hr-inner"><span class="hr-inner-style"></span></span></div>
+						<section class="av_textblock_section " itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock " itemprop="text">
+								<p>如果您需要了解<a href="index.html">{{site.name}}</a>最新信息或客服支持,可拨打免费服务热线或通过
+								<a title="email" href="{{site.email}}">电子邮件</a>联系我们。</p>
+								<div class="intro addLine">
+									<p>客服热线:{{site.phone}}<br/>
+										服务时间:周一至周五 10:00-19:00 (法定节假日除外)</p>
+									<p>或者关注我们的微信公众号</p>
+									<p><img class="alignnone wp-image-82" src="{{socials.wechat-gzh}}" width="150" height="171" /></p>
 								</div>
 							</div>
-						</div>
-					</div><!-- close content main div -->
-					<!-- section close by builder template -->
+						</section>
+					</div>
 				</div>
-				<!--end builder template-->
+			</div>
+		</div><!-- close content main div -->
+		<!-- section close by builder template -->
+	</div>
+	<!--end builder template-->
 </div><!-- close default .container_wrap element -->
 
 {{> footer }}

+ 191 - 198
src/index.mustache

@@ -1,219 +1,212 @@
 {{> header }}
 {{> nav }}
 
-<div id="layer_slider_1"
-				class="avia-layerslider main_color avia-shadow  avia-builder-el-0  el_before_av_section  avia-builder-el-first  container_wrap fullsize"
-				style="  height: 721px;">
-				<div id="layerslider_2" class="ls-wp-container fitvidsignore"
-					style="width:1920px;height:720px;margin:0 auto;margin-bottom: 0px;">
-					<div class="ls-slide" data-ls="kenburnsscale:1.2;">
-						<img width="1440" height="600" src="assets/img/banner.png" class="ls-bg" alt="" />
-						<!-- <a class="ls-l" href="https://www.pgyer.com/kYb7" target="_self">
-							<img width="180" height="60" src="assets/img/app_download.png" class="" alt=""
-								style="top:572px;left:653px;width:145px;height:48px;"></a> -->
-						<img width="620" height="399" src="assets/img/banner1.png" class="ls-l" alt=""
-							style="top:89px;left:450px;width:556px;height:358px;">
-						<img src="assets/img/iPhoneX-1.png" class="ls-l" alt=""
-							style="top:108px;left:1207px;width:246px;height:493px;">
-						<img src="assets/img/app_download_shotshock_qrcode_black.png" class="ls-l"
-							style="top:447px;left:459px;width:200px;height:260px;font-size:13px;line-height:14px;">
-					</div>
-				</div>
+<div class="avia-layerslider main_color avia-shadow avia-builder-el-0 el_before_av_section avia-builder-el-first container_wrap fullsize"
+	style="height: 721px;">
+	<div id="layerslider_2" class="ls-wp-container fitvidsignore"
+		style="width:1920px;height:720px;margin:0 auto;margin-bottom: 0px;">
+		<div class="ls-slide" data-ls="kenburnsscale:1.2;">
+			<img width="1440" height="600" src="assets/img/banner.png" class="ls-bg" alt="" />
+			<!-- <a class="ls-l" href="https://www.pgyer.com/kYb7" target="_self">
+			<img width="180" height="60" src="assets/img/app_download.png" class="" alt=""
+				style="top:572px;left:653px;width:145px;height:48px;"></a> -->
+			<img width="620" height="399" src="assets/img/banner1.png" class="ls-l" alt=""
+				style="top:89px;left:450px;width:556px;height:358px;">
+			<img src="assets/img/iPhoneX-1.png" class="ls-l" alt=""
+				style="top:108px;left:1207px;width:246px;height:493px;">
+			<img src="{{socials.wechat-mp}}" class="ls-l"
+				style="top:447px;left:459px;width:200px;height:200px;font-size:13px;line-height:14px;">
+		</div>
+	</div>
 </div>
-<div id="av_section_1"
-				class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll  avia-builder-el-1  el_after_av_layerslider  el_before_av_section   container_wrap fullsize">
-				<div class="container">
-					<div class="template-page content  av-content-full alpha units">
-						<div class="post-entry post-entry-type-page post-entry-16">
-							<div class="entry-content-wrapper clearfix">
-								<div
-									class="flex_column av_one_fourth  flex_column_div av-zero-column-padding first  avia-builder-el-2  el_before_av_one_fourth  avia-builder-el-first"
-									style="border-radius:0px;">
-									<div
-										class="avia-image-container  av-styling-    avia-builder-el-3  el_before_av_textblock  avia-builder-el-first  avia-align-center"
-										itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
-										<div class="avia-image-container-inner">
-											<div class="avia-image-overlay-wrap"><img class="avia_image" src="assets/img/01button.png" alt=""
-													title="01button" height="118" width="117" itemprop="thumbnailUrl" /></div>
-										</div>
-									</div>
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock" itemprop="text">
-											<h3 class="p1" style="text-align: center;"><strong>国际品质</strong></h3>
-											<p class="p1" style="text-align: center;"> 专门和出口转内销的生产企业合作,品质过硬</p>
-										</div>
-									</section>
-								</div>
-								<div
-									class="flex_column av_one_fourth  flex_column_div av-zero-column-padding   avia-builder-el-5  el_after_av_one_fourth  el_before_av_one_fourth  "
-									style="border-radius:0px;">
-									<div
-										class="avia-image-container  av-styling-    avia-builder-el-6  el_before_av_textblock  avia-builder-el-first  avia-align-center"
-										itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
-										<div class="avia-image-container-inner">
-											<div class="avia-image-overlay-wrap"><img class="avia_image" src="assets/img/01button.png" alt=""
-													title="01button" height="118" width="117" itemprop="thumbnailUrl" /></div>
-										</div>
-									</div>
-									<section class="av_textblock_section" itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock" itemprop="text">
-											<h3 class="p1" style="text-align: center;"><strong>以人为本</strong></h3>
-											<p class="p1" style="text-align: center;">从用户出发, 没有不明所以的弹窗、 无意义红包、 复杂的优惠券, 价格一步探底, 不玩虚的</p>
-										</div>
-									</section>
-								</div>
-								<div
-									class="flex_column av_one_fourth  flex_column_div av-zero-column-padding   avia-builder-el-8  el_after_av_one_fourth  el_before_av_one_fourth"
-									style="border-radius:0px;">
-									<div
-										class="avia-image-container  av-styling-    avia-builder-el-9  el_before_av_textblock  avia-builder-el-first  avia-align-center"
-										itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
-										<div class="avia-image-container-inner">
-											<div class="avia-image-overlay-wrap"><img class="avia_image" src="assets/img/01button.png" alt=""
-													title="01button" height="118" width="117" itemprop="thumbnailUrl" /></div>
-										</div>
-									</div>
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<h3 class="p1" style="text-align: center;"><strong>越买越富</strong></h3>
-											<p class="p1" style="text-align: center;">用户使用越久, 赢利越多, 创业式消费</p>
-										</div>
-									</section>
+
+<div class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll avia-builder-el-1 el_after_av_layerslider el_before_av_section container_wrap fullsize">
+	<div class="container">
+		<div class="template-page content av-content-full alpha units">
+			<div class="post-entry post-entry-type-page post-entry-16">
+				<div class="entry-content-wrapper clearfix">
+					<div class="flex_column av_one_fourth flex_column_div av-zero-column-padding first avia-builder-el-2 el_before_av_one_fourth avia-builder-el-first"
+						style="border-radius:0px;">
+						<div class="avia-image-container av-styling- avia-builder-el-3 el_before_av_textblock avia-builder-el-first avia-align-center"
+							itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
+							<div class="avia-image-container-inner">
+								<div class="avia-image-overlay-wrap">
+									<img class="avia_image" src="assets/img/01button.png" alt=""
+										title="01button" height="118" width="117" itemprop="thumbnailUrl" />
 								</div>
-								<div
-									class="flex_column av_one_fourth  flex_column_div av-zero-column-padding   avia-builder-el-11  el_after_av_one_fourth  avia-builder-el-last"
-									style="border-radius:0px; ">
-									<div
-										class="avia-image-container  av-styling-    avia-builder-el-12  el_before_av_textblock  avia-builder-el-first  avia-align-center"
-										itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
-										<div class="avia-image-container-inner">
-											<div class="avia-image-overlay-wrap"><img class="avia_image" src="assets/img/01button.png" alt=""
-													title="01button" height="118" width="117" itemprop="thumbnailUrl" /></div>
-										</div>
+							</div>
+						</div>
+						<section class="av_textblock_section" itemscope="itemscope" itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<h3 class="p1" style="text-align: center;"><strong>国际品质</strong></h3>
+								<p class="p1" style="text-align: center;"> 和出口转内销的生产企业合作,品质过硬</p>
+							</div>
+						</section>
+					</div>
+					<div class="flex_column av_one_fourth flex_column_div av-zero-column-padding avia-builder-el-5 el_after_av_one_fourth el_before_av_one_fourth "
+						style="border-radius:0px;">
+						<div
+							class="avia-image-container av-styling- avia-builder-el-6 el_before_av_textblock avia-builder-el-first avia-align-center"
+							itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
+							<div class="avia-image-container-inner">
+								<div class="avia-image-overlay-wrap">
+									<img class="avia_image" src="assets/img/01button.png" alt=""
+										title="01button" height="118" width="117" itemprop="thumbnailUrl"/>
 									</div>
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<h3 class="p1" style="text-align: center;"><strong>拒绝同质</strong></h3>
-											<p class="p1" style="text-align: center;">我们的产品用户: 美美与共,和而不同</p>
-										</div>
-									</section>
-								</div>
 							</div>
 						</div>
-					</div><!-- close content main div -->
+						<section class="av_textblock_section" itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<h3 class="p1" style="text-align: center;"><strong>以人为本</strong></h3>
+								<p class="p1" style="text-align: center;">从用户出发,没有不明所以的弹窗、 无法领取的红包、 复杂的优惠券,价格一步到位,不玩套路</p>
+							</div>
+						</section>
+					</div>
+					<div class="flex_column av_one_fourth flex_column_div av-zero-column-padding avia-builder-el-8 el_after_av_one_fourth el_before_av_one_fourth"
+						style="border-radius:0px;">
+						<div
+							class="avia-image-container av-styling- avia-builder-el-9 el_before_av_textblock avia-builder-el-first avia-align-center"
+							itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
+							<div class="avia-image-container-inner">
+								<div class="avia-image-overlay-wrap"><img class="avia_image" src="assets/img/01button.png" alt=""
+									title="01button" height="118" width="117" itemprop="thumbnailUrl" /></div>
+							</div>
+						</div>
+						<section class="av_textblock_section " itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock " itemprop="text">
+								<h3 class="p1" style="text-align: center;"><strong>越买越富</strong></h3>
+								<p class="p1" style="text-align: center;">趣味活动不间断,用户使用越久越赚钱,我们的口号:让部分人先旺起来!</p>
+							</div>
+						</section>
+					</div>
+					<div class="flex_column av_one_fourth flex_column_div av-zero-column-padding avia-builder-el-11 el_after_av_one_fourth avia-builder-el-last"
+						style="border-radius:0px; ">
+						<div
+							class="avia-image-container av-styling- avia-builder-el-12 el_before_av_textblock avia-builder-el-first avia-align-center"
+							itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
+							<div class="avia-image-container-inner">
+								<div class="avia-image-overlay-wrap"><img class="avia_image" src="assets/img/01button.png" alt=""
+									title="01button" height="118" width="117" itemprop="thumbnailUrl" /></div>
+							</div>
+						</div>
+						<section class="av_textblock_section " itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock " itemprop="text">
+								<h3 class="p1" style="text-align: center;"><strong>拒绝同质</strong></h3>
+								<p class="p1" style="text-align: center;">优质的产品,诚意的服务,有趣的活动,有趣的用户就是我们所有的核心竞争力</p>
+							</div>
+						</section>
+					</div>
 				</div>
+			</div>
+		</div><!-- close content main div -->
+	</div>
 </div>
-<div id="av_section_2"
-				class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll  avia-builder-el-14  el_after_av_section  el_before_av_section   container_wrap fullsize"
-				style="background-color: #f7f7f7;  ">
-				<div class="container">
-					<div class="template-page content  av-content-full alpha units">
-						<div class="post-entry post-entry-type-page post-entry-16">
-							<div class="entry-content-wrapper clearfix">
-								<div
-									class="flex_column av_one_half  flex_column_div av-zero-column-padding first  avia-builder-el-15  el_before_av_one_half  avia-builder-el-first"
-									style="border-radius:0px; ">
-									<div
-										class="avia-image-container  av-styling-    avia-builder-el-16  avia-builder-el-no-sibling  avia-align-center"
-										itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
-										<div class="avia-image-container-inner">
-											<div class="avia-image-overlay-wrap"><img class="avia_image" src="assets/img/01.jpg" alt=""
-													title="01" height="526" width="790" itemprop="thumbnailUrl" /></div>
-										</div>
-									</div>
-								</div>
-								<div
-									class="flex_column av_one_half  flex_column_div av-zero-column-padding   avia-builder-el-17  el_after_av_one_half  avia-builder-el-last"
-									style="border-radius:0px; ">
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<h3>仙女必备的App</h3>
-										</div>
-									</section>
-									<div style=" margin-top:30px; margin-bottom:30px;"
-										class="hr hr-custom hr-left hr-icon-no   avia-builder-el-19  el_after_av_textblock  el_before_av_textblock">
-										<span class="hr-inner   inner-border-av-border-thin"
-											style=" width:50px; border-color:#f30213;"><span class="hr-inner-style"></span></span></div>
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock" itemprop="text">
-											<p class="p1">
-												不同于时下绝大部分电商App,美天旺 100% 自营,专精与针对亚太女性的美妆,个人护理.产品必选精品,若干种产品形成美颜矩阵,深层次的护理概念彼此融合.
-												特别对于加班多的白领,产后恢复的妈妈更有针对性的产品组合应对,早期忙于事业的后来者也有专属的个人产品.
-											</p>
-											<p class="p1">
-												全新的购物逻辑,带来全新的购物体验!即使您已拥有其他软件,和拥有美天旺完全不冲突,它会成为您的秘密武器库,总能给身边朋友带来惊讶.
-											</p>
-											<p class="p1">
-												为响应国家的"内循环"战略, 美天旺团队顺势而为,每一个参与者不仅享受产品推广早期的红利,而且无形中也参与了历史.
-											</p>
-											<!-- <p><a href="https://www.pgyer.com/kYb7"><img class="alignleft wp-image-23787 size-full"
-														src="assets/img/download.png" alt="" width="180" height="60" /></a></p> -->
-										</div>
-									</section>
-								</div>
-								</p>
+
+<div class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll avia-builder-el-14 el_after_av_section el_before_av_section container_wrap fullsize"
+	style="background-color: #f7f7f7; ">
+	<div class="container">
+		<div class="template-page content av-content-full alpha units">
+			<div class="post-entry post-entry-type-page post-entry-16">
+				<div class="entry-content-wrapper clearfix">
+					<div
+						class="flex_column av_one_half flex_column_div av-zero-column-padding first avia-builder-el-15 el_before_av_one_half avia-builder-el-first"
+						style="border-radius:0px; ">
+						<div class="avia-image-container av-styling- avia-builder-el-16 avia-builder-el-no-sibling avia-align-center"
+							itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
+							<div class="avia-image-container-inner">
+								<div class="avia-image-overlay-wrap"><img class="avia_image" src="assets/img/01.jpg" alt=""
+										title="01" height="526" width="790" itemprop="thumbnailUrl" /></div>
 							</div>
 						</div>
-					</div><!-- close content main div -->
+					</div>
+					<div class="flex_column av_one_half flex_column_div av-zero-column-padding avia-builder-el-17 el_after_av_one_half avia-builder-el-last"
+						style="border-radius:0px; ">
+						<section class="av_textblock_section " itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock " itemprop="text">
+								<h3>大神的App,达人的秘密武器</h3>
+							</div>
+						</section>
+						<div style=" margin-top:30px; margin-bottom:30px;"
+							class="hr hr-custom hr-left hr-icon-no avia-builder-el-19 el_after_av_textblock el_before_av_textblock">
+							<span class="hr-inner inner-border-av-border-thin"
+								style=" width:50px; border-color:#f30213;"><span class="hr-inner-style"></span></span></div>
+						<section class="av_textblock_section " itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock" itemprop="text">
+								<p class="p1">
+									不同于时下绝大部分电商App,美天旺 100% 自营,最大程度的规避三方风险和不一致的体验;针对现有购物平台的弹窗广告,逻辑复杂的优惠券,
+									无法领取的红包,砍不完的最后一分钱等等套路,我们提出“纯净电商”的理念。另一方面,我们永远不发优惠券,就是送钱,送到微信账户为止。
+								</p>
+								<p class="p1">
+									全新的购物逻辑,带来全新的购物体验!即使您已拥有其他软件,和拥有美天旺完全不冲突,它会成为您的秘密武器库,总能给身边朋友带来惊讶。
+								</p>
+								<p class="p1">
+									为响应国家的"内循环"战略,美天旺团队顺势而为,每一个参与者不仅享受产品早期的红利,而且无形中也参与了历史.
+								</p>
+								<!-- <p><a href="https://www.pgyer.com/kYb7"><img class="alignleft wp-image-23787 size-full"
+											src="assets/img/download.png" alt="" width="180" height="60" /></a></p> -->
+							</div>
+						</section>
+					</div>
+					</p>
 				</div>
+			</div>
+		</div><!-- close content main div -->
+	</div>
 </div>
-<div id="av_section_3"
-				class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll  avia-builder-el-21  el_after_av_section  avia-builder-el-last   container_wrap fullsize">
-				<div class="container">
-					<div class="template-page content  av-content-full alpha units">
-						<div class="post-entry post-entry-type-page post-entry-16">
-							<div class="entry-content-wrapper clearfix">
-								<div
-									class="flex_column av_one_half  flex_column_div av-zero-column-padding first  avia-builder-el-22  el_before_av_one_half  avia-builder-el-first"
-									style="border-radius:0px; ">
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<h3>为何使用美天旺?</h3>
-										</div>
-									</section>
-									<div style=" margin-top:30px; margin-bottom:30px;"
-										class="hr hr-custom hr-left hr-icon-no   avia-builder-el-24  el_after_av_textblock  el_before_av_textblock">
-										<span class="hr-inner   inner-border-av-border-thin"
-											style=" width:50px; border-color:#f30213;"><span class="hr-inner-style"></span></span></div>
-									<section class="av_textblock_section " itemscope="itemscope"
-										itemtype="https://schema.org/CreativeWork">
-										<div class="avia_textblock  " itemprop="text">
-											<p>官方直营,出口转内销美妆货源,品质保证,价格探底<br />
-												全新分类,玩App就如进商场</p>
-											<p>永不弹广告,永不内部推广,永不杀熟,永不大数据画像,永不发不能提到钱包的红包,永不发限制多多的优惠券.</p>
-											<p>发的都是现金,返的都是现金,提现快速,诚意满满</p>
-											<p>玩这商城,能赚钱(省钱不是赚钱,再省钱您也是出钱)</p>
-											<!-- <p><img class="alignleft wp-image-23787 size-full" src="assets/img/download.png" width="180"
-													height="60" /></p> -->
-										</div>
-									</section>
-								</div>
-								<div
-									class="flex_column av_one_half  flex_column_div av-zero-column-padding   avia-builder-el-26  el_after_av_one_half  avia-builder-el-last"
-									style="border-radius:0px; ">
-									<div
-										class="avia-image-container  av-styling-    avia-builder-el-27  avia-builder-el-no-sibling  avia-align-center"
-										itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
-										<div class="avia-image-container-inner">
-											<div class="avia-image-overlay-wrap"><img class="avia_image"
-													src="assets/img/40821567162271_.pic_hd-257x300.png" alt="" title="40821567162271_.pic_hd"
-													height="300" width="257" itemprop="thumbnailUrl" /></div>
-										</div>
-									</div>
+
+<div class="avia-section main_color avia-section-default avia-no-border-styling avia-bg-style-scroll avia-builder-el-21 el_after_av_section avia-builder-el-last container_wrap fullsize">
+	<div class="container">
+		<div class="template-page content av-content-full alpha units">
+			<div class="post-entry post-entry-type-page post-entry-16">
+				<div class="entry-content-wrapper clearfix">
+					<div class="flex_column av_one_half flex_column_div av-zero-column-padding first avia-builder-el-22 el_before_av_one_half avia-builder-el-first"
+						style="border-radius:0px; ">
+						<section class="av_textblock_section " itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock " itemprop="text">
+								<h3>为何使用美天旺?</h3>
+							</div>
+						</section>
+						<div style=" margin-top:30px; margin-bottom:30px;"
+							class="hr hr-custom hr-left hr-icon-no avia-builder-el-24 el_after_av_textblock el_before_av_textblock">
+							<span class="hr-inner inner-border-av-border-thin"
+								style=" width:50px; border-color:#f30213;"><span class="hr-inner-style"></span></span></div>
+						<section class="av_textblock_section " itemscope="itemscope"
+							itemtype="https://schema.org/CreativeWork">
+							<div class="avia_textblock " itemprop="text">
+								<p>官方直营,出口转内销货源,品质保证;价格探底<br />
+									全新分类,叹为观止的活动玩法!</p>
+								<p>永不弹广告,永不内部推广,永不杀熟,永不大数据画像,永不发不能提到钱包的红包,永不发限制多多的优惠券。</p>
+								<p>发的都是现金,返的都是现金,提现快速,诚意满满</p>
+								<p>玩这商城,能赚钱(省钱不是赚钱,再省钱也是花钱而不是赚钱)</p>
+								<!-- <p><img class="alignleft wp-image-23787 size-full" src="assets/img/download.png" width="180"
+										height="60" /></p> -->
+							</div>
+						</section>
+					</div>
+					<div class="flex_column av_one_half flex_column_div av-zero-column-padding avia-builder-el-26 el_after_av_one_half avia-builder-el-last"
+						style="border-radius:0px; ">
+						<div class="avia-image-container av-styling- avia-builder-el-27 avia-builder-el-no-sibling avia-align-center"
+							itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject">
+							<div class="avia-image-container-inner">
+								<div class="avia-image-overlay-wrap">
+								<img class="avia_image" src="assets/img/40821567162271_.pic_hd-257x300.png" alt="" title="40821567162271_.pic_hd"
+									height="300" width="257" itemprop="thumbnailUrl"/>
 								</div>
 							</div>
 						</div>
-					</div><!-- close content main div -->
-					<!-- section close by builder template -->
+					</div>
 				</div>
-				<!--end builder template-->
+			</div>
+		</div><!-- close content main div -->
+		<!-- section close by builder template -->
+	</div>
+	<!--end builder template-->
 </div><!-- close default .container_wrap element -->
 
 {{> footer }}

+ 66 - 66
src/member.mustache

@@ -2,75 +2,75 @@
 {{> nav }}
 
 <div class="main_color container_wrap_first container_wrap fullsize">
-        <div class="container">
-          <main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-full alpha units">
-            <div class="post-entry post-entry-type-page post-entry-18">
-              <div class="entry-content-wrapper clearfix">
-                <div
-                  class="flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-0  el_before_av_one_fifth  avia-builder-el-first  "
-                  style="border-radius:0px; ">
-                  <section class="av_textblock_section " itemscope="itemscope"
-                    itemtype="https://schema.org/CreativeWork">
-                    <div class="avia_textblock  " itemprop="text">
-                      <h2><a href="index.html">美天旺会员</a></h2>
-                    </div>
-                  </section>
-                  <div class="hr hr-short hr-left   avia-builder-el-2  el_after_av_textblock  el_before_av_textblock ">
-                    <span class="hr-inner "><span class="hr-inner-style"></span></span></div>
+    <div class="container">
+      <main role="main" itemprop="mainContentOfPage" class="template-page content  av-content-full alpha units">
+        <div class="post-entry post-entry-type-page post-entry-18">
+          <div class="entry-content-wrapper clearfix">
+            <div
+              class="flex_column av_one_full  flex_column_div av-zero-column-padding first  avia-builder-el-0  el_before_av_one_fifth  avia-builder-el-first  "
+              style="border-radius:0px; ">
+              <section class="av_textblock_section " itemscope="itemscope"
+                itemtype="https://schema.org/CreativeWork">
+                <div class="avia_textblock  " itemprop="text">
+                  <h2><a href="index.html">美天旺会员</a></h2>
                 </div>
-                <div>
-                  <h3>一 会员权益</h3>
-                  <ol>
-                    <li>推广返利,两级返利,一级返50元,二级返10元</li>
-                    <li>购物或商城免单,清仓等活动中享受会员专享价</li>
-                    <li>佣金提现,免单和清仓活动产生的现金都可提现</li>
-                  </ol>
-                </div>
-                <div>
-                  <h3>二 成为会员</h3>
-                  <ol>
-                    <li>点击微信聊天窗口别人分享的商品链接或面对面扫描对方推广二维码</li>
-                    <img src="http://twongstatic.shotshock.shop/help/4.jpg" />
-                    <li>点击微信右上方"三个点"按钮</li>
-                    <img src="http://twongstatic.shotshock.shop/help/5.jpg" />
-                    <li>选择"在浏览器中打开"</li>
-                    <img src="http://twongstatic.shotshock.shop/help/6.jpg" />
-                    <li>对于未注册用户可直接注册,密码必须为至少6位的英文数字组合,请记住自己的密码.已注册用户可点击"已有帐号,去下载"</li>
-                    <img src="http://twongstatic.shotshock.shop/help/7.jpg" />
-                    <li>下载安装完毕后,用刚刚注册使用的手机号码和密码登录</li>
-                    <img src="http://twongstatic.shotshock.shop/help/3.jpg" />
-                    <li>在首页精品推荐中找到商品"彩虹卡",选择赠品后下单</li>
-                    <img src="http://twongstatic.shotshock.shop/help/2.jpg" />
-                    <p>
-                      购买彩虹卡可以在4件赠品里任选一件,目前可以选择的赠品有"多肽水乳护肤套装","白鸭绒女长款羽绒服","跨境真皮女包","雅诗尼精华补水试管面膜",赠品会根据库存不时调整,希望正是您喜欢的.
-                    </p>
-                    <p>
-                      <span style="color:darkred;">彩虹卡不可退货退款</span>,请谨慎购买.
-                    </p>
-                    <p>
-                      购买完成后,之后每次推广新会员/平台补贴/免单都可以在会员中心查看:
-                    </p>
-                    <p>
-                      <img src="http://twongstatic.shotshock.shop/help/1.jpg" />
-                    </p>
-                  </ol>
-                  <p>恭喜您已是美天旺彩虹一生会员</p>
-                </div>
-                <div>
-                  <h3>三 推广赚钱</h3>
-                  <p>
-                    通过[分享商品]或[分享"我的推广"中的个人二维码]拉新用户,新用户通过上面的"成为会员"流程成为会员后完成会员推广
-                  </p>
-                  <p>
-                    美天旺祝您使用顺心,生活愉快!
-                  </p>
-                </div>
-              </div>
+              </section>
+              <div class="hr hr-short hr-left   avia-builder-el-2  el_after_av_textblock  el_before_av_textblock ">
+                <span class="hr-inner "><span class="hr-inner-style"></span></span></div>
+            </div>
+            <div>
+              <h3>一 会员权益</h3>
+              <ol>
+                <li>推广返利,两级返利,一级返50元,二级返10元</li>
+                <li>购物或商城免单,清仓等活动中享受会员专享价</li>
+                <li>佣金提现,免单和清仓活动产生的现金都可提现</li>
+              </ol>
+            </div>
+            <div>
+              <h3>二 成为会员</h3>
+              <ol>
+                <li>点击微信聊天窗口别人分享的商品链接或面对面扫描对方推广二维码</li>
+                <img src="http://twongstatic.shotshock.shop/help/4.jpg" />
+                <li>点击微信右上方"三个点"按钮</li>
+                <img src="http://twongstatic.shotshock.shop/help/5.jpg" />
+                <li>选择"在浏览器中打开"</li>
+                <img src="http://twongstatic.shotshock.shop/help/6.jpg" />
+                <li>对于未注册用户可直接注册,密码必须为至少6位的英文数字组合,请记住自己的密码.已注册用户可点击"已有帐号,去下载"</li>
+                <img src="http://twongstatic.shotshock.shop/help/7.jpg" />
+                <li>下载安装完毕后,用刚刚注册使用的手机号码和密码登录</li>
+                <img src="http://twongstatic.shotshock.shop/help/3.jpg" />
+                <li>在首页精品推荐中找到商品"彩虹卡",选择赠品后下单</li>
+                <img src="http://twongstatic.shotshock.shop/help/2.jpg" />
+                <p>
+                  购买彩虹卡可以在4件赠品里任选一件,目前可以选择的赠品有"多肽水乳护肤套装","白鸭绒女长款羽绒服","跨境真皮女包","雅诗尼精华补水试管面膜",赠品会根据库存不时调整,希望正是您喜欢的。
+                </p>
+                <p>
+                  <span style="color:darkred;">彩虹卡不可退货退款</span>,请谨慎购买。
+                </p>
+                <p>
+                  购买完成后,之后每次推广新会员/平台补贴/免单都可以在会员中心查看:
+                </p>
+                <p>
+                  <img src="http://twongstatic.shotshock.shop/help/1.jpg" />
+                </p>
+              </ol>
+              <p>恭喜您已是美天旺彩虹一生会员</p>
+            </div>
+            <div>
+              <h3>三 推广赚钱</h3>
+              <p>
+                通过[分享商品]或[分享"我的推广"中的个人二维码]拉新用户,新用户通过上面的"成为会员"流程成为会员后完成会员推广
+              </p>
+              <p>
+                美天旺祝您使用顺心,生活愉快!
+              </p>
             </div>
-          </main><!-- close content main element -->
-          <!-- section close by builder template -->
+          </div>
         </div>
-        <!--end builder template-->
+      </main><!-- close content main element -->
+      <!-- section close by builder template -->
+    </div>
+    <!--end builder template-->
 </div><!-- close default .container_wrap element -->
 
 {{> footer }}

二進制
themes/shop/img/mp.png