diff --git a/src/assets/css/fakeqqmusic.css b/src/assets/css/fakeqqmusic.css
index 40ce7ca111e18a3a2e1a3c8cfa9531d81f38fd62..2592301a20b40f888c09749c2e6002134499bc18 100644
--- a/src/assets/css/fakeqqmusic.css
+++ b/src/assets/css/fakeqqmusic.css
@@ -518,10 +518,6 @@
   display: none;
 }
 .songlist__header_name,
-.songlist__songname {
-  width: 72%;
-}
-.songlist__header_name,
 .songlist__songname {
   float: left;
   width: 47.685185%;
@@ -577,16 +573,6 @@
   white-space: nowrap;
   font-size: 14px;
 }
-.songlist__rank {
-  position: absolute;
-  top: 0;
-  left: 48px;
-  width: 72px;
-  font-size: 12px;
-  line-height: 20px;
-  text-align: center;
-  color: #999;
-}
 .icon_rank_popular {
   width: 15px;
   height: 15px;
diff --git a/src/views/musicLibrary/Ranking.vue b/src/views/musicLibrary/Ranking.vue
index 711bb29b4630ccf75b997a5960dda4ebd8205daa..bb8a1ebdeb41273b6c45a6c981d1438de654ef95 100644
--- a/src/views/musicLibrary/Ranking.vue
+++ b/src/views/musicLibrary/Ranking.vue
@@ -185,7 +185,7 @@
                 <mod-list-menu :song="song" />
               </div>
 
-              <div class="songlist__artist" title="陆海涛">
+              <div class="songlist__artist" :title="song.name">
                 <a title="song.artistsText" class="singer_name">{{
                   song.artistsText
                 }}</a>
@@ -380,4 +380,32 @@ th {
 .songlist__number--top {
   color: #ff4222;
 }
+.songlist__header,
+.songlist__item {
+  padding-left: 122px;
+  padding-right: 95px;
+}
+.songlist__header_name,
+.songlist__songname {
+  width: 72%;
+}
+.songlist__album,
+.songlist__artist,
+.songlist__header_album,
+.songlist__header_author {
+  float: left;
+  padding-left: 15px;
+  width: 25.5%;
+  box-sizing: border-box;
+}
+.songlist__rank {
+  position: absolute;
+  top: 0;
+  left: 48px;
+  width: 72px;
+  font-size: 12px;
+  line-height: 20px;
+  text-align: center;
+  color: #999;
+}
 </style>