diff --git a/assets/scss/index.scss b/assets/scss/index.scss
index 97f7435d2..6090ad32a 100644
--- a/assets/scss/index.scss
+++ b/assets/scss/index.scss
@@ -1201,8 +1201,6 @@ footer {
   max-width: 1080px;
   top:50%;
   left:50%;
-  // margin-top: -304px;
-  // margin-left: -540px;
   transform: translate(-50%,-50%);
   padding: 0;
   border-radius: 0;
@@ -1223,11 +1221,8 @@ footer {
   }
 
   @media only screen and (max-width: $mobile-max-width) {
-    position: absolute;
     width: 80%;
-    height: auto;
-    top: 50%;
-    left:50%
+    height: 24.5%;
   }
 
 }
diff --git a/layouts/index.html b/layouts/index.html
index b84fa7105..64d459711 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -254,6 +254,8 @@
       if (language == 'zh') {
         start2.css('display', 'none')
         start1.attr('src', "https://kubesphere-community.pek3b.qingstor.com/videos/kubesphere-demo-cn.mp4")
+        video.css('height', 'auto')
+
       }
       else if (language == 'en') {
         start1.css('display', 'none')