diff --git a/themes/beauty/controller/SiteController.php b/themes/beauty/controller/SiteController.php
index 7635695..484baab 100644
--- a/themes/beauty/controller/SiteController.php
+++ b/themes/beauty/controller/SiteController.php
@@ -324,7 +324,7 @@ Class SiteController extends Controller {
                     $imgExts = !empty(FSC::$app['config']['supportedImageExts']) ? FSC::$app['config']['supportedImageExts'] : array('jpg', 'jpeg', 'png', 'webp', 'gif');
                     $imgFile = $scanner->getSnapshotImage($realpath, $imgExts);
 
-                    //支持视频目录
+                    //支持视频、音乐目录
                     if (empty($imgFile)) {
                         $videoExts = !empty(FSC::$app['config']['supportedVideoExts']) ? FSC::$app['config']['supportedVideoExts'] : array('mp4', 'mov', 'm3u8');
                         $firstVideo = $scanner->getSnapshotImage($realpath, $videoExts);
@@ -342,6 +342,12 @@ Class SiteController extends Controller {
                                 $size = 'vm';
                                 Common::saveCacheToFile($cacheKey, compact('url', 'size'), $cacheSubDir);
                             }
+                        }else {
+                            $audioExts = !empty(FSC::$app['config']['supportedAudioExts']) ? FSC::$app['config']['supportedAudioExts'] : array('mp3');
+                            $firstVideo = $scanner->getSnapshotImage($realpath, $audioExts);
+                            if (!empty($firstVideo)) {
+                                $url = '/img/beauty/audio_icon.jpeg';
+                            }
                         }
                     }else {
                         $url = $imgFile['path'];
diff --git a/themes/beauty/views/site/index.php b/themes/beauty/views/site/index.php
index 03b3ced..c8f7a41 100644
--- a/themes/beauty/views/site/index.php
+++ b/themes/beauty/views/site/index.php
@@ -275,7 +275,7 @@ eof;
             'audio' => '音乐',
         );
 
-        echo '<ul class="nav nav-tabs ml-1">';
+        echo '<ul class="nav nav-tabs ml-1 mb-1">';
         foreach ($arrShowTypes as $key => $title) {
             $showLink = Html::getLinkByParams(FSC::$app['requestUrl'], array('show' => $key, 'page' => 1));
             $activedClass = $key == $viewData['showType'] ? 'active' : '';
diff --git a/www/css/beauty.css b/www/css/beauty.css
index 1820207..18fae85 100644
--- a/www/css/beauty.css
+++ b/www/css/beauty.css
@@ -145,9 +145,9 @@ a:link{text-decoration:none}
 .btn_autoplay{margin:5px}
 
 .audio-list-item .im_img_title{background:none}
-.audio-list-item .im_img{width:80%;height:88%;margin:0 auto}
-.audio-list-item .title{color:#444;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}
-.audio-list-item .duration{bottom:16.5%;left:50%;width:50px;margin-left:-25px}
+.audio-list-item .im_img{width:86%;height:86%;margin:0 auto}
+.audio-list-item .title{margin-top:5px;color:#444;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis}
+.audio-list-item .duration{bottom:17.5%;left:50%;width:50px;margin-left:-25px}
 .audio-item{background:rgba(7, 7, 7, .1);padding:5px;border-radius:5px}
 .audio-item a{display:block}
 .audio-item img{float:left;width:60px;height:60px}
@@ -173,6 +173,10 @@ a:link{text-decoration:none}
 .lampshow .text_dark a, .lampshow .nav-tabs a{color:#f4f7fd}
 .lampshow .othervideos{background-color:inherit}
 .lampshow .btn-default{background-color:#CCC}
+.lampshow .audio-item{background-color:#333}
+.lampshow .audio-item .title{color:#999}
+.lampshow .audio-list-item .im_img{opacity:0.65}
+.lampshow .audio-list-item .title{color:#999}
 
 
 @media screen and (max-width: 1199px) {