音频样式微调（背景充满）；

关注图标替换；

src/assets/style/global.less

@@ -49,3 +49,5 @@
 @commnTitleSize:36px;
 @commnSize:30px;
 @smallSize:26px;
+
+@selectColor: #4498F0;  // #4498F0

src/components/EduAudio.vue

@@ -110,7 +110,7 @@ export default {
   }
   .audio-wrap {
     display: flex;
-    height: calc(100% - 48px);
+    height: 100%;
     background: #4498f0;
     flex-direction: column;
     align-items: center;
@@ -121,7 +121,10 @@ export default {
     height: 35px;
   }
   #edu_audio {
+    position: absolute;
+    display: block;
+    bottom: 0;
     width: 100%;
-    height: 48px;
+    opacity: .8;
   }
 </style>

src/views/CourseDetail/index.vue

@@ -589,11 +589,14 @@ export default {
 </script>
 
 <style lang="less" scoped>
+
   .course-detail {
+    width: 100%;
     // .video-player {
     //   height: 211pt;
     // }
     .pdf-previewer {
+      position: relative;
       height: 211px;
       width: 100%;
     }
@@ -654,8 +657,8 @@ export default {
         line-height: 55px;
         color: #333333;
         &.select {
-          color: #4498F0;
-          border-bottom: 2px solid #4498F0;
+          color: @selectColor;
+          border-bottom: 2px solid @selectColor;
         }
       }
     }
@@ -748,7 +751,7 @@ export default {
         margin:19px 15px 0;
         color: #666;
         &.select {
-          color: #4498F0;
+          color: @selectColor;
         }
         em {
           display: inline-block;
@@ -810,7 +813,7 @@ export default {
         a {
           margin-left: 6px;
           vertical-align: middle;
-          color: #4498F0
+          color: @selectColor
         }
       }
     }