fix(样式): 修复移动端布局问题并优化样式

修复移动端搜索页面的布局问题，优化响应式设计
调整头部导航栏的z-index防止遮挡
统一处理签到组件的显示逻辑
修复搜索推荐框宽度问题
优化媒体查询断点设置

index-v2.html

@@ -105,7 +105,7 @@
     </script>
     <div id="ajaxwaitid"></div>
     <div id="append_parent"></div>
-    <div class="head-top flexacenter" style="width: 1200px;margin: 20px auto 30px;">
+    <div class="head-top flexacenter" style="width: 1200px;margin: 20px auto 30px;z-index: 8;">
         <a href="/" class="flexacenter" target="_blank">
             <img class="logo" src="https://oss.gter.net/logo" alt="" />
         </a>
@@ -330,6 +330,15 @@
                 </div>
             </div>
         </div>
+ 
+        <div class="pop-list" v-cloak>
+            <div class="list">
+                <div class="item" v-for="item in popList" @click="openPop(item.type)">
+                    <div class="top">{{ item.title }}</div>
+                    <div class="bottom">{{ item.subtitle }}</div>
+                </div>
+            </div>
+        </div>
 
         <div class="admission">
             <a class="admission-header flexflex" target="_blank" href="https://admissionofficer.gter.net">
@@ -380,14 +389,7 @@
             </div>
         </div>
 
-        <div class="pop-list">
-            <div class="list">
-                <div class="item" v-for="item in popList" @click="openPop(item.type)">
-                    <div class="top">{{ item.title }}</div>
-                    <div class="bottom">{{ item.subtitle }}</div>
-                </div>
-            </div>
-        </div>
+
 
         <div class="matter flexflex" ref="matterRef">
             <div class="matter-content flex1">