fix(电子刊)： 样式修改

@@ -11,15 +11,17 @@
                 {{/ bookPreviewPicBoList}}
             </div>
             <div class="swiper-pagination"></div>
-            <div class="magazine-info-block">
-                <p class="m-time">{{bookNumber}}</p>
-                <p class="m-title">{{title}}</p>
+            <div class="magazine-info-gradient">
+                <div class="magazine-info-block">
+                    <p class="m-time">{{bookNumber}}</p>
+                    <p class="m-title">{{title}}</p>
 
-                <div class="m-order to-download">查看阅读
-                    <i class="iconfont">&#xe614;</i>
-                </div>
+                    <div class="m-order to-download">查看阅读
+                        <i class="iconfont">&#xe614;</i>
+                    </div>
 
-                <button class="buy-magazine-now" data-sku="{{sku}}" data-buy="{{buyFlag}}">立即购买</button>
+                    <button class="buy-magazine-now" data-sku="{{sku}}" data-buy="{{buyFlag}}">立即购买</button>
+                </div>
             </div>
         </div>
     </div>

@@ -78,6 +78,17 @@ body {
         }
     }
 
+    .magazine-info-gradient {
+        width: 100%;
+        height: 60%;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        z-index: 3;
+        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%,);
+    }
+
     .magazine-info-block {
         width: 100%;
         height: 0;
@@ -88,14 +99,14 @@ body {
 
         .m-time {
             font-size: 24px;
-            color: #ddd;
+            color: #fff;
             line-height: 1.2;
         }
 
         .m-title {
             height: 100px;
             margin: 10px 0 40px;
-            font-size: 40px;
+            font-size: 36px;
             color: #fff;
             letter-spacing: 1px;
             font-weight: 500;