feat: 新增ID及属性

src/web/staticres/css/subscribe_new.css

@@ -464,6 +464,10 @@
     background-repeat: no-repeat;
     background-position: center;
 }
+.sub-contrast .contrast-main i.wrong {
+    width: 100%;
+    height: 100%;
+}
 .sub-contrast .contrast-main i.wrong::before {
     display: block;
     width: 100%;
@@ -952,12 +956,10 @@
     background: linear-gradient(91deg, #072551 6%, #5D118B 58%, #05035F 100%);
 }
 
-.app-bottom-tobuy{
-    background-image: url('/images/subscribe/sub-bottom-bg.png');
-    background-repeat: no-repeat;
-    background-position: bottom;
-    margin-bottom: -12px;
-    background-size: 958px 114px;
+.app-bottom-tobuy img {
+    width: 100%;
+}
+.app-bottom-tobuy {
     width: 958px;
     height: 114px;
     margin: 0 auto;

src/web/templates/pc/subscribe_new.html

@@ -56,7 +56,7 @@
 <!--购买按钮-->
 <div class="line-flex CfadeInUp">
     <div class="subpage-button gold  open-customer" id="go-info-subscribe-0">了解详情</div>
-    <div class="subpage-button darkblue" id="go-buy-subscribe-0">立即购买</div>
+    <div class="subpage-button darkblue" data-go-buy-subscribe id="go-buy-subscribe-0">立即购买</div>
 </div>
 
 <div class="space_60px"></div>
@@ -89,7 +89,7 @@
         <div class="space_30px"></div>
         <div class="line-flex">
             <div class="subpage-button gold  open-customer" id="go-info-subscribe-1">了解详情</div>
-            <div class="subpage-button darkblue" id="go-buy-subscribe-1">立即购买</div>
+            <div class="subpage-button darkblue" data-go-buy-subscribe id="go-buy-subscribe-1">立即购买</div>
         </div>
     </div>
     <!--线索获取更精准-->
@@ -117,7 +117,7 @@
         <div class="space_30px"></div>
         <div class="line-flex">
             <div class="subpage-button gold  open-customer" id="go-info-subscribe-2">了解详情</div>
-            <div class="subpage-button darkblue" id="go-buy-subscribe-2">立即购买</div>
+            <div class="subpage-button darkblue" data-go-buy-subscribe id="go-buy-subscribe-2">立即购买</div>
         </div>
     </div>
     <!--分析决策更科学-->
@@ -145,7 +145,7 @@
         <div class="space_30px"></div>
         <div class="line-flex">
             <div class="subpage-button gold  open-customer" id="go-info-subscribe-3">了解详情</div>
-            <div class="subpage-button darkblue" id="go-buy-subscribe-3">立即购买</div>
+            <div class="subpage-button darkblue" data-go-buy-subscribe id="go-buy-subscribe-3">立即购买</div>
         </div>
     </div>
 </div>
@@ -245,7 +245,10 @@
     </div>
 </div>
 <div class="app-bottom-box">
-    <div class="app-bottom-tobuy"></div>
+    <img class="app-bottom-tobuy" src="/images/subscribe/sub-bottom-bg.png" usemap="#image_map">
+    <map name="image_map">
+        <area data-go-buy-subscribe coords="1553,95,1853,174" shape="rect">
+    </map>
 </div>
 <button class="btn hidden" id="cb-01" data-toggle="modal" data-target="#myModal-01"></button>
 <!--百度统计start-->
@@ -258,6 +261,17 @@
         document.documentElement.scrollTop = 0;  //ie下
         document.body.scrollTop = 0;  //非ie
     }
+    function toggleShowBuy (type) {
+        if (type) {
+            $("div*[data-go-buy-subscribe]").siblings().hide()
+            $("div*[data-go-buy-subscribe]").text('立即使用')
+            $(".app-bottom-box").hide()
+        } else {
+            $("div*[data-go-buy-subscribe]").siblings().show()
+            $("div*[data-go-buy-subscribe]").text('立即购买')
+            $(".app-bottom-box").show()
+        }
+    }
     $(function () {
         ;(function animateUp(){
             var obj = $('.CfadeInUp');