diff --git a/docs/index.html b/docs/index.html
index 934b8d93e..f34679be1 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -19,8 +19,6 @@
                 <header class="header">
                     <a href="./" class="logo">Artplayer.js</a>
                     <div class="menus">
-                        <a class="item" href="./document/">Document</a>
-                        <a class="item" href="https://github.com/zhw2590582/ArtPlayer">Github</a>
                         <div class="item ecosystem">
                             Ecosystem
                             <div class="sub-menu">
@@ -41,6 +39,8 @@
                                 </ul>
                             </div>
                         </div>
+                        <a class="item" href="./document/">Document</a>
+                        <a class="item" href="https://github.com/zhw2590582/ArtPlayer">Github</a>
                     </div>
                     <div class="run">Run Code</div>
                 </header>
diff --git a/packages/artplayer-plugin-playlist/README.md b/packages/artplayer-plugin-playlist/README.md
index a501ab2a1..07c1b2c70 100644
--- a/packages/artplayer-plugin-playlist/README.md
+++ b/packages/artplayer-plugin-playlist/README.md
@@ -22,11 +22,13 @@ $ yarn add artplayer-plugin-playlist
 
 ```js
 import artplayerPluginPlaylist from 'artplayer-plugin-playlist';
+import 'artplayer-plugin-playlist/dist/artplayer-plugin-playlist.css';
 ```
 
 Or umd builds are also available
 
 ```html
+<link rel="stylesheet" href="path/to/artplayer-plugin-playlist.css" />
 <script src="artplayer-plugin-playlist.js"></script>
 ```