diff --git a/1.html b/1.html
new file mode 100644
index 0000000..a3996d1
--- /dev/null
+++ b/1.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>EasyWasmPlayer-Demo</title>
+        <script src="./EasyWasmPlayer.js"></script>
+        <style>
+            .box {
+                width: 600px;
+                height: 400px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="box">
+            <div id="Player"></div>
+        </div>
+        <script>
+            // 实例化播放器
+            var Player = new WasmPlayer(null, "Player", callbackFun, { cbUserPtr: this, decodeType: "auto", openAudio: 1, BigPlay: false, Height: true });
+            // 调用播放
+            Player.play("url", 1);
+        </script>
+    </body>
+</html>
diff --git a/css/index.css b/css/index.css
index 67a9ced..1ea24bf 100644
--- a/css/index.css
+++ b/css/index.css
@@ -630,7 +630,7 @@ body {
   overflow: hidden;
 }
 .admission-officer .admission-body .interview-more .swiper-box .swiper .swiper-item {
-  width: 471px;
+  width: 356px;
   height: 200px;
   position: relative;
   border-radius: 10px;
diff --git a/css/index.less b/css/index.less
index 93b6279..2bd254e 100644
--- a/css/index.less
+++ b/css/index.less
@@ -751,7 +751,7 @@ body {
                     overflow: hidden;
 
                     .swiper-item {
-                        width: 471px;
+                        width: 356px;
                         height: 200px;
                         position: relative;
                         border-radius: 10px;
