diff --git a/src/Layout/index.vue b/src/Layout/index.vue
index 0314447..d9b0e7c 100644
--- a/src/Layout/index.vue
+++ b/src/Layout/index.vue
@@ -22,15 +22,24 @@ const scrollToTop = () => {
   flog.value = true
   const dom = document.querySelector('.gotop') as Element
   console.log(dom)
-  totop.value.style.backgroundPosition = '-6px -145px'
+
+
   setTimeout(() => {
-    totop.value.style.backgroundPosition = '-363px -78px'
+    totop.value.classList.add('top1');
+
   }, 200)
   setTimeout(() => {
-    totop.value.style.backgroundPosition = '-316px -78px'
+    totop.value.classList.remove('top1');
+    totop.value.classList.add('top5');
+
+
   }, 400)
   setTimeout(() => {
-    totop.value.style.backgroundPosition = '-6px -80px'
+    totop.value.classList.remove('top5');
+
+    totop.value.classList.add('top4');
+
+
     totop.value.style.height = '60px'
 
     scrollTop()
@@ -88,14 +97,20 @@ onMounted(() => {
   position: fixed;
   bottom: 50px;
   right: 50px;
-  background-image: url('../assets/images/jinglingtu.png');
-  background-position: -264px -78px;
+  // background-image: url('../assets/images/jinglingtu.png');
+  background: url('../assets/images/top3.png') no-repeat;
+  background-size: contain;
+  // background-position: -264px -78px;
   transition: top 0.2s linear;
   animation: show 0.5s ease-in-out;
 }
 .gotop:hover {
   transition: background-image 0.2s ease-in;
-  background-position: -215px -78px;
+  // background-position: -215px -78px;
+  background: url('../assets/images/top2.png') no-repeat;
+  background-size: contain;
+
+
 }
 .bian {
   animation: bian 0.1s ease-in-out;
@@ -131,4 +146,18 @@ onMounted(() => {
 //     top: 10%;
 //   }
 // }
+.top1{
+  background: url('../assets/images/top1.png') no-repeat !important;
+  background-size: contain !important
+}
+.top4{
+  background: url('../assets/images/top4.png') no-repeat !important;
+  background-size: contain !important
+
+}
+.top5{
+  background: url('../assets/images/top5.png') no-repeat !important;
+  background-size: contain !important
+
+}
 </style>
diff --git a/src/assets/images/jinglingtu.png b/src/assets/images/jinglingtu.png
deleted file mode 100644
index 8e1a58e..0000000
Binary files a/src/assets/images/jinglingtu.png and /dev/null differ
diff --git a/src/assets/images/top1.png b/src/assets/images/top1.png
new file mode 100644
index 0000000..86d0667
Binary files /dev/null and b/src/assets/images/top1.png differ
diff --git a/src/assets/images/top2.png b/src/assets/images/top2.png
new file mode 100644
index 0000000..c480c03
Binary files /dev/null and b/src/assets/images/top2.png differ
diff --git a/src/assets/images/top3.png b/src/assets/images/top3.png
new file mode 100644
index 0000000..b6eed64
Binary files /dev/null and b/src/assets/images/top3.png differ
diff --git a/src/assets/images/top4.png b/src/assets/images/top4.png
new file mode 100644
index 0000000..35f408c
Binary files /dev/null and b/src/assets/images/top4.png differ
diff --git a/src/assets/images/top5.png b/src/assets/images/top5.png
new file mode 100644
index 0000000..edf751c
Binary files /dev/null and b/src/assets/images/top5.png differ
diff --git a/src/views/registrationGroup/index.vue b/src/views/registrationGroup/index.vue
index be309d3..0db50e1 100644
--- a/src/views/registrationGroup/index.vue
+++ b/src/views/registrationGroup/index.vue
@@ -120,7 +120,7 @@
               <el-input v-model="ruleForm.entryFormat" type="text" disabled />
             </el-form-item>
             <el-form-item label="队伍名称" prop="teamName">
-              <el-input v-model="ruleForm.teamName"   type="text" :disabled="isDisable"/>
+              <el-input v-model="ruleForm.teamName"  maxlength="30"  type="text" :disabled="isDisable"/>
             </el-form-item>
             <el-form-item label="选择题目" prop="topicid">
               <el-select v-model="ruleForm.topicid" placeholder="请选择题目"  :disabled="isDisable">