diff --git a/src/components/animation/lodingCir.vue b/src/components/animation/lodingCir.vue
index da852d7..e241efc 100644
--- a/src/components/animation/lodingCir.vue
+++ b/src/components/animation/lodingCir.vue
@@ -4,23 +4,23 @@
 
 <style scoped>
 div {
-  width: 2.5em;
-  height: 3em;
-  border: 3px solid transparent;
-  border-top-color: #fc2f70;
-  border-bottom-color: #fc2f70;
+  width: 20em;
+  height: 20em;
+  border: 3em solid transparent;
+  border-top-color: #3cefff;
+  border-bottom-color: #3cefff;
   border-radius: 50%;
-  animation: spin-stretch 2s ease infinite;
+  animation: spin-stretch 1.5s ease infinite;
 }
 
 @keyframes spin-stretch {
   50% {
     transform: rotate(360deg) scale(0.4, 0.33);
-    border-width: 8px;
+    border-width: 1.5em;
   }
   100% {
     transform: rotate(720deg) scale(1, 1);
-    border-width: 3px;
+    border-width: 3em;
   }
 }
 
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index 7c1aca4..ce8d1df 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -25,6 +25,7 @@ import indexBG from "@/components/animation/indexBG.vue"
 import recording from "@/components/animation/recording.vue"
 import inputing from "@/components/animation/inputing.vue"
 import loding from "@/components/animation/loding.vue"
+import lodingCir from "@/components/animation/lodingCir.vue"
 
 import IatRecorder from '@/utils/test.js'
 // import IatRecorder from '@/utils/larRcorder.js'
@@ -612,7 +613,8 @@ window.addEventListener('test', (e) => {
 			<transition mode="out-in" name="fade">
 				<inputing v-if="nowStatus=='input'" key="input"></inputing>
 				<recording v-else-if="nowStatus=='record'" key="record"></recording>
-				<loding v-else-if="nowStatus=='loding'" key="loding"></loding>
+				<!-- <loding v-else-if="nowStatus=='loding'" key="loding"></loding> -->
+				<lodingCir v-else-if="nowStatus=='loding'" key="loding"></lodingCir>
 			</transition>
 		</indexBG>
 		<div class="flex flex-col w-full h-full" :style="{'max-width': maxWeight + 'px'}">