獴哥价格修改

6d76b29c · Chao Sun · 2e858878 · 6d76b29c · 6d76b29c · 6d76b29c
Commit 6d76b29c authored Aug 13, 2019 by Chao Sun
19 changed files
--- a/consulting/css/style.css
+++ b/consulting/css/style.css
@@ -3,23 +3,16 @@
  padding: 0;
 }
-html, body {
+html,
+body {
  width: 100%;
  height: auto;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
-    font-family: -apple-system,
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    BlinkMacSystemFont,
+    "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
-    "Segoe UI",
+    "Microsoft YaHei", SimSun, sans-serif;
-    Roboto,
-    "Helvetica Neue",
-    Helvetica,
-    "PingFang SC",
-    "Hiragino Sans GB",
-    "Microsoft YaHei",
-    SimSun,
-    sans-serif;
 }
 a {
@@ -31,15 +24,26 @@ img {
  display: block;
 }
-ul, ol, li {
+ul,
+ol,
+li {
  list-style: none;
 }
-input, button {
+input,
+button {
  background: none;
  outline: none;
  border: 0px;
 }
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+input[type="number"] {
+  -moz-appearance: textfield;
+}
 .footer {
  display: -webkit-flex;
@@ -133,7 +137,6 @@ input, button {
  margin-right: 0;
  border-right: 1px #dcdcdc solid;
  font-size: 13px;
 }
 .footer li.peice_wrapper {
@@ -175,6 +178,10 @@ input, button {
 .curPrice span {
  font-size: 20px;
 }
+.curPrice .nowPrice {
+  font-size: 25px;
+  font-weight: bold;
+}
 .price span {
  font-size: 10px;
@@ -192,13 +199,14 @@ input, button {
  left: 0;
  right: 0;
  margin: 0 auto;
-    content: '';
+  content: "";
  width: 100%;
  height: 1px;
  background-color: #fe3400;
 }
-.modalBox, .loginInBox {
+.modalBox,
+.loginInBox {
  position: fixed;
  left: 0;
  top: 0;
@@ -342,5 +350,3 @@ body .layui-m-layer .layui-m-layer-msg {
  text-align: center;
  letter-spacing: 1px;
 }
--- a/consulting/index.html
+++ b/consulting/index.html
 <!DOCTYPE html>
 <html lang="en">
+  <head>
-<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+      http-equiv="Cache-Control"
-    <meta http-equiv="Pragma" content="no-cache">
+      content="no-cache, no-store, must-revalidate"
-    <meta http-equiv="Expires" content="0">
+    />
-    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
+    />
    <title>獴哥保险诊所</title>
    <link rel="stylesheet" href="./css/style.css" />
    <!--Shortcut icon-->
-    <link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
+    <link
-</head>
+      rel="shortcut icon"
+      href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"
+    />
+  </head>
-<body>
+  <body>
    <div>
-        <img src="./images/bg.png">
+      <img src="./images/bg.png" />
    </div>
    <div class="footer">
      <ul class="left">
        <li class="kefu_Wrapper">
-                <a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
+          <a
-                    <img class="icon" src="./images/icon.png" alt="icon">
+            href="http://q.url.cn/abkzV9?_type=wpa&qidian=true"
+            target="_blank"
+          >
+            <img class="icon" src="./images/icon.png" alt="icon" />
            <div class="kefu">客服</div>
          </a>
        </li>
@@ -31,8 +42,12 @@
          <div>分享产品</div>
        </li>
        <li class="peice_wrapper">
-                <div class="curPrice"><span>￥</span>49</div>
+          <div class="curPrice">
-                <div class="price">原价:<span>￥</span>199/年</div>
+            <span>￥</span><span class="nowPrice"></span>
+          </div>
+          <div class="price">
+            原价:<span>￥</span><span class="primeCost"></span>/年
+          </div>
        </li>
      </ul>
      <div class="right">
@@ -40,33 +55,38 @@
      </div>
    </div>
    <div class="modalBox">
-        <div class='inputBox'>
+      <div class="inputBox">
        <!--获取手机号 -->
        <div class="mobileNoSection inputControl">
-                <input id="phone" type='number' maxlength="11" placeholder="手机号" />
+          <input id="phone" type="number" maxlength="11" placeholder="手机号" />
-                <div class='autoGet'>
+          <div class="autoGet">
-                    <button class='getPhoneNumber commonBtn' id="codeBtn">
+            <button class="getPhoneNumber commonBtn" id="codeBtn">
              获取验证码
            </button>
          </div>
        </div>
        <!--获取验证码 -->
        <div class="codeSection inputControl">
-                <input id="code" type='number' maxlength="4" placeholder="短信验证码" />
+          <input
+            id="code"
+            type="number"
+            maxlength="4"
+            placeholder="短信验证码"
+          />
        </div>
        <!--姓名 -->
        <div class="codeSection inputControl">
          <input id="name" type="text" placeholder="姓名" />
        </div>
        <!--立即支付 -->
-            <button class='goBuyBtn commonBtn' id="pay">立即支付</button>
+        <button class="goBuyBtn commonBtn" id="pay">立即支付</button>
      </div>
-        <div class='closeModal' bindtap='closeModalBox'>X</div>
+      <div class="closeModal" bindtap="closeModalBox">X</div>
    </div>
    <!--分享弹框-->
    <div class="markbox">
      <div class="guideImgBox">
-            <img src="./images/tips.png" alt="提示">
+        <img src="./images/tips.png" alt="提示" />
        <div class="tipsToast">
          <p>请点击右上角菜单</p>
          <p>分享给朋友</p>
@@ -75,22 +95,32 @@
    </div>
    <!-- 登录弹窗-->
    <div class="loginInBox">
-        <div class='inputBox'>
+      <div class="inputBox">
        <!--获取手机号 -->
        <div class="mobileNoSection inputControl">
-                <input id="loginPhone" type='number' maxlength="11" placeholder="手机号" />
+          <input
-                <div class='autoGet'>
+            id="loginPhone"
-                    <button class='getPhoneNumber commonBtn' id="loginCodeBtn">
+            type="number"
+            maxlength="11"
+            placeholder="手机号"
+          />
+          <div class="autoGet">
+            <button class="getPhoneNumber commonBtn" id="loginCodeBtn">
              获取验证码
            </button>
          </div>
        </div>
        <!--获取验证码 -->
        <div class="codeSection inputControl">
-                <input id="loginCode" type='number' maxlength="4" placeholder="短信验证码" />
+          <input
+            id="loginCode"
+            type="number"
+            maxlength="4"
+            placeholder="短信验证码"
+          />
        </div>
        <!--登录 -->
-            <button class='goBuyBtn commonBtn' id="loginIn">登录</button>
+        <button class="goBuyBtn commonBtn" id="loginIn">登录</button>
      </div>
    </div>
    <div id="d" hidden></div>
@@ -100,17 +130,17 @@
    <script src="./js/base.js"></script>
    <script>
      var _hmt = _hmt || [];
-        (function () {
+      (function() {
        const host = window.location.host;
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
-            if (host == 'www.ydinsurance.cn') {
+        if (host == "www.ydinsurance.cn") {
-                hm.src = "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
+          hm.src =
+            "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
-</body>
+  </body>
 </html>
--- a/consulting/js/base.js
+++ b/consulting/js/base.js
@@ -26,9 +26,6 @@ $(function () {
    $("#phone,#name,#code").blur(function () {
        window.scrollTo(0, 0);
    })
-    var deviceType = checkDeviceType();
-    param.deviceType = deviceType;
    function getToken() {
        $.ajax({
            type: "POST",
@@ -46,6 +43,45 @@ $(function () {
    }
    var token = getToken();
+    function checkDeviceType() {
+        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
+            if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
+                deviceType = '3';
+            } else {
+                deviceType = '2';
+            }
+        } else {
+            deviceType = '1';
+        }
+        return deviceType;
+    }
+    var deviceType = checkDeviceType();
+    param.deviceType = deviceType;
+    //获取产品价格
+    var nowPrice = getGoodsPrice()
+    function getGoodsPrice(){
+        $.ajax({
+            type:"POST",
+            url:api+ '/api/voucherInfoQuery',
+            contentType: "application/json",
+            data:JSON.stringify({
+                planId:424
+            }),
+            async: false,
+            headers: {
+                "X-Authorization": token
+            },
+            success:function(res){
+                if(res['data']){
+                    $(".nowPrice").html(res['data']['voucherSalePrice'])
+                    $(".primeCost").html(res['data']['voucherValue'])
+                    nowPrice = res['data']['voucherSalePrice']
+                }
+            }
+        })
+        return nowPrice
+    }
    $(".right").click(function () {
        $("#phone").val('')
        $("#code").val('')
@@ -70,22 +106,6 @@ $(function () {
        }
        return null;
    }
-    function checkDeviceType() {
-        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
-            if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
-                deviceType = '3';
-            } else {
-                deviceType = '2';
-            }
-        } else {
-            deviceType = '1';
-        }
-        return deviceType;
-    }
-    var deviceType = checkDeviceType();
-    param.deviceType = deviceType;
    sendPhone()
    //发送验证码
    function sendPhone(type) {
@@ -302,7 +322,7 @@ $(function () {
                planId: '424',
                startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))),
                endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))),
-                price: '49',
+                price:nowPrice,
                holder: {
                    name: param.name,
                    mobileNo: param.phone

--- a/consulting1/.idea/workspace.xml
+++ b/consulting1/.idea/workspace.xml
--- a/consulting1/css/style.css
+++ b/consulting1/css/style.css
@@ -3,23 +3,16 @@
  padding: 0;
 }
-html, body {
+html,
+body {
  width: 100%;
  height: auto;
  min-width: 320px;
  max-width: 640px;
  margin: 0 auto;
-    font-family: -apple-system,
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    BlinkMacSystemFont,
+    "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
-    "Segoe UI",
+    "Microsoft YaHei", SimSun, sans-serif;
-    Roboto,
-    "Helvetica Neue",
-    Helvetica,
-    "PingFang SC",
-    "Hiragino Sans GB",
-    "Microsoft YaHei",
-    SimSun,
-    sans-serif;
 }
 a {
@@ -31,15 +24,26 @@ img {
  display: block;
 }
-ul, ol, li {
+ul,
+ol,
+li {
  list-style: none;
 }
-input, button {
+input,
+button {
  background: none;
  outline: none;
  border: 0px;
 }
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+}
+input[type="number"] {
+  -moz-appearance: textfield;
+}
 .footer {
  display: -webkit-flex;
@@ -133,7 +137,6 @@ input, button {
  margin-right: 0;
  border-right: 1px #dcdcdc solid;
  font-size: 13px;
 }
 .footer li.peice_wrapper {
@@ -192,13 +195,14 @@ input, button {
  left: 0;
  right: 0;
  margin: 0 auto;
-    content: '';
+  content: "";
  width: 100%;
  height: 1px;
  background-color: #fe3400;
 }
-.modalBox, .loginInBox {
+.modalBox,
+.loginInBox {
  position: fixed;
  left: 0;
  top: 0;
@@ -342,5 +346,3 @@ body .layui-m-layer .layui-m-layer-msg {
  text-align: center;
  letter-spacing: 1px;
 }
--- a/consulting1/index.html
+++ b/consulting1/index.html
 <!DOCTYPE html>
 <html lang="en">
+  <head>
-<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta
-    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+      http-equiv="Cache-Control"
-    <meta http-equiv="Pragma" content="no-cache">
+      content="no-cache, no-store, must-revalidate"
-    <meta http-equiv="Expires" content="0">
+    />
-    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Expires" content="0" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
+    />
    <title>獴哥保险诊所</title>
    <link rel="stylesheet" href="./css/style.css" />
-    <link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
+    <link
-</head>
+      rel="shortcut icon"
+      href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"
+    />
+  </head>
-<body>
+  <body>
    <div>
-        <img src="./images/bg_toutiao.png">
+      <img src="./images/bg_toutiao.png" />
    </div>
    <div class="footer">
      <ul class="left">
        <li class="kefu_Wrapper">
-                <a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
+          <a
-                    <img class="icon" src="./images/icon.png" alt="icon">
+            href="http://q.url.cn/abkzV9?_type=wpa&qidian=true"
+            target="_blank"
+          >
+            <img class="icon" src="./images/icon.png" alt="icon" />
            <div class="kefu">客服</div>
          </a>
        </li>
@@ -30,8 +41,12 @@
          <div>分享产品</div>
        </li>
        <li class="peice_wrapper">
-                <div class="curPrice"><span>￥</span>49</div>
+          <div class="curPrice">
-                <div class="price">原价:<span>￥</span>199/年</div>
+            <span>￥</span><span class="nowPrice"></span>
+          </div>
+          <div class="price">
+            原价:<span>￥</span><span class="primeCost"></span>/年
+          </div>
        </li>
      </ul>
      <div class="right">
@@ -39,33 +54,38 @@
      </div>
    </div>
    <div class="modalBox">
-        <div class='inputBox'>
+      <div class="inputBox">
        <!--获取手机号 -->
        <div class="mobileNoSection inputControl">
-                <input id="phone" type='number' maxlength="11" placeholder="手机号" />
+          <input id="phone" type="number" maxlength="11" placeholder="手机号" />
-                <div class='autoGet'>
+          <div class="autoGet">
-                    <button class='getPhoneNumber commonBtn' id="codeBtn">
+            <button class="getPhoneNumber commonBtn" id="codeBtn">
              获取验证码
            </button>
          </div>
        </div>
        <!--获取验证码 -->
        <div class="codeSection inputControl">
-                <input id="code" type='number' maxlength="4" placeholder="短信验证码" />
+          <input
+            id="code"
+            type="number"
+            maxlength="4"
+            placeholder="短信验证码"
+          />
        </div>
        <!--姓名 -->
        <div class="codeSection inputControl">
          <input id="name" type="text" placeholder="姓名" />
        </div>
        <!--立即支付 -->
-            <button class='goBuyBtn commonBtn' id="pay">立即支付</button>
+        <button class="goBuyBtn commonBtn" id="pay">立即支付</button>
      </div>
-        <div class='closeModal' bindtap='closeModalBox'>X</div>
+      <div class="closeModal" bindtap="closeModalBox">X</div>
    </div>
    <!--分享弹框-->
    <div class="markbox">
      <div class="guideImgBox">
-            <img src="./images/tips.png" alt="提示">
+        <img src="./images/tips.png" alt="提示" />
        <div class="tipsToast">
          <p>请点击右上角菜单</p>
          <p>分享给朋友</p>
@@ -74,22 +94,32 @@
    </div>
    <!-- 登录弹窗-->
    <div class="loginInBox">
-        <div class='inputBox'>
+      <div class="inputBox">
        <!--获取手机号 -->
        <div class="mobileNoSection inputControl">
-                <input id="loginPhone" type='number' maxlength="11" placeholder="手机号" />
+          <input
-                <div class='autoGet'>
+            id="loginPhone"
-                    <button class='getPhoneNumber commonBtn' id="loginCodeBtn">
+            type="number"
+            maxlength="11"
+            placeholder="手机号"
+          />
+          <div class="autoGet">
+            <button class="getPhoneNumber commonBtn" id="loginCodeBtn">
              获取验证码
            </button>
          </div>
        </div>
        <!--获取验证码 -->
        <div class="codeSection inputControl">
-                <input id="loginCode" type='number' maxlength="4" placeholder="短信验证码" />
+          <input
+            id="loginCode"
+            type="number"
+            maxlength="4"
+            placeholder="短信验证码"
+          />
        </div>
        <!--登录 -->
-            <button class='goBuyBtn commonBtn' id="loginIn">登录</button>
+        <button class="goBuyBtn commonBtn" id="loginIn">登录</button>
      </div>
    </div>
    <div id="d" hidden></div>
@@ -99,17 +129,17 @@
    <script src="./js/base.js"></script>
    <script>
      var _hmt = _hmt || [];
-        (function () {
+      (function() {
        const host = window.location.host;
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
-            if (host == 'www.ydinsurance.cn') {
+        if (host == "www.ydinsurance.cn") {
-                hm.src = "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
+          hm.src =
+            "https://hm.baidu.com/hm.js?73a2215476525c6142927963135662e0";
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>
-</body>
+  </body>
 </html>
--- a/consulting1/js/base.js
+++ b/consulting1/js/base.js
@@ -26,9 +26,6 @@ $(function () {
    $("#phone,#name,#code").blur(function () {
        window.scrollTo(0, 0);
    })
-    var deviceType = checkDeviceType();
-    param.deviceType = deviceType;
    function getToken() {
        $.ajax({
            type: "POST",
@@ -44,8 +41,47 @@ $(function () {
        })
        return token;
    }
    var token = getToken();
+    function checkDeviceType() {
+        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
+            if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
+                deviceType = '3';
+            } else {
+                deviceType = '2';
+            }
+        } else {
+            deviceType = '1';
+        }
+        return deviceType;
+    }
+    var deviceType = checkDeviceType();
+    param.deviceType = deviceType;
+    //获取产品价格
+    var nowPrice = getGoodsPrice()
+    function getGoodsPrice(){
+        $.ajax({
+            type:"POST",
+            url:api+ '/api/voucherInfoQuery',
+            contentType: "application/json",
+            data:JSON.stringify({
+                planId:424
+            }),
+            async: false,
+            headers: {
+                "X-Authorization": token
+            },
+            success:function(res){
+                if(res['data']){
+                    $(".nowPrice").html(res['data']['voucherSalePrice'])
+                    $(".primeCost").html(res['data']['voucherValue'])
+                    nowPrice = res['data']['voucherSalePrice']
+                }
+            }
+        })
+        return nowPrice
+    }
    $(".right").click(function () {
        $("#phone").val('')
        $("#code").val('')
@@ -70,22 +106,6 @@ $(function () {
        }
        return null;
    }
-    function checkDeviceType() {
-        if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
-            if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
-                deviceType = '3';
-            } else {
-                deviceType = '2';
-            }
-        } else {
-            deviceType = '1';
-        }
-        return deviceType;
-    }
-    var deviceType = checkDeviceType();
-    param.deviceType = deviceType;
    sendPhone()
    //发送验证码
    function sendPhone(type) {
@@ -302,7 +322,7 @@ $(function () {
                planId: '424',
                startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))),
                endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))),
-                price: '49',
+                price: nowPrice,
                holder: {
                    name: param.name,
                    mobileNo: param.phone

--- a/yd-child-activity/css/bootstrap.min.css
+++ b/yd-child-activity/css/bootstrap.min.css
--- a/yd-child-activity/css/style.css
+++ b/yd-child-activity/css/style.css
+.container {
+  letter-spacing: 1px;
+  color: #333;
+  line-height: 1.6;
+  font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue",
+    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei",
+    Arial, sans-serif;
+  padding: 30px;
+}
+.container > h6 > span:first-child {
+  display: inline-block;
+  border: 1px solid #b5b5b5;
+  border-radius: 20px;
+  padding: 2px 5px;
+  margin-right: 15px;
+}
+.container > h6 > strong {
+  color: #576b95;
+  font-size: 20px;
+  margin-right: 15px;
+}
+.container > .content-title {
+  font-size: 22px;
+  color: rgb(73, 59, 92);
+}
+.header-transition {
+  width: 100%;
+  text-align: center;
+}
+.header-transition > .header-transition-tips {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-right: 30px;
+  margin-top: 40px;
+  margin-bottom: 10px;
+}
+.header-transition > .header-transition-tips .arrow-up {
+  width: 30px;
+  height: 30px;
+  border: 2px solid #4a4a4a;
+  border-radius: 50%;
+  margin-right: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
+.header-transition > .header-transition-tips .arrow-up > img {
+  width: 30px;
+}
+.header-transition > .header-transition-slogan {
+  border: 1px solid #8a8a8a;
+  padding: 30px 0px;
+}
+.header-transition > .header-transition-slogan > .title {
+  background: rgba(87, 107, 149, 0.1);
+  width: 70%;
+  font-size: 2em;
+  color: rgb(87, 107, 149);
+  letter-spacing: 2px;
+  margin: 0 auto 20px;
+  padding: 15px;
+}
+.header-transition > .header-transition-slogan .wxIcon {
+  width: 22px;
+  margin-right: 15px;
+}
+.header-transition .header-transition-wx {
+  display: flex;
+  justify-content: center;
+}
+.line {
+  position: relative;
+}
+.line:after {
+  position: absolute;
+  content: "";
+  left: 0;
+  right: 0;
+  bottom: -5px;
+  border-top: 1px solid rgb(87, 107, 149);
+  width: 100%;
+  height: 0;
+  margin: 0 auto;
+}
+.line:before {
+  position: absolute;
+  content: "";
+  left: 0;
+  right: 0;
+  bottom: -12px;
+  border-top: 4px solid rgb(87, 107, 149);
+  width: 100%;
+  height: 0;
+  margin: 0 auto;
+}
+.marketing-content {
+  margin-bottom: 30px;
+}
+.marketing-content > .content-title > p {
+  /* font-style: italic; */
+  font-weight: bold;
+  font-size: 17px;
+  text-align: justify;
+  white-space: normal;
+  max-width: 100%;
+  min-height: 1em;
+  letter-spacing: 0.544px;
+  box-sizing: border-box !important;
+  overflow-wrap: break-word !important;
+}
+.marketing-content > .content-title > p:first-child {
+  color: rgb(73, 59, 92);
+  margin-bottom: 10px;
+}
+.marketing-content > .content-title > p:last-child {
+  color: rgb(51, 51, 51);
+}
+.marketing-content > .content-title > p:last-child {
+  margin-bottom: 30px;
+}
+.viewBtn {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 6px;
+  margin-top: -46px;
+  padding-top: 50px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  background-image: linear-gradient(
+    -180deg,
+    rgba(255, 255, 255, 0.5) 0,
+    rgba(255, 255, 255, 1) 70%
+  );
+}
+.wx-subscription {
+  font-size: 24px;
+  color: #fff;
+  font-weight: bold;
+  background-color: #09bb07;
+  text-align: center;
+  height: 70px;
+  line-height: 70px;
+  border-radius: 10px;
+  margin-top: 35px;
+  position: absolute;
+  width: 100%;
+  top: 20px;
+}
+.wx-subscription-container {
+  padding: 0 15px;
+  border: 1px solid #000;
+  margin-top: 20px;
+}
+.wx-subscription-container > h5 {
+  background: rgba(87, 107, 149, 0.1);
+  width: 70%;
+  font-size: 2em;
+  color: rgb(87, 107, 149);
+  letter-spacing: 2px;
+  padding: 15px;
+  text-align: center;
+  margin: 15px auto 20px;
+}
+.wx-subscription-container > h6 {
+  position: relative;
+  margin-bottom: 50px;
+}
+.wx-subscription > img {
+  width: 40px;
+  margin-right: 10px;
+}
+.article-content {
+  color: #4a4a4a;
+}
+.article-content > h5 {
+  color: #6260b1;
+  font-weight: bold;
+  font-size: 18px;
+}
+.article-content > p {
+  position: relative;
+  margin-bottom: 30px;
+}
+.article-content > p > span {
+  border-bottom: 1px solid #4a4a4a;
+}
+footer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+footer > .wxIcon {
+  width: 30px;
+  margin-right: 15px;
+}
+footer > div {
+  padding: 30px 0;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+@-webkit-keyframes fadeInUp {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(20px);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform: translateY(-20px);
+  }
+}
+@-moz-keyframes fadeInUp {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(20px);
+  }
+  100% {
+    opacity: 1;
+    -moz-transform: translateY(-20px);
+  }
+}
+@-ms-keyframes fadeInUp {
+  0% {
+    opacity: 1;
+    -ms-transform: translateY(20px);
+  }
+  100% {
+    opacity: 1;
+    -ms-transform: translateY(-20px);
+  }
+}
+@-o-keyframes fadeInUp {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(20px);
+  }
+  100% {
+    opacity: 1;
+    -o-transform: translateY(-20px);
+  }
+}
+@keyframes fadeInUp {
+  0% {
+    opacity: 1;
+    transform: translateY(20px);
+  }
+  100% {
+    opacity: 1;
+    transform: translateY(-20px);
+  }
+}
+.fadeInUp {
+  animation: fadeInUp 1.5s infinite;
+}
+#dialog {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  background-color: #fff;
+  display: none;
+  overflow-y: scroll;
+}
+#dialog .dialog-content {
+  width: 100%;
+  max-width: 800px;
+  background-color: #fff;
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  border-radius: 20px;
+  margin: 5% auto;
+  padding: 0 15px;
+}
+#dialog .dialog-content h5 {
+  font-size: 22px;
+  font-weight: bold;
+  color: #4a4a4a;
+}
+.crumbs ul {
+  list-style: none;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+}
+.crumbs ul li {
+  position: relative;
+  background: rgba(98, 96, 177, 0.8);
+  color: #fff;
+  height: 30px;
+  line-height: 30px;
+  margin-right: 16px;
+  font-size: 12px;
+  padding-left: 8px;
+  flex: 1;
+}
+.crumbs ul li:last-child {
+  margin-right: 0;
+}
+.crumbs ul li:after {
+  content: "";
+  border-top: 15px solid transparent;
+  border-bottom: 15px solid transparent;
+  border-left: 15px solid rgba(98, 96, 177, 0.8);
+  position: absolute;
+  right: -15px;
+  top: 0;
+  z-index: 5;
+}
+.crumbs ul li::before {
+  content: "";
+  border-left: 15px solid transparent;
+  border-bottom: 15px solid rgba(98, 96, 177, 0.8);
+  border-top: 15px solid rgba(98, 96, 177, 0.8);
+  position: absolute;
+  left: -15px;
+  top: 0;
+}
+.crumbs ul li:first-child {
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+.crumbs ul li:first-child:before {
+  display: none;
+}
+.crumbs ul li:last-child {
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
+}
+.crumbs ul li:last-child:after {
+  display: none;
+}
+.panel-body {
+  padding: 0 3px;
+}
+.panel-default {
+  border-color: #ddd;
+  width: 100%;
+}
+.qrcode {
+  display: flex;
+  justify-content: center;
+  margin-bottom: 10px;
+}
+.searchBox {
+  padding: 10px 15px;
+  border: 1px dashed #6260b1;
+  text-align: center;
+  letter-spacing: 10px;
+  font-size: 18px;
+  font-weight: bold;
+  color: #000;
+  margin-top: 15px;
+}
+#copyBtn {
+  height: 34px;
+  line-height: 34px;
+  background-color: #6160b1;
+  color: #fff;
+  text-align: center;
+  margin: 15px 0;
+  border-radius: 5px;
+  letter-spacing: 5px;
+  cursor: pointer;
+}
+/* 小屏幕（平板，大于等于 768px） */
+@media (max-width: 750px) {
+  .header-transition > .header-transition-slogan > .title,
+  .wx-subscription-container > h5 {
+    font-size: 18px;
+    font-weight: bold;
+  }
+  #dialog .dialog-content {
+  }
+  #dialog .dialog-content h5 {
+    font-size: 16px;
+  }
+  #dialog img {
+    width: 150px;
+    height: 150px;
+  }
+  .header-transition .header-transition-wx:before,
+  .wx-subscription-container > h6:before,
+  .header-transition .header-transition-wx:after,
+  .wx-subscription-container > h6:after {
+    width: 50%;
+  }
+  .wx-subscription {
+    font-size: 20px;
+  }
+}
+.weui-toast {
+  position: fixed;
+  z-index: 5000;
+  width: 7.6em;
+  min-height: 7.6em;
+  top: 180px;
+  left: 50%;
+  margin-left: -3.8em;
+  background: rgba(17, 17, 17, 0.8);
+  text-align: center;
+  border-radius: 5px;
+  color: #ffffff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.content-content img {
+  max-width: 100%;
+}
+.content-content p {
+  margin-bottom: 20px;
+}
--- a/yd-child-activity/images/arrow-bottom.png
+++ b/yd-child-activity/images/arrow-bottom.png
--- a/yd-child-activity/images/arrow-top.png
+++ b/yd-child-activity/images/arrow-top.png
--- a/yd-child-activity/images/pic.png
+++ b/yd-child-activity/images/pic.png
--- a/yd-child-activity/images/qrcode.jpg
+++ b/yd-child-activity/images/qrcode.jpg
--- a/yd-child-activity/images/wx-white.png
+++ b/yd-child-activity/images/wx-white.png
--- a/yd-child-activity/images/wx.png
+++ b/yd-child-activity/images/wx.png
--- a/yd-child-activity/index.html
+++ b/yd-child-activity/index.html
--- a/yd-child-activity/js/base.js
+++ b/yd-child-activity/js/base.js
+$(document).ready(function () {
+    $(".cursor-pointer").click(function () {
+        $('#dialog').show();
+    });
+    $('#dialog').click(function (e) {
+        var e = e || window.event; //浏览器兼容性
+        var elem = e.target || e.srcElement;
+        while (elem) { //循环判断至跟节点，防止点击的是div子元素
+            if (elem.id && elem.id == 'dialog-content') {
+                return;
+            }
+            elem = elem.parentNode;
+        }
+        $('#dialog').css('display', 'none'); //点击的不是div或其子元素
+    });
+    $('#copyBtn').click(function (e) {
+        const range = document.createRange();
+        range.selectNode(document.getElementById('copyBT'));
+        const selection = window.getSelection();
+        if (selection.rangeCount > 0) selection.removeAllRanges();
+        selection.addRange(range);
+        document.execCommand('copy');
+        $('#copyBtn').html('复制成功，打开微信，粘贴搜索');
+        $('#toast').show().delay(3000).fadeOut();
+    });
+});
\ No newline at end of file
--- a/yd-child-activity/js/bootstrap.min.js
+++ b/yd-child-activity/js/bootstrap.min.js
--- a/yd-child-activity/js/jquery.min.js
+++ b/yd-child-activity/js/jquery.min.js