From e76110239dbeefc489b395b13fc62747a1c1ce8c Mon Sep 17 00:00:00 2001
From: fmk1023 <fmk1023@noreply.gitcode.com>
Date: Wed, 3 Dec 2025 11:21:49 +0800
Subject: [PATCH] =?UTF-8?q?Tcode=E5=B9=B3=E5=8F=B0=E6=94=B9=E9=80=A0?=
 =?UTF-8?q?=E5=8D=87=E7=BA=A7-header=E5=A4=B4=E7=BB=84=E4=BB=B6=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header/index.vue | 1340 +++++++++++++++++++++++++------
 1 file changed, 1085 insertions(+), 255 deletions(-)

diff --git a/src/components/Header/index.vue b/src/components/Header/index.vue
index de8ee3e..c9fc9a0 100644
--- a/src/components/Header/index.vue
+++ b/src/components/Header/index.vue
@@ -1,278 +1,1108 @@
 <template>
-  <div class="full-w" :style="{ height: `${height}px` }">
-    <div class="g-header fixed z-20" ref="headerRef" :class="{ 'home-background': isHome }">
-      <div class="g-toolbar w-full overflow-hidden" :class="[searchClass, route?.meta?.headerClassName]">
-        <div class="g-toolbar-left flex-shrink items-center">
-          <div class="flex-center gap-[16px]" v-if="!isHome">
-            <!--            <g-icon v-if="!asideSetShow" @click="$emit('clickMenu')" name="gt-hamburger" size="20px" class="cursor-pointer hover:!text-black" color="#1D1F3A"></g-icon>-->
-            <GLink class="g-toolbar-left-logo" :href="baseUrl" />
-<!--            <GLink class="g-toolbar-left-title" :href="baseUrl">可信代码库</GLink>-->
-
-            <!-- <Entrance v-if="isLogin" :is-mobile="isMobile" /> -->
-          </div>
-        </div>
-        <div class="flex-1 flex items-center justify-end" v-if="!isHome">
-          <Search class="g-toolbar-left-search" v-if="!isMobile" :key="$route.fullPath" />
-        </div>
-        <!--AI-->
-        <a v-if="!isHome" @click="gotoAI">
-          <img style="width: 98px;height: 32px;cursor: pointer" src="@/assets/imgs/jyh/ai/ai_zh.png" />
-        </a>
-        <div class="g-toolbar-right gap-[12px] flex-grow-0 flex-shrink-0">
-          <GLink
-            class="g-toolbar-right-link"
-            v-for="item in defaultLinkList"
-            :key="item.label"
-            :to="item.to"
-            :href="item.href"
-            :target="item.target"
-          >
-            {{ item.label }}
-          </GLink>
-          <template v-if="!isLogin">
-            <d-button class="border-none w-84 h-32 btn-add hidden-m" @click="handleLogin('login')" v-if="inSearch">
-              <GIcon name="gt-plane-add" size="16px" color="#9C9DB4" />
-              <span>新建</span>
-            </d-button>
-            <div class="cursor-pointer hidden-m" @click="handleLogin('login')" v-if="inSearch">
-              <span>搜索记录</span>
+  <div class="comHeader">
+    <div class="nav"><a aria-current="page" href="/" class="router-link-active router-link-exact-active logo"><img
+      src="@/assets/imgs/logo2.png" alt="Tcode"></a>
+      <ul>
+        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">知攻善防</a>
+          <div class="nav-hover hover-product">
+            <div data-v-bc7d8fb8="" class="menu-zh">
+              <div data-v-bc7d8fb8="" class="menu-row menu-row1">
+                <div data-v-bc7d8fb8="" class="menu-row-title">单点安全建设</div>
+                <div data-v-bc7d8fb8="" class="menu-row-items">
+                  <div data-v-bc7d8fb8="" class="menu-section"><span data-v-bc7d8fb8=""
+                                                                     class="menu-section-title">事前防御</span><h4
+                    data-v-bc7d8fb8="" class="item-tit">安全开发</h4>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-yh"></i> 代码审计服务 </a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate?tab=4"
+                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>
+                        上线前安全评估（渗透测试）服务 </a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/codeinsight" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-yh"></i> 智能静态应用程序安全测试系统（慧鉴） </a></li>
+                    </ul>
+                    <h4 data-v-bc7d8fb8="" class="item-tit">安全能力提升</h4>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/training" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-mz"></i> 人才培训与能力提升</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/training" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-mz"></i> CTF 办赛与培训</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-mz"></i> 红蓝军建设服务</a></li>
+                    </ul>
+                  </div>
+                  <div data-v-bc7d8fb8="" class="menu-section"><span data-v-bc7d8fb8="" class="menu-section-title">脆弱暴露评估</span>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/xray" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 风险评估系统（洞鉴） <i data-v-bc7d8fb8="" class="ico-zn2"></i></a>
+                      </li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/cloudatlas" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 资产暴露面运营管理（云图） <i data-v-bc7d8fb8="" class="ico-zn2"></i></a>
+                      </li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/alioth" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 安全验证平台（御衡）</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/xblade" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 自动化渗透测试平台（无锋）</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/aigc" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-yh"></i> 大模型系统安全评估服务</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-yh"></i> 风险评估服务</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate?tab=3"
+                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>
+                        互联网渗透测试服务</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/defend" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-yh"></i> 安全验证服务</a></li>
+                    </ul>
+                  </div>
+                  <div data-v-bc7d8fb8="" class="menu-section"><span data-v-bc7d8fb8="" class="menu-section-title">网络边界防护</span>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/safeline" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> Web 应用防火墙（雷池） <i data-v-bc7d8fb8=""
+                                                                                class="ico-zn"></i></a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/safeline" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> Web 应用与 API 防护（雷池） <i data-v-bc7d8fb8=""
+                                                                                     class="ico-zn"></i></a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/tanswer" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 流量威胁检测响应系统（全悉） <i data-v-bc7d8fb8="" class="ico-zn"></i></a>
+                      </li>
+                    </ul>
+                  </div>
+                  <div data-v-bc7d8fb8="" class="menu-section"><span data-v-bc7d8fb8="" class="menu-section-title">入侵检测防御</span>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/dsensor" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 主动威胁欺骗防御系统（谛听） <i data-v-bc7d8fb8="" class="ico-zn2"></i></a>
+                      </li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 日志审计 </a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 数据库审计 </a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/training?tab=5"
+                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>
+                        沙盘推演服务</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/evaluate?tab=6"
+                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>
+                        攻防演练服务</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/defend?tab=2"
+                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>
+                        勒索病毒演练服务</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/defend?tab=3"
+                                                                   class="LNK"><i data-v-bc7d8fb8="" class="ico-yh"></i>
+                        邮件钓鱼演练服务</a></li>
+                    </ul>
+                  </div>
+                  <div data-v-bc7d8fb8="" class="menu-section"><span data-v-bc7d8fb8="" class="menu-section-title">主机应用防护</span>
+                    <h4 data-v-bc7d8fb8="" class="item-tit">主机与终端防护</h4>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/cloudwalker" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 云工作负载保护平台（牧云）</a></li>
+                    </ul>
+                    <h4 data-v-bc7d8fb8="" class="item-tit">应用防护</h4>
+                    <ul data-v-bc7d8fb8="" class="hover-child">
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/enterprise" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 网站监测</a></li>
+                      <li data-v-bc7d8fb8="" class="child-item"><a data-v-bc7d8fb8="" href="/enterprise" class="LNK"><i
+                        data-v-bc7d8fb8="" class="ico-dp"></i> 网页防篡改</a></li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+              <div data-v-bc7d8fb8="" class="menu-row menu-row2">
+                <div data-v-bc7d8fb8="" class="menu-row-title">智能运营平台</div>
+                <div data-v-bc7d8fb8="" class="menu-row-content">
+                  <div data-v-bc7d8fb8="" class="content1"><a data-v-bc7d8fb8="" href="/cosmos" class="link-item"><img
+                    data-v-bc7d8fb8="" src="https://www.chaitin.cn/_nuxt/3.B1j6TFrJ.png"><span data-v-bc7d8fb8="">安全分析与运营管理平台（万象）</span></a><a
+                    data-v-bc7d8fb8="" href="/mssSafe" class="link-item"><img data-v-bc7d8fb8=""
+                                                                              src="https://www.chaitin.cn/_nuxt/3.B1j6TFrJ.png"><span
+                    data-v-bc7d8fb8="">MSS安全托管服务（大观）</span></a><a data-v-bc7d8fb8="" href="/insight"
+                                                                  class="link-item"><img data-v-bc7d8fb8=""
+                                                                                         src="https://www.chaitin.cn/_nuxt/3.B1j6TFrJ.png"><span
+                    data-v-bc7d8fb8="">风险运营管理平台（鉴微）</span></a><a data-v-bc7d8fb8="" href="/training?tab=4"
+                                                                 class="link-item"><img data-v-bc7d8fb8=""
+                                                                                        src="https://www.chaitin.cn/_nuxt/3.B1j6TFrJ.png"><span
+                    data-v-bc7d8fb8="">网络安全实训平台（墨攻）</span></a></div>
+                  <div data-v-bc7d8fb8="" class="content2"><a data-v-bc7d8fb8="" href="/chaitinAI"
+                                                              class="link-item"><span
+                    data-v-bc7d8fb8="">安全模型平台（问津）</span></a></div>
+                </div>
+              </div>
             </div>
-            <router-link :to="{ name: 'Pricing' }" style="cursor: pointer; margin-right: 12px; text-decoration: none; color: inherit">定价</router-link>
-            <router-link :to="{ name: 'OurTeam' }" style="cursor: pointer; margin-right: 12px; text-decoration: none; color: inherit">关于我们</router-link>
-            <d-button @click="handleLogin('register')" class="min-w-[64px]">注册</d-button>
-            <d-button variant="solid" color="primary" @click="handleLogin('login')">账号登录</d-button>
-          </template>
-          <template v-else>
-            <!--ai copilot-->
-            <!--            <a class="g-header-copilot" href="/ai-copilot/">-->
-            <!--              <svg width="Pricing" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">-->
-            <!--                <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 6C2.5 4.89543 3.39543 4 4.5 4H11.5C12.6046 4 13.5 4.89543 13.5 6V12C13.5 13.1046 12.6046 14 11.5 14H4.5C3.39543 14 2.5 13.1046 2.5 12V6ZM4.5 8C4.5 7.44772 4.94772 7 5.5 7C6.05228 7 6.5 7.44772 6.5 8V9C6.5 9.55228 6.05228 10 5.5 10C4.94772 10 4.5 9.55228 4.5 9V8ZM10.5 7C9.94772 7 9.5 7.44772 9.5 8V9C9.5 9.55228 9.94772 10 10.5 10C11.0523 10 11.5 9.55228 11.5 9V8C11.5 7.44772 11.0523 7 10.5 7Z" fill="white"/>-->
-            <!--                <path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" d="M8.75 3.29933C9.19835 3.03997 9.5 2.55521 9.5 2C9.5 1.17157 8.82843 0.5 8 0.5C7.17157 0.5 6.5 1.17157 6.5 2C6.5 2.55521 6.80165 3.03997 7.25 3.29933V5.5H8.75V3.29933ZM0 7C0 6.44772 0.447715 6 1 6H1.5V12H1C0.447715 12 0 11.5523 0 11V7ZM15 6H14.5V12H15C15.5523 12 16 11.5523 16 11V7C16 6.44772 15.5523 6 15 6Z" fill="white"/>-->
-            <!--              </svg>-->
-            <!--              <span class="ml-xs">AI Copilot</span>-->
-            <!--            </a>-->
-            <!--            <Create />-->
-            <!--            <SearchAiHistory />-->
-            <!-- <d-popover content="提示！" trigger="hover" style="background-color: #7693f5; color: #fff">
-              <d-icon style="font-size: 16px" name="icon-helping" />
-            </d-popover> -->
-            <Notice />
-            <UserAvatar />
-          </template>
-        </div>
-      </div>
-      <div v-if="$slots.info || $slots.menu || $slots.bodyHeader" class="g-header-body">
-        <slot name="bodyHeader">
-          <div class="g-header-body-left h-full">
-            <slot name="info" />
+          </div><!----></li>
+        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">智能安全</a>
+          <div class="nav-hover hover-product hover-product2 EN" style="left: 266px;">
+            <div class="product-list">
+              <div class="plist">
+                <div class="list-item">
+                  <ul>
+                    <li class="hover-item"><a href="javascript:;" rel="noopener noreferrer" class="LNK">AI 赋能安全</a><h4
+                      class="item-tit">攻击入侵平台</h4>
+                      <ul class="hover-child">
+                        <li class="child-item"><a href="/xblade" class="LNK"><i class="ico-dp"></i> AI 自动化渗透测试平台（无锋）
+                        </a></li>
+                      </ul>
+                      <h4 class="item-tit">安全建设平台</h4>
+                      <ul class="hover-child">
+                        <li class="child-item"><a href="/insight" class="LNK"><i class="ico-dp"></i> AI 风险运营管理平台（鉴微）
+                        </a></li>
+                        <li class="child-item"><a href="/cosmos" class="LNK"><i class="ico-dp"></i> AI 安全分析与运营管理平台（万象）
+                        </a></li>
+                        <li class="child-item"><a href="/chaitinAI" class="LNK"><i class="ico-dp"></i> AI 安全运营大模型平台（问津）
+                        </a></li>
+                      </ul>
+                    </li>
+                    <li class="hover-item"><a href="javascript:;" rel="noopener noreferrer" class="LNK">AI 自身安全</a><h4
+                      class="item-tit">代码安全</h4>
+                      <ul class="hover-child">
+                        <li class="child-item"><a href="/codeinsight" class="LNK"><i class="ico-dp"></i>
+                          智能静态应用程序安全测试系统（慧鉴） </a></li>
+                        <li class="child-item"><a href="/codeforce" class="LNK"><i class="ico-dp"></i> 智能开发与安全一体化平台（码力）
+                        </a></li>
+                      </ul>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div><!----></li>
+        <li><a href="/solutions" class="LNK">解决方案</a></li>
+        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">资源中心</a>
+          <div class="nav-hover">
+            <ul>
+              <li class="hover-item">
+                <ul class="hover-child">
+                  <li class="child-item"><a target="_self" class="LNK" href="/showcase">客户案例</a><!----></li>
+                  <li class="child-item"><a target="_self" class="LNK" href="/reports">资料下载</a><!----></li>
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://stack.chaitin.com/vuldb/index">漏洞检测</a>
+                    <!----></li>
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://stack.chaitin.com/techblog/index">技术博客</a>
+                    <!----></li>
+                </ul>
+              </li>
+            </ul>
           </div>
-          <div class="g-header-body-right h-full">
-            <slot name="menu"></slot>
+        </li>
+        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">合作伙伴</a>
+          <div class="nav-hover">
+            <ul>
+              <li class="hover-item">
+                <ul class="hover-child">
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://wanzhong.chaitin.cn">万众平台</a>
+                    <!----></li>
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://bbs.chaitin.cn">CT TALK -
+                    伙伴技术社区</a><!----></li>
+                </ul>
+              </li>
+            </ul>
           </div>
-        </slot>
-      </div>
-      <div v-if="$slots.headerBottom">
-        <slot name="headerBottom"></slot>
-      </div>
+        </li>
+        <li><a href="/intro" class="LNK">关于我们</a>
+          <div class="nav-hover">
+            <ul>
+              <li class="hover-item">
+                <ul class="hover-child">
+                  <li class="child-item"><!----><a href="/intro" class="LNK">公司介绍</a></li>
+                  <li class="child-item"><a target="_self" class="LNK" href="/news">新闻动态</a><!----></li>
+                  <li class="child-item"><a target="_blank" class="LNK"
+                                            href="https://app.mokahr.com/campus-recruitment/chaitin">加入我们</a><!---->
+                  </li>
+                  <li class="child-item"><!----><a href="/contact-us" class="LNK">联系我们</a></li>
+                </ul>
+              </li>
+            </ul>
+          </div>
+        </li>
+        <li><a href="javascript:;" rel="noopener noreferrer" class="LNK">长亭站点</a>
+          <div class="nav-hover">
+            <ul>
+              <li class="hover-item">
+                <ul class="hover-child">
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://rivers.chaitin.cn">长亭百川云</a>
+                    <!----></li>
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://baizhi.cloud">长亭百智云</a><!---->
+                  </li>
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://wanzhong.chaitin.cn">万众平台</a>
+                    <!----></li>
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://stack.chaitin.com">CT Stack
+                    安全社区</a><!----></li>
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://bbs.chaitin.cn">CT TALK -
+                    伙伴技术社区</a><!----></li>
+                  <li class="child-item"><a target="_blank" class="LNK" href="https://xray.cool">Xray 社区</a><!----></li>
+                </ul>
+              </li>
+            </ul>
+          </div>
+        </li>
+      </ul>
+    </div>
+    <div class="promo">
+      <ul>
+        <li><a class="LNK" href="javascript:;" @click="handleLogin('register')">注册</a></li>
+        <li><a class="LNK" href="javascript:;" @click="handleLogin('login')">登录</a></li>
+      </ul>
     </div>
   </div>
 </template>
 
-<script setup>
-import { onBeforeUnmount, ref, watchEffect, computed } from 'vue';
-import { useElementSize } from '@vueuse/core';
-import { storeToRefs } from 'pinia';
+<script setup lang="ts">
+import {ref} from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useAccountStore } from '@/stores/user';
 import { emitEvent } from '@/utils/eventBus';
 
-import Create from './Create.vue';
-import Entrance from './Entrance.vue';
-import Notice from './Notice.vue';
-import Search from './Search.vue';
-import SearchAiHistory from './searchAiHistory.vue';
-import UserAvatar from './UserAvatar.vue';
-import { useWindowScroll } from '@vueuse/core';
-import { usePageResize } from '@/utils/hooks/usePageResize';
-import microApp from '@micro-zoe/micro-app';
-
-const baseUrl = import.meta.env.VITE_BASE_URL;
-const { y } = useWindowScroll();
-const defaultLinkList = ref([]);
-const route = useRoute();
-const inSearch = ref(false);
-const searchClass = computed(() => ({ 'border-b-transparent': inSearch.value && y.value === 0 }));
-// header fixed布局高度自适应
-const headerRef = ref(null);
-const { height = 56 } = useElementSize(headerRef);
-
-const userInfo = useAccountStore();
-const { isLogin } = storeToRefs(userInfo);
-const showSearch = computed(() => route.name !== 'home' && route.name !== 'search');
-const isHome = computed(() => route.name === 'home');
 const handleLogin = (type) => {
   emitEvent('login', { type, triggerType: '主动注册' });
 };
-const { isMobile } = usePageResize();
-const router = useRouter();
-const gotoAI = (row) => {
-  // 后续请换成params，暂时params传参没传过去
-  router.push({ name: 'aihome' });
-};
-
-/* store 用户信息 */
-/* @test 后面将清除 */
-watchEffect(() => {});
-microApp.router.beforeEach({
-  'micoro-app-homeweb-app': (to, from) => {
-    if (to.pathname === '/search') {
-      inSearch.value = true;
-    } else {
-      inSearch.value = false;
-    }
-  }
-});
-defineExpose({
-  height
-});
 </script>
 
-<style lang="scss" scoped>
-@import 'devui-theme/styles-var/devui-var.scss';
-
-$radius: 4px;
-$add-radius: 48px;
-$header-bg: #fff;
-
-.home-background {
-  background-color: #fff0 !important;
-}
-
-.g-header {
-  // overflow: hidden;
-  width: 100%;
+<style scoped>
+.comHeader {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  justify-content: space-between;
-  background-color: $header-bg;
-  :deep(.g-link) {
-    color: $devui-text-weak;
-  }
-  .g-header-copilot {
-    background: rgba(41, 81, 224, 1);
-    color: #fff;
-    width: 120px;
-    border-radius: 48px;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    justify-content: center;
-    &:hover {
-      background: rgba(41, 81, 224, 0.8);
-    }
-  }
-  .g-toolbar {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    flex: 1;
-    gap: 16px;
-    flex-basis: 56px;
-    overflow: hidden;
-    padding: 0 24px;
-    border-bottom: 1px solid #f1f1f8;
-    :deep(.devui-button) {
-      padding: 6px 16px;
-      border-radius: $add-radius;
-    }
-    &-left {
-      display: flex;
-      align-items: center;
-      gap: 25px;
-      &-logo {
-        display: inline-block;
-        width: 90px;
-        height: 32px;
-        background: url(../../assets/imgs/logo2.png) no-repeat;
-        background-size: contain;
-        vertical-align: middle;
-        background-position: 0 center;
-      }
-      &-title {
-        font-size: 1rem;
-        font-weight: 600;
-      }
-      &-search {
-        max-width: 340px;
-        border-radius: $radius;
-      }
-    }
-    &-right {
-      display: flex;
-      align-items: center;
-      @media screen and (max-width: 576px) {
-        @apply gap-[16px];
-      }
-    }
-    &.border-b-transparent {
-      border-bottom-color: transparent !important;
-    }
-    &.border-b-show {
-      border-bottom-color: #f1f1f8 !important;
-    }
-  }
-  .g-header-gray {
-    @apply bg-[#F9F9FB];
-  }
-  &-body {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 32px;
-    background-color: $header-bg;
-    border-bottom: 1px solid $devui-dividing-line;
-    flex-basis: 48px;
-  }
-}
-
-@media screen and (max-width: 1000px) {
-  .g-header {
-    .g-toolbar {
-      padding: 20px;
-      border-color: transparent;
-    }
-    .g-toolbar-left-logo {
-      width: 28px;
-      background-size: cover;
-    }
-    &-body {
-      padding: 0;
-    }
-  }
-}
-.btn-add {
-  background-color: #000;
-  color: #fff !important;
-  width: 84px;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 100;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0 24px;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  background: #050505;
+  border-bottom: 1px solid #656565;
   font-size: 14px;
-  line-height: 20px;
-  span {
-    margin-left: 8px;
-  }
-  &:hover {
-    color: #fff;
-    background-color: #333;
-  }
+  font-weight: 400;
+  justify-content: space-between;
+  letter-spacing: 0
 }
 
-@media screen and (max-width: 576px) {
-  .hidden-m {
-    display: none;
-  }
-  .g-header-copilot {
-    display: none !important;
-  }
+.comHeader .promo {
+  font-size: 12px
+}
+
+.comHeader:before {
+  background: url(./bgt.CXTC8XIQ.png) repeat-x top;
+  background-size: 50% auto;
+  content: "";
+  height: 60px;
+  left: 0;
+  opacity: .7;
+  position: absolute;
+  right: 0;
+  top: 100%
+}
+
+.comHeader .logo img {
+  display: block;
+  height: auto;
+  width: 86px
+}
+
+.comHeader li {
+  list-style: none
+}
+
+.comHeader .nav {
+  padding: 0 0 0 22px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center
+}
+
+.comHeader .nav,.comHeader .nav>ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.comHeader .nav>ul {
+  margin: 0 0 0 38px
+}
+
+.comHeader .nav>ul>li {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative
+}
+
+.comHeader .nav>ul>li:hover>a {
+  color: #4bb752
+}
+
+.comHeader .nav>ul>li:hover .nav-hover {
+  opacity: 1;
+  top: 62px;
+  visibility: visible
+}
+
+.comHeader .nav>ul>li .nav-hover {
+  background-color: #1b1c1d;
+  font-size: 13px;
+  left: 0;
+  line-height: 28px;
+  min-width: 300px;
+  opacity: 0;
+  padding: 15px 0;
+  position: absolute;
+  top: 40px;
+  -webkit-transition: opacity .2s,top .2s;
+  transition: opacity .2s,top .2s;
+  visibility: hidden;
+  white-space: nowrap
+}
+
+.comHeader .nav>ul>li .nav-hover>ul {
+  max-height: 452px;
+  overflow: hidden;
+  overflow-y: scroll
+}
+
+.comHeader .nav>ul>li .nav-hover>ul::-webkit-scrollbar {
+  width: 0
+}
+
+.comHeader .nav>ul>li .nav-hover .hover-item {
+  margin: 0 0 10px
+}
+
+.comHeader .nav>ul>li .nav-hover .hover-item>a:link {
+  color: #848484;
+  font-size: 14px;
+  padding: 0 20px;
+  -webkit-transition: none;
+  transition: none
+}
+
+.comHeader .nav>ul>li .nav-hover .hover-item>a:hover {
+  color: #4bb752
+}
+
+.comHeader .nav>ul>li .nav-hover .child-item a {
+  border-left: 4px solid #1b1c1d;
+  display: inline-block;
+  line-height: 25px;
+  padding: 0 0 0 20px;
+  position: relative;
+  -webkit-transition: none;
+  transition: none;
+  white-space: normal
+}
+
+.comHeader .nav>ul>li .nav-hover .child-item a .ico-yh {
+  background: url(data:image/png;base64,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) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 12px;
+  left: 0;
+  position: absolute;
+  top: 3px;
+  width: 12px
+}
+
+.comHeader .nav>ul>li .nav-hover .child-item a .ico-dp {
+  background: url(./3.B1j6TFrJ.png) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 12px;
+  left: 0;
+  position: absolute;
+  top: 3px;
+  width: 12px
+}
+
+.comHeader .nav>ul>li .nav-hover .child-item a .ico-mz {
+  background: url(./4.CliINQHr.png) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 12px;
+  left: 0;
+  position: absolute;
+  top: 3px;
+  width: 12px
+}
+
+.comHeader .nav>ul>li .nav-hover .child-item a .ico-xh {
+  background: url(data:image/png;base64,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) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 12px;
+  left: 0;
+  position: absolute;
+  top: 5px;
+  width: 12px
+}
+
+.comHeader .nav>ul>li .nav-hover .child-item a .ico-zn {
+  background: url(./7.CzOWPVUI.png) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 32px;
+  position: absolute;
+  right: -25px;
+  top: -12px;
+  width: 22px
+}
+
+.comHeader .nav>ul>li .nav-hover .child-item a .ico-zn2 {
+  background: url(./6.CHtcQ5m4.png) no-repeat 50%;
+  background-size: 100% 100%;
+  display: inline-block;
+  height: 39px;
+  position: absolute;
+  right: -32px;
+  top: -20px;
+  width: 30px
+}
+
+.comHeader .nav>ul>li .nav-hover .child-item a:hover {
+  border-color: #4bb752
+}
+
+.comHeader .nav>ul>li .hover-product {
+  background-color: #fff;
+  -webkit-box-shadow: 0 2px 11px 2px rgba(0,0,0,.08);
+  box-shadow: 0 2px 11px 2px #00000014;
+  left: 0;
+  overflow: hidden;
+  overflow-y: scroll;
+  padding: 0;
+  position: fixed;
+  right: 0
+}
+
+.comHeader .nav>ul>li .hover-product.hover-product2 {
+  left: 150px;
+  right: auto
+}
+
+.comHeader .nav>ul>li .hover-product.hover-product2 .product-list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.comHeader .nav>ul>li .hover-product.hover-product2 .product-list .plist {
+  padding: 10px
+}
+
+.comHeader .nav>ul>li .hover-product.hover-product2 .product-list .plist:first-child>.list-item>ul>.hover-item {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1
+}
+
+.comHeader .nav>ul>li .hover-product.EN {
+  background-color: #040705
+}
+
+.comHeader .nav>ul>li .hover-product.EN.hover-product2 {
+  left: 300px;
+  right: auto
+}
+
+.comHeader .nav>ul>li .hover-product.EN.hover-product2 .plist {
+  padding-left: 10px
+}
+
+.comHeader .nav>ul>li .hover-product.EN.hover-product2 .plist .list-item {
+  padding: 0!important
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist {
+  padding-bottom: 7px;
+  padding-top: 7px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-label {
+  width: 60px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-label span {
+  font-size: 20px;
+  font-weight: 700;
+  left: -83px;
+  position: relative;
+  -webkit-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+  white-space: nowrap
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:first-child .list-label {
+  background: linear-gradient(135deg,#22e68b,#008d35)
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:first-child>.list-item>ul>.hover-item {
+  background-color: #15210f;
+  border-color: #23e98e
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label {
+  background: linear-gradient(160deg,#48fffa,#008d9a);
+  text-align: center
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label span {
+  left: -72px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item {
+  background-color: #101e1f;
+  border-color: #8b979c
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item .child-item {
+  background: linear-gradient(160deg,#205c5d,#103f44);
+  margin: 7px 0 0;
+  padding: 7px 0 7px 30px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2)>.list-item>ul>.hover-item>.LNK {
+  background: linear-gradient(135deg,#49fefa,#008d9a);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span1 {
+  left: -30px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(2) .list-label .span2 {
+  left: -95px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label {
+  background: linear-gradient(135deg,#ffcd68,#fe682d)
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span1 {
+  left: -38px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3) .list-label .span2 {
+  left: -106px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3)>.list-item>ul>.hover-item {
+  background-color: #2d1d08;
+  border-color: #ffa24b
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .child-item {
+  background: linear-gradient(135deg,#442e10,#44230c);
+  margin: 7px 0 0;
+  padding: 7px 0 7px 30px;
+  width: 32.333%!important
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-item .hover-item {
+  padding-top: 35px;
+  position: relative
+}
+
+.comHeader .nav>ul>li .hover-product.EN .product-list .plist .list-item .hover-item>.LNK {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  left: -1px;
+  right: -1px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: linear-gradient(135deg,#22e68b,#008d35);
+  height: 44px;
+  line-height: 18px;
+  min-width: auto;
+  -webkit-transform: none;
+  transform: none;
+  white-space: normal
+}
+
+.comHeader .nav>ul>li .hover-product.EN .child-item a {
+  color: #dcdbde;
+  font-size: 12px;
+  line-height: 18px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .child-item a:hover {
+  color: #fff
+}
+
+.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-yh {
+  background: url(data:image/png;base64,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) no-repeat 50%;
+  background-size: 100% 100%;
+  top: 3px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-dp {
+  background: url(./3.B1j6TFrJ.png) no-repeat 50%;
+  background-size: 100% 100%;
+  top: 3px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-mz {
+  background: url(./4.CliINQHr.png) no-repeat 50%;
+  background-size: 100% 100%;
+  top: 3px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .child-item a .ico-xh {
+  background: url(./5.R14BVqop.png) no-repeat 50%;
+  background-size: 100% 100%;
+  top: 3px
+}
+
+.comHeader .nav>ul>li .hover-product.EN .ico-zn,.comHeader .nav>ul>li .hover-product.EN .ico-zn2 {
+  display: none!important
+}
+
+.comHeader .nav>ul>li .hover-product.EN .item-tit {
+  color: #00e07b;
+  font-size: 12px;
+  line-height: 18px;
+  margin-bottom: 5px;
+  padding-left: 10px;
+  position: relative;
+  white-space: normal
+}
+
+.comHeader .nav>ul>li .hover-product.EN .item-tit:before {
+  background-color: #00e07b;
+  content: "";
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 2px
+}
+
+.comHeader .nav>ul>li .hover-product .item-tit {
+  font-weight: 700;
+  margin: 5px 0 0
+}
+
+.comHeader .nav>ul>li .hover-product .child-item a {
+  border: none;
+  color: #333
+}
+
+.comHeader .nav>ul>li .hover-product .child-item a:hover {
+  color: #4bb752
+}
+
+.comHeader .nav>ul>li .hover-product .product-list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist {
+  color: #333;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 10px 20px
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:first-child .list-label {
+  background: -webkit-gradient(linear,right top,left top,from(#49ac8c),to(#79ba49));
+  background: linear-gradient(270deg,#49ac8c,#79ba49)
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:first-child>.list-item {
+  padding: 0 5px
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:first-child>.list-item>ul>.hover-item {
+  width: 15.8%;
+  -ms-flex-negative: 0;
+  background-color: #f5fbf1;
+  border-color: #9ab289;
+  flex-shrink: 0;
+  margin-left: .43%;
+  margin-right: .43%
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2) .list-label {
+  background: #40a9f5
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item {
+  padding: 0 5px
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item>ul>.hover-item {
+  width: 32.333%;
+  -ms-flex-negative: 0;
+  background-color: #f8f8f8;
+  border-color: #ededed;
+  flex-shrink: 0;
+  margin-left: .5%;
+  margin-right: .5%
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(2)>.list-item>ul>.hover-item>.LNK {
+  background-color: #40a9f5
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item {
+  padding: 0 5px
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul {
+  height: 100%
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item {
+  width: 99%;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  margin-left: .5%;
+  margin-right: .5%;
+  margin-top: 0;
+  padding-top: 10px
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .hover-child {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist:nth-child(3)>.list-item>ul>.hover-item .hover-child .child-item {
+  width: 24%;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  margin-left: .5%;
+  margin-right: .5%
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist .list-label {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: #ffa953;
+  color: #fff;
+  padding: 0 10px;
+  text-align: center;
+  white-space: normal;
+  width: 40px
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist .list-item {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist .list-item>ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: row;
+  flex-direction: row
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item {
+  background-color: #fff9ed;
+  border: 1px solid #e9d0af;
+  margin: 15px 10px 0;
+  padding: 30px 20px 10px;
+  position: relative
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item {
+  line-height: 22px;
+  position: relative
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item .child-item:before {
+  background: #4bad52;
+  border-radius: 4px;
+  content: "";
+  display: none;
+  height: 6px;
+  left: 0;
+  position: absolute;
+  top: 8px;
+  width: 6px
+}
+
+.comHeader .nav>ul>li .hover-product .product-list .plist .list-item .hover-item>.LNK {
+  background-color: #7abf4c;
+  color: #fff;
+  height: 30px;
+  left: 50%;
+  line-height: 30px;
+  min-width: 130px;
+  padding: 0 30px;
+  position: absolute;
+  text-align: center;
+  top: -15px;
+  -webkit-transform: translate(-50%);
+  transform: translate(-50%)
+}
+
+.comHeader .nav>ul>li>a {
+  height: 63px;
+  line-height: 63px;
+  padding: 0 20px
+}
+
+.comHeader .promo ul {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.comHeader .promo ul li {
+  margin: 0 0 0 23px
+}
+
+.comHeader .promo ul li a {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center
+}
+
+.comHeader .promo ul li a:hover .ICO {
+  opacity: .6
+}
+
+.comHeader .promo ul li .ICO {
+  display: block;
+  height: 12px;
+  margin: 0 7px 0 0
+}
+
+.comHeader .promo ul li .ic-try {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAQAAABOiyVOAAAAAXNSR0IArs4c6QAAAiVJREFUeNqllF9ozWEYx9+xM7XlX/4UoXOhCONmXLiQJEqRRJQkdqVJKyWFJDdKcUPigpmLkZvhTrTJjoafOOyc5/Pud7YpUjvZDnboHNvOo/P7/bZpjjknz1O/3vd53+/z9nue7/cx5n9My2yDjXS24vsrWqXdRvydPKOVmgIgDqHkeJO/ZDtQhIz0B0nSZIk6oXEQdwFf7SMG5JoxEibFcyfEQZRTxsSWo1xBOTkOZB+QljC36ItW8YKUhL3XGxmS9ZxlKDFXmsjYpb9D9qDUG2O3oNxD7XY/Hq0izifbbR8a487hM21aFkBkFklp10nGOCG+oVwcSxdfQQal1ku9D7V1IyVolFy8XnbknQTD7l5/HURek7OHg12UdGKhDzqBFu1Jd1rQIYmQYZdUS7VdRS+P8yvf7X6UY8FJhEznurFCzOaDdf0ccoFM1/TR7l3me7TKu3N65N9GTdYyyF3vcDXKgYAlk+nlthfdyLBt+IMRchTliJc9kS+xF9vkl5/5JHnnVBYiUjNZu8YYv5le5Dpf3Ckt5TxlgCUFKdszg27ev53pLvP7EasgZW8Yw3nU7v4r06khy30tI0qbMWxDZbP3vTShQGxdvsT2OLmORdJEMrGYFC9jFf/QFXcYdHeicoa0XMWh3yfvxKCpdPIRhyxKMznZWpSGWckPBKUP5VzR0qc2r2L5KU9aykuYGHITlf74vJLGjFNpu9hQ8nTyaVrYfgG2wbY60aOqBAAAAABJRU5ErkJggg==);
+  width: 13px
+}
+
+.comHeader .promo ul li .ic-shop {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAYCAQAAABUt8XAAAAAAXNSR0IArs4c6QAAAYFJREFUeNqVkz0sQ1EUx1986yRRg1oZkBgkmmCSIBWDLhgMEvExYK3FTIdGQgSDUdDBqiEVEomSvFjKu//TSirpoO3KoA2OvPf6mlby3o1zlnvP+93/PfecdxTl/6aNIIwbG49SSDSXUAzhhzJ2MMXwJR652oKPkEs32t+LOTB5rc0trpySfO4GY9KC43TmBMMDpgVrk8ahnjldUlslJlYRVhTVBUbAgj8opChP7WCxUo5yNTScG0SBNozQdQ0Y60Yoinett4RW0Q4YE8aXHPaMILnBtKyvki14RUHskl8M0DxUMILFu4mOzYZ0gDFjBlNN2EYebPgL+UtPfEDEVO4DJ8bLClWHHhqufCouKGa1mjHo/DvgFMJcTIGTXRL4gDJmLRfB8EjgID7NRQCsuiTwGjjVoCtvIq9ITCyBtVb91D6yMpimwYlO/dQJSKo8Chb9unJE3EuVvWAaM2uYTdZLlGeLvYAPjDfbCdT9Dt+Iq7VmYXwO42qMrNgityzVP/YL/R8wbgBFGqEAAAAASUVORK5CYII=);
+  width: 11px
+}
+
+.LNK:link, .LNK:visited {
+  color: #fff;
+}
+
+
+.menu-zh[data-v-bc7d8fb8] {
+  background: #040705;
+  -webkit-box-shadow: 0 2px 16px rgba(0,0,0,.06);
+  box-shadow: 0 2px 16px #0000000f;
+  color: #fff;
+  overflow: hidden;
+  padding: 10px 20px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  row-gap: 20px
+}
+
+.menu-zh[data-v-bc7d8fb8],.menu-zh .menu-row[data-v-bc7d8fb8],.menu-zh .menu-row .menu-row-title[data-v-bc7d8fb8] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex
+}
+
+.menu-zh .menu-row .menu-row-title[data-v-bc7d8fb8] {
+  color: #fff;
+  font-size: 13px;
+  padding: 20px 0;
+  -webkit-writing-mode: vertical-rl;
+  -ms-writing-mode: tb-rl;
+  writing-mode: vertical-rl;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  background: linear-gradient(135deg,#22e68b,#008d35);
+  justify-content: center;
+  letter-spacing: 8px;
+  width: 60px
+}
+
+.menu-zh .menu-row .menu-row-items[data-v-bc7d8fb8] {
+  -webkit-column-gap: 10px;
+  -moz-column-gap: 10px;
+  column-gap: 10px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 0 10px;
+  width: 100%
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section[data-v-bc7d8fb8] {
+  background-color: #15210f;
+  border: 1px solid #23e98e;
+  padding: 0 0 20px;
+  width: 20%
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .item-tit[data-v-bc7d8fb8] {
+  color: #00e07b;
+  font-size: 12px;
+  line-height: 18px;
+  margin-bottom: 5px;
+  padding-left: 10px;
+  position: relative;
+  white-space: normal
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .item-tit[data-v-bc7d8fb8]:before {
+  background-color: #00e07b;
+  content: "";
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 2px
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .item-tit[data-v-bc7d8fb8],.menu-zh .menu-row .menu-row-items .menu-section>ul[data-v-bc7d8fb8] {
+  margin: 0 20px
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .hover-child a[data-v-bc7d8fb8] {
+  color: #dcdbde;
+  font-size: 12px;
+  line-height: 18px
+}
+
+.menu-zh .menu-row .menu-row-items .menu-section .menu-section-title[data-v-bc7d8fb8] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 14px;
+  margin: -1px -1px 10px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  background: linear-gradient(135deg,#22e68b,#008d35);
+  color: #fff;
+  height: 44px;
+  justify-content: center;
+  line-height: 18px;
+  padding: 0 30px;
+  text-align: center
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-title[data-v-bc7d8fb8] {
+  background: linear-gradient(135deg,#ffcd68,#fe682d)
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content[data-v-bc7d8fb8] {
+  background-color: #2d1d08;
+  border: 1px solid #ffa24b;
+  margin-left: 10px;
+  padding: 10px 20px;
+  width: 100%
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .link-item[data-v-bc7d8fb8] {
+  background: linear-gradient(135deg,#442e10,#44230c);
+  color: #dcdbde;
+  font-size: 12px;
+  line-height: 22px;
+  padding: 7px 0 7px 30px;
+  width: 24%!important;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  margin: 7px .5% 0
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content1[data-v-bc7d8fb8] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 15px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content1 .link-item[data-v-bc7d8fb8] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-column-gap: 10px;
+  -moz-column-gap: 10px;
+  column-gap: 10px;
+  font-weight: 500
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content1 .link-item img[data-v-bc7d8fb8] {
+  height: 14px;
+  width: 14px
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2[data-v-bc7d8fb8] {
+  padding: 15px
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2[data-v-bc7d8fb8],.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item[data-v-bc7d8fb8] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .link-item[data-v-bc7d8fb8] {
+  background-color: #ffe5c8;
+  -webkit-column-gap: 10px;
+  -moz-column-gap: 10px;
+  column-gap: 10px;
+  font-weight: 500;
+  padding-left: 0;
+  padding-right: 0
+}
+
+.menu-zh .menu-row.menu-row2 .menu-row-content .content2 .splitter[data-v-bc7d8fb8] {
+  color: #fee4c4;
+  font-size: 18px;
+  letter-spacing: 8px;
+  margin: 0 10px
 }
 </style>