默认提交

@@ -344,7 +344,12 @@ textarea {
 
 // // 视频
 .video-js {
-  background-color: transparent !important;
+	background-color: transparent !important;
+	border-radius: $borderRadiusSmall;
+}
+
+.video-js .vjs-tech,.video-js .vjs-poster{
+	border-radius: $borderRadiusSmall;
 }
 
 .video-js .vjs-big-play-button {

@@ -8,7 +8,8 @@ import {
 export default {
 	data() {
 		return {
-			key: 'value'
+			key: 'value',
+			qrcodeVisible: false,
 		}
 	},
 	components: {},

@@ -60,15 +60,36 @@
           .n-item {
             cursor: pointer;
             min-width: 14.75rem;
+
           }
         }
 
+        .nav2 {
+          display: none;
+        }
+
         // 公众号
         .public {
+          position: relative;
           text-align: left;
           margin-left: 5.32rem;
 
-          .qrcode {
+          .qrcode-wrap {
+            text-align: center;
+            // position: absolute;
+            // top: 2rem;
+            margin-top: 0.3rem;
+            width: 8.416667rem;
+            height: 8.833333rem;
+
+            .qrcode {}
+
+            .c1 {
+              margin-top: 0.3rem;
+            }
+          }
+
+          .icon {
             margin-top: .75rem;
             margin-right: 1rem;
             display: inline-block;
@@ -124,13 +145,19 @@
 
             .n-item {
               min-width: 0;
+              margin-right: 0;
             }
           }
 
+          .nav2 {
+            display: none;
+          }
+
           .public {
             margin: 0;
-            margin-top: 2rem;
+            margin-top: 3rem;
             text-align: left;
+            min-height: 12rem;
           }
         }
 
@@ -146,6 +173,7 @@
 @media (max-width: 768px) {
   .v-footer {
     font-size: $fontSizeSmall-M;
+
     .footer-containter {
       .cont {
         .info {
@@ -176,6 +204,17 @@
 
           .public {
             margin: 0;
+            min-width: 9rem;
+
+            .qrcode-wrap {
+              img {
+                width: 7rem;
+              }
+
+              .c1 {
+                display: none;
+              }
+            }
           }
 
           // 公共组件

@@ -49,10 +49,16 @@
 
 					<div class="public">
 						<div class="tit">{{$t('footer.qrcode')}}</div>
-						<!-- <img class="qrcode" src="@/assets/images/home/qrcode-focus.png" alt=""> -->
-						<img class="qrcode pointer" src="@/assets/images/home/footer-icon-1.png" alt="">
-						<img class="qrcode pointer" src="@/assets/images/home/footer-icon-2.png" alt="">
-						<img class="qrcode pointer" src="@/assets/images/home/footer-icon-3.png" alt="">
+						<div @click="qrcodeVisible = !qrcodeVisible" v-if="qrcodeVisible" class="qrcode-wrap">
+							<img src="@/assets/images/home/qrcode.png" alt="">
+							<div class="c1">官方公眾號</div>
+						</div>
+						<template v-else>
+							<img @click="qrcodeVisible = !qrcodeVisible" class="icon pointer" src="@/assets/images/home/footer-icon-1.png" alt="">
+							<img class="icon pointer" src="@/assets/images/home/footer-icon-2.png" alt="">
+							<img class="icon pointer" src="@/assets/images/home/footer-icon-3.png" alt="">
+						</template>
+
 					</div>
 
 				</div>

@@ -85,6 +85,12 @@
       justify-content: space-between;
       align-items: center;
 
+      .td {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
+
       .cell1 {
         width: 98%;
         display: flex;
@@ -92,25 +98,12 @@
         margin: auto;
       }
 
-
-
       .separator-v {
         height: 2.5rem;
         width: .166667rem;
         background-color: #f2f2f2;
         margin: 0 .916667rem;
       }
-
-      .td {
-        &:first-child {
-          text-align: left;
-        }
-
-        &:last-child {
-          text-align: right;
-        }
-      }
-
     }
 
     .label span {
@@ -141,3 +134,29 @@
   }
 
 }
+
+
+
+.cell-between {
+  .data-line {
+    .td {
+      &:first-child {
+        justify-content: flex-start;
+      }
+
+      &:last-child {
+        justify-content: flex-end;
+      }
+    }
+  }
+
+}
+
+.icon-download {
+  margin: 0 1rem;
+}
+
+.icon-check {
+  height: 1.4rem;
+  margin: 0 1rem;
+}

@@ -48,8 +48,14 @@
 
   &-item {
     @extend .bb;
+
     margin-right: $marginSmall;
 
+    &:last-child {
+      margin-right: 0;
+    }
+
+
     position: relative;
     width: 24.25rem;
     // width: 100%;
@@ -84,9 +90,6 @@
       background-size: cover;
     }
 
-    &:last-child {
-      margin-right: 0;
-    }
 
     .btn {
       position: absolute;
@@ -169,6 +172,17 @@
     @include content-percent();
   }
 
+  // 推荐产品
+  .recommend {
+    justify-content: center;
+
+    &-item {
+      width: 46% !important;
+      padding: 0 !important;
+      margin: 2% !important;
+    }
+  }
+
   // 详情
   .detail {
     display: block;
@@ -191,8 +205,10 @@
   // 推荐产品
   .recommend {
     &-item {
-      width: 100%;
-      margin: 0 auto $marginMedium-M;
+      width: 100% !important;
+      ;
+      margin: $marginSmall-M auto !important;
+      ;
     }
   }