index 轮播

.idea/workspace.xml

@@ -2,8 +2,10 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="82570a17-8430-4238-ae79-81bbbd2de81f" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/components.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/components.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/components.less" beforeDir="false" afterPath="$PROJECT_DIR$/css/components.less" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/js/components.js" beforeDir="false" afterPath="$PROJECT_DIR$/js/components.js" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -91,44 +93,63 @@
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/h_news/news_detail.html">
+        <entry file="file://$PROJECT_DIR$/xgk/xgk.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="756">
-              <caret line="28" column="19" selection-start-line="28" selection-start-column="19" selection-end-line="28" selection-end-column="19" />
+            <state relative-caret-position="99">
+              <caret line="3" column="6" selection-start-line="3" selection-start-column="6" selection-end-line="3" selection-end-column="6" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/xgk/xgk.html">
+        <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1566">
-              <caret line="58" column="54" selection-start-line="58" selection-start-column="54" selection-end-line="58" selection-end-column="54" />
+            <state relative-caret-position="330">
+              <caret line="10" column="10" selection-start-line="10" selection-start-column="10" selection-end-line="10" selection-end-column="10" />
             </state>
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/imgs/favicon.ico">
+          <provider selected="true" editor-type-id="images" />
+        </entry>
+      </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/.gitignore">
+        <entry file="file://$PROJECT_DIR$/h_news/news_list.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="108">
-              <caret line="4" selection-start-line="4" selection-end-line="4" />
+            <state relative-caret-position="297">
+              <caret line="9" column="75" selection-start-line="9" selection-start-column="75" selection-end-line="9" selection-end-column="75" />
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/index.html">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/h_news/news_detail.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="140">
-              <caret line="94" column="17" lean-forward="true" selection-start-line="94" selection-start-column="17" selection-end-line="94" selection-end-column="17" />
+            <state relative-caret-position="198">
+              <caret line="6" column="72" selection-start-line="6" selection-start-column="72" selection-end-line="6" selection-end-column="72" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/imgs/app.png">
-          <provider selected="true" editor-type-id="images" />
+        <entry file="file://$PROJECT_DIR$/h_exam/exam_detail.html">
+          <provider selected="true" editor-type-id="text-editor" />
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/h_exam/exam_detail_img.html">
+          <provider selected="true" editor-type-id="text-editor" />
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/h_exam/exam_list.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="429">
+              <caret line="13" column="18" selection-start-line="13" selection-start-column="18" selection-end-line="13" selection-end-column="18" />
+            </state>
+          </provider>
         </entry>
       </file>
     </leaf>
@@ -176,9 +197,10 @@
     <sorting>DEFINITION_ORDER</sorting>
   </component>
   <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="-7" />
+    <option name="x" value="-20" />
+    <option name="y" value="18" />
     <option name="width" value="1933" />
-    <option name="height" value="1047" />
+    <option name="height" value="1046" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
   <component name="ProjectView">
@@ -191,8 +213,28 @@
         <subPane>
           <expand>
             <path>
-              <item name="examwin_web" type="b2602c69:ProjectViewProjectNode" />
-              <item name="examwin_web" type="462c0819:PsiDirectoryNode" />
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+              <item name="h_exam" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+              <item name="h_news" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+              <item name="imgs" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+              <item name="xgk" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
@@ -308,7 +350,7 @@
     <frame x="-8" y="-8" width="1936" height="1056" extended-state="6" />
     <editor active="true" />
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.1359275" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.15884861" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info id="Favorites" order="2" side_tool="true" />
       <window_info anchor="bottom" id="Message" order="0" />
@@ -408,8 +450,8 @@
     <entry file="file://$PROJECT_DIR$/h_news/new_detail.html" />
     <entry file="file://$PROJECT_DIR$/h_news/news_list.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="405">
-          <caret line="15" column="54" lean-forward="true" selection-start-line="15" selection-start-column="54" selection-end-line="15" selection-end-column="54" />
+        <state relative-caret-position="297">
+          <caret line="9" column="75" selection-start-line="9" selection-start-column="75" selection-end-line="9" selection-end-column="75" />
         </state>
       </provider>
     </entry>
@@ -437,15 +479,15 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/h_news/news_detail.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="756">
-          <caret line="28" column="19" selection-start-line="28" selection-start-column="19" selection-end-line="28" selection-end-column="19" />
+        <state relative-caret-position="198">
+          <caret line="6" column="72" selection-start-line="6" selection-start-column="72" selection-end-line="6" selection-end-column="72" />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/xgk/xgk.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1566">
-          <caret line="58" column="54" selection-start-line="58" selection-start-column="54" selection-end-line="58" selection-end-column="54" />
+        <state relative-caret-position="99">
+          <caret line="3" column="6" selection-start-line="3" selection-start-column="6" selection-end-line="3" selection-end-column="6" />
         </state>
       </provider>
     </entry>
@@ -461,8 +503,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="140">
-          <caret line="94" column="17" lean-forward="true" selection-start-line="94" selection-start-column="17" selection-end-line="94" selection-end-column="17" />
+        <state relative-caret-position="330">
+          <caret line="10" column="10" selection-start-line="10" selection-start-column="10" selection-end-line="10" selection-end-column="10" />
         </state>
       </provider>
     </entry>

css/components.css

@@ -624,14 +624,30 @@ body::-webkit-scrollbar-track {
   background-color: #e6e6e6;
 }
 #share #qrcode {
+  width: 180px;
+  box-sizing: border-box;
+  box-shadow: 0px 0px 5px #999;
   display: none;
   position: absolute;
   background-color: #fff;
-  padding: 10px;
-  top: -162px;
+  top: -210px;
   border-radius: 5px;
   right: 140px;
-  border: 1px solid #625151;
+}
+#share #qrcode::before {
+  display: block;
+  content: "微信扫一扫：分享";
+  line-height: 30px;
+  font-size: 12px;
+  text-align: center;
+  background-color: #e6e6e6;
+}
+#share #qrcode img {
+  margin: auto;
+  padding: 20px 0;
+}
+#share #qrcode .wei {
+  text-align: center;
 }
 #toast {
   display: none;

css/components.less

@@ -786,14 +786,30 @@ body {
     }
   }
   #qrcode{
+    &::before{
+      display: block;
+      content: "微信扫一扫：分享";
+      line-height: 30px;
+      font-size: 12px;
+      text-align: center;
+      background-color: #e6e6e6;
+    }
+    img{
+      margin: auto;
+      padding: 20px 0;
+    }
+    width: 180px;
+    box-sizing: border-box;
+    box-shadow: 0px 0px 5px #999;
     display: none;
     position: absolute;
     background-color: #fff;
-    padding: 10px;
-    top: -162px;
+    top: -210px;
     border-radius: 5px;
     right: 140px;
-    border: 1px solid #625151;
+    .wei{
+      text-align: center;
+    }
   }
 }
 

index.html

@@ -2,451 +2,433 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=`, initial-scale=1.0">
-    <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
-    <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
-    <title>大联考网页版</title>
-    <script>
-        var _hmt = _hmt || [];
-        (function () {
-            var hm = document.createElement("script");
-            hm.src = "https://hm.baidu.com/hm.js?c422004622ec075298aaf0a1a7bd21fe";
-            var s = document.getElementsByTagName("script")[0];
-            s.parentNode.insertBefore(hm, s);
-        })();
-    </script>
-    <link rel="shortcut icon" type="image/x-icon" href="./imgs/favicon.ico">
-    <script src="./js/jquery.js"></script>
-    <script src="./bootstrap/bootstrap.min.js"></script>
-    <link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
-    <link rel="stylesheet" href="./css/components.css">
-    <link rel="stylesheet" href="./css/index.css">
-    <script src="./js/components.js"></script>
-    <script src="./js/index.js"></script>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=`, initial-scale=1.0">
+  <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
+  <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
+  <title>大联考网页版</title>
+  <script>
+    var _hmt = _hmt || [];
+    (function () {
+      var hm = document.createElement("script");
+      hm.src = "https://hm.baidu.com/hm.js?c422004622ec075298aaf0a1a7bd21fe";
+      var s = document.getElementsByTagName("script")[0];
+      s.parentNode.insertBefore(hm, s);
+    })();
+  </script>
+  <link rel="shortcut icon" type="image/x-icon" href="./imgs/favicon.ico">
+  <script src="./js/jquery.js"></script>
+  <script src="./bootstrap/bootstrap.min.js"></script>
+  <link rel="stylesheet" href="./bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="./css/components.css">
+  <link rel="stylesheet" href="./css/index.css">
+  <script src="../js/qrcode.min.js"></script>
+  <script src="./js/components.js"></script>
+  <script src="./js/index.js"></script>
 </head>
 
 <body>
-<!-- components 共用头部 -->
-<div class="header">
+  <!-- components 共用头部 -->
+  <div class="header">
     <div class="container">
-        <div id="face" class="ha-item">
-            <div class="img pull-left">
-                <!-- 网站图标 -->
-                <a href="/"><img src="./imgs/app.png" alt="" draggable="false"></a>
-            </div>
-            <div data-app="download" class="app pull-right">
-                <a href="http://app.gaokaoapp.net" draggable="false">
-                    <img src="./imgs/app_dowload.png" alt="大联考App下载" draggable="false"><br>
-                    <span>大联考App下载</span>
-                </a>
-                <div style="display: none;">
-                    <img src="./imgs/app_dowload.png" alt="大联考App下载">
-                </div>
-            </div>
-            <div class="button pull-right">
-                <div id="listbutton" class="glyphicon glyphicon-th-list button"></div>
-            </div>
+      <div id="face" class="ha-item">
+        <div class="img pull-left">
+          <!-- 网站图标 -->
+          <a href="/"><img src="./imgs/app.png" alt="" draggable="false"></a>
         </div>
-        <div class="hb-item">
-            <!-- @大屏修改下拉菜单 -->
-            <div id="nav" class="nav">
-                <div class="nav-item">
-                    <!-- active 表明当前页面属于那个动作分类 -->
-                    <a class="active" href="javascript:;" draggable="false">首页</a>
-                    <ul class="nav-ul">
-                    </ul>
-                </div>
-                <div class="nav-item">
-                    <a href="javascript:;" draggable="false">新高考<i class="glyphicon glyphicon-chevron-down"></i></a>
-                    <ul class="nav-ul xingaokao">
-                        <li class="nav-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
-                    </ul>
-                </div>
-                <div class="nav-item">
-                    <a href="javascript:;" draggable="false">模拟考试<i class="glyphicon glyphicon-chevron-down"></i></a>
-                    <ul class="nav-ul">
-                        <li class="nav-li"><a href="#" target="_blank" draggable="false">模拟考试</a></li>
-                    </ul>
-                </div>
-            </div>
+        <div data-app="download" class="app pull-right">
+          <a href="http://app.gaokaoapp.net" draggable="false">
+            <img src="./imgs/app_dowload.png" alt="大联考App下载" draggable="false"><br>
+            <span>大联考App下载</span>
+          </a>
+          <div style="display: none;">
+            <img src="./imgs/app_dowload.png" alt="大联考App下载">
+          </div>
         </div>
-    </div>
-</div>
-<!-- components 共用菜单 -->
-<!-- @小屏幕 下拉菜单 -->
-<div id="nav-sm" class="nav-sm-noheight">
-    <ul>
-        <!-- active 表明当前页面属于那个动作分类 -->
-        <li><a class="nav-sm-title active" href="javascript:;" draggable="false">首页</a>
-            <ul class="nav-sm-ul"></ul>
-        </li>
-        <li>
-            <a class="nav-sm-title" href="javascript:;" target="_blank" draggable="false">新高考</a>
-            <ul class="nav-sm-ul xingaokao">
-                <li class="nav-sm-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
+        <div class="button pull-right">
+          <div id="listbutton" class="glyphicon glyphicon-th-list button"></div>
+        </div>
+      </div>
+      <div class="hb-item">
+        <!-- @大屏修改下拉菜单 -->
+        <div id="nav" class="nav">
+          <div class="nav-item">
+            <!-- active 表明当前页面属于那个动作分类 -->
+            <a class="active" href="javascript:;" draggable="false">首页</a>
+            <ul class="nav-ul">
             </ul>
-        </li>
-        <li>
-            <a class="nav-sm-title" href="javascript:;" draggable="false">机构联考</a>
-            <ul class="nav-sm-ul">
-                <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
+          </div>
+          <div class="nav-item">
+            <a href="javascript:;" draggable="false">新高考<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <ul class="nav-ul xingaokao">
+              <li class="nav-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
             </ul>
-        </li>
-        <li>
-            <a class="nav-sm-title" href="javascript:;" draggable="false">模拟考试</a>
-            <ul class="nav-sm-ul">
-                <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
+          </div>
+          <div class="nav-item">
+            <a href="javascript:;" draggable="false">模拟考试<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <ul class="nav-ul">
+              <li class="nav-li"><a href="#" target="_blank" draggable="false">模拟考试</a></li>
             </ul>
-        </li>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- components 共用菜单 -->
+  <!-- @小屏幕 下拉菜单 -->
+  <div id="nav-sm" class="nav-sm-noheight">
+    <ul>
+      <!-- active 表明当前页面属于那个动作分类 -->
+      <li><a class="nav-sm-title active" href="javascript:;" draggable="false">首页</a>
+        <ul class="nav-sm-ul"></ul>
+      </li>
+      <li>
+        <a class="nav-sm-title" href="javascript:;" target="_blank" draggable="false">新高考</a>
+        <ul class="nav-sm-ul xingaokao">
+          <li class="nav-sm-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
+        </ul>
+      </li>
+      <li>
+        <a class="nav-sm-title" href="javascript:;" draggable="false">机构联考</a>
+        <ul class="nav-sm-ul">
+          <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
+        </ul>
+      </li>
+      <li>
+        <a class="nav-sm-title" href="javascript:;" draggable="false">模拟考试</a>
+        <ul class="nav-sm-ul">
+          <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
+        </ul>
+      </li>
     </ul>
-</div>
-<!-- components 共用主体内容外壳 -->
-<div id="body" class="container">
+  </div>
+  <!-- components 共用主体内容外壳 -->
+  <div id="body" class="container">
     <div class="row">
-        <div class="col">
-            <div class="body">
-                <!-- 网页第一行 -->
-                <div class="row row-style">
-                    <div class="col-lg-6 col-sm-12">
-                        <!-- @轮播 id="myCarousel"-->
-                        <div id="myCarousel" class="carousel slide" style="margin-bottom: 20px;">
-                            <!-- 轮播（Carousel）指标 -->
-                            <ol class="carousel-indicators">
-                                <li data-target="#myCarousel" data-slide-to="0" class="lunbo active"></li>
-                            </ol>
-                            <!-- 轮播（Carousel）项目 -->
-                            <div class="carousel-inner">
-                                <div class="item lunbo active">
-                                    <!-- 轮播图片跳转 -->
-                                    <a target="_blank" href="">
-                                        <img class="carousel-img-style" src="./imgs/bg.png" alt="First slide">
-                                    </a>
-                                </div>
-                            </div>
-                            <!-- 轮播（Carousel）导航 -->
-                            <a class="left carousel-control" style="border-radius: 10px;" href="#myCarousel"
-                               role="button"
-                               data-slide="prev">
-                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-                                <span class="sr-only">leftbutton</span>
-                            </a>
-                            <a class="right carousel-control" style="border-radius: 10px;" href="#myCarousel"
-                               role="button"
-                               data-slide="next">
-                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-                                <span class="sr-only">rightbutton</span>
-                            </a>
-                        </div>
-                    </div>
-                    <div class="col col-lg-6 col-sm-12">
-                        <div id="hotspot" class="hotspot">
-                            <!-- @热点 id="hotspot"-->
-                            <h4><a target="_blank" href="./h_news/news_list.html"><span class="b">
+      <div class="col">
+        <div class="body">
+          <!-- 网页第一行 -->
+          <div class="row row-style">
+            <div class="col-lg-6 col-sm-12">
+              <!-- @轮播 id="myCarousel"-->
+              <div id="myCarousel" class="carousel slide" style="margin-bottom: 20px;">
+                <!-- 轮播（Carousel）指标 -->
+                <ol class="carousel-indicators">
+                  <li data-target="#myCarousel" data-slide-to="0" class="lunbo active"></li>
+                </ol>
+                <!-- 轮播（Carousel）项目 -->
+                <div class="carousel-inner">
+                  <div class="item lunbo active">
+                    <!-- 轮播图片跳转 -->
+                    <a target="_blank" href="">
+                      <img class="carousel-img-style" src="./imgs/bg.png" alt="First slide">
+                    </a>
+                  </div>
+                </div>
+                <!-- 轮播（Carousel）导航 -->
+                <a class="left carousel-control" style="border-radius: 10px;" href="#myCarousel" role="button"
+                  data-slide="prev">
+                  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+                  <span class="sr-only">leftbutton</span>
+                </a>
+                <a class="right carousel-control" style="border-radius: 10px;" href="#myCarousel" role="button"
+                  data-slide="next">
+                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+                  <span class="sr-only">rightbutton</span>
+                </a>
+              </div>
+            </div>
+            <div class="col col-lg-6 col-sm-12">
+              <div id="hotspot" class="hotspot">
+                <!-- @热点 id="hotspot"-->
+                <h4><a target="_blank" href="./h_news/news_list.html"><span class="b">
                       <i class="glyphicon glyphicon-fire icon-fire-style"></i>热点资讯
                     </span><span>更多</span></a>
-                            </h4>
-                            <ul class="redianzixun">
-                                <li class="redianzixun"><a target="_blank" href="http://www.gaokaoapp.net">热点资讯</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
+                </h4>
+                <ul class="redianzixun">
+                  <li class="redianzixun"><a target="_blank" href="http://www.gaokaoapp.net">热点资讯</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <!-- 网页第二行 -->
+          <div class="row row-style">
+            <div class="title-style">
+              <h4 class="h4"><i class="glyphicon glyphicon-book"></i>热门专题</h4>
+              <div class="content-style">
+                <div class="scroll-style">
+                  <!-- @图片标题横轴滚动 -->
+                  <ul id="imgsrcoll">
+                    <li class="scroll-li-style"><a title="数学一轮复习专题" href="#" target="_blank" draggable="false"><img
+                          src="#" alt="数学一轮复习专题" draggable="false">
+                        <h5 class="title">数学一轮复习专题</h5>
+                      </a></li>
+                    <li class="scroll-li-style"><a title="英语一轮复习专题" href="#" target="_blank" draggable="false"><img
+                          src="#" alt="英语一轮复习专题" draggable="false">
+                        <h5 class="title">英语一轮复习专题</h5>
+                      </a></li>
+                    <li class="scroll-li-style"><a title="政治一轮复习专题" href="#" target="_blank" draggable="false"><img
+                          src="#" alt="政治一轮复习专题" draggable="false">
+                        <h5 class="title">政治一轮复习专题</h5>
+                      </a></li>
+                    <li class="scroll-li-style"><a title="地理一轮复习专题" href="" target="_blank" draggable="false"><img
+                          src="#" alt="地理一轮复习专题" draggable="false">
+                        <h5 class="title">地理一轮复习专题</h5>
+                      </a></li>
+                    <li class="scroll-li-style"><a title="历史一轮复习专题" href="#" target="_blank" draggable="false"><img
+                          src="#" alt="历史一轮复习专题" draggable="false">
+                        <h5 class="title">历史一轮复习专题</h5>
+                      </a></li>
+                  </ul>
                 </div>
-                <!-- 网页第二行 -->
-                <div class="row row-style">
-                    <div class="title-style">
-                        <h4 class="h4"><i class="glyphicon glyphicon-book"></i>热门专题</h4>
-                        <div class="content-style">
-                            <div class="scroll-style">
-                                <!-- @图片标题横轴滚动 -->
-                                <ul id="imgsrcoll">
-                                    <li class="scroll-li-style"><a title="数学一轮复习专题"
-                                                                   href="#"
-                                                                   target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="数学一轮复习专题" draggable="false">
-                                        <h5 class="title">数学一轮复习专题</h5>
-                                    </a></li>
-                                    <li class="scroll-li-style"><a title="英语一轮复习专题"
-                                                                   href="#" target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="英语一轮复习专题" draggable="false">
-                                        <h5 class="title">英语一轮复习专题</h5>
-                                    </a></li>
-                                    <li class="scroll-li-style"><a title="政治一轮复习专题"
-                                                                   href="#" target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="政治一轮复习专题" draggable="false">
-                                        <h5 class="title">政治一轮复习专题</h5>
-                                    </a></li>
-                                    <li class="scroll-li-style"><a title="地理一轮复习专题"
-                                                                   href=""
-                                                                   target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="地理一轮复习专题" draggable="false">
-                                        <h5 class="title">地理一轮复习专题</h5>
-                                    </a></li>
-                                    <li class="scroll-li-style"><a title="历史一轮复习专题"
-                                                                   href="#" target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="历史一轮复习专题" draggable="false">
-                                        <h5 class="title">历史一轮复习专题</h5>
-                                    </a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
+              </div>
+            </div>
+          </div>
+          <!-- @类型模板 -->
+          <!-- 网页第三行 -->
+          <div class="row row-style">
+            <div class="title-style">
+              <h4 class="h4"><i class="glyphicon glyphicon-book"></i>最新考试</h4>
+              <div class="content-style row">
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4">
+                      <a target="_blank" href="./h_exam/g3.html">
+                        <span class="a">
+                          高三考试
+                        </span>
+                        <span>更多</span></a>
+                    </h4>
+                    <ul class="gao3">
+                      <li class="gao3"><a target="_blank" href="http://www.gaokaoapp.net"> 高三考试</a>
+                      </li>
+                    </ul>
+                  </div>
                 </div>
-                <!-- @类型模板 -->
-                <!-- 网页第三行 -->
-                <div class="row row-style">
-                    <div class="title-style">
-                        <h4 class="h4"><i class="glyphicon glyphicon-book"></i>最新考试</h4>
-                        <div class="content-style row">
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4">
-                                        <a target="_blank" href="./h_exam/g3.html">
-                                            <span class="a">
-                                              高三考试
-                                            </span>
-                                            <span>更多</span></a>
-                                    </h4>
-                                    <ul class="gao3">
-                                        <li class="gao3"><a target="_blank" href="http://www.gaokaoapp.net"> 高三考试</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_exam/g2.html"><span class="a">
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_exam/g2.html"><span class="a">
                           高二考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul class="gao2">
-                                        <li class="gao2"><a target="_blank" href="http://www.gaokaoapp.net">
-                                            高二考试</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_exam/g1.html"><span class="a">
+                    </h4>
+                    <ul class="gao2">
+                      <li class="gao2"><a target="_blank" href="http://www.gaokaoapp.net">
+                          高二考试</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_exam/g1.html"><span class="a">
                           高一考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul class="gao1">
-                                        <li class="gao1"><a target="_blank" href="http://www.gaokaoapp.net">
-                                            高一考试</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                    </h4>
+                    <ul class="gao1">
+                      <li class="gao1"><a target="_blank" href="http://www.gaokaoapp.net">
+                          高一考试</a>
+                      </li>
+                    </ul>
+                  </div>
                 </div>
-                <!-- 网页第四行 -->
-                <div class="row row-style">
-                    <div class="title-style">
-                        <h4 class="h4"><i class="glyphicon glyphicon-book"></i>专题分类</h4>
-                        <div class="content-style row">
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+              </div>
+            </div>
+          </div>
+          <!-- 网页第四行 -->
+          <div class="row row-style">
+            <div class="title-style">
+              <h4 class="h4"><i class="glyphicon glyphicon-book"></i>专题分类</h4>
+              <div class="content-style row">
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
                 </div>
+              </div>
             </div>
+          </div>
         </div>
+      </div>
     </div>
-</div>
+  </div>
 
-<!-- 以下为通用html -->
-<div class="footer">
+  <!-- 以下为通用html -->
+  <div class="footer">
     <p>商务合作电话：0371-86586728</p>
     <p>豫ICP备15004940号-5</p>
-</div>
-<!-- 返回顶部 -->
-<div id="top" class="noshow">
+  </div>
+  <!-- 返回顶部 -->
+  <div id="top" class="noshow">
     <i class="glyphicon glyphicon-chevron-up"></i>
-</div>
-<!-- 分享功能 -->
-<div id="share">
+  </div>
+  <!-- 分享功能 -->
+  <div id="share">
     <div>分享</div>
     <ul>
-        <li>分享到</li>
-        <li><img src="./imgs/qq.png" alt="qq">QQ</li>
-        <li><img src="./imgs/weixin.png" alt="qq">微信</li>
-        <li><img src="./imgs/weibo.png" alt="qq">微博</li>
+      <li>分享到</li>
+      <li><img src="../imgs/qq.png" alt="QQ">QQ</li>
+      <li><img src="../imgs/weixin.png" alt="微信">微信</li>
+      <li><img src="../imgs/weibo.png" alt="微博">微博</li>
     </ul>
-</div>
-<!-- 下载app -->
-<div id="download">
+  </div>
+  <!-- 下载app -->
+  <div id="download">
     <div class="left">
-        <img src="./imgs/app.png" alt="大联考">
-        <div class="row1">大联考</div>
-        <div class="row2">全国中学生都在用</div>
+      <img src="./imgs/app.png" alt="大联考">
+      <div class="row1">大联考</div>
+      <div class="row2">全国中学生都在用</div>
     </div>
     <div class="right">
-        <button class="btn btn-info">下载</button>
+      <button class="btn btn-info">下载</button>
     </div>
-</div>
+  </div>
 </body>
 
-</html>
+</html>

js/components.js

@@ -192,7 +192,6 @@ $(function () {
     $(this).children("ul").css("width", 'auto')
   }).mouseleave(function () {
     $(this).children("ul").css("width", '0px');
-    $("#qrcode").hide();
   })
   let lis = $("#share>ul>li");
   for (let i = 0; i < lis.length; i++) {
@@ -207,16 +206,21 @@ $(function () {
       $(dom).appendTo($("#share"));
       var qrcode = new QRCode("qrcode", {
         text: window.location.href,
-        width: 128,
-        height: 128,
+        width: 100,
+        height: 100,
         colorDark: "#000000",
         colorLight: "#ffffff",
         correctLevel: QRCode.CorrectLevel.H
       });
       qrcode.clear();
       qrcode.makeCode(window.location.href)
-      $(lis[i]).click(function () {
+      $("#qrcode").append(
+        `<div class="wei"><div>微信扫一扫</div><div>便可将本文分享至朋友圈</div><div>`
+      )
+      $(lis[i]).mouseenter(function () {
         $("#qrcode").show();
+      }).mouseleave(function () {
+        $("#qrcode").hide();
       })
     }
     if (i == 3) {