diff --git a/src/views/grateful/GratefulHomePage.vue b/src/views/grateful/GratefulHomePage.vue
index 80fd0418..0741c3a2 100644
--- a/src/views/grateful/GratefulHomePage.vue
+++ b/src/views/grateful/GratefulHomePage.vue
@@ -360,9 +360,30 @@ export default {
 </script>
 
 <style scoped lang="scss">
+@media screen and (max-width: 1366px){
+  .swiper-pagination{
+    top: 310px;
+  }
+}
+@media screen and (max-width: 1680px) and (min-width:1367px){
+  .swiper-pagination{
+    top: 360px;
+  }
+}
+
+@media screen and (max-width: 1920px) and (min-width: 1681px){
+  .swiper-pagination{
+    top: 360px;
+  }
+}
+@media screen and (min-width: 1921px){
+  .swiper-pagination{
+    top: 360px;
+  }
+}
 .bannbox {
   width: 100%;
-  height: 520px;
+  height: 420px;
   text-align: center;
   filter: blur(5px);
   z-index: -1;
@@ -375,13 +396,13 @@ export default {
 
 #container {
   position: absolute;
-  height: 520px;
+  height: 420px;
   top: 0;
   width: 100%;
 }
 
 .banner-img {
-  height: 520px;
+  height: 420px;
   position: absolute;
   top: 0;
   left: 0;
@@ -390,7 +411,7 @@ export default {
 }
 
 .course-banner {
-  height: 520px;
+  height: 420px;
 
   .swiper-button-prev {
     height: 38px;
@@ -517,7 +538,7 @@ export default {
 .float-tools {
   position: fixed;
   right: 0;
-  bottom: 50%;
+  bottom: 40%;
   z-index: 999;
   cursor: pointer;