diff --git a/site/components/Banner/Banner.module.less b/site/components/Banner/Banner.module.less
index 01d3f8ed..299c5f8b 100644
--- a/site/components/Banner/Banner.module.less
+++ b/site/components/Banner/Banner.module.less
@@ -6,9 +6,7 @@
 
 .banner {
   position: relative;
-  overflow: hidden;
   background-image: url(https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*KL9wS54k2U8AAAAAAAAAAAAADmJ7AQ/original);
-  
   background-repeat: no-repeat;
   background-size: cover;
 
@@ -16,7 +14,7 @@
     width: 900px;
     height: 100%;
     position: absolute;
-    top: 20;
+    top: 80px;
     background-repeat: no-repeat;
     background-size: contain;
   }
@@ -33,7 +31,7 @@
 
 
   .header {
-    height: 618px;
+    height: 690px;
     position: relative;
     font-family: PingFangSC;
   }
@@ -53,7 +51,7 @@
     font-weight: 900;
     color: #000;
     text-align: center;
-    margin-top: 112px;
+    margin-top: 138px;
 
     >span {
       color: #691EFF;
@@ -79,7 +77,7 @@
     &:extend(.commonFlexConfig);
     z-index: 11;
     position: absolute;
-    top: 283px;
+    top: 350px;
     width: 100%;
 
     >div,
@@ -124,7 +122,7 @@
     z-index: 10;
     width: 100%;
     position: absolute;
-    top: 424px;
+    top: 506px;
 
     .message {
       &:extend(.commonFlexConfig);
diff --git a/site/components/ThemeCharts/index.module.less b/site/components/ThemeCharts/index.module.less
index 6024ce8a..37c10f16 100644
--- a/site/components/ThemeCharts/index.module.less
+++ b/site/components/ThemeCharts/index.module.less
@@ -6,6 +6,8 @@
 
 .themeCharts {
   &:extend(.commonFlexConfig);
+  position: relative;
+  z-index: 2;
   padding: 20px 0 40px;
   flex-direction: column;
   font-family: PingFangSC;