Procházet zdrojové kódy

Merge branch 'feature/v4.9.99' of https://jygit.jydev.jianyu360.cn/qmx/jy into feature/v4.9.99

wangshan před 4 měsíci
rodič
revize
5e56c0541b
45 změnil soubory, kde provedl 1635 přidání a 202 odebrání
  1. 213 0
      src/jfw/modules/app/src/web/staticres/jyapp/vipsubscribe/css/vip_introduce.css
  2. 91 14
      src/jfw/modules/app/src/web/templates/vipsubscribe/vip_introduce.html
  3. 30 3
      src/web/staticres/common-module/public/head.js
  4. binární
      src/web/staticres/common-module/vipsubscribe/image/contrast-header.png
  5. binární
      src/web/staticres/common-module/vipsubscribe/image/cooperate-header.png
  6. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-1-gold.png
  7. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-1.png
  8. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-2-gold.png
  9. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-2.png
  10. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-3-gold.png
  11. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-3.png
  12. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-4-gold.png
  13. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-4.png
  14. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-5-gold.png
  15. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-5.png
  16. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-6-gold.png
  17. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-6.png
  18. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-7-gold.png
  19. binární
      src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-7.png
  20. binární
      src/web/staticres/common-module/vipsubscribe/image/landing-banner@2x.png
  21. binární
      src/web/staticres/common-module/vipsubscribe/image/vs_new.png
  22. 164 14
      src/web/staticres/css/subscribe_new.css
  23. binární
      src/web/staticres/images/subscribe/contrast-header.png
  24. binární
      src/web/staticres/images/subscribe/cooperate-1-gold.png
  25. binární
      src/web/staticres/images/subscribe/cooperate-1.png
  26. binární
      src/web/staticres/images/subscribe/cooperate-2-gold.png
  27. binární
      src/web/staticres/images/subscribe/cooperate-2.png
  28. binární
      src/web/staticres/images/subscribe/cooperate-3-gold.png
  29. binární
      src/web/staticres/images/subscribe/cooperate-3.png
  30. binární
      src/web/staticres/images/subscribe/cooperate-4-gold.png
  31. binární
      src/web/staticres/images/subscribe/cooperate-4.png
  32. binární
      src/web/staticres/images/subscribe/cooperate-5-gold.png
  33. binární
      src/web/staticres/images/subscribe/cooperate-5.png
  34. binární
      src/web/staticres/images/subscribe/cooperate-6-gold.png
  35. binární
      src/web/staticres/images/subscribe/cooperate-6.png
  36. binární
      src/web/staticres/images/subscribe/cooperate-7-gold.png
  37. binární
      src/web/staticres/images/subscribe/cooperate-7.png
  38. binární
      src/web/staticres/images/subscribe/cooperate-header.png
  39. binární
      src/web/staticres/images/subscribe/new-banner.png
  40. binární
      src/web/staticres/images/subscribe/right.png
  41. binární
      src/web/staticres/images/subscribe/right_old.png
  42. 214 1
      src/web/staticres/vipsubscribe/css/vip_introduce.css
  43. 119 156
      src/web/templates/pc/subscribe_new.html
  44. 713 0
      src/web/templates/pc/subscribe_old.html
  45. 91 14
      src/web/templates/weixin/vipsubscribe/vip_introduce.html

+ 213 - 0
src/jfw/modules/app/src/web/staticres/jyapp/vipsubscribe/css/vip_introduce.css

@@ -515,3 +515,216 @@ body .j-container {
   padding-bottom: 0;
   margin-bottom: -1.8rem;
 }
+/* new */
+.vip_introduce .landing-banner{
+  position: relative;
+}
+
+.vip_introduce .statistic-info{
+  position: absolute;
+  bottom: .56rem;
+  left: .24rem;
+  right: .24rem;
+  width: calc(100% - .56rem);
+  display: flex;
+  align-items: center;
+  padding: .2rem 0;
+  border-radius: .24rem;
+  background: linear-gradient(rgba(255, 249, 238, 1), rgba(255, 255, 255, 1));
+  box-shadow: 0px 6px 24px 0px rgba(128, 65, 2, 0.1);
+}
+.vip_introduce .statistic-item{
+  width: 33.33%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.vip_introduce .statistic-item:not(:last-child) {
+  border-right: 1px solid#ececec;
+}
+.vip_introduce .statistic-item .item-count{
+  font-size: .4rem;
+  line-height: .48rem;
+  font-weight: bold;
+  color: rgba(177, 112, 14, 1);
+}
+.vip_introduce .statistic-item p{
+  margin-top: .12rem;
+  color:#1d1d1d;
+  font-size: .24rem;
+  line-height: .36rem;
+}
+.vip_introduce .vip_introduce{
+  padding: .72rem 0 .68rem;
+}
+.vip_introduce .cooperate-container{
+  padding-top: .72rem;
+}
+.vip_introduce .cooperate-header {
+  text-align: center;
+}
+.vip_introduce .cooperate-header-title{
+  height: .6rem;
+  background: url(/common-module/vipsubscribe/image/cooperate-header.png) no-repeat center center;
+  background-size: contain;
+}
+.vip_introduce .cooperate-header-subtitle {
+  text-align: center;
+}
+.vip_introduce .line-flex{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: .08rem;
+}
+.vip_introduce .split-box--before::before{
+  content: "";
+  display: inline-block;
+  width: .64rem;
+  height: 1px;
+  margin-bottom: 4px;
+  background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
+}
+.vip_introduce .split-box--before::after {
+  content: "";
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  background: #ccad87;
+  transform: rotate(45deg);
+}
+.vip_introduce .split-box--after::before{
+  content: "";
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  background: #ccad87;
+  transform: rotate(45deg);
+}
+.vip_introduce .split-box--after::after{
+  content: "";
+  display: inline-block;
+  width: .64rem;
+  height: 1px;
+  margin-bottom: 4px;
+  background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
+}
+.vip_introduce .split-box--text{
+  margin: 0 .12rem;
+  font-size: .32rem;
+  line-height: .48rem;
+  color: #1d1d1d;
+}
+.vip_introduce  .cooperate-list{
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: .64rem;
+  padding: 0 .26rem;
+}
+.vip_introduce  .cooperate-list .cooperate-item{
+  width: 2.16rem;
+  padding: .26rem 0;
+  margin-bottom: .24rem;
+  text-align: center;
+  border-radius: .24rem;
+  border: 1px solid rgba(250, 231, 202, 1);
+  color:#1d1d1d;
+  font-size: .28rem;
+  line-height: .4rem;
+  background: #fff;
+}
+.vip_introduce  .cooperate-list .cooperate-item:not(:nth-child(3n)) {
+  margin-right:.24rem; 
+}
+.vip_introduce .cooperate-item .cooperate-item-icon{
+  width: .72rem;
+  height: .72rem;
+  margin: 0 auto .08rem;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-1{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-1.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-2{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-2.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-3{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-3.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-4{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-4.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-5{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-5.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-6{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-6.png);
+}
+.vip_introduce .cooperate-item:hover{
+  background: linear-gradient(rgba(255, 248, 236, 1), rgba(255, 241, 219, 1));
+  color: rgba(177, 112, 14, 1);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-1{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-1-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-2{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-2-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-3{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-3-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-4{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-4-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-5{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-5-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-6{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-6-gold.png);
+}
+.vip_introduce .cooperate-footer{
+  margin: 0 .28rem;
+  padding: .22rem;
+  border-radius: .24rem;
+  border: 1px solid rgba(250, 231, 202, 1);
+  font-size: .32rem;
+  line-height: .48rem;
+  color: rgba(177, 112, 14, 1);
+  text-align: center;
+}
+.vip_introduce .vs-container{
+  margin: .68rem 0 0;
+}
+.popup-bottom-group{
+  display: flex;
+  width: 100%;
+  padding: .16rem .32rem;
+  background: #fff;
+}
+.popup-bottom-group .btn-customer{
+  width: 3.3rem;
+  height: .8rem;
+  margin-right: .3rem;
+  font-size: .32rem;
+  line-height: .8rem;
+  color: rgba(194, 111, 51, 1);
+  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 251, 246, 1));
+  border: 1px solid rgba(214, 158, 85, 1);
+  box-shadow: 0px 10px 16px 0px rgba(233, 183, 105, 0.2);
+  border-radius: .12rem;
+  text-align: center;
+}
+.popup-bottom-group .btn-buy{
+  width: 3.3rem;
+  height: .8rem;
+  font-size: .32rem;
+  line-height: .8rem;
+  color: #fff;
+  background: linear-gradient(rgba(248, 205, 141, 1), rgba(218, 142, 53, 1));
+  box-shadow: 0px 10px 16px 0px rgba(233, 183, 105, 0.2);
+  border-radius: .12rem;
+  text-align: center;
+}

+ 91 - 14
src/jfw/modules/app/src/web/templates/vipsubscribe/vip_introduce.html

@@ -66,7 +66,7 @@
             position: absolute;
             bottom: 0;
             left: 0;
-            background: transparent;
+            /* background: transparent; */
             height: auto !important;
         }
         .vip_introduce .main {
@@ -83,27 +83,81 @@
     </div>
     <div class="j-main vip_introduce vip-body" id="vip-body">
         <div class="main">
-                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_01.jpg?v={{Msg "seo" "version"}}">
-                <img id="cut-2" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_02.jpg?v={{Msg "seo" "version"}}">
-                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_03.jpg?v={{Msg "seo" "version"}}">
-                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/vip_vs.png?v={{Msg "seo" "version"}}">
-                <img id="cut-6" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_06.jpg?v={{Msg "seo" "version"}}">
-                <img src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/cut_07.jpg?v={{Msg "seo" "version"}}">
+          <div class="landing-banner">
+            <img id="cut-2" src='' />
+            <div class="statistic-info">
+              <div class="statistic-item">
+                <h3 class="item-count day-update-count"></h3>
+                <p>每日招采信息新增</p>
+              </div>
+              <div class="statistic-item">
+                <h3 class="item-count purchase-partyA-count"></h3>
+                <p>覆盖省市镇招采甲方</p>
+              </div>
+              <div class="statistic-item">
+                <h3 class="item-count purchase-project-count"></h3>
+                <p>覆盖全行业招采项目</p>
+              </div>
+            </div>
+          </div>
+          <div class="cooperate-container">
+            <div class="cooperate-header">
+              <h2 class="cooperate-header-title"></h2>
+              <p class="line-flex cooperate-header-subtitle">
+                <span class="split-box--before"></span>
+                <span class="split-box--text">定向推送!覆盖全网全类招采项目</span>
+                <span class="split-box--after"></span>
+              </p>
+            </div>
+            <div class="cooperate-main">
+              <div class="cooperate-list">
+                <div class="cooperate-item">
+                  <div class="cooperate-item-icon cooperate-item-icon-1"></div>
+                  <p class="cooperate-item-text">建筑工程</p>
+                </div>
+                <div class="cooperate-item">
+                  <div class="cooperate-item-icon cooperate-item-icon-2"></div>
+                  <p class="cooperate-item-text">弱电安防</p>
+                </div>
+                <div class="cooperate-item">
+                  <div class="cooperate-item-icon cooperate-item-icon-3"></div>
+                  <p class="cooperate-item-text">信息技术</p>
+                </div>
+                <div class="cooperate-item">
+                  <div class="cooperate-item-icon cooperate-item-icon-4"></div>
+                  <p class="cooperate-item-text">医疗卫生</p>
+                </div>
+                <div class="cooperate-item">
+                  <div class="cooperate-item-icon cooperate-item-icon-5"></div>
+                  <p class="cooperate-item-text">服务采购</p>
+                </div>
+                <div class="cooperate-item">
+                  <div class="cooperate-item-icon cooperate-item-icon-6"></div>
+                  <p class="cooperate-item-text">机械设备</p>
+                </div>
+              </div>
+              <div class="cooperate-footer" data-href="/jy_mobile/search/middle/bidding">
+                <div class="cooperate-item-icon cooperate-item-icon-7"></div>
+                <p class="cooperate-item-text">更多行业</p>
+              </div>
+            </div>
+          </div>
+          <div class="vs-container">
+            <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/vs_new.png?v={{Msg "seo" "version"}}' alt="vs">
+          </div>
         </div>
     </div>
-        <div class="j-footer j-button-group popup-bottom-group">
-            <div class="adbottom" style="width:375px;height: 40px;text-align: center;" id="bottomad">
-<!--              <div class="pop-tip-group tip-box">-->
-<!--                <div>每天一块钱,立刻拥有全网商机!</div>-->
-<!--              </div>-->
-            </div>
+    <div class="j-footer j-button-group popup-bottom-group">
+        <!-- <div class="adbottom" style="width:375px;height: 40px;text-align: center;" id="bottomad"></div>
         <div class="pop-tip-group active" style="display: none">
                 <div>买1年送1年</div>
         </div>
         <div class="pop-button" data-need-bind-phone data-url="/jy_mobile/common/order/create/svip?type=buy{{if .T.disWord}}&disWord={{.T.disWord}}{{end}}"  id="vip-introduce">
                 <img data-name="default" src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/btnBottom.png?v={{Msg "seo" "version"}}">
                 <img data-name="active" style="display: none"  src="{{Cdns .Host "seo" "cdn"|SafeUrl}}/common-module/vipsubscribe/image/info/btnBottom1212.png?v={{Msg "seo" "version"}}">
-        </div>
+        </div> -->
+        <div class="btn-customer" onclick="location.href= '/jyapp/free/customer'">咨询客服</div>
+        <div class="btn-buy" data-need-bind-phone data-url="/jy_mobile/common/order/create/svip?type=buy{{if .T.disWord}}&disWord={{.T.disWord}}{{end}}">立即购买</div>
     </div>
 </div>
 <script src='https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js'></script>
@@ -227,6 +281,29 @@
         sessionStorage.removeItem('vip-cur-select-coupon')
         sessionStorage.removeItem('$select-coupon')
         sessionStorage.removeItem('vip-cur-select-size')
+        function ajaxGetUpdateInfo () {
+          $.ajax({
+            type: 'POST',
+            url: '/jyapi/jybx/base/included',
+            success: function (res) {
+              if (res.data) {
+                var dataJSONObj = res.data
+              // 每日更新
+              $('.day-update-count').text(dataJSONObj.bidDayUpdate + dataJSONObj.bidDayUpdateUnit + dataJSONObj.bidDayUpdateUnitAppend)
+                // 招采甲方
+                $('.purchase-partyA-count').text(dataJSONObj.buyer + dataJSONObj.buyerUnit + dataJSONObj.buyerUnitAppend)
+                // 招采项目
+                $('.purchase-project-count').text(dataJSONObj.project + dataJSONObj.projectUnit + dataJSONObj.projectUnitAppend);
+              }
+            }
+          })
+      }
+      ajaxGetUpdateInfo()
+      var footerHeight = $('.j-footer').outerHeight()
+      $('.vip_introduce').css('padding-bottom', footerHeight)
+      $('.cooperate-footer[data-href]').click(function(){
+        location.href = $(this).attr('data-href')
+      })
     })
 </script>
 

+ 30 - 3
src/web/staticres/common-module/public/head.js

@@ -30,7 +30,7 @@
 ;(function () {
 
 
-  function loadJS (url, success) {
+  function loadJS (url, success, inject) {
     var scripts = document.getElementsByTagName('script')
     for (var i = 0; i < scripts.length; i++) {
       if (scripts[i].src && scripts[i].src.indexOf(url) > -1) {
@@ -40,8 +40,8 @@
     }
     var domScript = document.createElement('script');
     domScript.src = url;
-    success = success || function () {
-    };
+    typeof inject === 'function' ? inject(domScript) : null;
+    success = success || function () {};
     domScript.onload = domScript.onreadystatechange = function () {
       if (!this.readyState || 'loaded' === this.readyState || 'complete' === this.readyState) {
         success();
@@ -94,4 +94,31 @@
   } catch (error) {
     console.warn('Error: init jy sdk error', error)
   }
+
+  function addMaticId () {
+    var sdkVersion = 25311
+    if (window.goTemplateData && window.goTemplateData.version) {
+      sdkVersion = window.goTemplateData.version
+    }
+
+    function addDefer (sdom) {
+      sdom.defer = true
+    }
+
+    loadJS('//cdn-common.jianyu360.com/cdn/lib/jsencrypt/3.3.2/jsencrypt.min.js', function () {
+      loadJS('//cdn-common.jianyu360.com/cdn/lib/fid-sdk/v4/fid.js', function () {
+        loadJS('/common-module/public/js/automatic-id.min.js?v=' + sdkVersion, function () {}, addDefer)
+      }, addDefer)
+    }, addDefer)
+
+  }
+
+  if (document.cookie.indexOf('fid') === -1) {
+    try {
+      addMaticId()
+    } catch (e) {
+      console.log(e)
+    }
+  }
+
 })();

binární
src/web/staticres/common-module/vipsubscribe/image/contrast-header.png


binární
src/web/staticres/common-module/vipsubscribe/image/cooperate-header.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-1-gold.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-1.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-2-gold.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-2.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-3-gold.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-3.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-4-gold.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-4.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-5-gold.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-5.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-6-gold.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-6.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-7-gold.png


binární
src/web/staticres/common-module/vipsubscribe/image/icon/cooperate-7.png


binární
src/web/staticres/common-module/vipsubscribe/image/landing-banner@2x.png


binární
src/web/staticres/common-module/vipsubscribe/image/vs_new.png


+ 164 - 14
src/web/staticres/css/subscribe_new.css

@@ -1,3 +1,7 @@
+.w-1200{
+  width: 1200px;
+  margin: 0 auto;
+}
 /* banner图板块 */
 .tender-1 {
   width: 100%;
@@ -12,7 +16,7 @@
 
 .tender-1 .imgauto img {
   width: 100%;
-  min-height: 525px;
+  min-height: 400px;
   z-index: 1;
   display: inline-block;
 }
@@ -133,13 +137,23 @@
 .sub-contrast {
   width: 100%;
   min-height: 1020px;
-  margin-top: -160px;
+  margin-top: 60px;
+  /* margin-top: -160px; */
 }
 
 .sub-contrast .contrast-header {
   width: 100%;
   height: 31px;
 }
+.sub-contrast .contrast-header .contrast-header-title{
+  height: 78px;
+  background: url("/images/subscribe/contrast-header.png") no-repeat center center;
+  background-size: contain;
+  text-align: center;
+}
+.sub-contrast .contrast-header .contrast-header-title .title-left{
+  color: rgba(201, 143, 55, 1);
+}
 
 .sub-contrast .contrast-header .header-title {
   width: 331px;
@@ -159,7 +173,7 @@
 .sub-contrast .contrast-main {
   width: 100%;
   min-height: 1020px;
-  margin-top: 32px;
+  margin-top: 120px;
 }
 
 .sub-contrast .contrast-main .contrast-main-center {
@@ -412,7 +426,7 @@
   font-size: 14px;
   font-family: Microsoft YaHei, sans-serif;
   font-weight: 400;
-  color: #714402;
+  color: rgba(177, 112, 14, 1);
   background: rgba(255, 226, 193, 0.07999999821186066);
   opacity: 1;
   border-bottom: 1px solid #ececec;
@@ -939,7 +953,7 @@ border-radius: 8px;
   color: #ffffff;
   line-height: 46px;
   text-align: center;
-  margin: 0 30px;
+  margin: 0 30px 0 0;
   cursor: pointer;
   position: relative;
   overflow: hidden;
@@ -974,11 +988,12 @@ border-radius: 8px;
 }
 
 .subpage-button.gold {
-  background: linear-gradient(90deg, #fafbff 0%, #c1befc 100%);
-  box-shadow: 0px 10px 16px 1px rgba(51, 49, 110, 0.20000000298023224);
+  background: linear-gradient(90deg, #FFFFFF 0%, #FFFBF6 100%);
+  box-shadow: 0px 10px 16px 1px rgba(233, 183, 105, 0.2);
   border-radius: 6px 6px 6px 6px;
+  border: 1px solid rgba(201, 143, 55, 1);
   opacity: 1;
-  color: #231b66;
+  color: rgba(177, 112, 14, 1);
 }
 
 .subpage-button.darkblue {
@@ -1050,7 +1065,7 @@ border-radius: 8px;
   background: linear-gradient(180deg, #fff9f2 0%, #fffdfa 100%);
   border-radius: 0px 0px 0px 0px;
   opacity: 1;
-  margin-top: -46px;
+  /* margin-top: -46px; */
 }
 
 .top-title {
@@ -1122,12 +1137,13 @@ border-radius: 8px;
 }
 
 .app-bottom {
-  height: 504px;
+  height: 60px;
+  /* height: 504px;
   display: flex;
   flex-direction: column;
   align-items: center;
   background: #fff9f2;
-  margin-top: 80px;
+  margin-top: 80px; */
 }
 
 .app-bottom-box {
@@ -1217,10 +1233,17 @@ border-radius: 8px;
 }
 .newTxt {
   position: absolute;
-  bottom: 25%;
-  left: calc(50% - 240px);
+  bottom: 103px;
+  left: 50%;
+  height: 60px;
+  margin-left: -600px;
   z-index: 3;
 }
+.button-inline{
+  position: absolute;
+  left: 40px;
+  display: flex;
+}
 
 .contrast-main-header {
   display: flex;
@@ -1267,7 +1290,134 @@ border-radius: 8px;
 
 .sticky-header {
   position: fixed;
-  top: 63px;
+  top: 53px;
   z-index: 99;
   width: 100%;
 }
+
+.statistic-info{
+  position: relative;
+  width: 100%;
+  margin-top: -52px;
+  z-index: 10;
+}
+.statistic-info .statistic-info-box{
+  display: flex;
+  align-items: center;
+  height: 120px;
+  padding: 22px 0;
+  border-radius: 16px;
+  background: linear-gradient(rgba(255, 249, 238, 1), rgba(255, 255, 255, 1));
+  box-shadow: 0px 6px 24px 0px rgba(128, 65, 2, 0.1);
+}
+.statistic-info .statistic-item{
+  width: 33.33%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.statistic-info .statistic-item:not(:last-child){
+  border-right: 1px solid #ececec;
+}
+.statistic-info .statistic-item .item-count{
+  font-size: 36px;
+  line-height: 40px;
+  font-weight: bold;
+  color: rgba(177, 112, 14, 1);
+}
+.statistic-info .statistic-item p{
+  margin-top: 8px;
+  color:#1d1d1d;
+  font-size: 18px;
+  line-height: 28px;
+}
+.cooperate-container{
+  padding: 60px 0;
+}
+.cooperate-container .cooperate-header{
+  height: 53px;
+  margin-bottom: 16px;
+  background: url(/images/subscribe/cooperate-header.png) center center no-repeat;
+  background-size: contain;
+  text-align: center;
+}
+.cooperate-container .cooperate-header > span{
+  color: rgba(177, 112, 14, 1);
+}
+.cooperate-container .cooperate-main{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 60px;
+}
+.cooperate-container .cooperate-item{
+  width: 158px;
+  height: 120px;
+  padding: 15px 0;
+  text-align: center;
+  border-radius: 16px;
+  border: 1px solid#ececec;
+  color:#1d1d1d;
+  font-size: 20px;
+  line-height: 32px;
+  background: #fff;
+  cursor: pointer;
+}
+.cooperate-container .cooperate-item .cooperate-item-icon{
+  width: 50px;
+  height: 50px;
+  margin: 0 auto 8px;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.cooperate-container .cooperate-item .cooperate-item-icon-1{
+  background-image: url(/images/subscribe/cooperate-1.png);
+}
+.cooperate-container .cooperate-item .cooperate-item-icon-2{
+  background-image: url(/images/subscribe/cooperate-2.png);
+}
+.cooperate-container .cooperate-item .cooperate-item-icon-3{
+  background-image: url(/images/subscribe/cooperate-3.png);
+}
+.cooperate-container .cooperate-item .cooperate-item-icon-4{
+  background-image: url(/images/subscribe/cooperate-4.png);
+}
+.cooperate-container .cooperate-item .cooperate-item-icon-5{
+  background-image: url(/images/subscribe/cooperate-5.png);
+}
+.cooperate-container .cooperate-item .cooperate-item-icon-6{
+  background-image: url(/images/subscribe/cooperate-6.png);
+}
+.cooperate-container .cooperate-item .cooperate-item-icon-7{
+  background-image: url(/images/subscribe/cooperate-7.png);
+}
+.cooperate-container .cooperate-item:hover{
+  background: linear-gradient(rgba(255, 248, 236, 1), rgba(255, 241, 219, 1));
+  color: rgba(177, 112, 14, 1);
+}
+.cooperate-container .cooperate-item:hover .cooperate-item-icon-1{
+  background-image: url(/images/subscribe/cooperate-1-gold.png);
+}
+.cooperate-container .cooperate-item:hover .cooperate-item-icon-2{
+  background-image: url(/images/subscribe/cooperate-2-gold.png);
+}
+.cooperate-container .cooperate-item:hover .cooperate-item-icon-3{
+  background-image: url(/images/subscribe/cooperate-3-gold.png);
+}
+.cooperate-container .cooperate-item:hover .cooperate-item-icon-4{
+  background-image: url(/images/subscribe/cooperate-4-gold.png);
+}
+.cooperate-container .cooperate-item:hover .cooperate-item-icon-5{
+  background-image: url(/images/subscribe/cooperate-5-gold.png);
+}
+.cooperate-container .cooperate-item:hover .cooperate-item-icon-6{
+  background-image: url(/images/subscribe/cooperate-6-gold.png);
+}
+.cooperate-container .cooperate-item:hover .cooperate-item-icon-7{
+  background-image: url(/images/subscribe/cooperate-7-gold.png);
+}
+.gold-color{
+  color: rgba(177, 112, 14, 1);
+}

binární
src/web/staticres/images/subscribe/contrast-header.png


binární
src/web/staticres/images/subscribe/cooperate-1-gold.png


binární
src/web/staticres/images/subscribe/cooperate-1.png


binární
src/web/staticres/images/subscribe/cooperate-2-gold.png


binární
src/web/staticres/images/subscribe/cooperate-2.png


binární
src/web/staticres/images/subscribe/cooperate-3-gold.png


binární
src/web/staticres/images/subscribe/cooperate-3.png


binární
src/web/staticres/images/subscribe/cooperate-4-gold.png


binární
src/web/staticres/images/subscribe/cooperate-4.png


binární
src/web/staticres/images/subscribe/cooperate-5-gold.png


binární
src/web/staticres/images/subscribe/cooperate-5.png


binární
src/web/staticres/images/subscribe/cooperate-6-gold.png


binární
src/web/staticres/images/subscribe/cooperate-6.png


binární
src/web/staticres/images/subscribe/cooperate-7-gold.png


binární
src/web/staticres/images/subscribe/cooperate-7.png


binární
src/web/staticres/images/subscribe/cooperate-header.png


binární
src/web/staticres/images/subscribe/new-banner.png


binární
src/web/staticres/images/subscribe/right.png


binární
src/web/staticres/images/subscribe/right_old.png


+ 214 - 1
src/web/staticres/vipsubscribe/css/vip_introduce.css

@@ -30,7 +30,7 @@ html,body {
   display: flex;
   flex-direction: column;
   height: 100%;
-  background-color: #1B1A2A;
+  background-color: #fff;
 }
 
 .j-header {
@@ -507,3 +507,216 @@ body {
   padding-bottom: 0;
   margin-bottom: -1.8rem;
 }
+/* new */
+.vip_introduce .landing-banner{
+  position: relative;
+}
+
+.vip_introduce .statistic-info{
+  position: absolute;
+  bottom: .56rem;
+  left: .24rem;
+  right: .24rem;
+  width: calc(100% - .56rem);
+  display: flex;
+  align-items: center;
+  padding: .2rem 0;
+  border-radius: .24rem;
+  background: linear-gradient(rgba(255, 249, 238, 1), rgba(255, 255, 255, 1));
+  box-shadow: 0px 6px 24px 0px rgba(128, 65, 2, 0.1);
+}
+.vip_introduce .statistic-item{
+  width: 33.33%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.vip_introduce .statistic-item:not(:last-child) {
+  border-right: 1px solid#ececec;
+}
+.vip_introduce .statistic-item .item-count{
+  font-size: .4rem;
+  line-height: .48rem;
+  font-weight: bold;
+  color: rgba(177, 112, 14, 1);
+}
+.vip_introduce .statistic-item p{
+  margin-top: .12rem;
+  color:#1d1d1d;
+  font-size: .24rem;
+  line-height: .36rem;
+}
+.vip_introduce .vip_introduce{
+  padding: .72rem 0 .68rem;
+}
+.vip_introduce .cooperate-container{
+  padding-top: .72rem;
+}
+.vip_introduce .cooperate-header {
+  text-align: center;
+}
+.vip_introduce .cooperate-header-title{
+  height: .6rem;
+  background: url(/common-module/vipsubscribe/image/cooperate-header.png) no-repeat center center;
+  background-size: contain;
+}
+.vip_introduce .cooperate-header-subtitle {
+  text-align: center;
+}
+.vip_introduce .line-flex{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: .08rem;
+}
+.vip_introduce .split-box--before::before{
+  content: "";
+  display: inline-block;
+  width: .64rem;
+  height: 1px;
+  margin-bottom: 4px;
+  background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
+}
+.vip_introduce .split-box--before::after {
+  content: "";
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  background: #ccad87;
+  transform: rotate(45deg);
+}
+.vip_introduce .split-box--after::before{
+  content: "";
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  background: #ccad87;
+  transform: rotate(45deg);
+}
+.vip_introduce .split-box--after::after{
+  content: "";
+  display: inline-block;
+  width: .64rem;
+  height: 1px;
+  margin-bottom: 4px;
+  background: linear-gradient(90deg, rgba(204, 173, 135, 0), #ccad87 100%);
+}
+.vip_introduce .split-box--text{
+  margin: 0 .12rem;
+  font-size: .32rem;
+  line-height: .48rem;
+  color: #1d1d1d;
+}
+.vip_introduce  .cooperate-list{
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: .64rem;
+  padding: 0 .26rem;
+}
+.vip_introduce  .cooperate-list .cooperate-item{
+  width: 2.16rem;
+  padding: .26rem 0;
+  margin-bottom: .24rem;
+  text-align: center;
+  border-radius: .24rem;
+  border: 1px solid rgba(250, 231, 202, 1);
+  color:#1d1d1d;
+  font-size: .28rem;
+  line-height: .4rem;
+  background: #fff;
+}
+.vip_introduce  .cooperate-list .cooperate-item:not(:nth-child(3n)) {
+  margin-right:.24rem; 
+}
+.vip_introduce .cooperate-item .cooperate-item-icon{
+  width: .72rem;
+  height: .72rem;
+  margin: 0 auto .08rem;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-1{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-1.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-2{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-2.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-3{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-3.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-4{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-4.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-5{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-5.png);
+}
+.vip_introduce .cooperate-item .cooperate-item-icon-6{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-6.png);
+}
+.vip_introduce .cooperate-item:hover{
+  background: linear-gradient(rgba(255, 248, 236, 1), rgba(255, 241, 219, 1));
+  color: rgba(177, 112, 14, 1);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-1{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-1-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-2{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-2-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-3{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-3-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-4{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-4-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-5{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-5-gold.png);
+}
+.vip_introduce .cooperate-item:hover .cooperate-item-icon-6{
+  background-image: url(/common-module/vipsubscribe/image/icon/cooperate-6-gold.png);
+}
+.vip_introduce .cooperate-footer{
+  margin: 0 .28rem;
+  padding: .22rem;
+  border-radius: .24rem;
+  border: 1px solid rgba(250, 231, 202, 1);
+  font-size: .32rem;
+  line-height: .48rem;
+  color: rgba(177, 112, 14, 1);
+  text-align: center;
+}
+.vip_introduce .vs-container{
+  margin: .68rem 0 0;
+}
+.popup-bottom-group{
+  display: flex;
+  width: 100%;
+  padding: .16rem .32rem;
+  background: #fff;
+}
+.popup-bottom-group .btn-customer{
+  width: 3.3rem;
+  height: .8rem;
+  margin-right: .3rem;
+  font-size: .32rem;
+  line-height: .8rem;
+  color: rgba(194, 111, 51, 1);
+  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 251, 246, 1));
+  border: 1px solid rgba(214, 158, 85, 1);
+  box-shadow: 0px 10px 16px 0px rgba(233, 183, 105, 0.2);
+  border-radius: .12rem;
+  text-align: center;
+}
+.popup-bottom-group .btn-buy{
+  width: 3.3rem;
+  height: .8rem;
+  font-size: .32rem;
+  line-height: .8rem;
+  color: #fff;
+  background: linear-gradient(rgba(248, 205, 141, 1), rgba(218, 142, 53, 1));
+  box-shadow: 0px 10px 16px 0px rgba(233, 183, 105, 0.2);
+  border-radius: .12rem;
+  text-align: center;
+}

+ 119 - 156
src/web/templates/pc/subscribe_new.html

@@ -157,117 +157,78 @@
 {{include "/common/pchead.html"}}
 <!--内容-->
 <!-- banner图板块 -->
-<div class="tender-1" style="background: #fff9f2;margin-top: -66px;">
+<div class="tender-1" style="background: #fff9f2;margin-top: -72px;">
     <!-- <div class="space_60px" style="background: linear-gradient(135deg,#1C1B3E 0%, #1C1B35 100%);"></div> -->
     <div class="imgauto">
-        <img id="header-banner" src="{{Msg "seo" "cdn"}}/images/subscribe/new-banner.png?v={{Msg "seo" "version"}}" alt="">
-    </div>
-    <div class="line-flex CfadeInUp newTxt" style="opacity: 1;">
-        <div class="subpage-button gold  open-customer" id="go-info-subscribe-0">咨询客服</div>
-        <div class="subpage-button gold" id="go-play" style="display: none;">立即使用</div>
-        <div class="double12" data-tip="买1年送1年">
-            <div class="subpage-button darkblue" id="go-buy-subscribe-0"  data-go-buy-subscribe>立即购买</div>
+        <img id="header-banner" src="{{Msg "seo" "cdn"}}/images/subscribe/new-banner.png?v={{Msg "seo" "version"}}" />
+        <div class="w-1200 line-flex CfadeInUp newTxt" style="opacity: 1;">
+          <div class="button-inline" style="left: 0;">
+            <div class="subpage-button gold  open-customer" id="go-info-subscribe-0">咨询客服</div>
+            <div class="subpage-button gold" id="go-play" style="display: none;">立即使用</div>
+            <div class="double12" data-tip="买1年送1年">
+                <div class="subpage-button darkblue" id="go-buy-subscribe-0"  data-go-buy-subscribe>立即购买</div>
+            </div>
+          </div>
         </div>
     </div>
+    
 </div>
-<!--购买按钮-->
-
-
-<!-- <div class="space_60px"></div> -->
-<!-- 应用场景 -->
-<div class="app-scenario CfadeInUp">
-    <div class="space_60px"></div>
-    <div class="top-title">应用场景</div>
-    <!--全网采购商机随时看-->
-    <div class="CfadeInUp">
-        <div class="space_40px"></div>
-        <div class="line-flex">
-            <span class="split-box--before"></span>
-            <h2 class="second-desc">全网采购商机随时查</h2>
-            <span class="split-box--after"></span>
-        </div>
-        <div class="space_20px"></div>
-        <div class="content-block">
-            <div class="content-left">
-                <div class="title"><div class="font">商机全网覆盖</div></div>
-                <div class="content">采集权威机构公开数据,拥有全国<span class="zb-info-data"></span>招标信息库、<span class="ent-info-data"></span>企业数据库、<span class="buyer-info-data"></span>采购单位库的项目信息挖掘商机;</div>
-                <div class="title"><div class="font">实时商机跟踪</div></div>
-                <div class="content">每日更新<span class="daily-update-data"></span>招标信息,锁定实时招标采购信息;</div>
-                <div class="title"><div class="font">企业情报监控</div></div>
-                <div class="content">搜索全国超<span class="ent-info-data"></span>企业工商、项目情报信息。</div>
-            </div>
-            <div class="content-right">
-                <img src="{{Msg "seo" "cdn"}}/images/subscribe/scenario_1.png?v={{Msg "seo" "version"}}" alt="" style="width: 706px;height: 432px">
-            </div>
-        </div>
-        <div class="space_30px"></div>
-        <!-- <div class="line-flex">
-            <div class="subpage-button gold  open-customer" id="go-info-subscribe-1">了解详情</div>
-            <div class="double12" data-tip="买1年送1年">
-                <div class="subpage-button darkblue" id="go-buy-subscribe-1"  data-go-buy-subscribe>立即购买</div>
-            </div>
-        </div> -->
+<div class="statistic-info CfadeInUp">
+  <div class="w-1200 statistic-info-box">
+    <div class="statistic-item">
+      <h3 class="item-count day-update-count"></h3>
+      <p>每日招采信息新增</p>
     </div>
-    <!--线索获取更精准-->
-    <div class="CfadeInUp">
-        <div class="space_80px"></div>
-        <div class="line-flex">
-            <span class="split-box--before"></span>
-            <h2 class="second-desc">线索获取更精准</h2>
-            <span class="split-box--after"></span>
-        </div>
-        <div class="space_20px"></div>
-        <div class="content-block">
-            <div class="content-left">
-                <div class="title"><div class="font">精准圈定目标商机</div></div>
-                <div class="content">支持按关键词(300组)、地区、标题+全文匹配,每天轻松接收精准项目信息;</div>
-                <div class="title"><div class="font">2小时极速推送</div></div>
-                <div class="content">实现同步数据挂网推送,第一时间获取订阅项目信息,获取商机快人一步;</div>
-                <div class="title"><div class="font">联系方式全公开</div></div>
-                <div class="content">企业联系方式全公开,一键直达项目负责人。</div>
-            </div>
-            <div class="content-right">
-                <img src="{{Msg "seo" "cdn"}}/images/subscribe/scenario_2.png?v={{Msg "seo" "version"}}" alt="" style="width: 532px;height: 432px">
-            </div>
-        </div>
-        <div class="space_30px"></div>
-        <!-- <div class="line-flex">
-            <div class="subpage-button gold  open-customer" id="go-info-subscribe-2">了解详情</div>
-            <div class="double12" data-tip="买1年送1年">
-                <div class="subpage-button darkblue" id="go-buy-subscribe-2"  data-go-buy-subscribe>立即购买</div>
-            </div>
-        </div> -->
+    <div class="statistic-item">
+      <h3 class="item-count purchase-partyA-count"></h3>
+      <p>覆盖省市镇招采甲方</p>
     </div>
-    <!--分析决策更科学-->
-    <div class="CfadeInUp">
-        <div class="space_80px"></div>
-        <div class="line-flex">
-            <span class="split-box--before"></span>
-            <h2 class="second-desc">分析决策更科学</h2>
-            <span class="split-box--after"></span>
-        </div>
-        <div class="space_20px"></div>
-        <div class="content-block">
-            <div class="content-left">
-                <div class="title"><div class="font">企业全景分析</div></div>
-                <div class="content">打通企业库、项目库、招标库多源数据,构建企业多维度分析,获取企业历史项目、数量、规模,深入挖掘合作客户及关系等;</div>
-                <div class="title"><div class="font">采购单位全景分析</div></div>
-                <div class="content">提供采购单位的历史采购周期、规模等深入分析甲方采购需求、供应商关系,帮助企业拓展客户;</div>
-                <div class="title"><div class="font">周报/月报</div></div>
-                <div class="content">订阅招标项目信息提供周报/月报多维分析,帮助销售管理者快速做出预判与决策。</div>
-            </div>
-            <div class="content-right">
-                <img src="{{Msg "seo" "cdn"}}/images/subscribe/scenario_3.png?v={{Msg "seo" "version"}}" alt="" style="width: 630px;height: 432px">
-            </div>
-        </div>
-        <div class="space_30px"></div>
-        <!-- <div class="line-flex">
-            <div class="subpage-button gold  open-customer" id="go-info-subscribe-3">了解详情</div>
-            <div class="double12" data-tip="买1年送1年">
-                <div class="subpage-button darkblue" id="go-buy-subscribe-3"  data-go-buy-subscribe>立即购买</div>
-            </div>
-        </div> -->
+    <div class="statistic-item">
+      <h3 class="item-count purchase-project-count"></h3>
+      <p>覆盖全行业招采项目</p>
+    </div>
+  </div>
+</div>
+<!-- 合作行业 -->
+<div class="cooperate-container CfadeInUp">
+  <div class="w-1200">
+    <h2 class="cooperate-header"></h2>
+    <div class="line-flex">
+      <span class="split-box--before"></span>
+      <h2 class="second-desc">定向推送!覆盖全网全类招采项目</h2>
+      <span class="split-box--after"></span>
     </div>
+    <div class="cooperate-main">
+      <div class="cooperate-item" data-href="/list/industry/JZGC.html">
+        <div class="cooperate-item-icon cooperate-item-icon-1"></div>
+        <p class="cooperate-item-text">建筑工程</p>
+      </div>
+      <div class="cooperate-item" data-href="/list/industry/RDAF.html">
+        <div class="cooperate-item-icon cooperate-item-icon-2"></div>
+        <p class="cooperate-item-text">弱电安防</p>
+      </div>
+      <div class="cooperate-item" data-href="/list/industry/XXJS.html">
+        <div class="cooperate-item-icon cooperate-item-icon-3"></div>
+        <p class="cooperate-item-text">信息技术</p>
+      </div>
+      <div class="cooperate-item" data-href="/list/industry/YLWS.html">
+        <div class="cooperate-item-icon cooperate-item-icon-4"></div>
+        <p class="cooperate-item-text">医疗卫生</p>
+      </div>
+      <div class="cooperate-item" data-href="/list/industry/FWCG.html">
+        <div class="cooperate-item-icon cooperate-item-icon-5"></div>
+        <p class="cooperate-item-text">服务采购</p>
+      </div>
+      <div class="cooperate-item" data-href="/list/industry/JXSB.html">
+        <div class="cooperate-item-icon cooperate-item-icon-6"></div>
+        <p class="cooperate-item-text">机械设备</p>
+      </div>
+      <div class="cooperate-item" data-href="/jylab/supsearch/index.html">
+        <div class="cooperate-item-icon cooperate-item-icon-7"></div>
+        <p class="cooperate-item-text">更多行业</p>
+      </div>
+    </div>
+  </div>
 </div>
 <!-- 订阅模式对比板块 -->
 <ul data-sticky-change class="contrast-main-header sticky-header" style="display: none;">
@@ -280,11 +241,10 @@
 </ul>
 <div class="sub-contrast CfadeInUp">
     <div class="contrast-header">
+        <h2 class="contrast-header-title"></h2>
         <div class="line-flex">
             <span class="split-box--before"></span>
-            <h2 class="second-desc">免费订阅</h2>
-            <img src="{{Msg "seo" "cdn"}}/images/subscribe/sub-compare.png?v={{Msg "seo" "version"}}" alt="对比" style="width: 39px;height: 18px;margin: 0 10px;">
-            <h2 class="second-desc">超级订阅</h2>
+            <h2 class="second-desc">多维度企业情报解析,挖掘跟踪供需脉络</h2>
             <span class="split-box--after"></span>
         </div>
     </div>
@@ -294,35 +254,32 @@
                 <ul class="clearfix">
                     <li class="top-title modify-left">功能/产品</li>
                     <li class="double">
-                        <div style="display: flex; align-items: center;">
-                            <div>企业画像</div>
-                            <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;"></div>
+                        <div>
+                            <div class="gold-color">企业画像</div>
+                        </div>
                         <div>提供企业中标项目分析、重点客户等多维分析</div>
                     </li>
                     <li class="gray double">
-                        <div style="display: flex; align-items: center;">
-                            <div>采购单位画像</div>
-                            <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;">
+                        <div>
+                            <div class="gold-color">采购单位画像</div>
                         </div>
                         <div>提供重点供应商、采购预算/方式等分析</div>
                     </li>
                     <li class="double">
-                        <div style="display: flex; align-items: center;">
-                            <div>附件下载</div>
-                            <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;">
+                        <div>
+                            <div class="gold-color">附件下载</div>
                         </div>
                         <div>招标文件/采购清单一键下载</div>
                     </li>
-                    <li class="double">
+                    <!-- <li class="double">
                         <div style="display: flex; align-items: center;">
                             <div>查看公告原文链接</div>
                             <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;">
                         </div>
                         <div>支持用户点击原文链接查看公告原地址,鉴别信息真伪</div>
-                    </li>
-                    <li class="gray" style="display: flex; align-items: center;" >
-                        <div>项目报告下载</div>
-                        <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;">
+                    </li> -->
+                    <li class="gray">
+                        <div class="gold-color">项目报告下载</div>
                     </li>
                     <li>订阅关键词</li>
                     <li>中标企业联系方式</li>
@@ -344,7 +301,7 @@
                     <li class="double"><i class="wrong"></i></li>
                     <li class="gray double"><i class="wrong"></i></li>
                     <li class="double"><i class="wrong"></i></li>
-                    <li class="double"><i class="wrong"></i></li>
+                    <!-- <li class="double"><i class="wrong"></i></li> -->
                     <li class="gray"><i class="wrong"></i></li>
                     <li>10组</li>
                     <li>公告公示</li>
@@ -353,7 +310,7 @@
                     <li >标题</li>
                     <li class="double"><i class="wrong"></i></li>
                     <li class="gray double"><i class="wrong"></i></li>
-                    <li class="double">4条/次</li>
+                    <li class="double"><i class="right"></i></li>
                     <li class="double"><i class="right"></i></li>
                     <li class="gray "><i class="wrong"></i></li>
                     <li class=" double">100条</li>
@@ -369,7 +326,7 @@
                     <li class="double">50个画像/省/月</li>
                     <li class="gold double">5个画像/省/月</li>
                     <li class=" double">10个/月</li>
-                    <li class="double"><i class="right"></i></li>
+                    <!-- <li class="double"><i class="right"></i></li> -->
                     <li class="gold"><i class="right"></i></li>
                     <li>300组</li>
                     <li>招标公告+国家企业公示</li>
@@ -378,7 +335,7 @@
                     <li >标题+全文</li>
                     <li class="double">可选</li>
                     <li class="gold double"><i class="right"></i></li>
-                    <li class=" double">150条/次</li>
+                    <li class=" double"><i class="right"></i></li>
                     <li class=" double"><i class="right"></i></li>
                     <li class="gold "><i class="right"></i></li>
                     <li class="double">5000条</li>
@@ -388,31 +345,10 @@
         </div>
     </div>
 </div>
-<div class="app-bottom">
-    <div class="space_80px"></div>
-    <h1 class="top-title">剑鱼标讯,国内专业的招标大数据服务平台</h1>
-    <div class="sub-title">— 招标信息覆盖全国和全行业 —</div>
-    <div class="space_60px"></div>
-    <div class="content">
-        <div>
-            <div class="num zb-info-count" id="flip-number-1">0</div>
-            <div class="detail">招标采购项目</div>
-        </div>
-        <div>
-            <div class="num ent-info-count" id="flip-number-2">0</div>
-            <div class="detail">企业信息</div>
-        </div>
-        <div>
-            <div class="num buyer-info-count" id="flip-number-3">0</div>
-            <div class="detail">采购单位信息</div>
-        </div>
-    </div>
-</div>
+<div class="app-bottom"></div>
 <!--S-底部横幅-->
 <div class="w-box footer-banner" id="bot-hf" data-sticky-change>
     <div class="w1200">
-<!--        <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-sub-bottom-bg.png?v={{Msg "seo" "version"}}" usemap="#image_map1">-->
-<!--      <div id="bottomad"></div>-->
         <map name="image_map1" style="cursor: pointer">
             <area data-go-buy-subscribe coords="776,48.5,927,90" shape="rect">
         </map>
@@ -423,7 +359,6 @@
 </div>
 <div class="w-box footer-banner" id="bot-hf2" data-sticky>
     <div class="w1200">
-<!--        <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-sub-bottom-bg.png?v={{Msg "seo" "version"}}" usemap="#image_map2">-->
         <map name="image_map2" style="cursor: pointer">
             <area data-go-buy-subscribe coords="776,48.5,927,90" shape="rect">
         </map>
@@ -464,6 +399,7 @@
             var dataJSONObj = JSON.parse(dataJson)
             if (dataJSONObj) {
                 window.page_subscribe_data = dataJSONObj
+                console.log(dataJSONObj);
                 $('.zb-info-data').text(dataJSONObj.subscribe_zb_info_count + dataJSONObj.subscribe_zb_info_unit)
                 $('.ent-info-data').text(dataJSONObj.subscribe_ent_info_count + dataJSONObj.subscribe_ent_info_unit)
                 $('.buyer-info-data').text(dataJSONObj.subscribe_buyer_info_count + dataJSONObj.subscribe_buyer_info_unit)
@@ -480,6 +416,28 @@
         }
     }
     setHeaderBanner()
+    /**
+     * 获取网站数据
+     * @api https://yapi.jydev.jianyu360.com/project/63/interface/api/1427
+     */
+     function ajaxGetUpdateInfo () {
+      $.ajax({
+        type: 'POST',
+        url: '/jyapi/jybx/base/included',
+        success: function (res) {
+          if (res.data) {
+            var dataJSONObj = res.data
+           // 每日更新
+           $('.day-update-count').text(dataJSONObj.bidDayUpdate + dataJSONObj.bidDayUpdateUnit + dataJSONObj.bidDayUpdateUnitAppend)
+            // 招采甲方
+            $('.purchase-partyA-count').text(dataJSONObj.buyer + dataJSONObj.buyerUnit + dataJSONObj.buyerUnitAppend)
+            // 招采项目
+            $('.purchase-project-count').text(dataJSONObj.project + dataJSONObj.projectUnit + dataJSONObj.projectUnitAppend);
+          }
+        }
+      })
+    }
+    ajaxGetUpdateInfo()
 </script>
 <script>
   {{$s_bot:=(Ad "jy-pc-subscribe-bottom-float" -1 .Host (cookie "SESSIONID"))}}
@@ -674,14 +632,14 @@
         function windowScrollFn (){
             var numberBox = $(".app-bottom")
             var numberBoxH = numberBox.offset().top
-            if ($(window).scrollTop() + $(window).height()  >= numberBoxH) {
-                if (!numberBox.attr('data-show-an')) {
-                    numberBox.attr('data-show-an','true')
-                    filpNumber()
-                }
-            } else {
-                numberBox.removeAttr('data-show-an')
-            }
+            // if ($(window).scrollTop() + $(window).height()  >= numberBoxH) {
+            //     if (!numberBox.attr('data-show-an')) {
+            //         numberBox.attr('data-show-an','true')
+            //         filpNumber()
+            //     }
+            // } else {
+            //     numberBox.removeAttr('data-show-an')
+            // }
 
             // 底部横幅固定
             if (!isCloseFooterBanner) {
@@ -699,13 +657,18 @@
             var tableHeaderDom = $('.sub-contrast')
             var tableHeaderChangeDom = $(".contrast-main-header[data-sticky-change]")
             var tableMaxHeight = $(".contrast-main").height() + $(".contrast-main").offset().top - 64 - tableHeaderChangeDom.height()
-            if ($(window).scrollTop() > tableHeaderDom.offset().top && $(window).scrollTop() < tableMaxHeight) {
+            if ($(window).scrollTop() > tableHeaderDom.offset().top + 98 && $(window).scrollTop() < tableMaxHeight) {
                 tableHeaderChangeDom.show()
             } else {
                 tableHeaderChangeDom.hide()
             }
         }
         $(window).scroll(windowScrollFn)
+
+        $('.cooperate-item').click(function () {
+          var href = $(this).attr('data-href');
+          window.open(href);
+        })
     })
 
 </script>

+ 713 - 0
src/web/templates/pc/subscribe_old.html

@@ -0,0 +1,713 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+    <title>招标信息订阅_全行业招标信息智能订阅推送-剑鱼标讯</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
+    <meta name="Keywords" content="招标订阅,超级订阅,招标信息,剑鱼标讯"/>
+    <meta name="Description" content="剑鱼标讯提供招标信息订阅服务,支持按需订阅,精准推送,随时获取你最需要的招标项目。"/>
+    <meta name="renderer" content="webkit">
+    <meta content="telephone=no" name="format-detection"/>
+    <meta content="招标订阅" theme="dark" name="enable-header"/>
+    {{include "/common/pnc.html"}}
+    <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/css/reset.css?v={{Msg "seo" "version"}}"/>
+    <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/css/subscribe_new.css?v={{Msg "seo" "version"}}"/>
+    <link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/pccss/reset_pc.css"/>
+    {{/*<link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/pccss/zhaobiao.css"/>*/}}
+    <link href="{{Msg "seo" "cdn"}}/css/pc.css?v={{Msg "seo" "version"}}" rel="stylesheet">
+    <link rel="stylesheet" type="text/css"
+          href="{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}"/>
+    <script type="text/javascript" src="{{Msg "seo" "cdn"}}/js/public-nav.js?v={{Msg "seo" "version"}}"></script>
+    <script src="{{Msg "seo" "cdn"}}/js/jquery.cookie.js?v={{Msg "seo" "version"}}"></script>
+    <script>
+        $(function () {
+            $(window).scroll(function () {
+                if ($(this).scrollTop() > 0) {
+                    $("#backTop").show();
+                } else {
+                    $("#backTop").hide();
+                }
+            });
+        });
+        // var payload = {
+        //   subscribe_zb_info_count: '2.3',
+        //   subscribe_zb_info_unit: '亿+',
+        //   subscribe_zb_info_text: '招标信息库',
+        //   subscribe_ent_info_count: '3.6',
+        //   subscribe_ent_info_unit: '亿+',
+        //   subscribe_ent_info_text: '企业数据库',
+        //   subscribe_buyer_info_count: '308',
+        //   subscribe_buyer_info_unit: '万+',
+        //   subscribe_buyer_info_text: '采购单位库',
+        //   subscribe_project_count: '1.1',
+        //   subscribe_project_unit: '亿+',
+        //   subscribe_project_text: '项目库',
+        //   subscribe_daily_update_count: '21',
+        //   subscribe_daily_update_unit: '万+',
+        //   subscribe_daily_update_text: '每日更新',
+        //   subscribe_total_push_count: '658',
+        //   subscribe_total_push_unit: '亿+',
+        //   subscribe_total_push_text: '累计推送数据',
+        //   app_user_count: '300',
+        //   app_user_unit: '万+',
+        // }
+    </script>
+    <style>
+      .useronline>img.nomalheadimg{
+        border: none;
+      }
+      .ent-portrait{
+        height: 104px!important;
+      }
+      .imgbox{overflow:auto;}
+      .imgbox img{
+          width:100%;
+          height:auto;
+          overflow: hidden;
+          object-fit: cover;
+      }
+      .footer-banner {
+          position: fixed;
+          z-index: 98;
+          bottom: 0;
+          left: 0;
+          width: 100%;
+        overflow: hidden;
+        margin-bottom: -3px;
+        display: flex;
+        justify-content: center;
+          /*height: 96px;*/
+          /*background: linear-gradient(91deg, #072551 6%, #5D118B 58%, #05035F 100%);*/
+      }
+
+      .footer-banner[data-sticky] {
+          position: relative;
+      }
+
+      .footer-banner[data-sticky-change] {
+          min-width: 1200px;
+      }
+
+      .footer-banner .w1200 img {
+          width: 1920px;
+          margin: 0 auto;
+        /*margin-left:240px;*/
+        /*  margin-top: -19px;*/
+        height: 98px;
+      }
+      .footer-banner .w1200 {
+          height: 100%;
+          display: -ms-flexbox;
+          display: flex;
+          -ms-flex-direction: row;
+          flex-direction: row;
+          -ms-flex-align: center;
+          align-items: center;
+          -ms-flex-pack: justify;
+          justify-content: space-between;
+      }
+
+
+      .footer-banner .hot-text {
+          color: #e00505;
+          text-shadow: 2px 2px 0px #FFD1BD;
+          margin-right: 22px;
+      }
+      .footer-banner.active {
+          background: #D70606;
+      }
+
+      .footer-banner .icon-close-box {
+          position: absolute;
+          padding: 10px;
+          right: 40px;
+          top: 42%;
+          cursor: pointer;
+      }
+
+      .footer-banner .icon-close-box .icon-close {
+          display: inline-block;
+      }
+      .double12:hover {
+        transform: scale(1.2);
+     }
+    .double12 {
+      position: relative;
+      transition: 0.7s;
+    }
+    .double12.active::before {
+      content: attr(data-tip);
+      position: absolute;
+      z-index: 2;
+      right: -16px;
+      top: -14px;
+      display: inline-block;
+      background: linear-gradient(90deg, #FF3A20 0%, #FF621F 100%);
+      border-radius: 11px 11px 11px 2px;
+      font-size: 14px;
+      font-family: Microsoft YaHei-Regular, Microsoft YaHei,sans-serif;
+      font-weight: 400;
+      color: #FFFFFF;
+      line-height: 22px;
+      padding: 0 8px;
+      box-sizing: border-box;
+    }
+</style>
+</head>
+<body>
+{{include "/common/pchead.html"}}
+<!--内容-->
+<!-- banner图板块 -->
+<div class="tender-1" style="background: #fff9f2;margin-top: -66px;">
+    <!-- <div class="space_60px" style="background: linear-gradient(135deg,#1C1B3E 0%, #1C1B35 100%);"></div> -->
+    <div class="imgauto">
+        <img id="header-banner" src="{{Msg "seo" "cdn"}}/images/subscribe/new-banner.png?v={{Msg "seo" "version"}}" alt="">
+    </div>
+    <div class="line-flex CfadeInUp newTxt" style="opacity: 1;">
+        <div class="subpage-button gold  open-customer" id="go-info-subscribe-0">咨询客服</div>
+        <div class="subpage-button gold" id="go-play" style="display: none;">立即使用</div>
+        <div class="double12" data-tip="买1年送1年">
+            <div class="subpage-button darkblue" id="go-buy-subscribe-0"  data-go-buy-subscribe>立即购买</div>
+        </div>
+    </div>
+</div>
+<!--购买按钮-->
+
+
+<!-- <div class="space_60px"></div> -->
+<!-- 应用场景 -->
+<div class="app-scenario CfadeInUp">
+    <div class="space_60px"></div>
+    <div class="top-title">应用场景</div>
+    <!--全网采购商机随时看-->
+    <div class="CfadeInUp">
+        <div class="space_40px"></div>
+        <div class="line-flex">
+            <span class="split-box--before"></span>
+            <h2 class="second-desc">全网采购商机随时查</h2>
+            <span class="split-box--after"></span>
+        </div>
+        <div class="space_20px"></div>
+        <div class="content-block">
+            <div class="content-left">
+                <div class="title"><div class="font">商机全网覆盖</div></div>
+                <div class="content">采集权威机构公开数据,拥有全国<span class="zb-info-data"></span>招标信息库、<span class="ent-info-data"></span>企业数据库、<span class="buyer-info-data"></span>采购单位库的项目信息挖掘商机;</div>
+                <div class="title"><div class="font">实时商机跟踪</div></div>
+                <div class="content">每日更新<span class="daily-update-data"></span>招标信息,锁定实时招标采购信息;</div>
+                <div class="title"><div class="font">企业情报监控</div></div>
+                <div class="content">搜索全国超<span class="ent-info-data"></span>企业工商、项目情报信息。</div>
+            </div>
+            <div class="content-right">
+                <img src="{{Msg "seo" "cdn"}}/images/subscribe/scenario_1.png?v={{Msg "seo" "version"}}" alt="" style="width: 706px;height: 432px">
+            </div>
+        </div>
+        <div class="space_30px"></div>
+        <!-- <div class="line-flex">
+            <div class="subpage-button gold  open-customer" id="go-info-subscribe-1">了解详情</div>
+            <div class="double12" data-tip="买1年送1年">
+                <div class="subpage-button darkblue" id="go-buy-subscribe-1"  data-go-buy-subscribe>立即购买</div>
+            </div>
+        </div> -->
+    </div>
+    <!--线索获取更精准-->
+    <div class="CfadeInUp">
+        <div class="space_80px"></div>
+        <div class="line-flex">
+            <span class="split-box--before"></span>
+            <h2 class="second-desc">线索获取更精准</h2>
+            <span class="split-box--after"></span>
+        </div>
+        <div class="space_20px"></div>
+        <div class="content-block">
+            <div class="content-left">
+                <div class="title"><div class="font">精准圈定目标商机</div></div>
+                <div class="content">支持按关键词(300组)、地区、标题+全文匹配,每天轻松接收精准项目信息;</div>
+                <div class="title"><div class="font">2小时极速推送</div></div>
+                <div class="content">实现同步数据挂网推送,第一时间获取订阅项目信息,获取商机快人一步;</div>
+                <div class="title"><div class="font">联系方式全公开</div></div>
+                <div class="content">企业联系方式全公开,一键直达项目负责人。</div>
+            </div>
+            <div class="content-right">
+                <img src="{{Msg "seo" "cdn"}}/images/subscribe/scenario_2.png?v={{Msg "seo" "version"}}" alt="" style="width: 532px;height: 432px">
+            </div>
+        </div>
+        <div class="space_30px"></div>
+        <!-- <div class="line-flex">
+            <div class="subpage-button gold  open-customer" id="go-info-subscribe-2">了解详情</div>
+            <div class="double12" data-tip="买1年送1年">
+                <div class="subpage-button darkblue" id="go-buy-subscribe-2"  data-go-buy-subscribe>立即购买</div>
+            </div>
+        </div> -->
+    </div>
+    <!--分析决策更科学-->
+    <div class="CfadeInUp">
+        <div class="space_80px"></div>
+        <div class="line-flex">
+            <span class="split-box--before"></span>
+            <h2 class="second-desc">分析决策更科学</h2>
+            <span class="split-box--after"></span>
+        </div>
+        <div class="space_20px"></div>
+        <div class="content-block">
+            <div class="content-left">
+                <div class="title"><div class="font">企业全景分析</div></div>
+                <div class="content">打通企业库、项目库、招标库多源数据,构建企业多维度分析,获取企业历史项目、数量、规模,深入挖掘合作客户及关系等;</div>
+                <div class="title"><div class="font">采购单位全景分析</div></div>
+                <div class="content">提供采购单位的历史采购周期、规模等深入分析甲方采购需求、供应商关系,帮助企业拓展客户;</div>
+                <div class="title"><div class="font">周报/月报</div></div>
+                <div class="content">订阅招标项目信息提供周报/月报多维分析,帮助销售管理者快速做出预判与决策。</div>
+            </div>
+            <div class="content-right">
+                <img src="{{Msg "seo" "cdn"}}/images/subscribe/scenario_3.png?v={{Msg "seo" "version"}}" alt="" style="width: 630px;height: 432px">
+            </div>
+        </div>
+        <div class="space_30px"></div>
+        <!-- <div class="line-flex">
+            <div class="subpage-button gold  open-customer" id="go-info-subscribe-3">了解详情</div>
+            <div class="double12" data-tip="买1年送1年">
+                <div class="subpage-button darkblue" id="go-buy-subscribe-3"  data-go-buy-subscribe>立即购买</div>
+            </div>
+        </div> -->
+    </div>
+</div>
+<!-- 订阅模式对比板块 -->
+<ul data-sticky-change class="contrast-main-header sticky-header" style="display: none;">
+    <li class="top-title modify-left">功能/产品</li>
+    <li class="top-title modify-center gray">免费订阅</li>
+    <li class="top-title modify-right" style="display: flex; align-items: center; justify-content: center;">
+        <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-crown.png?v={{Msg "seo" "version"}}" alt="" style="width: 28px;">
+        <div style="margin-left: 8px">超级订阅</div>
+    </li>
+</ul>
+<div class="sub-contrast CfadeInUp">
+    <div class="contrast-header">
+        <div class="line-flex">
+            <span class="split-box--before"></span>
+            <h2 class="second-desc">免费订阅</h2>
+            <img src="{{Msg "seo" "cdn"}}/images/subscribe/sub-compare.png?v={{Msg "seo" "version"}}" alt="对比" style="width: 39px;height: 18px;margin: 0 10px;">
+            <h2 class="second-desc">超级订阅</h2>
+            <span class="split-box--after"></span>
+        </div>
+    </div>
+    <div class="contrast-main">
+        <div class="contrast-main-center">
+            <div class="center-left">
+                <ul class="clearfix">
+                    <li class="top-title modify-left">功能/产品</li>
+                    <li class="double">
+                        <div style="display: flex; align-items: center;">
+                            <div>企业画像</div>
+                            <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;"></div>
+                        <div>提供企业中标项目分析、重点客户等多维分析</div>
+                    </li>
+                    <li class="gray double">
+                        <div style="display: flex; align-items: center;">
+                            <div>采购单位画像</div>
+                            <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;">
+                        </div>
+                        <div>提供重点供应商、采购预算/方式等分析</div>
+                    </li>
+                    <li class="double">
+                        <div style="display: flex; align-items: center;">
+                            <div>附件下载</div>
+                            <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;">
+                        </div>
+                        <div>招标文件/采购清单一键下载</div>
+                    </li>
+                    <li class="double">
+                        <div style="display: flex; align-items: center;">
+                            <div>查看公告原文链接</div>
+                            <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;">
+                        </div>
+                        <div>支持用户点击原文链接查看公告原地址,鉴别信息真伪</div>
+                    </li>
+                    <li class="gray" style="display: flex; align-items: center;" >
+                        <div>项目报告下载</div>
+                        <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-logo.png?v={{Msg "seo" "version"}}" alt="" style="margin-left: 8px;width: 40px;">
+                    </li>
+                    <li>订阅关键词</li>
+                    <li>中标企业联系方式</li>
+                    <li>订阅区域</li>
+                    <li>订阅推送</li>
+                    <li>匹配方式</li>
+                    <li class="double"><div>推送设置</div><div>固定时间/实时推送</div></li>
+                    <li class="gray double"><div>标讯高级搜索</div><div>按联系方式、附件、项目名称/标的物、发布时间搜索</div></li>
+                    <li class="double"><div>企业搜索</div><div>按中标项目/标的物、联系方式等搜索企业信息</div></li>
+                    <li class="double"><div>采购单位搜索</div><div>按地区、采购单位类型等搜索采购单位信息,高效精准拓客</div></li>
+                    <li class="gray">周报/月报</li>
+                    <li class=" double"><div>标讯收藏</div><div>关注项目一键收藏,重要信息不遗漏</div></li>
+                    <li class="gray">专属资源社群对接</li>
+                </ul>
+            </div>
+            <div class="center-center">
+                <ul class="clearfix">
+                    <li class="top-title modify-center gray">免费订阅</li>
+                    <li class="double"><i class="wrong"></i></li>
+                    <li class="gray double"><i class="wrong"></i></li>
+                    <li class="double"><i class="wrong"></i></li>
+                    <li class="double"><i class="wrong"></i></li>
+                    <li class="gray"><i class="wrong"></i></li>
+                    <li>10组</li>
+                    <li>公告公示</li>
+                    <li>免费订阅1个省</li>
+                    <li >300条/天</li>
+                    <li >标题</li>
+                    <li class="double"><i class="wrong"></i></li>
+                    <li class="gray double"><i class="wrong"></i></li>
+                    <li class="double">4条/次</li>
+                    <li class="double"><i class="right"></i></li>
+                    <li class="gray "><i class="wrong"></i></li>
+                    <li class=" double">100条</li>
+                    <li class="gray"><i class="wrong"></i></li>
+                </ul>
+            </div>
+            <div class="center-right">
+                <ul class="clearfix">
+                    <li class="top-title modify-right" style="display: flex; align-items: center; justify-content: center;">
+                        <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-crown.png?v={{Msg "seo" "version"}}" alt="" style="width: 28px;">
+                        <div style="margin-left: 8px">超级订阅</div>
+                    </li>
+                    <li class="double">50个画像/省/月</li>
+                    <li class="gold double">5个画像/省/月</li>
+                    <li class=" double">10个/月</li>
+                    <li class="double"><i class="right"></i></li>
+                    <li class="gold"><i class="right"></i></li>
+                    <li>300组</li>
+                    <li>招标公告+国家企业公示</li>
+                    <li>根据套餐类型可选</li>
+                    <li >2000条/天</li>
+                    <li >标题+全文</li>
+                    <li class="double">可选</li>
+                    <li class="gold double"><i class="right"></i></li>
+                    <li class=" double">150条/次</li>
+                    <li class=" double"><i class="right"></i></li>
+                    <li class="gold "><i class="right"></i></li>
+                    <li class="double">5000条</li>
+                    <li class="gold "><i class="right"></i></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="app-bottom">
+    <div class="space_80px"></div>
+    <h1 class="top-title">剑鱼标讯,国内专业的招标大数据服务平台</h1>
+    <div class="sub-title">— 招标信息覆盖全国和全行业 —</div>
+    <div class="space_60px"></div>
+    <div class="content">
+        <div>
+            <div class="num zb-info-count" id="flip-number-1">0</div>
+            <div class="detail">招标采购项目</div>
+        </div>
+        <div>
+            <div class="num ent-info-count" id="flip-number-2">0</div>
+            <div class="detail">企业信息</div>
+        </div>
+        <div>
+            <div class="num buyer-info-count" id="flip-number-3">0</div>
+            <div class="detail">采购单位信息</div>
+        </div>
+    </div>
+</div>
+<!--S-底部横幅-->
+<div class="w-box footer-banner" id="bot-hf" data-sticky-change>
+    <div class="w1200">
+<!--        <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-sub-bottom-bg.png?v={{Msg "seo" "version"}}" usemap="#image_map1">-->
+<!--      <div id="bottomad"></div>-->
+        <map name="image_map1" style="cursor: pointer">
+            <area data-go-buy-subscribe coords="776,48.5,927,90" shape="rect">
+        </map>
+    </div>
+    <div class="icon-close-box">
+        <i class="icon-close"></i>
+    </div>
+</div>
+<div class="w-box footer-banner" id="bot-hf2" data-sticky>
+    <div class="w1200">
+<!--        <img src="{{Msg "seo" "cdn"}}/images/subscribe/new-sub-bottom-bg.png?v={{Msg "seo" "version"}}" usemap="#image_map2">-->
+        <map name="image_map2" style="cursor: pointer">
+            <area data-go-buy-subscribe coords="776,48.5,927,90" shape="rect">
+        </map>
+    </div>
+    <div class="icon-close-box">
+        <i class="icon-close"></i>
+    </div>
+</div>
+<!--E-底部横幅-->
+
+<!-- 超级订阅弹窗 -->
+<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
+    <div class="modal-dialog modal-dialog-subvip modal-sm" role="document">
+        <div class="modal-content">
+            <img src="{{Msg "seo" "cdn"}}/images/subscribe/vip_toUse.png?v={{Msg "seo" "version"}}" alt="" style="width: 335px;height: 447px">
+            <button type="button" class="close vip" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+            <div class="vip-code">
+                <img id="vipCode" alt="" style="width: 149px;height: 149px">
+                <p class="vip-text">微信扫码关注公众号</p>
+                <p class="vip-text2">使用超级订阅</p>
+            </div>
+        </div>
+    </div>
+</div>
+<script>
+    {{$ss1:=(Ad "app-banner-data-info" -1 .Host (cookie "SESSIONID"))}}
+    function setHeaderBanner() {
+        var headerImageList={{$ss1}}
+        if (!$.isArray(headerImageList)) return
+        var dataJsonInfo = headerImageList[0]
+        var imageInfo = headerImageList[1]
+        if (imageInfo) {
+            var imageUrl = imageInfo.s_pic
+            $('#header-banner').attr('src', imageUrl)
+        }
+        if (dataJsonInfo) {
+            var dataJson = dataJsonInfo.s_script
+            var dataJSONObj = JSON.parse(dataJson)
+            if (dataJSONObj) {
+                window.page_subscribe_data = dataJSONObj
+                $('.zb-info-data').text(dataJSONObj.subscribe_zb_info_count + dataJSONObj.subscribe_zb_info_unit)
+                $('.ent-info-data').text(dataJSONObj.subscribe_ent_info_count + dataJSONObj.subscribe_ent_info_unit)
+                $('.buyer-info-data').text(dataJSONObj.subscribe_buyer_info_count + dataJSONObj.subscribe_buyer_info_unit)
+                $('.daily-update-data').text(dataJSONObj.subscribe_daily_update_count + dataJSONObj.subscribe_daily_update_unit)
+
+                // $('.zb-info-count').text(dataJSONObj.subscribe_zb_info_count).attr('data-unit', dataJSONObj.subscribe_zb_info_unit)
+                // $('.ent-info-count').text(dataJSONObj.subscribe_ent_info_count).attr('data-unit', dataJSONObj.subscribe_ent_info_unit)
+                // $('.buyer-info-count').text(dataJSONObj.subscribe_buyer_info_count).attr('data-unit', dataJSONObj.subscribe_buyer_info_unit)
+
+                $('.zb-info-count').attr('data-unit', dataJSONObj.subscribe_zb_info_unit)
+                $('.ent-info-count').attr('data-unit', dataJSONObj.subscribe_ent_info_unit)
+                $('.buyer-info-count').attr('data-unit', dataJSONObj.subscribe_buyer_info_unit)
+            }
+        }
+    }
+    setHeaderBanner()
+</script>
+<script>
+  {{$s_bot:=(Ad "jy-pc-subscribe-bottom-float" -1 .Host (cookie "SESSIONID"))}}
+  var ADList={{$s_bot}}
+  // var ADList=[{"s_pic":"https://web2-jytest.jydev.jianyu360.com/share/img/active-icon.png"}]
+  var ADHtml="";
+  if (ADList.length >0){
+    var AD = ADList[0]
+    if(AD.s_pic == ""){
+      $("#bot-hf").hide()
+      $("#bot-hf2").hide()
+    }
+    if(AD.s_pic){
+      if(AD.s_link){
+        ADHtml="<a href='"+AD.s_link+"'><img src='"+AD.s_pic+"'/></a>"
+      }else{
+        ADHtml="<img src='"+AD.s_pic+"'/>"
+      }
+    }else{
+      ADHtml=""
+    }
+  }else {
+    $("#bot-hf").hide()
+    $("#bot-hf2").hide()
+  }
+
+  $(".w1200").append(ADHtml);
+</script>
+
+<button class="btn hidden" id="cb-01" data-toggle="modal" data-target="#myModal-01"></button>
+<!--百度统计start-->
+{{include "/common/pcbottom.html"}}
+{{include "/common/baiducc.html"}}
+<!--百度统计end-->
+<script src=//cdn-common.jianyu360.com/cdn/lib/countup/2.0.8/dist/countUp.js></script>
+<script>
+
+
+    haslogin({{.T.logid}});
+    toggleShowBuy({{.T.isBuyed}})
+    window.onbeforeunload = function(){
+        document.documentElement.scrollTop = 0;  //ie下
+        document.body.scrollTop = 0;  //非ie
+    }
+    // 双12活动
+    var initPageTime = new Date().getTime()
+    function activeReloadPage (nowTime, endTime) {
+        if (initPageTime >= endTime) { return }
+        var reloadTime = endTime - nowTime
+        if (reloadTime <= (4 * 60 * 60 * 1000) ) {
+            setTimeout(function (){
+                location.reload()
+            }, reloadTime)
+        }
+    }
+    function toggleShowBuy (type) {
+        if (type) {
+            //已购买扫码使用
+            $('#go-info-subscribe-0').hide()
+            $('#go-play').show()
+            $('#go-play').text('立即使用').off('click').on('click', function () {
+              window.location.href="/page_workDesktop/"
+            })
+            $("div*[data-go-buy-subscribe]").siblings().hide()
+            $("div*[data-go-buy-subscribe]").text('立即续费').off('click').on("click",function (){
+                window.location.href="/swordfish/page_big_pc/free/svip/buy?type=renew"
+            })
+            $(".footer-banner").hide()
+        } else {
+            // 双12活动
+
+            $.ajax({
+                url: '/doubletwelve/activing',
+                dataType: 'json',
+                success: function(res) {
+                    if (res && res.nowtime) {
+
+                        var canTimeEnd = res.nowtime <= res.endtime
+                        var canTimeStart = res.nowtime >= res.starttime
+
+                        if (canTimeEnd) {
+                            if (canTimeStart) {
+                                // 活动中
+                                $('.double12').attr('data-tip', res.tip || '免费送1年')
+                                $('.double12').addClass('active')
+                                $('.footer-banner img').attr('src', '{{Msg "seo" "cdn"}}/vipsubscribe/image/active_vip_2-18.png?v={{Msg "seo" "version"}}').css({
+                                  width: '1200px',
+                                  'margin-top': '-30px'
+                                })
+                                $('.footer-banner area').attr('coords', '795,40,930,86')
+                                $('.footer-banner').addClass('active')
+                                activeReloadPage(res.nowtime * 1000, res.endtime * 1000)
+                            } else {
+                                activeReloadPage(res.nowtime * 1000, res.starttime * 1000)
+                            }
+                        }
+                    }
+                }
+            })
+
+            //为购买点击跳转购买链接
+            $("div*[data-go-buy-subscribe]").siblings().show()
+            $("div*[data-go-buy-subscribe]").text('立即购买').off('click').on("click",function (){
+                window.location.href="/swordfish/page_big_pc/free/svip/buy"
+            })
+            $(".footer-banner").show()
+        }
+    }
+    $("#myModal-01").on("hidden.bs.modal", function () {
+        $(".public-nav").css({"padding-right":""});
+    })
+    $(".footer-banner area").on("click",function(){
+        window.location.href="/swordfish/page_big_pc/free/svip/buy";
+    })
+    $(function () {
+        ;(function animateUp(){
+            var obj = $('.CfadeInUp');
+            var objH= $('.CfadeInUp').outerHeight();
+            var num = [];
+            var wH  = $(window).height();
+            var wScrollTop = $(window).scrollTop();
+
+            // 获取页面所有obj的top位置,存入数组
+            for(var i=0; i<obj.length;i++){
+                num.push(obj.eq(i).offset().top+(objH/3));
+            }
+            // console.log(num)
+            // 循环数组,判断obj的位置是否在可视区中
+            function judgeTop(){
+                for(var j=0; j<num.length;j++){
+                    if (num[j] >= wScrollTop && num[j] < (wScrollTop+wH-50)) {
+                        if(j == 0){
+                            obj.eq(j).css({
+                                'animation-name':'CfadeInUp',
+                                'animation-duration':  0.8 +'s',
+                            });
+                        }else{
+                            obj.eq(j).css({
+                                'animation-name':'CfadeInUp',
+                                'animation-duration':  1.4 +'s',
+                            });
+                        }
+                    }
+                }
+            };
+            // 页面初始化时先调用一次
+            judgeTop();
+            // 触发滚动事件调用判断函数
+            $(window).scroll(function(event) {
+                wH = $(window).height();
+                wScrollTop = $(window).scrollTop();
+                judgeTop();
+            });
+        })();
+        var onlineData_arr = [
+            window.page_subscribe_data.subscribe_zb_info_count,
+            window.page_subscribe_data.subscribe_ent_info_count,
+            window.page_subscribe_data.subscribe_buyer_info_count
+        ]
+        // 获取小数点后有有几位
+        function getPointCount(n) {
+            var n2 = n + ''
+            var arr = n2.split('.')
+            if (arr.length > 1) {
+                return arr[1].length
+            } else {
+                return 0
+            }
+        }
+        function filpNumber () {
+            onlineData_arr.map(function (v, i) {
+                // 根据数字动态计算小数点后位数
+                var decimalCount = getPointCount(v)
+                var demo = new CountUp('flip-number-' + (i + 1), 0, v, decimalCount,2,{
+                    useEasing: false,
+                    useGrouping: false
+                });
+                if (!demo.error) {
+                    demo.start();
+                } else {
+                    console.error(demo.error);
+                }
+            })
+        }
+        // 底部横幅固定
+        var isCloseFooterBanner = false
+
+        $(".icon-close-box").on('click',function () {
+            $(this).parent().hide()
+            isCloseFooterBanner = true
+        })
+        function windowScrollFn (){
+            var numberBox = $(".app-bottom")
+            var numberBoxH = numberBox.offset().top
+            if ($(window).scrollTop() + $(window).height()  >= numberBoxH) {
+                if (!numberBox.attr('data-show-an')) {
+                    numberBox.attr('data-show-an','true')
+                    filpNumber()
+                }
+            } else {
+                numberBox.removeAttr('data-show-an')
+            }
+
+            // 底部横幅固定
+            if (!isCloseFooterBanner) {
+                var footerBannerDom = $(".footer-banner[data-sticky]")
+                var footerBannerChangeDom = $(".footer-banner[data-sticky-change]")
+                footerBannerChangeDom.css("transform", 'translateX(-' + $(window).scrollLeft() + 'px)')
+                if ($(window).scrollTop() + $(window).height() < footerBannerDom.offset().top) {
+                    footerBannerChangeDom.show()
+                } else {
+                    footerBannerChangeDom.hide()
+                }
+            }
+
+            // 表格头部固定
+            var tableHeaderDom = $('.sub-contrast')
+            var tableHeaderChangeDom = $(".contrast-main-header[data-sticky-change]")
+            var tableMaxHeight = $(".contrast-main").height() + $(".contrast-main").offset().top - 64 - tableHeaderChangeDom.height()
+            if ($(window).scrollTop() > tableHeaderDom.offset().top && $(window).scrollTop() < tableMaxHeight) {
+                tableHeaderChangeDom.show()
+            } else {
+                tableHeaderChangeDom.hide()
+            }
+        }
+        $(window).scroll(windowScrollFn)
+    })
+
+</script>
+</body>
+</html>

+ 91 - 14
src/web/templates/weixin/vipsubscribe/vip_introduce.html

@@ -76,29 +76,81 @@
     <div class="j-container" id="vip-intro-container">
         <div class="j-main vip_introduce vip-body" id="vip-body">
             <div class="main">
-<!--                <img src="/common-module/vipsubscribe/image/info/cut_01.jpg">-->
-                <!-- <img id="cut-2" src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/cut_02.jpg?v={{Msg "seo" "version"}}"> -->
-                <img id="cut-2" src="">
-                <img src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/cut_03.jpg?v={{Msg "seo" "version"}}">
-                <img src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/vip_vs.png?v={{Msg "seo" "version"}}">
-                <!-- <img id="cut-6" src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/cut_06.jpg?v={{Msg "seo" "version"}}"> -->
-                <img id="cut-6" src="">
-                <img src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/cut_07.jpg?v={{Msg "seo" "version"}}">
+              <div class="landing-banner">
+                <img id="cut-2" src='' />
+                <div class="statistic-info">
+                  <div class="statistic-item">
+                    <h3 class="item-count day-update-count"></h3>
+                    <p>每日招采信息新增</p>
+                  </div>
+                  <div class="statistic-item">
+                    <h3 class="item-count purchase-partyA-count"></h3>
+                    <p>覆盖省市镇招采甲方</p>
+                  </div>
+                  <div class="statistic-item">
+                    <h3 class="item-count purchase-project-count"></h3>
+                    <p>覆盖全行业招采项目</p>
+                  </div>
+                </div>
+              </div>
+              <div class="cooperate-container">
+                <div class="cooperate-header">
+                  <h2 class="cooperate-header-title"></h2>
+                  <p class="line-flex cooperate-header-subtitle">
+                    <span class="split-box--before"></span>
+                    <span class="split-box--text">定向推送!覆盖全网全类招采项目</span>
+                    <span class="split-box--after"></span>
+                  </p>
+                </div>
+                <div class="cooperate-main">
+                  <div class="cooperate-list">
+                    <div class="cooperate-item">
+                      <div class="cooperate-item-icon cooperate-item-icon-1"></div>
+                      <p class="cooperate-item-text">建筑工程</p>
+                    </div>
+                    <div class="cooperate-item">
+                      <div class="cooperate-item-icon cooperate-item-icon-2"></div>
+                      <p class="cooperate-item-text">弱电安防</p>
+                    </div>
+                    <div class="cooperate-item">
+                      <div class="cooperate-item-icon cooperate-item-icon-3"></div>
+                      <p class="cooperate-item-text">信息技术</p>
+                    </div>
+                    <div class="cooperate-item">
+                      <div class="cooperate-item-icon cooperate-item-icon-4"></div>
+                      <p class="cooperate-item-text">医疗卫生</p>
+                    </div>
+                    <div class="cooperate-item">
+                      <div class="cooperate-item-icon cooperate-item-icon-5"></div>
+                      <p class="cooperate-item-text">服务采购</p>
+                    </div>
+                    <div class="cooperate-item">
+                      <div class="cooperate-item-icon cooperate-item-icon-6"></div>
+                      <p class="cooperate-item-text">机械设备</p>
+                    </div>
+                  </div>
+                  <div class="cooperate-footer" data-href="/jy_mobile/search/middle/bidding">
+                    <div class="cooperate-item-icon cooperate-item-icon-7"></div>
+                    <p class="cooperate-item-text">更多行业</p>
+                  </div>
+                </div>
+              </div>
+              <div class="vs-container">
+                <img src='{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/vs_new.png?v={{Msg "seo" "version"}}' alt="vs">
+              </div>
             </div>
         </div>
         <div class="j-footer j-button-group popup-bottom-group">
-          <div class="adbottom pop-tip-group tip-box" style="width:375px;height: 40px;top: -35px;text-align: center;" id="bottomad">
-<!--              <div class="pop-tip-group tip-box">-->
-<!--                <div>每天一块钱,立刻拥有全网商机!</div>-->
-<!--              </div>-->
-            </div>
+            <!-- <div class="adbottom pop-tip-group tip-box" style="width:375px;height: 40px;top: -35px;text-align: center;" id="bottomad"></div>
             <div class="pop-tip-group active" style="display: none">
                 <div>买1年送1年</div>
             </div>
             <div class="pop-button" data-need-bind-phone data-url="/jy_mobile/common/order/create/svip?type=buy{{if .T.disWord}}?disWord={{.T.disWord}}{{end}}"   id="vip-introduce">
                 <img data-name="default" src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/btnBottom.png?v={{Msg "seo" "version"}}">
                 <img data-name="active" style="display: none" src="{{Msg "seo" "cdn"}}/common-module/vipsubscribe/image/info/btnBottom1212.png?v={{Msg "seo" "version"}}">
-            </div>
+            </div> -->
+            <div class="btn-customer" onclick="location.href= '/big/wx/page/customer'">咨询客服</div>
+            <div class="btn-buy" data-need-bind-phone data-url="/jy_mobile/common/order/create/svip?type=buy{{if .T.disWord}}&disWord={{.T.disWord}}{{end}}">立即购买</div>
         </div>
     </div>
     {{include "/common/weixin.html"}}
@@ -188,6 +240,31 @@
         sessionStorage.removeItem('vip-cur-select-coupon')
         sessionStorage.removeItem('$select-coupon')
         sessionStorage.removeItem('vip-cur-select-size')
+        function ajaxGetUpdateInfo () {
+          $.ajax({
+            type: 'POST',
+            url: '/jyapi/jybx/base/included',
+            success: function (res) {
+              if (res.data) {
+                var dataJSONObj = res.data
+              // 每日更新
+              $('.day-update-count').text(dataJSONObj.bidDayUpdate + dataJSONObj.bidDayUpdateUnit + dataJSONObj.bidDayUpdateUnitAppend)
+                // 招采甲方
+                $('.purchase-partyA-count').text(dataJSONObj.buyer + dataJSONObj.buyerUnit + dataJSONObj.buyerUnitAppend)
+                // 招采项目
+                $('.purchase-project-count').text(dataJSONObj.project + dataJSONObj.projectUnit + dataJSONObj.projectUnitAppend);
+              }
+            }
+          })
+      }
+      $(function(){
+        ajaxGetUpdateInfo()
+        var footerHeight = $('.j-footer').outerHeight()
+        $('.vip_introduce').css('padding-bottom', footerHeight)
+        $('.cooperate-footer[data-href]').click(function(){
+          location.href = $(this).attr('data-href')
+        })
+      })
     </script>
     {{include "/common/baiducc.html"}}
 </body>