style:答题详情样式调整

src/modules/teach-tool/components/AnswerDescPage.less

@@ -305,6 +305,7 @@
           padding-top: 12px;
           padding-bottom: 12px;
           font-size: 15px;
+          margin-bottom: 8px;
           .answer-info {
             margin-bottom: 8px;
             .title {

src/modules/teach-tool/components/XMAudio.less

@@ -5,10 +5,12 @@
  * @Last Modified time: 2020-03-24 10:18:43
  */
 
- .xm-audio {
+.xm-audio {
   display: flex;
   align-items: center;
   width: 280px;
+  box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
+  padding: 10px 20px;
   border-radius: 5px;
   background-color: #ffffff;
   .audio-image {
@@ -24,11 +26,11 @@
     cursor: pointer;
   }
   .play-icon {
-    color: #FC8540;
+    color: #fc8540;
   }
-  .sec-time{
+  .sec-time {
     white-space: nowrap;
-    color: #FF8534;
+    color: #ff8534;
     margin-left: 12px;
     font-size: 13px;
   }
@@ -38,11 +40,11 @@
     border-radius: 3px;
     margin-left: 12px;
     position: relative;
-    background:rgba(255,133,52,0.2);
+    background: rgba(255, 133, 52, 0.2);
 
     .complete-area {
       height: 100%;
-      background-color: #FF8534;
+      background-color: #ff8534;
       border-top-left-radius: 3px;
       border-bottom-left-radius: 3px;
     }
@@ -52,7 +54,7 @@
       width: 10px;
       height: 10px;
       border-radius: 50%;
-      background:linear-gradient(180deg,rgba(255,180,103,1) 0%,rgba(255,145,67,1) 100%);
+      background: linear-gradient(180deg, rgba(255, 180, 103, 1) 0%, rgba(255, 145, 67, 1) 100%);
     }
   }
 }