加新闻，修改视频讲解页面

pc/src/page/service/temp/app.vue

@@ -10,8 +10,17 @@
         <img :src=" language==='en'?`https://4dscene.4dage.com/new4dkk/images/pro-logo-en.png`:`https://4dscene.4dage.com/new4dkk/images/pro-logo.png`" alt srcset>
         <h2></h2>
         <p>{{ $t('service.appDownload.downloadTip')}}</p>
-
-        <div>
+        <div class="download-w">
+          <div class="app ios">
+            <img class="qrcode" :src="`${$cdn}images/iosqrcode.png`" >
+            <img class="icon" :src="`${$cdn}images/ios-icon.png`" >
+          </div>
+          <div class="app android">
+            <img class="qrcode" :src="`${$cdn}images/anzhuoqrcode.png`" >
+            <img   class="icon" :src="`${$cdn}images/android-icon.png`" >
+          </div>
+        </div>
+        <!-- <div>
           <p>
             <a class="button">
               <img :src="`${$cdn}images/service_icon_ios@2x.png`" >
@@ -26,7 +35,7 @@
             </a>
             <img class="qrcode" :src="`${$cdn}images/anzhuoqrcode.png`">
           </p>
-        </div>
+        </div> -->
       </div>
     </div>
   </div>
@@ -47,10 +56,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.app-download {
+  background: #F7F7F7;
+}
 .container {
+  padding: 80px 0 190px;
   .common-title {
-    margin: 80px 0 65px;
+    margin: 0 0 65px;
   }
   .logo {
     float: left;
@@ -99,19 +111,7 @@ export default {
           background-color: #7fc651;
         }
 
-        .qrcode{
-          pointer-events: none;
-          overflow: hidden;
-          opacity: 0;
-        }
-
-        &:hover {
-          .qrcode{
-            opacity: 1;
-            width: 180px;
-            margin-top: 20px;
-          }
-        }
+        
       }
 
       .button {
@@ -131,5 +131,31 @@ export default {
 
     }
   }
+  .download-w {
+    display: flex;
+  }
+  .app {
+    width: 172px;
+    height: 212px;
+    background: url(~@/assets/images/refactor/appDownload/app-bg.png) no-repeat center center;
+    background-size: cover;
+    text-align: center;
+    &.ios {
+      margin-right: 80px;
+    }
+    .qrcode{
+      pointer-events: none;
+      overflow: hidden;
+      opacity: 1;
+      width: 122px;
+      margin: 20px auto 0;
+      display: block;
+      
+    }
+    .icon {
+      width: 21px;
+      margin-top: 15px;
+    }
+  }
 }
 </style>

pc/src/page/service/video.vue

@@ -8,7 +8,7 @@
         <h-col :span="langVideoCourse[activeTab].items.length > 2 ? 6 : 12"  v-for="(sub,idx) in langVideoCourse[activeTab].items" :key="idx">
           <div class="i-li" :class="{small: langVideoCourse[activeTab].items.length > 2}" @click="itemHandle(sub)">
             <div class="img-w">
-              <img class="li-img" :src="`${$cdn}course/img/${sub.code}.jpg`" alt="">
+              <img class="li-img" :src="`${$cdn}course/img/${sub.code}.jpg?version=4`" alt="">
               <div class="hover-item">
                 <img :src="`${$cdn}course/img/video-play.png`" alt="">
                 <p>{{sub.name}}</p>
@@ -66,7 +66,7 @@ export default {
       padding-right: 34px;
       margin-right: 32px;
       position: relative;
-      font-weight: normal;
+      font-weight: 200;
       color: #909090;
       cursor: pointer;
       &.is-active {