diff --git a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
index 50b9f70..741c949 100644
--- a/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
+++ b/f/web-kboss/src/components/FloatingBox/FloatingBox.vue
@@ -991,6 +991,7 @@ export default {
   background-color: white;
   box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
   padding: 10px;
+  z-index: 11;
 }
 
 @keyframes slideInRight {
diff --git a/f/web-kboss/src/views/finance/customerRechargeManagement/customersRechargeOnffline/index.vue b/f/web-kboss/src/views/finance/customerRechargeManagement/customersRechargeOnffline/index.vue
index 828067e..ef68766 100644
--- a/f/web-kboss/src/views/finance/customerRechargeManagement/customersRechargeOnffline/index.vue
+++ b/f/web-kboss/src/views/finance/customerRechargeManagement/customersRechargeOnffline/index.vue
@@ -10,7 +10,7 @@
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item label="充值金额:" prop="balance">
+            <el-form-item label="充值金额:" prop="balance" label-width="130px">
               <el-input v-model="form.balance"></el-input>
             </el-form-item>
             <el-form-item>
diff --git a/f/web-kboss/src/views/homePage/mainPage/index.vue b/f/web-kboss/src/views/homePage/mainPage/index.vue
index d1d1e80..9e601b7 100644
--- a/f/web-kboss/src/views/homePage/mainPage/index.vue
+++ b/f/web-kboss/src/views/homePage/mainPage/index.vue
@@ -3,319 +3,353 @@
     <div id="banner" class="banner">
       <div class="centerBox">
         <span style="margin-top: 100px" class="title">
-
           <span v-if="JSON.stringify(logoInfoNew) !== '{}'" class="leftText">
             {{ logoInfoNew.home.bannerTitle || "" }}
           </span>
-
-
-
-          <span class="rightText"> 您身边的AI管家</span></span>
-        <!--        <span class="description">支持模型训练、推理和数据处理，灵活配置，助您高效释放AI潜能</span>-->
+          <span class="rightText"> 您身边的AI管家</span>
+        </span>
         <ul style="margin-top: 50px" class="tagUl">
           <li>全 球 领 先 的 AI 服 务 运 营 商</li>
-          <!--          <li>灵活配置</li>-->
-          <!--          <li>专属定制</li>-->
         </ul>
       </div>
       <div style="cursor: pointer" class="tag">
         <span @click="openTalk" class="product">
           <span class="productName">4090 裸金属</span>
-          <span class="price"><span class="smallText">￥</span> <span class="bigText">6000</span> <span
-              class="smallText">/台/月</span> </span>
+          <span class="price">
+            <span class="smallText">￥</span>
+            <span class="bigText">6000</span>
+            <span class="smallText">/台/月</span>
+          </span>
         </span>
         <span @click="goBaiduFn" style="top: 180px" class="product">
           <span class="productName">云资源</span>
           <span class="price">
-
-            <span style="margin-top: 15px" class="smallText">直降 <span style="font-size: 30px;display: inline-block"
-                class="bigText">20%</span></span> </span>
+            <span style="margin-top: 15px" class="smallText">
+              直降
+              <span style="font-size: 30px; display: inline-block" class="bigText">20%</span>
+            </span>
+          </span>
         </span>
       </div>
     </div>
+
     <div class="base">
       <div class="bg"></div>
       <div class="itemTitle">
-        <span class="topText"> <span>云筑</span><span class="commonTextColor">企业基座</span></span>
+        <span class="topText">
+          <span>云筑</span>
+          <span class="commonTextColor">企业基座</span>
+        </span>
         <span class="bottomText">多云融合 让上云更简单</span>
       </div>
 
       <ul class="myTab">
-        <li v-for="menu in baseMenu" :class="currentBaseMenu === menu.id ? 'activeMenu' : ''" @click="clickBaseMenu(menu)"
-          :key="menu.name">
-          <img :src="currentBaseMenu === menu.id ? menu.icon : menu.activeIcon" alt=""> {{ menu.name }}
+        <li
+          v-for="menu in baseMenu"
+          :class="currentBaseMenu === menu.id ? 'activeMenu' : ''"
+          @click="clickBaseMenu(menu)"
+          :key="menu.name"
+        >
+          <img :src="currentBaseMenu === menu.id ? menu.icon : menu.activeIcon" alt="" />
+          {{ menu.name }}
         </li>
-
       </ul>
-      <div :style="{ backgroundImage: 'url(' + baseItem.bgImgUrl + ')' }" class="itemContent">
-        <span class="title">{{ baseItem.title }}</span>
-        <p style="line-height: 2" class="description">{{ baseItem.description }}</p>
-        <ul class="itemContentTag">
-          <li v-for="(item, index) in baseItem.list" :key="index">
-            <img :src="item.icon" alt=""><span v-if="item.name" :style="item.name === '高可靠' ? { width: '150px' } : {}"
-              class="tagTitle">{{ item.name }}</span> <span class="tagContent">{{ item.content }}</span>
-          </li>
-        </ul>
-        <span class="basePrice"><span style="font-weight: bold;">￥</span><span
-            style="font-weight: bold;font-size: 48px">{{ baseItem.price }}</span>
-          <span style="color: #7A82A0">/{{ baseItem.price_unit }}</span>
-          <!--          <span-->
-          <!--          style="color: #7A82A0;text-decoration-line: line-through">￥{{ baseItem.pre_price }}/{{-->
-          <!--            baseItem.price_unit-->
-          <!--          }}</span>-->
-        </span>
-        <div class="twoBtn">
-          <div class="butStyle" @click="goBaiduFn(baseItem)">立即购买 <span
-              style="display: inline-block;margin-left: 5px;color: white">></span>
-
-
-          </div>
-          <div v-show="false" class="lookDetailStyle">查看详情&nbsp;&nbsp;> <span
-              style="display: inline-block;margin-left: 5px;"></span>
-
 
+      <!-- 添加 transition 包裹 baseItem 内容 -->
+      <transition name="slide-fade" mode="out-in">
+        <div
+          :key="currentBaseMenu"
+          :style="{ backgroundImage: 'url(' + baseItem.bgImgUrl + ')' }"
+          class="itemContent"
+        >
+          <span class="title">{{ baseItem.title }}</span>
+          <p style="line-height: 2" class="description">{{ baseItem.description }}</p>
+          <ul class="itemContentTag">
+            <li v-for="(item, index) in baseItem.list" :key="index">
+              <img :src="item.icon" alt="" />
+              <span
+                v-if="item.name"
+                :style="item.name === '高可靠' ? { width: '150px' } : {}"
+                class="tagTitle"
+                >{{ item.name }}</span
+              >
+              <span class="tagContent">{{ item.content }}</span>
+            </li>
+          </ul>
+          <span class="basePrice">
+            <span style="font-weight: bold;">￥</span>
+            <span style="font-weight: bold; font-size: 48px">{{ baseItem.price }}</span>
+            <span style="color: #7a82a0">/{{ baseItem.price_unit }}</span>
+          </span>
+          <div class="twoBtn">
+            <div class="butStyle" @click="goBaiduFn(baseItem)">
+              立即购买
+              <span style="display: inline-block; margin-left: 5px; color: white">></span>
+            </div>
+            <div v-show="false" class="lookDetailStyle">
+              查看详情&nbsp;&nbsp;>
+              <span style="display: inline-block; margin-left: 5px;"></span>
+            </div>
           </div>
+          <span class="discountStyle">
+            <span style="font-size: 18px">官网折扣</span>
+            <span style="font-size: 24px">{{ baseItem.discount }}折</span>
+          </span>
         </div>
-        <span class="discountStyle"><span style="font-size: 18px">官网折扣</span> <span style="font-size: 24px">{{
-          baseItem.discount }}折</span></span>
-      </div>
-
+      </transition>
     </div>
+
     <div class="suan">
       <div class="bg"></div>
       <div class="itemTitle">
-        <span class="topText"> <span>智算</span><span class="commonTextColor">未来征程</span></span>
+        <span class="topText">
+          <span>智算</span>
+          <span class="commonTextColor">未来征程</span>
+        </span>
         <span class="bottomText">多元异构 灵活短租</span>
       </div>
 
       <ul class="myTab">
-        <li v-for="menu in suanMenu" :class="currentSuanMenu === menu.id ? 'activeMenu' : ''" @click="clickSuanMenu(menu)"
-          :key="menu.name">
-          <img :src="currentSuanMenu === menu.id ? menu.icon : menu.activeIcon" alt=""> {{ menu.name }}
+        <li
+          v-for="menu in suanMenu"
+          :class="currentSuanMenu === menu.id ? 'activeMenu' : ''"
+          @click="clickSuanMenu(menu)"
+          :key="menu.name"
+        >
+          <img :src="currentSuanMenu === menu.id ? menu.icon : menu.activeIcon" alt="" />
+          {{ menu.name }}
         </li>
-
       </ul>
-      <div class="itemContentSuan">
-        <span class="title">{{ suanItem.title }}</span>
-        <ul class="itemContentTag">
-          <li v-for="(item, index) in suanItem.list" :key="index">
-            <img :src="item.icon" alt=""><span v-if="item.name" :style="item.name === '高可靠' ? { width: '150px' } : {}"
-              class="tagTitle">{{ item.name }}</span> <span class="tagContent">{{ item.content }}</span>
-          </li>
-        </ul>
 
-        <span class="basePrice"><span style="font-weight: bold;">￥</span><span
-            style="font-weight: bold;font-size: 48px">{{ suanItem.price }}</span>
-          <span style="color: #7A82A0">/{{ suanItem.price_unit }}</span>
-          <!--     <span-->
-          <!--          style="color: #7A82A0;text-decoration-line: line-through">￥{{ suanItem.pre_price }}/{{-->
-          <!--            suanItem.price_unit-->
-          <!--          }}</span>-->
-          <span style="color: #222F60">（可短租）</span></span>
-
-
-        <!--        <span class="basePrice"><span style="font-weight: bold;">￥</span><span-->
-        <!--          style="font-weight: bold;font-size: 48px">???</span>-->
-
-
-        <!--        </span>-->
-        <div style="margin-top: 10px!important;" class="twoBtn">
-          <div class="butStyle" @click="openTalk">立即咨询 <span
-              style="display: inline-block;margin-left: 5px;color: white">></span>
-
-
-          </div>
-          <div v-show="false" class="lookDetailStyle">查看详情&nbsp;&nbsp;> <span
-              style="display: inline-block;margin-left: 5px;"></span>
+      <!-- 添加 transition 包裹 suanItem 内容 -->
+      <transition name="slide-fade" mode="out-in">
+        <div :key="currentSuanMenu" class="itemContentSuan">
+          <span class="title">{{ suanItem.title }}</span>
+          <ul class="itemContentTag">
+            <li v-for="(item, index) in suanItem.list" :key="index">
+              <img :src="item.icon" alt="" />
+              <span
+                v-if="item.name"
+                :style="item.name === '高可靠' ? { width: '150px' } : {}"
+                class="tagTitle"
+                >{{ item.name }}</span
+              >
+              <span class="tagContent">{{ item.content }}</span>
+            </li>
+          </ul>
 
+          <span class="basePrice">
+            <span style="font-weight: bold;">￥</span>
+            <span style="font-weight: bold; font-size: 48px">{{ suanItem.price }}</span>
+            <span style="color: #7a82a0">/{{ suanItem.price_unit }}</span>
+            <span style="color: #222f60">（可短租）</span>
+          </span>
 
+          <div style="margin-top: 10px !important;" class="twoBtn">
+            <div class="butStyle" @click="openTalk">
+              立即咨询
+              <span style="display: inline-block; margin-left: 5px; color: white">></span>
+            </div>
+            <div v-show="false" class="lookDetailStyle">
+              查看详情&nbsp;&nbsp;>
+              <span style="display: inline-block; margin-left: 5px;"></span>
+            </div>
           </div>
         </div>
-      </div>
-
+      </transition>
     </div>
+
     <div class="net">
       <div class="bg"></div>
       <div class="itemTitle">
-        <span class="topText"> <span>网织</span><span class="commonTextColor">智能经纬</span></span>
+        <span class="topText">
+          <span>网织</span>
+          <span class="commonTextColor">智能经纬</span>
+        </span>
         <span class="bottomText">云算网融合 让连接更简单</span>
       </div>
       <ul class="myTab">
-        <li v-for="menu in netMenu" :class="currentNetMenu === menu.id ? 'activeMenu' : ''" @click="clickNetMenu(menu)"
-          :key="menu.name">
-          <img :src="currentBaseMenu === menu.id ? menu.icon : menu.activeIcon" alt=""> {{ menu.name }}
+        <li
+          v-for="menu in netMenu"
+          :class="currentNetMenu === menu.id ? 'activeMenu' : ''"
+          @click="clickNetMenu(menu)"
+          :key="menu.name"
+        >
+          <img :src="currentBaseMenu === menu.id ? menu.icon : menu.activeIcon" alt="" />
+          {{ menu.name }}
         </li>
-
       </ul>
-      <div class="itemContentNet">
-        <span style="margin-bottom: 15px" class="title">{{ netItem.title }}</span>
-        <p style="line-height: 2;margin-bottom: 15px" class="description">{{ netItem.description }}</p>
-        <span class="subTitle">产品优势</span>
-        <ul s class="itemContentTag">
-          <li v-for="(item, index) in netItem.advantageList" :key="index">
-            <img :src="item.icon" alt=""><span style="width: fit-content!important;" class="tagTitle">{{
-              item.name
-            }}</span> <span class="tagContent">{{ item.content }}</span>
-          </li>
-        </ul>
-        <span class="subTitle">应用场景</span>
-        <ul class="netTagUl">
-          <li v-for="(i, d) in netItem.tagList" :key="d">{{ i.name }}</li>
-        </ul>
-        <div class="twoBtn">
-          <div @click="openTalk" class="butStyle">立即咨询 <span
-              style="display: inline-block;margin-left: 5px;color: white">></span>
 
-
-          </div>
-          <div @click="goDetail(netItem.id)" class="lookDetailStyle">查看详情&nbsp;&nbsp;> <span
-              style="display: inline-block;margin-left: 5px;"></span>
+      <!-- 添加 transition 包裹 netItem 内容 -->
+      <transition name="slide-fade" mode="out-in">
+        <div :key="currentNetMenu" class="itemContentNet">
+          <span style="margin-bottom: 15px" class="title">{{ netItem.title }}</span>
+          <p style="line-height: 2; margin-bottom: 15px" class="description">
+            {{ netItem.description }}
+          </p>
+          <span class="subTitle">产品优势</span>
+          <ul class="itemContentTag">
+            <li v-for="(item, index) in netItem.advantageList" :key="index">
+              <img :src="item.icon" alt="" />
+              <span style="width: fit-content !important;" class="tagTitle">{{ item.name }}</span>
+              <span class="tagContent">{{ item.content }}</span>
+            </li>
+          </ul>
+          <span class="subTitle">应用场景</span>
+          <ul class="netTagUl">
+            <li v-for="(i, d) in netItem.tagList" :key="d">{{ i.name }}</li>
+          </ul>
+          <div class="twoBtn">
+            <div @click="openTalk" class="butStyle">
+              立即咨询
+              <span style="display: inline-block; margin-left: 5px; color: white">></span>
+            </div>
+            <div @click="goDetail(netItem.id)" class="lookDetailStyle">
+              查看详情&nbsp;&nbsp;>
+              <span style="display: inline-block; margin-left: 5px;"></span>
+            </div>
           </div>
         </div>
+      </transition>
+
+      <div style="margin-top: 80px; margin-bottom: 50px" class="itemTitle">
+        <span class="topText">
+          <span></span>
+          <span class="commonTextColor">合作伙伴</span>
+        </span>
       </div>
-      <div style="margin-top: 80px;margin-bottom: 50px" class="itemTitle">
-        <span class="topText"> <span></span><span class="commonTextColor">合作伙伴</span></span>
-      </div>
-      <div style="max-width:1400px;padding: 15px;width: 100%;background: white;border-radius: 16px;margin-bottom: 30px">
+      <div
+        style="max-width: 1400px; padding: 15px; width: 100%; background: white; border-radius: 16px; margin-bottom: 30px"
+      >
         <logo-g></logo-g>
-        <!--          <index-two></index-two>-->
       </div>
     </div>
+
     <div v-show="false" class="resources">
       <div class="bg"></div>
 
       <div style="margin-top: 140px" class="itemTitle">
-        <span class="topText"> <span>算力</span><span class="commonTextColor">资源</span></span>
+        <span class="topText">
+          <span>算力</span>
+          <span class="commonTextColor">资源</span>
+        </span>
       </div>
       <div class="mapBox">
-        <div style="display: flex;justify-content: space-around;width: 100%;">
+        <div style="display: flex; justify-content: space-around; width: 100%;">
           <div class="map">
-            <span class="mapItem" style="top: 130px;right: 149px">
+            <span class="mapItem" style="top: 130px; right: 149px">
               <span class="title">北京</span>
-              <img src="./img/map.png" alt="">
+              <img src="./img/map.png" alt="" />
             </span>
-            <span class="mapItem" style="top: 154px;right: 124px">
+            <span class="mapItem" style="top: 154px; right: 124px">
               <span class="title">天津</span>
-              <img src="./img/map.png" alt="">
+              <img src="./img/map.png" alt="" />
             </span>
-            <span class="mapItem" style="top: 278px;right: 310px">
+            <span class="mapItem" style="top: 278px; right: 310px">
               <span class="title">四川</span>
-              <img src="./img/map.png" alt="">
+              <img src="./img/map.png" alt="" />
             </span>
-            <span class="mapItem" style="top: 291px;right: 136px">
+            <span class="mapItem" style="top: 291px; right: 136px">
               <span class="title">上海</span>
-              <img src="./img/map.png" alt="">
+              <img src="./img/map.png" alt="" />
             </span>
 
-            <span class="mapItem" style="top: 261px;right: 174px">
+            <span class="mapItem" style="top: 261px; right: 174px">
               <span class="title">江苏</span>
-              <img src="./img/map.png" alt="">
+              <img src="./img/map.png" alt="" />
             </span>
-
           </div>
           <ul class="content">
             <li>
-              <div style="display: flex;flex-direction: column;align-items: flex-start">
-                <span class="numberStyle">8
+              <div style="display: flex; flex-direction: column; align-items: flex-start">
+                <span class="numberStyle">
+                  8
                   <span class="mapTag">+</span>
                 </span>
-                <span style="color: #222F60;font-size: 18px;margin-top: 5px">算力中心接入</span>
+                <span style="color: #222f60; font-size: 18px; margin-top: 5px">算力中心接入</span>
               </div>
             </li>
-            <!--            <li>-->
-            <!--              <div style="display: flex;flex-direction: column;align-items: flex-start">-->
-            <!--                <span class="numberStyle">4000-->
-            <!--                <span class="mapTag">+</span>-->
-            <!--              </span>-->
-            <!--                <span style="color: #222F60;font-size: 18px;margin-top: 5px">全球分布式算力节点</span>-->
-            <!--              </div>-->
-            <!--            </li>-->
-            <!--            <li>-->
-            <!--              <div style="display: flex;flex-direction: column;align-items: flex-start">-->
-            <!--                <span class="numberStyle">1500-->
-            <!--                <span class="mapTag">+</span>-->
-            <!--              </span>-->
-            <!--                <span style="color: #222F60;font-size: 18px;margin-top: 5px">算力中心接入</span>-->
-            <!--              </div>-->
-            <!--            </li>-->
             <li>
-              <div style="display: flex;flex-direction: column;align-items: flex-start">
-                <span class="numberStyle">2000
+              <div style="display: flex; flex-direction: column; align-items: flex-start">
+                <span class="numberStyle">
+                  2000
                   <span style="right: -35px" class="mapTag">P+</span>
                 </span>
-                <span style="color: #222F60;font-size: 18px;margin-top: 5px">算力</span>
+                <span style="color: #222f60; font-size: 18px; margin-top: 5px">算力</span>
               </div>
             </li>
             <li>
-              <div style="display: flex;flex-direction: column;align-items: flex-start">
-                <span class="numberStyle">10
+              <div style="display: flex; flex-direction: column; align-items: flex-start">
+                <span class="numberStyle">
+                  10
                   <span style="right: -35px" class="mapTag">ms</span>
                 </span>
-                <span style="color: #222F60;font-size: 18px;margin-top: 5px">实时算力响应</span>
+                <span style="color: #222f60; font-size: 18px; margin-top: 5px">实时算力响应</span>
               </div>
             </li>
-
-
             <li>
-              <div style="display: flex;flex-direction: column;align-items: flex-start">
-                <span class="numberStyle">100,000
+              <div style="display: flex; flex-direction: column; align-items: flex-start">
+                <span class="numberStyle">
+                  100,000
                   <span class="mapTag">+</span>
                 </span>
-                <span style="color: #222F60;font-size: 18px;margin-top: 5px">注册用户</span>
+                <span style="color: #222f60; font-size: 18px; margin-top: 5px">注册用户</span>
               </div>
             </li>
-
-
           </ul>
         </div>
-
       </div>
     </div>
     <div class="tiyan">
       <div>
-        <!--        <div class="itemTitle">-->
-        <!--          <span class="topText"> <span class="commonTextColor">上开元科技</span>   <span>享多元算力</span></span>-->
-        <!--        </div>-->
         <el-input v-model="phone" placeholder="请输入您的手机号" class="custom-input">
           <template #append>
-            <span @click="$router.push({
-              path: '/login',
-              phone
-            })" class="experience-btn">立即体验</span>
+            <span
+              @click="
+                $router.push({
+                  path: '/login',
+                  phone,
+                })
+              "
+              class="experience-btn"
+              >立即体验</span
+            >
           </template>
         </el-input>
       </div>
     </div>
 
-
     <Talk></Talk>
-    <el-dialog title="" :visible.sync="mesDialog" custom-class="msgDialog" :before-close="handleClose" width="30%">
-
+    <el-dialog
+      title=""
+      :visible.sync="mesDialog"
+      custom-class="msgDialog"
+      :before-close="handleClose"
+      width="30%"
+    >
       <span class="title">官方申明</span>
       <p>尊敬用户：</p>
-      <p>您好~~ </p>
-      <p>本平台公示的所有产品折扣活动均真实有效，价格体系严格遵循公开透明原则。 </p>
-      <p> 特别说明：<span style="color: #7A82A0!important;">云服务产品页面所示价格属参考性标价，实际交易金额须以资源清单订单页面为准。</span>
+      <p>您好~~</p>
+      <p>本平台公示的所有产品折扣活动均真实有效，价格体系严格遵循公开透明原则。</p>
+      <p>
+        特别说明：<span style="color: #7a82a0 !important;"
+          >云服务产品页面所示价格属参考性标价，实际交易金额须以资源清单订单页面为准。</span
+        >
       </p>
       <p>请您知悉上述条款并放心进行购买决策，如有任何疑问，可随时联系平台官方客服，我们将为您详细说明。</p>
       <div style="margin-top: 85px" class="footerBox">
         <div class="item">
           <span style="margin-bottom: 10px">客服热线</span>
-          <span style="color: #7A82A0!important;">4006150805</span>
+          <span style="color: #7a82a0 !important;">4006150805</span>
         </div>
         <div style="margin-right: 50px" class="item">
-          <!--          <span style="margin-bottom: 10px">开元云（北京）科技有限公司</span>-->
           <span>2025年6月30日</span>
         </div>
       </div>
-      <!--      <span slot="footer" class="dialog-footer">-->
-      <!--    <el-button @click="mesDialog = false">取 消</el-button>-->
-      <!--    <el-button type="primary" @click="mesDialog = false">确 定</el-button>-->
-      <!--  </span>-->
     </el-dialog>
-
   </div>
 </template>
+
 <script>
 import Vue from 'vue'
 import { reqHotProduct } from "@/api/newHome";
@@ -384,7 +418,7 @@ export default Vue.extend({
           id: "storage",
           name: "存储",
           icon: require("../newImg/cun.png"),
-          activeIcon: require("../newImg/cunActive.png") // 注意路径修正
+          activeIcon: require("../newImg/cunActive.png")
         },
         {
           id: "database",
@@ -523,15 +557,24 @@ export default Vue.extend({
 })
 </script>
 
-
 <style scoped lang="scss">
+
+
+// 添加动画样式
+.slide-fade-enter-active {
+  transition: all 0.3s ease;
+}
+.slide-fade-leave-active {
+  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
+}
+.slide-fade-enter, .slide-fade-leave-to /* .slide-fade-leave-active in <2.1.8 */ {
+  transform: translateX(10px);
+  opacity: 0;
+}
 .homeOut {
-  //padding-top: 60px;
   height: 100%;
   overflow: auto !important;
   min-width: 1500px;
-
-
 }
 
 .banner {
@@ -553,33 +596,28 @@ export default Vue.extend({
     transform: translate(-50%, -50%);
 
     .title {
-      color: #222F60;
+      color: #222f60;
       font-size: 64px;
 
       .leftText {
-        background: linear-gradient(to right, #275AFF, #2EBDFA);
-        /* 渐变方向颜色 */
+        background: linear-gradient(to right, #275aff, #2ebdfa);
         -webkit-background-clip: text;
-        /* 关键属性：裁剪背景到文字 */
         background-clip: text;
         color: transparent;
-        /* 文字颜色透明 */
         display: inline-block;
-        /* 确保渐变生效 */
       }
     }
 
-
     .description {
       margin: 15px 0;
-      color: #7A82A0;
+      color: #7a82a0;
       font-size: 24px;
       height: 75px;
       line-height: 1.6;
     }
 
     .tagUl {
-      color: #222F60;
+      color: #222f60;
       display: flex;
       justify-content: center;
       align-items: center;
@@ -593,7 +631,7 @@ export default Vue.extend({
         align-items: center;
 
         &:not(:last-child) {
-          border-right: 2px solid #D2D7E6;
+          border-right: 2px solid #d2d7e6;
         }
       }
     }
@@ -601,21 +639,17 @@ export default Vue.extend({
 }
 
 .commonTextColor {
-  background: linear-gradient(to right, #275AFF, #2EBDFA);
-  /* 渐变方向颜色 */
+  background: linear-gradient(to right, #275aff, #2ebdfa);
   -webkit-background-clip: text;
-  /* 关键属性：裁剪背景到文字 */
   background-clip: text;
   color: transparent;
-  /* 文字颜色透明 */
   display: inline-block;
-  /* 确保渐变生效 */
   font-weight: bold;
 }
 
 .tag {
   width: 200px;
-  height: 260px;
+  height: 270px;
   background: url("../newImg/tag.png");
   background-size: 100% 100%;
   background-position: center;
@@ -627,7 +661,7 @@ export default Vue.extend({
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
-    top: 80px;
+    top: 70px;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
@@ -635,20 +669,16 @@ export default Vue.extend({
     width: 100%;
 
     .productName {
-      color: #222F60;
+      color: #222f60;
       font-size: 18px;
     }
 
     .price {
-      background: linear-gradient(to right, #275AFF, #2EBDFA);
-      /* 渐变方向颜色 */
+      background: linear-gradient(to right, #275aff, #2ebdfa);
       -webkit-background-clip: text;
-      /* 关键属性：裁剪背景到文字 */
       background-clip: text;
       color: transparent;
-      /* 文字颜色透明 */
       display: inline-block;
-      /* 确保渐变生效 */
       font-weight: bold;
 
       .bigText {
@@ -656,7 +686,6 @@ export default Vue.extend({
       }
     }
   }
-
 }
 
 .bg {
@@ -674,21 +703,17 @@ export default Vue.extend({
 .base {
   background: #f6f8fd;
   width: 100%;
-  //height: 1360px;
   padding-bottom: 150px;
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: center;
-
-
 }
 
 .suan {
   background: #f6f8fd;
   width: 100%;
-  //height: 1360px;
   padding-bottom: 150px;
   position: relative;
   display: flex;
@@ -699,11 +724,9 @@ export default Vue.extend({
   .itemContentSuan {
     .itemContentTag {
       display: flex !important;
-
     }
 
     .netTagUl {
-
       display: flex;
       justify-content: flex-start;
       align-items: center;
@@ -711,13 +734,10 @@ export default Vue.extend({
       li {
         border-radius: 4px;
         padding: 10px;
-        color: #7A82A0;
-        border: 1px solid #D2D7E6;
+        color: #7a82a0;
+        border: 1px solid #d2d7e6;
         margin-right: 10px;
-
-
       }
-
     }
 
     .subTitle {
@@ -731,14 +751,7 @@ export default Vue.extend({
     z-index: 10;
     padding-left: 50px;
     padding-top: 50px;
-    color: #222F60;
-    ;
-
-    * {
-      color: #222F60;
-      ;
-    }
-
+    color: #222f60;
     padding-bottom: 25px;
     width: 1400px;
     margin-top: 55px;
@@ -753,7 +766,7 @@ export default Vue.extend({
 
     .description {
       width: 960px;
-      color: #7A82A0;
+      color: #7a82a0;
       font-size: 16px;
       line-height: 2.8 !important;
       margin-bottom: 0 !important;
@@ -779,12 +792,12 @@ export default Vue.extend({
         .tagTitle {
           font-size: 16px;
           padding: 0 10px;
-          border-right: 1px solid #D2D7E6;
+          border-right: 1px solid #d2d7e6;
         }
 
         .tagContent {
           padding-left: 10px;
-          color: #7A82A0;
+          color: #7a82a0;
         }
       }
 
@@ -792,8 +805,6 @@ export default Vue.extend({
         width: 24px;
         height: 24px;
       }
-
-
     }
 
     .basePrice {
@@ -801,44 +812,34 @@ export default Vue.extend({
       margin: 25px 0;
       margin-top: 50px;
       font-size: 16px;
-      color: #F62424;
+      color: #f62424;
 
       * {
-        color: #F62424;
+        color: #f62424;
       }
     }
 
     .butStyle {
       font-weight: bold;
-
-      * {
-        font-weight: bold;
-      }
-
       width: fit-content;
       color: white;
       padding: 16px 80px;
       border-radius: 12px;
-      transition: all .3s ease-in-out;
-      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
+      transition: all 0.3s ease-in-out;
+      background: linear-gradient(90deg, #275aff 0%, #2ebdfa 100%);
 
       &:hover {
-        background: linear-gradient(90deg, #275AFF 0%, #2d7c9c 100%);
+        background: linear-gradient(90deg, #275aff 0%, #2d7c9c 100%);
         cursor: pointer !important;
       }
-
     }
 
     .lookDetailStyle {
-      background: linear-gradient(to right, #275AFF, #2EBDFA);
-      /* 渐变方向颜色 */
+      background: linear-gradient(to right, #275aff, #2ebdfa);
       -webkit-background-clip: text;
-      /* 关键属性：裁剪背景到文字 */
       background-clip: text;
       color: transparent;
-      /* 文字颜色透明 */
       display: inline-block;
-      /* 确保渐变生效 */
       font-weight: bold;
       margin-left: 85px;
       border-radius: 12px;
@@ -856,10 +857,7 @@ export default Vue.extend({
       padding-right: 100px;
       padding-bottom: 30px;
     }
-
-
   }
-
 }
 
 .itemTitle {
@@ -869,17 +867,16 @@ export default Vue.extend({
   flex-direction: column;
 
   .topText {
-    color: #222F60;
+    color: #222f60;
     font-size: 48px;
     font-weight: bold;
   }
 
   .bottomText {
     font-size: 24px;
-    color: #7A82A0;
+    color: #7a82a0;
     margin-top: 15px;
   }
-
 }
 
 .myTab {
@@ -894,12 +891,12 @@ export default Vue.extend({
   align-items: center;
 
   .activeMenu {
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
+    background: linear-gradient(90deg, #275aff 0%, #2ebdfa 100%);
     color: white;
   }
 
   li {
-    transition: all .2s ease-in-out;
+    transition: all 0.2s ease-in-out;
     z-index: 2;
     padding: 10px 20px;
     margin-right: 45px;
@@ -926,19 +923,10 @@ export default Vue.extend({
   z-index: 10;
   padding-left: 50px;
   padding-top: 50px;
-  color: #222F60;
-  ;
-
-
-  * {
-    color: #222F60;
-    ;
-  }
-
+  color: #222f60;
   width: 1400px;
   height: 680px;
   margin-top: 55px;
-  //background: url("../newImg/hotBg.png");
   background-size: cover;
   background-position: center;
 
@@ -949,7 +937,7 @@ export default Vue.extend({
 
   .description {
     width: 960px;
-    color: #7A82A0;
+    color: #7a82a0;
     font-size: 16px;
     line-height: 2.8 !important;
     margin-bottom: 0 !important;
@@ -977,12 +965,12 @@ export default Vue.extend({
         width: fit-content !important;
         font-size: 16px;
         padding: 0 10px;
-        border-right: 1px solid #D2D7E6;
+        border-right: 1px solid #d2d7e6;
       }
 
       .tagContent {
         padding-left: 10px;
-        color: #7A82A0;
+        color: #7a82a0;
       }
     }
 
@@ -990,8 +978,6 @@ export default Vue.extend({
       width: 24px;
       height: 24px;
     }
-
-
   }
 
   .basePrice {
@@ -999,44 +985,34 @@ export default Vue.extend({
     margin: 15px 0;
     margin-top: 15px;
     font-size: 16px;
-    color: #F62424;
+    color: #f62424;
 
     * {
-      color: #F62424;
+      color: #f62424;
     }
   }
 
   .butStyle {
     font-weight: bold;
-
-    * {
-      font-weight: bold;
-    }
-
     width: fit-content;
     color: white;
     padding: 16px 80px;
     border-radius: 12px;
-    transition: all .3s ease-in-out;
-    background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
+    transition: all 0.3s ease-in-out;
+    background: linear-gradient(90deg, #275aff 0%, #2ebdfa 100%);
 
     &:hover {
-      background: linear-gradient(90deg, #275AFF 0%, #2d7c9c 100%);
+      background: linear-gradient(90deg, #275aff 0%, #2d7c9c 100%);
       cursor: pointer !important;
     }
-
   }
 
   .lookDetailStyle {
-    background: linear-gradient(to right, #275AFF, #2EBDFA);
-    /* 渐变方向颜色 */
+    background: linear-gradient(to right, #275aff, #2ebdfa);
     -webkit-background-clip: text;
-    /* 关键属性：裁剪背景到文字 */
     background-clip: text;
     color: transparent;
-    /* 文字颜色透明 */
     display: inline-block;
-    /* 确保渐变生效 */
     font-weight: bold;
     margin-left: 85px;
 
@@ -1060,7 +1036,6 @@ export default Vue.extend({
     * {
       color: white;
     }
-
   }
 }
 
@@ -1075,7 +1050,6 @@ export default Vue.extend({
 
   .itemContentNet {
     .netTagUl {
-
       display: flex;
       justify-content: flex-start;
       align-items: center;
@@ -1083,13 +1057,10 @@ export default Vue.extend({
       li {
         border-radius: 4px;
         padding: 10px;
-        color: #7A82A0;
-        border: 1px solid #D2D7E6;
+        color: #7a82a0;
+        border: 1px solid #d2d7e6;
         margin-right: 10px;
-
-
       }
-
     }
 
     .subTitle {
@@ -1103,14 +1074,7 @@ export default Vue.extend({
     z-index: 10;
     padding-left: 50px;
     padding-top: 50px;
-    color: #222F60;
-    ;
-
-    * {
-      color: #222F60;
-      ;
-    }
-
+    color: #222f60;
     padding-bottom: 25px;
     width: 1400px;
     margin-top: 55px;
@@ -1125,14 +1089,13 @@ export default Vue.extend({
 
     .description {
       width: 960px;
-      color: #7A82A0;
+      color: #7a82a0;
       font-size: 16px;
       line-height: 2.8 !important;
       margin-bottom: 0 !important;
     }
 
     .itemContentTag {
-      //padding-top: 20px;
       min-height: 180px;
       width: 1300px;
       display: flex;
@@ -1152,12 +1115,12 @@ export default Vue.extend({
         .tagTitle {
           font-size: 16px;
           padding: 0 10px;
-          border-right: 1px solid #D2D7E6;
+          border-right: 1px solid #d2d7e6;
         }
 
         .tagContent {
           padding-left: 10px;
-          color: #7A82A0;
+          color: #7a82a0;
         }
       }
 
@@ -1165,8 +1128,6 @@ export default Vue.extend({
         width: 24px;
         height: 24px;
       }
-
-
     }
 
     .basePrice {
@@ -1174,44 +1135,34 @@ export default Vue.extend({
       margin: 25px 0;
       margin-top: 50px;
       font-size: 16px;
-      color: #F62424;
+      color: #f62424;
 
       * {
-        color: #F62424;
+        color: #f62424;
       }
     }
 
     .butStyle {
       font-weight: bold;
-
-      * {
-        font-weight: bold;
-      }
-
       width: fit-content;
       color: white;
       padding: 16px 80px;
       border-radius: 12px;
-      transition: all .3s ease-in-out;
-      background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
+      transition: all 0.3s ease-in-out;
+      background: linear-gradient(90deg, #275aff 0%, #2ebdfa 100%);
 
       &:hover {
-        background: linear-gradient(90deg, #275AFF 0%, #2d7c9c 100%);
+        background: linear-gradient(90deg, #275aff 0%, #2d7c9c 100%);
         cursor: pointer !important;
       }
-
     }
 
     .lookDetailStyle {
-      background: linear-gradient(to right, #275AFF, #2EBDFA);
-      /* 渐变方向颜色 */
+      background: linear-gradient(to right, #275aff, #2ebdfa);
       -webkit-background-clip: text;
-      /* 关键属性：裁剪背景到文字 */
       background-clip: text;
       color: transparent;
-      /* 文字颜色透明 */
       display: inline-block;
-      /* 确保渐变生效 */
       font-weight: bold;
       margin-left: 85px;
       border-radius: 12px;
@@ -1228,8 +1179,6 @@ export default Vue.extend({
       margin-top: 50px;
       padding-right: 100px;
     }
-
-
   }
 }
 
@@ -1291,7 +1240,6 @@ export default Vue.extend({
           height: 25px;
         }
       }
-
     }
 
     .content {
@@ -1312,33 +1260,24 @@ export default Vue.extend({
 
       .numberStyle {
         position: relative;
-        background: linear-gradient(to right, #275AFF, #2EBDFA);
-        /* 渐变方向颜色 */
+        background: linear-gradient(to right, #275aff, #2ebdfa);
         -webkit-background-clip: text;
-        /* 关键属性：裁剪背景到文字 */
         background-clip: text;
         color: transparent;
-        /* 文字颜色透明 */
         display: inline-block;
 
-        /* 确保渐变生效 */
         .mapTag {
           font-size: 24px;
           position: absolute;
           right: -20px;
           top: 0;
-          background: linear-gradient(to right, #275AFF, #2EBDFA);
-          /* 渐变方向颜色 */
+          background: linear-gradient(to right, #275aff, #2ebdfa);
           -webkit-background-clip: text;
-          /* 关键属性：裁剪背景到文字 */
           background-clip: text;
           color: transparent;
-          /* 文字颜色透明 */
           display: inline-block;
-          /* 确保渐变生效 */
         }
       }
-
     }
   }
 }
@@ -1363,7 +1302,6 @@ export default Vue.extend({
 }
 
 .tiyan {
-
   width: 100%;
   height: 350px;
   background: url("./img/tiyanBg.png");
@@ -1396,8 +1334,6 @@ export default Vue.extend({
   padding: 0;
   background: none;
   border: none;
-
-
 }
 
 ::v-deep .experience-btn {
@@ -1410,13 +1346,12 @@ export default Vue.extend({
   position: absolute;
   top: 15px;
   right: 25px;
-  background: linear-gradient(90deg, #275AFF 0%, #2EBDFA 100%);
+  background: linear-gradient(90deg, #275aff 0%, #2ebdfa 100%);
   border-radius: 12px 12px 12px 12px;
 }
 
 ::v-deep .experience-btn:hover {
   background: linear-gradient(90deg, #1546ea 0%, #1e85b1 100%);
-  //color: #66b1ff;
 }
 
 ::v-deep .msgDialog {
@@ -1432,7 +1367,6 @@ export default Vue.extend({
 
   p {
     margin: 25px 0;
-
   }
 
   .footerBox {
diff --git a/f/web-kboss/src/views/operation/deviceMangement/deviceGrid/machineRoomGrid.vue b/f/web-kboss/src/views/operation/deviceMangement/deviceGrid/machineRoomGrid.vue
index 1569505..f051ed0 100644
--- a/f/web-kboss/src/views/operation/deviceMangement/deviceGrid/machineRoomGrid.vue
+++ b/f/web-kboss/src/views/operation/deviceMangement/deviceGrid/machineRoomGrid.vue
@@ -220,6 +220,7 @@ export default {
   justify-content: flex-start;
   flex-wrap: wrap;
   background-color: white;
+  padding: 20px;
 }
 
 .itemStyle {
diff --git a/f/web-kboss/src/views/product/productHome/index.vue b/f/web-kboss/src/views/product/productHome/index.vue
index eed3bd7..dc79c02 100644
--- a/f/web-kboss/src/views/product/productHome/index.vue
+++ b/f/web-kboss/src/views/product/productHome/index.vue
@@ -804,7 +804,7 @@ export default {
 }
 
 .jd-code {
-  //border:1px solid red;
+  /* border:1px solid red; */
 
   .el-dialog__body {
     display: flex;
diff --git a/f/web-kboss/src/views/sales/distributorManagement/lodIndex.vue b/f/web-kboss/src/views/sales/distributorManagement/lodIndex.vue
index f2a2b25..3b07aa9 100644
--- a/f/web-kboss/src/views/sales/distributorManagement/lodIndex.vue
+++ b/f/web-kboss/src/views/sales/distributorManagement/lodIndex.vue
@@ -919,4 +919,5 @@ export default {
 .drawer_style {
   padding: 0px 30px 0px 30px !important;
 }
+
 </style>