update

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file

 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
   <component name="ChangeListManager">
-    <list default="true" id="45116894-83a8-452c-8a78-cd7bfbe48655" name="Default Changelist" comment="" />
+    <list default="true" id="45116894-83a8-452c-8a78-cd7bfbe48655" name="Default Changelist" comment="">
+      <change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/css/search_2.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/css/search_no_2.css" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/html/search_2.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/html/search_no_2.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/cpzx_2.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/cpzx_2.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/html/cpzx_2.html" beforeDir="false" afterPath="$PROJECT_DIR$/html/cpzx_2.html" afterDir="false" />
+    </list>
     <ignored path="$PROJECT_DIR$/.tmp/" />
     <ignored path="$PROJECT_DIR$/temp/" />
     <ignored path="$PROJECT_DIR$/tmp/" />
@@ -52,76 +61,111 @@
         </counts>
       </usages-collector>
     </session>
+    <session id="-544905840">
+      <usages-collector id="statistics.lifecycle.project">
+        <counts>
+          <entry key="project.closed" value="1" />
+          <entry key="project.open.time.2" value="1" />
+          <entry key="project.opened" value="1" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.extensions.edit">
+        <counts>
+          <entry key="css" value="1884" />
+          <entry key="html" value="1377" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.types.edit">
+        <counts>
+          <entry key="CSS" value="1884" />
+          <entry key="HTML" value="1377" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.extensions.open">
+        <counts>
+          <entry key="css" value="3" />
+          <entry key="html" value="4" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.types.open">
+        <counts>
+          <entry key="CSS" value="3" />
+          <entry key="HTML" value="4" />
+        </counts>
+      </usages-collector>
+    </session>
   </component>
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/html/index.html">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="330">
-              <caret line="314" column="22" lean-forward="true" selection-start-line="314" selection-start-column="22" selection-end-line="314" selection-end-column="22" />
+            <state relative-caret-position="223">
+              <caret line="162" column="26" selection-start-line="162" selection-start-column="26" selection-end-line="162" selection-end-column="26" />
               <folding>
                 <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
                 <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#1;n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#2;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#2;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#3;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#3;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
               </folding>
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/css/index.css">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="307">
-              <caret line="68" column="16" lean-forward="true" selection-start-line="68" selection-start-column="16" selection-end-line="68" selection-end-column="16" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/js/swiper.js">
-          <provider selected="true" editor-type-id="text-editor" />
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
+        <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="595">
-              <caret line="11" column="24013" selection-start-line="11" selection-start-column="24013" selection-end-line="11" selection-end-column="24013" />
+            <state relative-caret-position="182">
+              <caret line="449" column="25" lean-forward="true" selection-end-line="626" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/jpal.html">
+        <entry file="file://$PROJECT_DIR$/html/search_no_2.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="331">
-              <caret line="27" column="14" lean-forward="true" selection-start-line="27" selection-start-column="14" selection-end-line="27" selection-end-column="14" />
+            <state relative-caret-position="411">
+              <caret line="98" column="40" selection-start-line="98" selection-start-column="40" selection-end-line="98" selection-end-column="40" />
               <folding>
                 <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
                 <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#1;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
               </folding>
@@ -129,18 +173,11 @@
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/js/jquery-2.1.0.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="-2430" />
-          </provider>
-        </entry>
-      </file>
-      <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/html/search_2.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="109">
-              <caret line="64" column="41" lean-forward="true" selection-start-line="64" selection-start-column="41" selection-end-line="64" selection-end-column="41" />
+            <state relative-caret-position="119">
+              <caret line="5" column="27" lean-forward="true" selection-start-line="5" selection-start-column="27" selection-end-line="5" selection-end-column="27" />
               <folding>
                 <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
@@ -152,6 +189,19 @@
                 <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#0;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#1;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#1;n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#2;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#2;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#3;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#1;n#div#3;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#5;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
               </folding>
@@ -160,10 +210,37 @@
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/html/sckj.html">
+        <entry file="file://$PROJECT_DIR$/css/search_2.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="16902">
+              <caret line="626" lean-forward="true" selection-start-line="626" selection-end-line="626" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/sckj.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="206">
+              <caret line="335" column="30" lean-forward="true" selection-end-line="428" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/search_no_2.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="111">
-              <caret line="18" column="17" lean-forward="true" selection-start-line="18" selection-start-column="17" selection-end-line="18" selection-end-column="17" />
+            <state relative-caret-position="398">
+              <caret line="97" column="23" selection-start-line="97" selection-start-column="23" selection-end-line="97" selection-end-column="23" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/html/zxdt.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="229">
+              <caret line="105" lean-forward="true" selection-start-line="105" selection-end-line="105" />
               <folding>
                 <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
@@ -172,20 +249,6 @@
                 <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#2;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#3;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-                <element signature="n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
                 <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
               </folding>
@@ -194,10 +257,19 @@
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
+        <entry file="file://$PROJECT_DIR$/html/alxq.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="77">
-              <caret line="383" column="19" lean-forward="true" selection-start-line="383" selection-start-column="19" selection-end-line="383" selection-end-column="19" />
+            <state relative-caret-position="324">
+              <caret line="87" column="40" lean-forward="true" selection-end-line="148" />
+              <folding>
+                <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+              </folding>
             </state>
           </provider>
         </entry>
@@ -219,10 +291,6 @@
   </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <find>image</find>
-      <find>span</find>
-      <find>pic2_dynamic</find>
-      <find>pic3</find>
       <find>pic3_pic</find>
       <find>pic3_small_text</find>
       <find>pic4</find>
@@ -240,16 +308,27 @@
       <find>mid_big_text</find>
       <find>pic2</find>
       <find>mid_box_pic</find>
-      <find>mid_box</find>
       <find>mid_box_middle</find>
       <find>swiper-slide</find>
       <find>swiper-container</find>
       <find>loop</find>
+      <find>mid_selec</find>
+      <find>mid_item</find>
+      <find>mid_box</find>
+      <find>mid</find>
+      <find>mid_product_box</find>
+      <find>mid_item_text_bottom</find>
+      <find>mid_search</find>
+      <find>mid_item_</find>
+      <find>mid_item_text</find>
     </findStrings>
     <replaceStrings>
       <replace>div</replace>
     </replaceStrings>
   </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
+  </component>
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
@@ -270,11 +349,15 @@
         <option value="$PROJECT_DIR$/css/zxdt.css" />
         <option value="$PROJECT_DIR$/css/dtxq.css" />
         <option value="$PROJECT_DIR$/html/dtxq.html" />
-        <option value="$PROJECT_DIR$/html/cpzx_2.html" />
-        <option value="$PROJECT_DIR$/css/cpzx_2.css" />
         <option value="$PROJECT_DIR$/js/swiper.js" />
         <option value="$PROJECT_DIR$/css/index.css" />
         <option value="$PROJECT_DIR$/html/index.html" />
+        <option value="$PROJECT_DIR$/html/cpzx_2.html" />
+        <option value="$PROJECT_DIR$/css/cpzx_2.css" />
+        <option value="$PROJECT_DIR$/html/search_no_2.html" />
+        <option value="$PROJECT_DIR$/css/search_no_2.css" />
+        <option value="$PROJECT_DIR$/css/search_2.css" />
+        <option value="$PROJECT_DIR$/html/search_2.html" />
       </list>
     </option>
   </component>
@@ -285,10 +368,10 @@
     <sorting>DEFINITION_ORDER</sorting>
   </component>
   <component name="ProjectFrameBounds">
-    <option name="x" value="415" />
-    <option name="y" value="162" />
+    <option name="x" value="88" />
+    <option name="y" value="34" />
     <option name="width" value="1136" />
-    <option name="height" value="771" />
+    <option name="height" value="763" />
   </component>
   <component name="ProjectView">
     <navigator proportions="" version="1">
@@ -299,29 +382,8 @@
         <subPane>
           <expand>
             <path>
-              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
-              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
-              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
-              <item name="css" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
-              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
-              <item name="html" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
-              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
-              <item name="js" type="462c0819:PsiDirectoryNode" />
-            </path>
-            <path>
-              <item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
-              <item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
-              <item name="js" type="462c0819:PsiDirectoryNode" />
-              <item name="swiper.js" type="620a8d5e:NestingTreeNode" />
+              <item name="clime" type="b2602c69:ProjectViewProjectNode" />
+              <item name="clime" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
@@ -333,7 +395,7 @@
   <component name="PropertiesComponent">
     <property name="DefaultHtmlFileTemplate" value="HTML File" />
     <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="F:/轮播图实例/git轮播图效果/CSS-Inspiration" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
     <property name="list.type.of.created.stylesheet" value="CSS" />
     <property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
     <property name="nodejs_npm_path_reset_for_default_project" value="true" />
@@ -371,14 +433,15 @@
       <workItem from="1547425726339" duration="19510000" />
       <workItem from="1547512390300" duration="35598000" />
       <workItem from="1547598749065" duration="21821000" />
+      <workItem from="1547688420306" duration="11002000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="87784000" />
+    <option name="totallyTimeSpent" value="98786000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="415" y="162" width="1136" height="771" extended-state="0" />
+    <frame x="667" y="188" width="1136" height="763" extended-state="0" />
     <editor active="true" />
     <layout>
       <window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.4993464" visible="true" weight="0.23041895" />
@@ -392,7 +455,7 @@
       <window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
       <window_info anchor="bottom" id="TODO" order="6" />
       <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
-      <window_info anchor="bottom" id="Version Control" order="8" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Version Control" order="8" />
       <window_info anchor="bottom" id="Terminal" order="9" />
       <window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
       <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
@@ -435,15 +498,6 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="81">
           <caret line="3" column="26" lean-forward="true" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
-          <folding>
-            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-          </folding>
         </state>
       </provider>
     </entry>
@@ -458,40 +512,6 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="228">
           <caret line="240" column="22" lean-forward="true" selection-start-line="240" selection-start-column="22" selection-end-line="240" selection-end-column="22" />
-          <folding>
-            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#style#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#4;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#style#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#div#0;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#6;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#6;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-          </folding>
         </state>
       </provider>
     </entry>
@@ -516,22 +536,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/alxq.html">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="324">
-          <caret line="87" column="40" lean-forward="true" selection-end-line="148" />
-          <folding>
-            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
-            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-          </folding>
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/css/alxq.css">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="270">
@@ -550,35 +554,64 @@
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="550">
           <caret line="107" column="44" lean-forward="true" selection-start-line="107" selection-start-column="44" selection-end-line="107" selection-end-column="44" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/swiper.min.js.map">
+      <provider selected="true" editor-type-id="text-editor" />
+      <provider editor-type-id="sourcemapFileViewerProvider" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="303">
+          <caret line="313" column="29" lean-forward="true" selection-start-line="313" selection-start-column="29" selection-end-line="313" selection-end-column="29" />
           <folding>
             <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/sckj.css">
+    <entry file="file://$PROJECT_DIR$/css/index.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="206">
-          <caret line="335" column="30" lean-forward="true" selection-end-line="428" />
+        <state relative-caret-position="1836">
+          <caret line="68" column="16" selection-start-line="68" selection-start-column="16" selection-end-line="68" selection-end-column="16" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/zxdt.html">
+    <entry file="file://$PROJECT_DIR$/js/swiper.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="229">
-          <caret line="105" lean-forward="true" selection-start-line="105" selection-end-line="105" />
+        <state relative-caret-position="945">
+          <caret line="11" column="24013" selection-start-line="11" selection-start-column="24013" selection-end-line="11" selection-end-column="24013" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/jpal.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="513">
+          <caret line="27" column="14" selection-start-line="27" selection-start-column="14" selection-end-line="27" selection-end-column="14" />
           <folding>
             <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
@@ -586,17 +619,19 @@
             <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
           </folding>
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/js/jquery-2.1.0.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
     <entry file="file://$PROJECT_DIR$/html/sckj.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="111">
-          <caret line="18" column="17" lean-forward="true" selection-start-line="18" selection-start-column="17" selection-end-line="18" selection-end-column="17" />
+        <state relative-caret-position="486">
+          <caret line="18" column="17" selection-start-line="18" selection-start-column="17" selection-end-line="18" selection-end-column="17" />
           <folding>
             <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
@@ -625,67 +660,90 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
+    <entry file="file://$PROJECT_DIR$/css/swiper.css">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/alxq.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="109">
-          <caret line="64" column="41" lean-forward="true" selection-start-line="64" selection-start-column="41" selection-end-line="64" selection-end-column="41" />
+        <state relative-caret-position="324">
+          <caret line="87" column="40" lean-forward="true" selection-end-line="148" />
           <folding>
             <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
+    <entry file="file://$PROJECT_DIR$/css/sckj.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="77">
-          <caret line="383" column="19" lean-forward="true" selection-start-line="383" selection-start-column="19" selection-end-line="383" selection-end-column="19" />
+        <state relative-caret-position="206">
+          <caret line="335" column="30" lean-forward="true" selection-end-line="428" />
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/css/swiper.css">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/js/swiper.min.js.map">
-      <provider selected="true" editor-type-id="text-editor" />
-      <provider editor-type-id="sourcemapFileViewerProvider" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/css/index.css">
+    <entry file="file://$PROJECT_DIR$/html/zxdt.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="307">
-          <caret line="68" column="16" lean-forward="true" selection-start-line="68" selection-start-column="16" selection-end-line="68" selection-end-column="16" />
+        <state relative-caret-position="229">
+          <caret line="105" lean-forward="true" selection-start-line="105" selection-end-line="105" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/js/swiper.js">
-      <provider selected="true" editor-type-id="text-editor" />
-    </entry>
-    <entry file="file://$PROJECT_DIR$/js/jquery-2.1.0.js">
+    <entry file="file://$PROJECT_DIR$/css/search_no_2.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="-2430" />
+        <state relative-caret-position="398">
+          <caret line="97" column="23" selection-start-line="97" selection-start-column="23" selection-end-line="97" selection-end-column="23" />
+        </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/js/swiper.min.js">
+    <entry file="file://$PROJECT_DIR$/html/search_no_2.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="595">
-          <caret line="11" column="24013" selection-start-line="11" selection-start-column="24013" selection-end-line="11" selection-end-column="24013" />
+        <state relative-caret-position="411">
+          <caret line="98" column="40" selection-start-line="98" selection-start-column="40" selection-end-line="98" selection-end-column="40" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#1;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/jpal.html">
+    <entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="331">
-          <caret line="27" column="14" lean-forward="true" selection-start-line="27" selection-start-column="14" selection-end-line="27" selection-end-column="14" />
+        <state relative-caret-position="223">
+          <caret line="162" column="26" selection-start-line="162" selection-start-column="26" selection-end-line="162" selection-end-column="26" />
           <folding>
             <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
@@ -693,38 +751,73 @@
             <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#1;n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#2;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#3;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
           </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/html/index.html">
+    <entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="182">
+          <caret line="449" column="25" lean-forward="true" selection-end-line="626" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/search_2.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="330">
-          <caret line="314" column="22" lean-forward="true" selection-start-line="314" selection-start-column="22" selection-end-line="314" selection-end-column="22" />
+        <state relative-caret-position="16902">
+          <caret line="626" lean-forward="true" selection-start-line="626" selection-end-line="626" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/search_2.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="119">
+          <caret line="5" column="27" lean-forward="true" selection-start-line="5" selection-start-column="27" selection-end-line="5" selection-end-column="27" />
           <folding>
             <element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#1;n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#2;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#3;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#0;n#div#4;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#1;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#3;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
             <element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#2;n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
-            <element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
           </folding>
         </state>
       </provider>

@@ -393,7 +393,151 @@ input::-webkit-input-placeholder{
 .mid_menu_item{
     font-size: 0.26rem;
 }
+.mid_items{
+    margin-top: 0.19rem;
+    width: 6.86rem;
+    height: 11.04rem;
+    background-color: #50B388;
+    display: flex;
+    flex-wrap: wrap;
+}
+.mid_item{
+    width: 3.36rem;
+    height: 5.37rem;
+    /*background: #666666;*/
+    background-color: #ffffff;
+    display: flex;
+    flex-flow: column;
+}
+.mid_item_pic{
+    width: 3.36rem;
+    height: 3.52rem;
+}
+.mid_item_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_item_text{
+    margin: 0.13rem 0.17rem;
+    display: flex;
+    flex-flow: column;
+}
+.mid_item_text_top{
+    height: 0.69rem;
+    font-size: 0.28rem;
 
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    line-height: 0.36rem;
+}
+.mid_item_text_bottom{
+    margin-top: 0.24rem;
+    font-size: 0.26rem;
+    display: flex;
+    flex-flow: column;
+    color: #999999;
+}
+.mid_item_text_bottom_cubage{
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+}
+.mid_item_text_bottom_sale{
+    margin-top: 0.15rem;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.m_left{
+    margin-left: 0.14rem;
+}
+.mid_select{
+    width: 6.86rem;
+    height: 0.96rem;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.mid_select_box{
+    width: 3.14rem;
+    height: 0.44rem;
+    /*background: green;*/
+    display: flex;
+    justify-content: space-between;
+
+    /*text-overflow: ellipsis;*/
+    /*display: -webkit-box;*/
+    /*-webkit-box-orient: vertical;*/
+    /*-webkit-line-clamp: 1;*/
+    /*overflow: hidden;*/
+}
+.mid_select_box_icon{
+    width: 0.44rem;
+    height: 0.44rem;
+    border: 0.01rem solid #e6e6e6;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+/*左箭头*/
+.mid_select_left_icon{
+    width: 0.1rem;
+    height: 0.18rem;
+    display: flex;
+}
+.mid_select_left_icon img{
+    width: 100%;
+    height: 100%;
+}
+/*右箭头*/
+.mid_select_right_icon{
+    width: 0.1rem;
+    height: 0.18rem;
+    display: flex;
+}
+.mid_select_right_icon img{
+    width: 100%;
+    height: 100%;
+}
+/*中间页数*/
+.mid_select_box_page{
+    width: 0.44rem;
+    height: 0.44rem;
+    border: 0.01rem solid #e6e6e6;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.26rem;
+    background-color: #ffffff;
+    color: #999999;
+
+}
+.page_color{
+    background-color: #d13333;
+    color: #ffffff;
+}
+/*点击进入商城购买*/
+.mid_shop{
+    /*margin-top: 0.32rem;*/
+    margin: 0.32rem 0 0.6rem ;
+    width: 6.86rem;
+    height: 0.88rem;
+    display: flex;
+
+}
+.mid_shop img{
+    width: 100%;
+    height: 100%;
+
+}
 
 /*--------------- 底部菜单栏 ---------------*/
 .footer_menu{

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.menu_item{
+    display: flex;
+    justify-content: space-between;
+    height: 0.79rem;
+    align-items: center;
+    border-bottom: 1px solid #e6e6e6;
+    margin: 0 0.32rem;
+}
+.menu_item:first-child{
+    margin-top: 0.24rem;
+}
+.menu_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+.mid_small_text{
+    font-size: 0.24rem;
+    line-height: 0.56rem;
+    color: #3F4249;
+}
+/*设置搜索框*/
+.mid_search{
+    width: 6.86rem;
+    height: 0.66rem;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    border-radius: 0.33rem;
+    justify-content: space-around;
+}
+.mid_search_icon{
+    width: 0.24rem;
+    height: 0.24rem;
+    display: flex;
+    margin: 0.21rem 0.1rem 0.21rem 0.2rem;
+}
+.mid_search img{
+    width: 100%;
+    height: 100%;
+}
+.mid_search input{
+    width: 5rem;
+    height: 0.5rem;
+    font-size: 0.26rem;
+    border: none;
+    outline: none;
+}
+
+input::-webkit-input-placeholder{
+    color: #999999;
+    font-size: 0.26rem;
+}
+.mid_search_button{
+    width: 1.2rem;
+    height: 0.66rem;
+    background: #d13333;
+    color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.66rem;
+    text-align: center;
+    border-radius: 0.33rem;
+}
+
+
+.item_big{
+    width: 1.2rem;
+    height: 1.4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.item_picth{
+    width: 0.62rem;
+    height: 0.46rem;
+    display: flex;
+}
+.item_picth img{
+    width: 100%;
+    height: 100%;
+}
+.mid_list{
+    width: 6.57rem;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 0.16rem;
+}
+.pic_list{
+    width: 0.8rem;
+    height: 0.8rem;
+    border-radius: 0.06rem;
+}
+.color_list_1{
+    background-color: #E5E0D2;
+}
+.color_list_2{
+    background-color: #CFC9BC;
+}
+.color_list_3{
+    background-color: #B2ACA2;
+}
+.color_list_4{
+    background-color: #A1988B;
+}
+.color_list_5{
+    background-color: #8C8578;
+}
+.color_list_6{
+    background-color: #605C58;
+}
+.color_list_7{
+    background-color: #5E5241;
+}
+
+.color_1{
+    background-color: #C20D00;
+}
+.color_2{
+    background-color: #D95100;
+}
+.color_3{
+    background-color: #E49D00;
+}
+.color_4{
+    background-color: #00B507;
+}
+.color_5{
+    background-color: #0073C0;
+}
+
+
+.mid_box_pic{
+    width: 6.22rem;
+    height: 6.22rem;
+    margin-top: 0.24rem;
+}
+.mid_box_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_intro{
+    font-size: 0.32rem;
+    font-weight: 500;
+    line-height: 0.36rem;
+    color: #3F4249;
+    margin: 0 0.39rem
+}
+.mid_box_text{
+    font-size: 0.26rem;
+    font-weight: 500;
+    color: #999999;
+    line-height: 0.4rem;
+    margin: 0.28rem 0.39rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 11;
+    overflow: hidden;
+}
+.mid_load{
+    width: 6.86rem;
+    height: 0.6rem;
+    background-color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.6rem;
+    text-align: center;
+    margin: 0.24rem auto 0.6rem;
+}
+
+.show_pic{
+    width: 6.57rem;
+    height: 4.17rem;
+    background-color: #ffffff;
+    margin-top: 0.03rem;
+    box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
+    border-radius:4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.pic_size{
+    width: 6.36rem;
+    height: 3.96rem;
+    display: flex;
+}
+.pic_size img{
+    width: 100%;
+    height: 100%;
+}
+/*设置角标*/
+.icon_bicon{
+    width: 0.39rem;
+    height: 0.17rem;
+}
+.icon_bicon img{
+    width: 100%;
+    height: 100%;
+}
+/*色彩搭配*/
+.mid_center{
+    width: 2.6rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 0.36rem;
+}
+.center_left{
+    font-size: 0.24rem;
+    color: #666666;
+}
+.center_right{
+    width: 1.2rem;
+    height: 0.6rem;
+
+}
+.center_color_1{
+    background-color: #5E5241;
+}
+.center_color_2{
+    background-color: #746F67;
+}
+.center_color_3{
+    background-color:  #E5E0D2;
+}
+
+/*--------------- mid_box ---------------*/
+.mid_box{
+    margin-top: 0.34rem;
+    width: 6.86rem;
+    height: 5.2rem;
+    background-color: #f0f0f0;
+    display: flex;
+    /*align-items: center;*/
+    position: relative;
+}
+.mid_box_middle{
+    width: 100%;
+    height: 3.02rem;
+    background-color: #ffffff;
+    box-shadow: 0 0.06rem 0.2rem 0 rgba(0,0,0,0.2);
+    display: flex;
+    position: absolute;
+    top: 1.04rem;
+}
+.mid_box_middle_left{
+    width: 2.72rem;
+    height: 3.02rem;
+}
+.mid_box_middle_left img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_middle_right{
+    width: 4.14rem;
+    display: flex;
+    flex-flow: column;
+}
+.mid_box_middle_right_top{
+    margin: 0.35rem 0 0 0.26rem;
+    font-size: 0.28rem;
+    font-weight: bold;
+    line-height: 0.2rem;
+}
+.mid_box_middle_right_bottom{
+    width: 3.63rem;
+    margin-left: 0.26rem;
+    font-size: 0.26rem;
+    color: #666666;
+    line-height: 0.4rem;
+
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
+    overflow: hidden;
+    margin-top: 0.29rem;
+}
+.mid_box_pageTurn{
+    width: 1.8rem;
+    height: 0.66rem;
+    background-color: #d13333;
+    position: absolute;
+    bottom: 0.24rem;
+    left: 2.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+}
+
+.mid_box_pageTurn_left{
+    width: 0.16rem;
+    height: 0.28rem;
+    display: flex;
+}
+.mid_box_pageTurn_left img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_pageTurn_mid{
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.mid_box_pageTurn_right{
+    width: 0.16rem;
+    height: 0.28rem;
+    display: flex;
+}
+.mid_box_pageTurn_right img{
+    width: 100%;
+    height: 100%;
+}
+/*--------------- 菜单列表 ---------------*/
+.mid_menu{
+    width: 6.86rem;
+    height: 0.88rem;
+    background-color: #ffffff;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+
+    white-space: nowrap;
+    overflow-x: auto;
+}
+.mid_menu_item{
+    font-size: 0.26rem;
+}
+.mid_items{
+    margin-top: 0.19rem;
+    width: 6.86rem;
+    height: 11.04rem;
+    background-color: #50B388;
+    display: flex;
+    flex-wrap: wrap;
+}
+.mid_item{
+    width: 3.36rem;
+    height: 5.37rem;
+    /*background: #666666;*/
+    background-color: #ffffff;
+    display: flex;
+    flex-flow: column;
+}
+.mid_item_pic{
+    width: 3.36rem;
+    height: 3.52rem;
+}
+.mid_item_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_item_text{
+    margin: 0.13rem 0.17rem;
+    display: flex;
+    flex-flow: column;
+}
+.mid_item_text_top{
+    height: 0.69rem;
+    font-size: 0.28rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    line-height: 0.36rem;
+}
+.mid_item_text_bottom{
+    margin-top: 0.24rem;
+    font-size: 0.26rem;
+    display: flex;
+    flex-flow: column;
+    color: #999999;
+}
+.mid_item_text_bottom_cubage{
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+}
+.mid_item_text_bottom_sale{
+    margin-top: 0.15rem;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.m_left{
+    margin-left: 0.14rem;
+}
+.mid_select{
+    width: 6.86rem;
+    height: 0.96rem;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.mid_select_box{
+    width: 3.14rem;
+    height: 0.44rem;
+    /*background: green;*/
+    display: flex;
+    justify-content: space-between;
+
+    /*text-overflow: ellipsis;*/
+    /*display: -webkit-box;*/
+    /*-webkit-box-orient: vertical;*/
+    /*-webkit-line-clamp: 1;*/
+    /*overflow: hidden;*/
+}
+.mid_select_box_icon{
+    width: 0.44rem;
+    height: 0.44rem;
+    border: 0.01rem solid #e6e6e6;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+/*左箭头*/
+.mid_select_left_icon{
+    width: 0.1rem;
+    height: 0.18rem;
+    display: flex;
+}
+.mid_select_left_icon img{
+    width: 100%;
+    height: 100%;
+}
+/*右箭头*/
+.mid_select_right_icon{
+    width: 0.1rem;
+    height: 0.18rem;
+    display: flex;
+}
+.mid_select_right_icon img{
+    width: 100%;
+    height: 100%;
+}
+/*中间页数*/
+.mid_select_box_page{
+    width: 0.44rem;
+    height: 0.44rem;
+    border: 0.01rem solid #e6e6e6;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.26rem;
+    background-color: #ffffff;
+    color: #999999;
+
+}
+.page_color{
+    background-color: #d13333;
+    color: #ffffff;
+}
+/*点击进入商城购买*/
+.mid_shop{
+    /*margin-top: 0.32rem;*/
+    margin: 0.32rem 0 0.6rem ;
+    width: 6.86rem;
+    height: 0.88rem;
+    display: flex;
+
+}
+.mid_shop img{
+    width: 100%;
+    height: 100%;
+
+}
+
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

+
+.main , .page{
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+}
+.header{
+    width: 7.5rem;
+    height:0.88rem;
+    background:rgba(146,32,32,1);
+    color: #ffffff;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+.icon-caidan{
+    font-size: 0.65rem;
+    margin-left: 0.32rem;
+}
+.header_mid{
+    display: flex;
+    width: 2.66rem;
+    height: 0.52rem;
+    position: absolute;
+    margin: 0 2.42rem;
+}
+.header_mid img{
+    width: 100%;
+    height: 100%;
+}
+.menu_default{
+    width: 7.5rem;
+}
+.menu_item{
+    display: flex;
+    justify-content: space-between;
+    height: 0.79rem;
+    align-items: center;
+    border-bottom: 1px solid #e6e6e6;
+    margin: 0 0.32rem;
+}
+.menu_item:first-child{
+    margin-top: 0.24rem;
+}
+.menu_text{
+    font-size: 0.26rem;
+    margin-left: 0.14rem;
+}
+.icon-jinru{
+    color: #666666;
+}
+
+/*--------------- 图片 ---------------*/
+.banner{
+    width: 7.5rem;
+    height: 3.6rem;
+
+}
+.banner img{
+    width: 100%;
+    height: 100%;
+}
+.mid{
+    width: 7.5rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #f5f5f5;
+    align-items: center;
+}
+.mid_big_text{
+    font-size: 0.4rem;
+    font-weight: bold;
+    color: #3F4249;
+    margin-top: 0.6rem;
+}
+.mid_small_text{
+    font-size: 0.24rem;
+    line-height: 0.56rem;
+    color: #3F4249;
+}
+/*设置搜索框*/
+.mid_search{
+    width: 6.86rem;
+    height: 0.66rem;
+    background-color: #ffffff;
+    display: flex;
+    align-items: center;
+    border-radius: 0.33rem;
+    justify-content: space-around;
+    margin-top: 0.23rem;
+}
+.mid_search_icon{
+    width: 0.24rem;
+    height: 0.24rem;
+    display: flex;
+    margin: 0.21rem 0.1rem 0.21rem 0.2rem;
+}
+.mid_search img{
+    width: 100%;
+    height: 100%;
+}
+.mid_search input{
+    width: 5rem;
+    height: 0.5rem;
+    font-size: 0.26rem;
+    border: none;
+    outline: none;
+}
+
+input::-webkit-input-placeholder{
+    color: #999999;
+    font-size: 0.26rem;
+}
+.mid_search_button{
+    width: 1.2rem;
+    height: 0.66rem;
+    background: #d13333;
+    color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.66rem;
+    text-align: center;
+    border-radius: 0.33rem;
+}
+
+
+.item_big{
+    width: 1.2rem;
+    height: 1.4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.item_picth{
+    width: 0.62rem;
+    height: 0.46rem;
+    display: flex;
+}
+.item_picth img{
+    width: 100%;
+    height: 100%;
+}
+.mid_list{
+    width: 6.57rem;
+    display: flex;
+    justify-content: space-between;
+    margin-top: 0.16rem;
+}
+.pic_list{
+    width: 0.8rem;
+    height: 0.8rem;
+    border-radius: 0.06rem;
+}
+.color_list_1{
+    background-color: #E5E0D2;
+}
+.color_list_2{
+    background-color: #CFC9BC;
+}
+.color_list_3{
+    background-color: #B2ACA2;
+}
+.color_list_4{
+    background-color: #A1988B;
+}
+.color_list_5{
+    background-color: #8C8578;
+}
+.color_list_6{
+    background-color: #605C58;
+}
+.color_list_7{
+    background-color: #5E5241;
+}
+
+.color_1{
+    background-color: #C20D00;
+}
+.color_2{
+    background-color: #D95100;
+}
+.color_3{
+    background-color: #E49D00;
+}
+.color_4{
+    background-color: #00B507;
+}
+.color_5{
+    background-color: #0073C0;
+}
+
+
+.mid_box_pic{
+    width: 6.22rem;
+    height: 6.22rem;
+    margin-top: 0.24rem;
+}
+.mid_box_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_box_intro{
+    font-size: 0.32rem;
+    font-weight: 500;
+    line-height: 0.36rem;
+    color: #3F4249;
+    margin: 0 0.39rem
+}
+.mid_box_text{
+    font-size: 0.26rem;
+    font-weight: 500;
+    color: #999999;
+    line-height: 0.4rem;
+    margin: 0.28rem 0.39rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 11;
+    overflow: hidden;
+}
+.mid_load{
+    width: 6.86rem;
+    height: 0.6rem;
+    background-color: #ffffff;
+    font-size: 0.26rem;
+    line-height: 0.6rem;
+    text-align: center;
+    margin: 0.24rem auto 0.6rem;
+}
+
+.show_pic{
+    width: 6.57rem;
+    height: 4.17rem;
+    background-color: #ffffff;
+    margin-top: 0.03rem;
+    box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
+    border-radius:4px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.pic_size{
+    width: 6.36rem;
+    height: 3.96rem;
+    display: flex;
+}
+.pic_size img{
+    width: 100%;
+    height: 100%;
+}
+/*设置角标*/
+.icon_bicon{
+    width: 0.39rem;
+    height: 0.17rem;
+}
+.icon_bicon img{
+    width: 100%;
+    height: 100%;
+}
+/*色彩搭配*/
+.mid_center{
+    width: 2.6rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-top: 0.36rem;
+}
+.center_left{
+    font-size: 0.24rem;
+    color: #666666;
+}
+.center_right{
+    width: 1.2rem;
+    height: 0.6rem;
+
+}
+.center_color_1{
+    background-color: #5E5241;
+}
+.center_color_2{
+    background-color: #746F67;
+}
+.center_color_3{
+    background-color:  #E5E0D2;
+}
+
+/*--------------- 搜索无内容时提示 ---------------*/
+.mid_search_top{
+    margin-top: 0.6rem;
+    width: 6.86rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.mid_search_top_left{
+    width: 0.44rem;
+    height: 0.44rem;
+    display: flex;
+}
+.mid_search_top_left img{
+    width: 100%;
+    height: 100%;
+}
+.mid_search_top_right{
+    margin-left: 0.19rem;
+    font-size: 0.32rem;
+    color: #CCCCCC;
+}
+.mid_search_bottom{
+    margin-top: 0.2rem;
+    width: 6.86rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    font-size: 0.18rem;
+    color: #CCCCCC;
+}
+/*推荐产品*/
+.mid_product{
+    margin-top: 0.59rem;
+    width: 6.86rem;
+    font-size: 0.32rem;
+    color: #3F4249;
+    display: flex;
+    /*align-items: center;*/
+    justify-content: center;
+}
+.mid_product_box{
+    width: 6.86rem;
+    height: 5.37rem;
+    display: flex;
+    /*margin-top: 0.34rem;*/
+    margin: 0.34rem 0  0.6rem 0;
+}
+.mid_product_box_content{
+    width: 3.36rem;
+    height: 5.37rem;
+    display: flex;
+    flex-flow: column;
+    background-color: #ffffff;
+}
+.mid_product_content_top{
+    width: 3.36rem;
+    height: 3.52rem;
+    display: flex;
+}
+.mid_product_content_top img{
+    width: 100%;
+    height: 100%;
+}
+/*商品底部文字*/
+.mid_item_text{
+    margin: 0.13rem 0.17rem;
+    display: flex;
+    flex-flow: column;
+}
+.mid_item_text_top{
+    height: 0.69rem;
+    font-size: 0.28rem;
+
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    line-height: 0.36rem;
+}
+.mid_item_text_bottom{
+    margin-top: 0.23rem;
+    font-size: 0.26rem;
+    display: flex;
+    flex-flow: column;
+    color: #999999;
+}
+.mid_item_text_bottom_cubage{
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+}
+.mid_item_text_bottom_sale{
+    margin-top: 0.15rem;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.m_left{
+    margin-left: 0.14rem;
+}
+/*--------------- 底部菜单栏 ---------------*/
+.footer_menu{
+    width: 100%;
+    height: 0.98rem;
+    display: flex;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+
+    z-index: 2;
+    border-radius: 0.02rem;
+    background: #ffffff;
+    /*border: 1px solid red;*/
+    align-items: center;
+    justify-content: space-around;
+}
+.footer_item{
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    -webkit-flex: 1;
+
+}
+.footer_item_icon{
+    width: 0.46rem;
+    height: 0.44rem;
+}
+.icon_select{
+    background: url("../images/bicon_10@2x.png");
+    background-size: cover;
+}
+.icon_product{
+    background: url("../images/bicon_11@2x.png");
+    background-size: cover;
+}
+.icon_inquire{
+    background: url("../images/bicon_12@2x.png");
+    background-size: cover;
+}
+.icon_join{
+    background: url("../images/bicon_13@2x.png");
+    /*background-size: 100% 100%;*/
+    background-size: cover;
+
+}
+.footer_item_text{
+    font-size: 0.24rem;
+    font-weight: 500;
+    line-height: 0.24rem;
+    color: #922020;
+    margin-top: 0.13rem;
+}
+.icon_big{
+    width: 0.61rem;
+    height: 0.35rem;
+}
+
+/*底部介绍*/
+.bottom{
+    width: 7.5rem;
+    height: 2.89rem;
+    background-color: #922020;
+    margin-bottom: 0.98rem;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #ffffff;
+}
+.bottom_addr{
+    margin-top: 0.34rem;
+}
+.bottom_tel{
+    margin-top: 0.2rem;
+}
+.bottom_fax{
+    margin-top: 0.18rem;
+}
+.bottom_email{
+    margin-top: 0.2rem;
+}
+.bottom_copyright{
+    margin-top: 0.38rem;
+    font-size: 0.22rem;
+}

@@ -113,19 +113,145 @@
                 <div class="mid_menu_item">新产品</div>
                 <div class="mid_menu_item">新产品</div>
                 <div class="mid_menu_item">新产品</div>
-                <div class="mid_menu_item">新产品</div>
-                <div class="mid_menu_item">新产品</div>
-                <div class="mid_menu_item">新产品</div>
+            </div>
+            <!--产品列表-->
+            <div class="mid_items">
+                <div class="mid_item">
+                    <!--顶部图片-->
+                    <div class="mid_item_pic">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="mid_item m_left" >
+                    <!--顶部图片-->
+                    <div class="mid_item_pic">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="mid_item">
+                    <!--顶部图片-->
+                    <div class="mid_item_pic">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="mid_item m_left">
+                    <!--顶部图片-->
+                    <div class="mid_item_pic">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
 
             </div>
+            <!--选择页-->
+            <div class="mid_select">
 
+                <div class="mid_select_box">
+                    <!--左箭头-->
+                    <div class="mid_select_box_icon">
+                        <!--左边箭头图片-->
+                        <div class="mid_select_left_icon">
+                            <img src="../images/bicon_30@2x.png">
+                        </div>
+
+                    </div>
+                    <!--中间页数-->
+                    <div class="mid_select_box_page page_color">
+                        1
+                    </div>
+                    <div class="mid_select_box_page">
+                        2
+                    </div>
+                    <div class="mid_select_box_page">
+                        3
+                    </div>
+                    <div class="mid_select_box_page">
+                        4
+                    </div>
 
+                    <!--右箭头-->
+                    <div class="mid_select_box_icon">
 
+                        <!--右边箭头图片-->
+                        <div class="mid_select_right_icon">
+                            <img src="../images/bicon_29@2x.png">
+                        </div>
+                    </div>
+                </div>
 
-            <!--加载更多-->
-            <div class="mid_load">
-                加载更多
             </div>
+            <!--进入商城购买-->
+            <div class="mid_shop">
+                <img src="../images/bicon_31@2x.png">
+            </div>
+
+
+
+
+
         </div>
 
 

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>产品中心</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
+    <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
+    <link rel="stylesheet" type="text/css" href="../css/search_2.css">
+
+
+    <script src="../js/base.js"></script>
+    <script src="../js/jquery-2.1.0.js"></script>
+</head>
+<body>
+<div class="main">
+    <div class="container">
+        <!--头部-->
+        <div class="header">
+            <!--左 菜单条目-->
+            <div class="iconfont icon-caidan">
+            </div>
+            <!--中 主页面图标-->
+            <div class="header_mid">
+                <img src="../images/bicon_03@2x.png" >
+            </div>
+        </div>
+        <!--左边菜单栏时出现列表-->
+        <div class="container menu_default" style="display: none;">
+            <!--首页-->
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
+        </div>
+
+        <!-------------图片------------->
+        <div class="banner">
+            <img src="../images/bicon_28@2x.png">
+        </div>
+        <!--全球认证-->
+        <div class="mid">
+            <p class="mid_big_text"> 可耐美产品中心 </p>
+            <p class="mid_small_text"> PRODUCT CENTER </p>
+            <!--搜索-->
+            <div class="mid_search">
+                <!--搜索图标-->
+                <div class="mid_search_icon">
+                    <img src="../images/bicon_27@2x.png">
+                </div>
+                <!--搜索内容-->
+                <input type="text" placeholder="请输入色彩名或色彩编号">
+                <!--搜索按钮-->
+                <div class="mid_search_button">
+                    搜索
+                </div>
+            </div>
+            <!--盒模型内容-->
+            <div class="mid_box">
+                <!--图片及简介-->
+                <div class="mid_box_middle">
+                    <div class="mid_box_middle_left">
+                        <img src="../images/bicon_23@2x.png">
+                    </div>
+                    <div class="mid_box_middle_right">
+                        <div class="mid_box_middle_right_top">
+                            可丽时净味乳胶漆
+                        </div>
+                        <div class="mid_box_middle_right_bottom">
+                            此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示。品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点。
+                        </div>
+                    </div>
+                </div>
+                <!--翻页按钮-->
+                <div class="mid_box_pageTurn">
+                    <div class="mid_box_pageTurn_left">
+                        <img src="../images/bicon_26@2x.png">
+                    </div>
+                    <div class="mid_box_pageTurn_mid">
+                        1/8
+                    </div>
+                    <div class="mid_box_pageTurn_right">
+                        <img src="../images/bicon_25@2x.png">
+                    </div>
+                </div>
+            </div>
+            <!--菜单列表-->
+            <div class="mid_menu">
+                <div class="mid_menu_item">新产品</div>
+                <div class="mid_menu_item">新产品</div>
+                <div class="mid_menu_item">新产品</div>
+                <div class="mid_menu_item">新产品</div>
+                <div class="mid_menu_item">新产品</div>
+            </div>
+            <!--产品列表-->
+            <div class="mid_items">
+                <div class="mid_item">
+                    <!--顶部图片-->
+                    <div class="mid_item_pic">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="mid_item m_left" >
+                    <!--顶部图片-->
+                    <div class="mid_item_pic">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="mid_item">
+                    <!--顶部图片-->
+                    <div class="mid_item_pic">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+                <div class="mid_item m_left">
+                    <!--顶部图片-->
+                    <div class="mid_item_pic">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+
+            </div>
+            <!--选择页-->
+            <div class="mid_select">
+
+                <div class="mid_select_box">
+                    <!--左箭头-->
+                    <div class="mid_select_box_icon">
+                        <!--左边箭头图片-->
+                        <div class="mid_select_left_icon">
+                            <img src="../images/bicon_30@2x.png">
+                        </div>
+
+                    </div>
+                    <!--中间页数-->
+                    <div class="mid_select_box_page page_color">
+                        1
+                    </div>
+                    <div class="mid_select_box_page">
+                        2
+                    </div>
+                    <div class="mid_select_box_page">
+                        3
+                    </div>
+                    <div class="mid_select_box_page">
+                        4
+                    </div>
+
+                    <!--右箭头-->
+                    <div class="mid_select_box_icon">
+
+                        <!--右边箭头图片-->
+                        <div class="mid_select_right_icon">
+                            <img src="../images/bicon_29@2x.png">
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+            <!--进入商城购买-->
+            <div class="mid_shop">
+                <img src="../images/bicon_31@2x.png">
+            </div>
+        </div>
+
+
+        <!--底部介绍-->
+        <div class="bottom">
+            <p class="bottom_addr">
+                公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
+            </p>
+            <p class="bottom_tel">
+                电话 : 010-64482186
+            </p>
+            <p class="bottom_fax">
+                传真：010-6448-2226
+            </p>
+            <p class="bottom_email">
+                公司邮箱：beijing@germanyclime.cn
+            </p>
+            <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
+        </div>
+        <!--底部菜单栏-->
+        <div class="footer_menu">
+            <div class="footer_item">
+                <div class="footer_item_icon icon_select"></div>
+                <div class="footer_item_text">在线选色</div>
+            </div>
+            <div class="footer_item">
+                <div class="footer_item_icon icon_product"></div>
+                <div class="footer_item_text">产品中心</div>
+            </div>
+            <div class="footer_item">
+                <div class="footer_item_icon icon_inquire"></div>
+                <div class="footer_item_text">防伪查询</div>
+            </div>
+            <div class="footer_item">
+                <div class="footer_item_icon icon_join icon_big"></div>
+                <div class="footer_item_text">加盟可耐美</div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+</body>
+</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>搜索无结果</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
+    <link rel="stylesheet" type="text/css" href="../css/common.css">
+    <link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
+    <link rel="stylesheet" type="text/css" href="../css/search_no_2.css">
+
+
+    <script src="../js/base.js"></script>
+    <script src="../js/jquery-2.1.0.js"></script>
+</head>
+<body>
+<div class="main">
+    <div class="container">
+        <!--头部-->
+        <div class="header">
+            <!--左 菜单条目-->
+            <div class="iconfont icon-caidan">
+            </div>
+            <!--中 主页面图标-->
+            <div class="header_mid">
+                <img src="../images/bicon_03@2x.png" >
+            </div>
+        </div>
+        <!--左边菜单栏时出现列表-->
+        <div class="container menu_default" style="display: none;">
+            <!--首页-->
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="menu_item">
+                <div class="menu_text">首页</div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+
+        </div>
+
+        <!-------------图片------------->
+        <div class="banner">
+            <img src="../images/bicon_28@2x.png">
+        </div>
+        <!--全球认证-->
+        <div class="mid">
+            <p class="mid_big_text"> 可耐美产品中心 </p>
+            <p class="mid_small_text"> PRODUCT CENTER </p>
+            <!--搜索-->
+            <div class="mid_search">
+                <!--搜索图标-->
+                <div class="mid_search_icon">
+                    <img src="../images/bicon_27@2x.png">
+                </div>
+                <!--搜索内容-->
+                <input type="text" placeholder="请输入产品名称">
+                <!--搜索按钮-->
+                <div class="mid_search_button">
+                    搜索
+                </div>
+            </div>
+            <!--搜索无结果提示-->
+            <div class="mid_search_top">
+                <!--左边的放大镜-->
+                <div class="mid_search_top_left">
+                    <img src="../images/bicon_32@2x.png">
+                </div>
+                <!--右边的文字-->
+                <div class="mid_search_top_right">
+                    对不起，搜索无结果
+                </div>
+            </div>
+            <div class="mid_search_bottom">
+                更多产品信息请参见桶身包装或到店咨询
+            </div>
+            <!--推荐产品-->
+            <div class="mid_product">
+                推荐产品
+            </div>
+            <!--产品盒子-->
+            <div class="mid_product_box">
+                <!--产品-->
+                <div class="mid_product_box_content">
+                    <!--图片-->
+                    <div class="mid_product_content_top">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+
+                <div class="mid_product_box_content m_left">
+                    <!--图片-->
+                    <div class="mid_product_content_top">
+                        <img src="../images/bicon_24@2x.png">
+                    </div>
+                    <!--底部文字-->
+                    <div class="mid_item_text">
+                        <!--介绍-->
+                        <div class="mid_item_text_top">
+
+                            可丽时净味乳胶漆（B20
+                            77 5L）
+
+                        </div>
+                        <!--包装与售价-->
+                        <div class="mid_item_text_bottom">
+                            <span class="mid_item_text_bottom_cubage">包装: 2.5888888888888L</span>
+                            <span class="mid_item_text_bottom_sale">全国统一零售价:  ￥12251</span>
+                        </div>
+
+                    </div>
+                </div>
+            </div>
+
+
+        </div>
+
+
+        <!--底部介绍-->
+        <div class="bottom">
+            <p class="bottom_addr">
+                公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
+            </p>
+            <p class="bottom_tel">
+                电话 : 010-64482186
+            </p>
+            <p class="bottom_fax">
+                传真：010-6448-2226
+            </p>
+            <p class="bottom_email">
+                公司邮箱：beijing@germanyclime.cn
+            </p>
+            <p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
+        </div>
+        <!--底部菜单栏-->
+        <div class="footer_menu">
+            <div class="footer_item">
+                <div class="footer_item_icon icon_select"></div>
+                <div class="footer_item_text">在线选色</div>
+            </div>
+            <div class="footer_item">
+                <div class="footer_item_icon icon_product"></div>
+                <div class="footer_item_text">产品中心</div>
+            </div>
+            <div class="footer_item">
+                <div class="footer_item_icon icon_inquire"></div>
+                <div class="footer_item_text">防伪查询</div>
+            </div>
+            <div class="footer_item">
+                <div class="footer_item_icon icon_join icon_big"></div>
+                <div class="footer_item_text">加盟可耐美</div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+</body>
+</html>