金域汇堂页面

+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PublishConfigData" serverName="bro1">
+    <serverData>
+      <paths name="bro1">
+        <serverdata>
+          <mappings>
+            <mapping local="" web="/" />
+          </mappings>
+        </serverdata>
+      </paths>
+      <paths name="locahost">
+        <serverdata>
+          <mappings>
+            <mapping local="$PROJECT_DIR$" web="" />
+            <mapping local="" />
+          </mappings>
+        </serverdata>
+      </paths>
+    </serverData>
+  </component>
+</project>

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Medical.iml" filepath="$PROJECT_DIR$/.idea/Medical.iml" />
+    </modules>
+  </component>
+</project>

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebServers">
+    <option name="servers">
+      <webServer id="db8cda15-b68d-4668-a025-813d76cb01f9" name="bro1" url="http://115.28.228.121">
+        <fileTransfer host="115.28.228.121" port="9001" rootFolder="/alidata/www/test/lvteng" accessType="SFTP">
+          <advancedOptions>
+            <advancedOptions dataProtectionLevel="Private" />
+          </advancedOptions>
+          <option name="port" value="9001" />
+        </fileTransfer>
+      </webServer>
+      <webServer id="1059d2f6-0773-41f4-a3d3-5d31c418ebf5" name="locahost" url="http://198.168.1.114">
+        <fileTransfer port="0" mountedRoot="" accessType="MOUNT" />
+      </webServer>
+    </option>
+  </component>
+</project>

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="BookmarkManager">
+    <bookmark url="file://$PROJECT_DIR$/css/register.css" line="67" />
+    <bookmark url="file://$PROJECT_DIR$/css/personalCenter.css" line="65" />
+  </component>
+  <component name="ChangeListManager">
+    <list default="true" id="a2bb97fe-aea5-454a-a3b5-2001086f4f14" name="Default" comment="" />
+    <ignored path="$PROJECT_DIR$/.tmp/" />
+    <ignored path="$PROJECT_DIR$/temp/" />
+    <ignored path="$PROJECT_DIR$/tmp/" />
+    <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="FavoritesManager">
+    <favorites_list name="Medical">
+      <favorite_root url="file://$PROJECT_DIR$/user/diseaseColumn.html" type="psiFile" klass="com.intellij.ide.projectView.impl.nodes.PsiFileNode" />
+    </favorites_list>
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="shopIndex.html" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/shop/shopIndex.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="216">
+              <caret line="8" column="48" selection-start-line="8" selection-start-column="48" selection-end-line="8" selection-end-column="48" />
+              <folding>
+                <element signature="n#style#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="confirmOrder.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/shop/confirmOrder.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="270">
+              <caret line="14" column="21" selection-start-line="14" selection-start-column="21" selection-end-line="14" selection-end-column="21" />
+              <folding>
+                <element signature="n#style#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="shop.css" pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/shop.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="704">
+              <caret line="281" column="15" selection-start-line="281" selection-start-column="15" selection-end-line="281" selection-end-column="15" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FileTemplateManagerImpl">
+    <option name="RECENT_TEMPLATES">
+      <list>
+        <option value="JavaScript File" />
+        <option value="CSS File" />
+        <option value="HTML File" />
+      </list>
+    </option>
+  </component>
+  <component name="FindInProjectRecents">
+    <findStrings>
+      <find>con_title</find>
+      <find>tab_box</find>
+      <find>mask_box</find>
+      <find>tab_info</find>
+      <find>content_title</find>
+      <find>button</find>
+      <find>a</find>
+      <find>tab_title</find>
+      <find>shop</find>
+      <find>num</find>
+      <find>symbol_icon</find>
+      <find>detail_txt1</find>
+      <find>original_price</find>
+      <find>swiper-slide</find>
+      <find>swiper</find>
+      <find>banner_box</find>
+      <find>content_box</find>
+      <find>detail_minus</find>
+      <find>list_content</find>
+      <find>detail_fixd</find>
+      <find>bg</find>
+      <find>icon-quxiao</find>
+      <find>mmend_left</find>
+      <find>mmend_num</find>
+      <find>name</find>
+      <find>icon-jian</find>
+      <find>btn</find>
+      <find>item_list</find>
+      <find>popup_info_box</find>
+      <find>order_info</find>
+    </findStrings>
+    <replaceStrings>
+      <replace>rem</replace>
+      <replace>div</replace>
+    </replaceStrings>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="&lt;db8cda15-b68d-4668-a025-813d76cb01f9&gt;/statics/css/haf.css" />
+        <option value="&lt;db8cda15-b68d-4668-a025-813d76cb01f9&gt;/html/ABOUT_US/Capability/2018/0927/42.html" />
+        <option value="&lt;db8cda15-b68d-4668-a025-813d76cb01f9&gt;/html/ABOUT_US/Team/2017/0928/15.html" />
+        <option value="&lt;db8cda15-b68d-4668-a025-813d76cb01f9&gt;/html/ABOUT_US/Team/index.html" />
+        <option value="&lt;db8cda15-b68d-4668-a025-813d76cb01f9&gt;/html/ABOUT_US/index.html" />
+        <option value="$PROJECT_DIR$/user/referralModuleDetail.html" />
+        <option value="$PROJECT_DIR$/user/inquiry.html" />
+        <option value="$PROJECT_DIR$/user/ChatCircle.html" />
+        <option value="$PROJECT_DIR$/user/activeDetail.html" />
+        <option value="$PROJECT_DIR$/user/academicPlatform.html" />
+        <option value="$PROJECT_DIR$/user/diseaseColumn.html" />
+        <option value="$PROJECT_DIR$/user/articleDetail.html" />
+        <option value="$PROJECT_DIR$/circle/a.html" />
+        <option value="$PROJECT_DIR$/circle/aa.css" />
+        <option value="$PROJECT_DIR$/circle/articleDynamic.html" />
+        <option value="$PROJECT_DIR$/css/chat.css" />
+        <option value="$PROJECT_DIR$/circle/Dynamic.html" />
+        <option value="$PROJECT_DIR$/shop/diseaseColumn.html" />
+        <option value="$PROJECT_DIR$/css/petroleum.css" />
+        <option value="$PROJECT_DIR$/shop/shopDetail.html" />
+        <option value="$PROJECT_DIR$/css/shopDetail.css" />
+        <option value="$PROJECT_DIR$/register/register.html" />
+        <option value="$PROJECT_DIR$/css/register.css" />
+        <option value="$PROJECT_DIR$/user/comment.html" />
+        <option value="$PROJECT_DIR$/css/ChatCircle.css" />
+        <option value="$PROJECT_DIR$/search/searchPage.html" />
+        <option value="$PROJECT_DIR$/css/search.css" />
+        <option value="$PROJECT_DIR$/search/searchResult.html" />
+        <option value="$PROJECT_DIR$/css/academicPlatform.css" />
+        <option value="$PROJECT_DIR$/circle/diseaseColumn.html" />
+        <option value="$PROJECT_DIR$/circle/articleDetail.html" />
+        <option value="$PROJECT_DIR$/css/comment.css" />
+        <option value="$PROJECT_DIR$/expert/expertList.html" />
+        <option value="$PROJECT_DIR$/circle/chatCircle.html" />
+        <option value="$PROJECT_DIR$/circle/academicPlatform.html" />
+        <option value="$PROJECT_DIR$/demo.html" />
+        <option value="$PROJECT_DIR$/demo.css" />
+        <option value="$PROJECT_DIR$/css/diseaseColumn.css" />
+        <option value="$PROJECT_DIR$/expert/expertIntroduction.html" />
+        <option value="$PROJECT_DIR$/user/userIndex.html" />
+        <option value="$PROJECT_DIR$/user/myIntegral.html" />
+        <option value="$PROJECT_DIR$/js/signIn.js" />
+        <option value="$PROJECT_DIR$/user/signIn.html" />
+        <option value="$PROJECT_DIR$/css/myIntegral.css" />
+        <option value="$PROJECT_DIR$/user/message.html" />
+        <option value="$PROJECT_DIR$/user/messageDetail.html" />
+        <option value="$PROJECT_DIR$/css/referralModule.css" />
+        <option value="$PROJECT_DIR$/shop/detail.html" />
+        <option value="$PROJECT_DIR$/css/shop.css" />
+        <option value="$PROJECT_DIR$/shop/confirmOrder.html" />
+        <option value="$PROJECT_DIR$/shop/order.html" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+    <sorting>DEFINITION_ORDER</sorting>
+  </component>
+  <component name="NodePackageJsonFileManager">
+    <packageJsonPaths />
+  </component>
+  <component name="ProjectFrameBounds" extendedState="7">
+    <option name="x" value="681" />
+    <option name="width" value="1387" />
+    <option name="height" value="1047" />
+  </component>
+  <component name="ProjectView">
+    <navigator proportions="" version="1">
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scope" />
+      <pane id="ProjectPane">
+        <subPane>
+          <expand>
+            <path>
+              <item name="Medical" type="b2602c69:ProjectViewProjectNode" />
+              <item name="Medical" type="462c0819:PsiDirectoryNode" />
+            </path>
+          </expand>
+          <select />
+        </subPane>
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="DefaultHtmlFileTemplate" value="HTML File" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="WebServerToolWindowPanel.toolwindow.highlight.mappings" value="true" />
+    <property name="WebServerToolWindowPanel.toolwindow.highlight.symlinks" value="true" />
+    <property name="WebServerToolWindowPanel.toolwindow.show.date" value="false" />
+    <property name="WebServerToolWindowPanel.toolwindow.show.permissions" value="false" />
+    <property name="WebServerToolWindowPanel.toolwindow.show.size" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/../sports" />
+    <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" />
+    <property name="settings.editor.selected.configurable" value="web.server" />
+  </component>
+  <component name="RecentsManager">
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="D:\刘晓艳\Medical" />
+      <recent name="D:\刘晓艳\Medical\circle" />
+      <recent name="D:\刘晓艳\Medical\css" />
+    </key>
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="D:\刘晓艳\Medical\expert" />
+      <recent name="D:\刘晓艳\Medical\images" />
+      <recent name="D:\刘晓艳\Medical\css" />
+      <recent name="D:\刘晓艳\Medical\js" />
+      <recent name="D:\刘晓艳\Medical\shop" />
+    </key>
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="a2bb97fe-aea5-454a-a3b5-2001086f4f14" name="Default" comment="" />
+      <created>1540774870379</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1540774870379</updated>
+      <workItem from="1540774871779" duration="24919000" />
+      <workItem from="1540861899136" duration="19583000" />
+      <workItem from="1540948132347" duration="3452000" />
+      <workItem from="1541036115298" duration="17521000" />
+      <workItem from="1541389513131" duration="8020000" />
+      <workItem from="1541401880361" duration="10439000" />
+      <workItem from="1541466605845" duration="15533000" />
+      <workItem from="1541551491982" duration="11401000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="110868000" />
+  </component>
+  <component name="TodoView" selected-index="1">
+    <todo-panel id="selected-file">
+      <are-modules-shown value="true" />
+      <is-autoscroll-to-source value="true" />
+      <is-preview-enabled value="true" />
+    </todo-panel>
+    <todo-panel id="all">
+      <are-packages-shown value="true" />
+      <is-autoscroll-to-source value="true" />
+    </todo-panel>
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="-8" y="-8" width="1936" height="1056" extended-state="6" />
+    <layout>
+      <window_info active="true" content_ui="combo" id="Project" order="1" sideWeight="0.49837664" visible="true" weight="0.12802951" />
+      <window_info anchor="bottom" id="TODO" order="10" weight="0.32897604" />
+      <window_info anchor="bottom" id="Docker" order="0" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Event Log" order="2" side_tool="true" />
+      <window_info anchor="bottom" id="Version Control" order="3" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Run" order="6" />
+      <window_info id="Structure" order="2" sideWeight="0.5016234" side_tool="true" weight="0.12539515" />
+      <window_info anchor="bottom" id="Terminal" order="1" weight="0.32897604" />
+      <window_info id="Favorites" order="0" sideWeight="0.5016234" side_tool="true" weight="0.12539515" />
+      <window_info anchor="bottom" id="Debug" order="7" weight="0.4" />
+      <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
+      <window_info anchor="bottom" id="Inspection" order="9" weight="0.4" />
+      <window_info anchor="right" id="Remote Host" order="3" weight="0.1609808" />
+      <window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
+      <window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
+      <window_info anchor="bottom" id="Message" order="4" />
+      <window_info anchor="bottom" id="Cvs" order="8" weight="0.25" />
+      <window_info anchor="bottom" id="Find" order="5" weight="0.32897604" />
+    </layout>
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="1" />
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/images/ficon03@2x.png">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/images/dpic06@2x.png">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/images/apic01@2x.png">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/circle/chatCircle.html" />
+    <entry file="file://$PROJECT_DIR$/circle/articleDynamic.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="243">
+          <caret line="9" column="84" lean-forward="true" selection-start-line="9" selection-start-column="3" selection-end-line="9" selection-end-column="84" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/circle/a.html" />
+    <entry file="file://$PROJECT_DIR$/css/weui.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-162" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/chat.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="490">
+          <caret line="186" column="12" selection-start-line="186" selection-start-column="12" selection-end-line="186" selection-end-column="12" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/circle/Dynamic.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="512">
+          <caret line="35" column="20" selection-start-line="35" selection-start-column="20" selection-end-line="35" selection-end-column="20" />
+        </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$/css/swiper.min.css">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/images/minus.png">
+      <provider selected="true" editor-type-id="images" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/circle/articleDynamic.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-766">
+          <caret line="18" column="25" lean-forward="true" selection-start-line="18" selection-start-column="25" selection-end-line="18" selection-end-column="25" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/register.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="702">
+          <caret line="35" column="21" selection-start-line="35" selection-start-column="21" selection-end-line="35" selection-end-column="21" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/comment.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="513">
+          <caret line="19" column="9" lean-forward="true" selection-start-line="5" selection-start-column="8" selection-end-line="19" selection-end-column="9" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/search.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="54">
+          <caret line="17" column="14" selection-start-line="17" selection-start-column="14" selection-end-line="17" selection-end-column="14" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/search/searchPage.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="675">
+          <caret line="25" column="42" selection-start-line="25" selection-start-column="24" selection-end-line="25" selection-end-column="42" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/search/searchResult.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="405">
+          <caret line="18" column="18" lean-forward="true" selection-start-line="18" selection-start-column="18" selection-end-line="18" selection-end-column="18" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/ChatCircle.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="731">
+          <caret line="228" column="18" selection-start-line="228" selection-start-column="18" selection-end-line="228" selection-end-column="18" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/academicPlatform.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="216">
+          <caret line="80" column="24" lean-forward="true" selection-start-line="80" selection-start-column="24" selection-end-line="80" selection-end-column="24" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/comment.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="247">
+          <caret line="124" column="15" selection-start-line="124" selection-start-column="15" selection-end-line="124" selection-end-column="15" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/circle/articleDetail.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="490">
+          <caret line="60" column="9" selection-start-line="60" selection-start-column="5" selection-end-line="60" selection-end-column="9" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/circle/academicPlatform.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="625">
+          <caret line="56" column="10" selection-start-line="56" selection-start-column="10" selection-end-line="56" selection-end-column="10" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/register/register.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="189">
+          <caret line="87" column="12" selection-start-line="87" selection-start-column="12" selection-end-line="87" selection-end-column="12" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/demo.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="486">
+          <caret line="18" column="25" selection-start-line="18" selection-start-column="20" selection-end-line="18" selection-end-column="25" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/demo.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="787">
+          <caret line="54" column="20" selection-start-line="54" selection-start-column="20" selection-end-line="54" selection-end-column="20" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/circle/diseaseColumn.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="378">
+          <caret line="22" column="10" lean-forward="true" selection-start-line="17" selection-start-column="3" selection-end-line="22" selection-end-column="10" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/personalCenter.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-29" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/expert/expertIntroduction.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="486">
+          <caret line="51" column="41" selection-start-line="51" selection-start-column="41" selection-end-line="51" selection-end-column="41" />
+          <folding>
+            <element signature="n#div#0;n#div#1;n#div#1;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#1;n#div#1;n#div#1;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#1;n#div#1;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#1;n#div#1;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#1;n#div#1;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#1;n#div#1;n#div#1;n#div#1;n#body#0;n#html#0;n#!!top" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/expert/expertList.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="568">
+          <caret line="45" column="17" lean-forward="true" selection-start-line="45" selection-start-column="17" selection-end-line="45" selection-end-column="17" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/comment.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="406">
+          <caret line="41" selection-start-line="41" selection-end-line="48" selection-end-column="6" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/user/signIn.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="810">
+          <caret line="30" column="57" selection-start-line="30" selection-start-column="57" selection-end-line="30" selection-end-column="57" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/user/userIndex.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="544">
+          <caret line="112" column="30" selection-start-line="112" selection-start-column="30" selection-end-line="112" selection-end-column="30" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/myIntegral.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="549">
+          <caret line="47" column="22" selection-start-line="47" selection-start-column="22" selection-end-line="47" selection-end-column="22" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/user/myIntegral.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="270">
+          <caret line="10" column="46" lean-forward="true" selection-start-line="10" selection-start-column="46" selection-end-line="10" selection-end-column="46" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/circle/chatCircle.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="297">
+          <caret line="11" selection-start-line="11" selection-end-line="11" selection-end-column="53" />
+          <folding>
+            <element signature="n#style#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#1;n#div#1;n#header#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#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#3;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#4;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#5;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/signIn.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="432">
+          <caret line="145" column="26" selection-start-line="145" selection-start-column="26" selection-end-line="145" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/init.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-567">
+          <caret column="122" selection-start-column="121" selection-end-column="122" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/user/inquiry.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-374">
+          <caret line="53" column="51" selection-start-line="53" selection-start-column="41" selection-end-line="53" selection-end-column="51" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/expert/referralModule.html">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/user/message.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="405">
+          <caret line="33" column="52" lean-forward="true" selection-start-line="33" selection-start-column="14" selection-end-line="33" selection-end-column="52" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/referralModule.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="787">
+          <caret line="269" column="23" selection-start-line="269" selection-start-column="23" selection-end-line="269" selection-end-column="23" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/user/messageDetail.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="486">
+          <caret line="18" column="52" selection-start-line="18" selection-start-column="52" selection-end-line="18" selection-end-column="52" />
+          <folding>
+            <element signature="n#script#3;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#style#0;n#li#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/shopDetail.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="603">
+          <caret line="281" column="32" lean-forward="true" selection-start-line="270" selection-start-column="2" selection-end-line="281" selection-end-column="32" />
+          <folding>
+            <marker date="1541412222254" expanded="true" signature="6604:6713" ph="..." />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/shop/shopDetail.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-162">
+          <caret line="88" column="44" selection-start-line="88" selection-start-column="35" selection-end-line="88" selection-end-column="44" />
+          <folding>
+            <element signature="n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/shop/detail.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="297">
+          <caret line="11" column="45" lean-forward="true" selection-start-line="3" selection-start-column="3" selection-end-line="11" selection-end-column="45" />
+          <folding>
+            <element signature="n#style#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/diseaseColumn.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="-1237">
+          <caret line="60" column="18" selection-start-line="60" selection-start-column="5" selection-end-line="60" selection-end-column="18" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/shop.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="704">
+          <caret line="281" column="15" selection-start-line="281" selection-start-column="15" selection-end-line="281" selection-end-column="15" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/shop/shopIndex.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="216">
+          <caret line="8" column="48" selection-start-line="8" selection-start-column="48" selection-end-line="8" selection-end-column="48" />
+          <folding>
+            <element signature="n#style#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/shop/order.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="378">
+          <caret line="14" column="12" selection-start-line="14" selection-start-column="12" selection-end-line="14" selection-end-column="12" />
+          <folding>
+            <element signature="n#style#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/shop/confirmOrder.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="270">
+          <caret line="14" column="21" selection-start-line="14" selection-start-column="21" selection-end-line="14" selection-end-column="21" />
+          <folding>
+            <element signature="n#style#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="divport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+    <title>发动态</title>
+    <link rel="stylesheet" href="../css/init.css">
+    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_etrccfh2qxm.css">
+    <link rel="stylesheet" href="../css/diseaseColumn.css">
+    <link rel="stylesheet" href="../css/ChatCircle.css">
+    <link rel="stylesheet" href="../css/chat.css">
+    <link rel="stylesheet" href="../css/weui.css">
+    <link rel="stylesheet" href="../css/myweui.css">
+    <script src="../js/fontsize.js"></script>
+</head>
+<body>
+<div class='box'>
+    <div class='textarea_box'>
+        <textarea class='textarea' placeholder='详细描述会为您带来最快速的成交哦'></textarea>
+    </div>
+    <div class="weui-uploader">
+        <div class="weui-uploader__hd">
+            <p class="title">上传图片(最多九张)</p>
+        </div>
+        <div class="weui-uploader__bd">
+            <ul class="weui-uploader__files" id="uploaderFiles">
+            </ul>
+            <div class="weui-uploader__input-box">
+                <input id="uploaderInput" class="weui-uploader__input" type="file" accept="image/*" multiple/>
+            </div>
+        </div>
+    </div>
+</div>
+<!--dibu-->
+<div class="null_box"></div>
+<div class="submit_btn">发布</div>
+<script src="../js/jquery-2.1.0.js"></script>
+<script src="../js/weui.js"></script>
+<script src="../js/myweui.js"></script>
+<script>
+    $(function () {
+        var tmpl = '<li class="weui-uploader__file" style="background-image:url(#url#)"></li>',
+            $gallery = $("#gallery"), $galleryImg = $("#galleryImg"),
+            $uploaderInput = $("#uploaderInput"),
+            $uploaderFiles = $("#uploaderFiles")
+        ;
+
+        $uploaderInput.on("change", function (e) {
+            var src, url = window.URL || window.webkitURL || window.mozURL, files = e.target.files;
+            for (var i = 0, len = files.length; i < len; ++i) {
+                var file = files[i];
+
+                if (url) {
+                    src = url.createObjectURL(file);
+                } else {
+                    src = e.target.result;
+                }
+
+                $uploaderFiles.append($(tmpl.replace('#url#', src)));
+            }
+        });
+        $uploaderFiles.on("click", "li", function () {
+            $galleryImg.attr("style", this.getAttribute("style"));
+            $gallery.fadeIn(100);
+        });
+        $gallery.on("click", function () {
+            $gallery.fadeOut(100);
+        });
+    });
+</script>
+</body>
+</html>

+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>学术平台</title>
+    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_750594_itt4qc4xfcg.css"/>
+    <link href="../css/init.css" rel="stylesheet" type="text/css">
+    <link href="../css/academicPlatform.css" rel="stylesheet" type="text/css">
+    <link rel="stylesheet" href="../css/comment.css">
+</head>
+<body style="background: #fff;">
+<div class="warp">
+    <div class="banner_box">
+        <div class="search_box">
+            <i class="iconfont icon-sousuo"></i>
+            <text>搜索</text>
+        </div>
+    </div>
+    <!-- begin：商品列表切换 -->
+    <div class="control" style="margin-top: 0.32rem;">
+        <ul class="con_title">
+            <li class="con_curr"><em></em>内科平台</li>
+            <li><em></em>妇产科平台</li>
+            <li><em></em>感染平台</li>
+            <li><em></em>风湿免疫平台</li>
+        </ul>
+        <div class="con_warp">
+            <div class="tab_content">
+                <div class="tab_info_box">
+                    <img src="../images/bpic01@2x.png" alt="">
+                    <div>自身免疫性疾病</div>
+                </div>
+                <div class="tab_info_box">
+                    <img src="../images/bpic01@2x.png" alt="">
+                    <div>自身免疫性疾病</div>
+                </div>
+                <div class="tab_info_box">
+                    <img src="../images/bpic01@2x.png" alt="">
+                    <div>自身免疫性疾病</div>
+                </div>
+                <div class="tab_info_box">
+                    <img src="../images/bpic01@2x.png" alt="">
+                    <div>自身免疫性疾病</div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- begin：公共底部 -->
+    <div class="footer">
+        <ul>
+            <li><a href="../index/index.html"><em class="footer_icon1"></em>首页</a></li>
+            <li><a href="../classify/classify.html"><em class="footer_icon2"></em>学术平台</a></li>
+            <li class="footer_curr"><a href="###"><em class="footer_icon3"></em>平台专家</a></li>
+            <li><a href="../center/center.html"><em class="footer_icon4"></em>我的</a></li>
+        </ul>
+    </div>
+    <!-- end：公共底部 -->
+</div>
+
+<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
+<script type="text/javascript" src="../js/fontsize.js"></script>
+<script type="text/javascript">
+    $(document).ready(function () {
+        //点击列表跳转详情页
+        $('.tab_ul li').click(function () {
+            window.location.href = '../orderDetail/shopp_detail.html';
+        })
+        //点击搜索跳到搜索页面
+        $('.banner_box').on('click', function () {
+            window.location.href = '../search/searchPage.html';
+        })
+    })
+</script>
+</body>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+    <title>文章详情</title>
+    <script src="../js/fontsize.js"></script>
+    <link rel="stylesheet" href="../css/init.css">
+    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_tlxymah92x.css">
+    <link rel="stylesheet" href="../css/ChatCircle.css">
+    <link rel="stylesheet" href="../css/comment.css">
+</head>
+<body style="background: #F5FAF7">
+
+<!--内容部分-->
+<div class="article_box">
+    <div class="article_item">
+        <div class="article_title">人参一斤 不如糙米一升</div>
+        <div class="article_info">
+            <text>汇堂专家</text>
+            <text>2018.08.21</text>
+        </div>
+        <div>精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候，重点会关注安全、健康、营养和口感几个方面。
+            很多时候，人们都选择了口感佳、香糯、绵爽的精白米，而不知不觉放弃了一些看不见摸不着的营养但是现在又出现一部分人，为了更好的控制自己体重，都开始喜欢吃粗粮。其中，糙米就是比较受欢迎的一种。
+        </div>
+    </div>
+    <div class="article_item">
+        <div>
+            <text class="content_title">最新活动</text>
+        </div>
+        <div class="comment_item">
+            <div class="head_img"><img src="../images/bhead01@2x.png" alt=""></div>
+            <div class="comment_content">
+                <div class="user_name">可妮兔</div>
+                <div>主食就是主食，其他的都是配菜。当然食用多种食材营养更充分，但不吃主食等于把主要营养丢弃了，只追求次要的营养。这样营养更不均衡。</div>
+                <div class="content_time">2018.08.21</div>
+            </div>
+        </div>
+        <div class="comment_item">
+            <div class="head_img"><img src="../images/bhead01@2x.png" alt=""></div>
+            <div class="comment_content">
+                <div class="user_name">可妮兔</div>
+                <div>主食就是主食，其他的都是配菜。当然食用多种食材营养更充分，但不吃主食等于把主要营养丢弃了，只追求次要的营养。这样营养更不均衡。</div>
+                <div class="content_time">2018.08.21</div>
+            </div>
+        </div>
+    </div>
+</div>
+<!-- dibu-->
+<div class="null_box"></div>
+<div class="bottom_box">
+    <textarea placeholder="写评论..." maxlength="200"></textarea>
+    <div>
+        <text class="iconfont icon-tijiao"></text>
+        <text>提交</text>
+    </div>
+</div>
+<!--弹窗-->
+<div class="popup_box">
+    <text>您已签到成功!</text>
+   <text>恭喜您获得10个积分</text>
+</div>
+
+<script src="../js/jquery-2.1.0.js"></script>
+<script src="../js/area.js"></script>
+<script src="../js/select.js"></script>
+</body>
+</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+    <title>圈子动态</title>
+    <link rel="stylesheet" href="../css/init.css">
+    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_etrccfh2qxm.css">
+    <link rel="stylesheet" href="../css/diseaseColumn.css">
+    <link rel="stylesheet" href="../css/ChatCircle.css">
+    <link rel="stylesheet" href="../css/chat.css">
+</head>
+<body >
+<header class="banner_box">
+    <img src="../images/abg01@2x.png" alt="">
+</header>
+<!--内容部分-->
+<div class="content_box">
+    <div class="tab_box">
+        <div class="tab_title tab_active">圈子简介</div>
+        <div class="tab_title">圈子动态</div>
+        <div class="tab_title">圈子资讯</div>
+    </div>
+    <div>
+        <div class="item_box circle">
+            <div>
+                <img src="../images/dpic06@2x.png" alt="">
+            </div>
+            <div>
+                <div class="item_title">人参一斤 不如糙米一升</div>
+                <div class="item_content">精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...</div>
+                <div>2018.08.15</div>
+            </div>
+
+        </div>
+    </div>
+</div>
+
+<div class='content_box'>
+    <div class='content_item'>
+        <div class='left_box'>
+            <div class='head_portrait'>
+                <img src="../images/apic01@2x.png">
+            </div>
+        </div>
+        <div class='item_list'>
+            <div class='list_head_box'>
+                <div class='user_name'>向昱筱</div>
+                <div class='collect_box'>发动态</div>
+            </div>
+            <div>
+                <div class='list_content'>颜值高口感好，很新鲜，超清爽的口感，奶香味很浓，非常喜欢。（一张图时的布局）}</div>
+                <div class='list_img_box'>
+                    <img src='../images/apic01@2x.png'>
+                    <img src='../images/apic01@2x.png'>
+                    <img src='../images/apic01@2x.png'>
+                </div>
+                <div class='list_img_box'>
+                    <img class="four" src='../images/apic01@2x.png'>
+                    <img class="four" src='../images/apic01@2x.png'>
+                    <img class="four" src='../images/apic01@2x.png'>
+                    <img class="four" src='../images/apic01@2x.png'>
+                </div>
+                <div class='list_img_box'>
+                    <img class="one" src='../images/apic01@2x.png'>
+                </div>
+            </div>
+            <div class='list_state_box'>
+                <div class='time'>2018-03-09</div>
+                <div>
+                    <text class='iconfont icon-xin'></text>
+                    <text class='iconfont icon-pinglun '></text>
+                </div>
+            </div>
+            <div class='list_comment_box'>
+                <div class='comment_list'>
+                    <text class='iconfont icon-xin xin'></text>
+                    <text>苏菀菁、向昱筱、叶梓</text>
+                </div>
+                <div class='comment_list'>
+                    <div>
+                        <text class="comment_name">苏菀菁 : </text>
+                        <text>涨知识！</text>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- 底部信息-->
+<div class="null_box"></div>
+<div class="bottom_box">
+    <textarea placeholder="写评论..." maxlength="200"></textarea>
+    <div>
+        <text class="iconfont icon-tijiao"></text>
+        <text>提交</text>
+    </div>
+</div>
+<!--JS部分-->
+<script src="../js/jquery-2.1.0.js"></script>
+<script src="../js/swiper-3.4.2.min.js"></script>
+<script src="../js/fontsize.js"></script>
+<script>
+    var mySwiper = new Swiper('.swiper-container', {
+        direction: 'horizontal', // 垂直切换选项
+        loop: true, // 循环模式选项
+
+        // 如果需要分页器
+        pagination: '.swiper-pagination',
+    })
+    $(document).ready(function () {
+        $('.join_btn').click(function () {
+            window.location.href = 'orderSubmit.html'
+        })
+        $('.tab_title').click(function () {
+            $(this).addClass('tab_active').siblings().removeClass('tab_active')
+        })
+    })
+</script>
+</body>
+</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+    <title>金域医聊圈</title>
+    <script src="../js/fontsize.js"></script>
+    <link rel="stylesheet" href="../css/init.css">
+    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_tlxymah92x.css">
+    <link rel="stylesheet" href="../css/ChatCircle.css">
+    <link rel="stylesheet" href="../css/comment.css">
+</head>
+<body style="background: #F5FAF7">
+<div class="container">
+    <header class="banner_box">
+        <div class="banner_img"><img src="../images/abanner01@2x.png" alt=""></div>
+        <div class="search_box">
+            <div class="search_item">
+                <div>
+                    <text class="iconfont icon-sousuo"></text>
+                    <input type="text" placeholder="请输入关键字">
+                </div>
+                <div class="iconfont icon-jinru"></div>
+            </div>
+            <div class="classify_box">
+                <a href="active.html" class="classify_item">
+                    <div class="classify_item">
+                        <div class="classify_img"><img src="../images/aicon05@2x.png" alt=""></div>
+                        <div class="classify_title select_title">悦末活动</div>
+                    </div>
+                </a>
+                <a href="offlineActive.html" class="classify_item">
+                    <div class="classify_item">
+                        <div class="classify_img"><img src="../images/aicon06@2x.png" alt=""></div>
+                        <div class="classify_title">线下活动</div>
+                    </div>
+                </a>
+                <a href="onlineActive.html" class="classify_item">
+                    <div class="classify_item">
+                        <div class="classify_img"><img src="../images/aicon07@2x.png" alt=""></div>
+                        <div class="classify_title">长线活动</div>
+                    </div>
+                </a>
+                <a href="privateCustom.html" class="classify_item">
+                    <div class="classify_item">
+                        <div class="classify_img"><img src="../images/aicon08@2x.png" alt=""></div>
+                        <div class="classify_title">私人定制</div>
+                    </div>
+                </a>
+            </div>
+        </div>
+    </header>
+
+    <!--内容部分-->
+    <div class="content_box">
+        <div class="content_item">
+            <div class="content_title">最新活动</div>
+            <div class="content">
+                <div class="item_box">
+                    <div>
+                        <div class="item_title">人参一斤 不如糙米一升</div>
+                        <div class="item_content">
+                            精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...
+                        </div>
+                        <div>2018.08.15</div>
+                    </div>
+                    <div>
+                        <img src="../images/dpic06@2x.png" alt="">
+                    </div>
+                </div>
+                <div class="item_box">
+                    <div>
+                        <div class="item_title">人参一斤 不如糙米一升</div>
+                        <div class="item_content">
+                            精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...
+                        </div>
+                        <div>2018.08.15</div>
+                    </div>
+                    <div>
+                        <img src="../images/dpic06@2x.png" alt="">
+                    </div>
+                </div>
+                <div class="item_box">
+                    <div>
+                        <div class="item_title">人参一斤 不如糙米一升</div>
+                        <div class="item_content">
+                            精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...
+                        </div>
+                        <div>2018.08.15</div>
+                    </div>
+                    <div>
+                        <img src="../images/dpic06@2x.png" alt="">
+                    </div>
+                </div>
+                <div class="item_box">
+                    <div>
+                        <div class="item_title">人参一斤 不如糙米一升</div>
+                        <div class="item_content">
+                            精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...
+                        </div>
+                        <div>2018.08.15</div>
+                    </div>
+                    <div>
+                        <img src="../images/dpic06@2x.png" alt="">
+                    </div>
+                </div>
+                <div class="item_box">
+                    <div>
+                        <div class="item_title">人参一斤 不如糙米一升</div>
+                        <div class="item_content">
+                            精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...
+                        </div>
+                        <div>2018.08.15</div>
+                    </div>
+                    <div>
+                        <img src="../images/dpic06@2x.png" alt="">
+                    </div>
+                </div>
+                <div class="item_box">
+                    <div>
+                        <div class="item_title">人参一斤 不如糙米一升</div>
+                        <div class="item_content">
+                            精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...
+                        </div>
+                        <div>2018.08.15</div>
+                    </div>
+                    <div>
+                        <img src="../images/dpic06@2x.png" alt="">
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <ul>
+        <li><a href="../index/index.html"><em class="footer_icon1"></em>首页</a></li>
+        <li><a href="../classify/classify.html"><em class="footer_icon2"></em>学术平台</a></li>
+        <li class="footer_curr"><a href="###"><em class="footer_icon3"></em>平台专家</a></li>
+        <li><a href="../center/center.html"><em class="footer_icon4"></em>我的</a></li>
+    </ul>
+</div>
+<script src="../js/jquery-2.1.0.js"></script>
+<script src="../js/area.js"></script>
+<script src="../js/select.js"></script>
+</body>
+</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+    <title>疾病专栏</title>
+    <link rel="stylesheet" href="../css/init.css">
+    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_877329_u8tubeolo9.css">
+    <link rel="stylesheet" href="../css/diseaseColumn.css">
+</head>
+<body>
+<header class="banner_box">
+    <img src="../images/abg01@2x.png" alt="">
+</header>
+<!--内容部分-->
+<div class="content_box">
+    <div class="tab_box">
+        <div class="tab_title tab_active">基础知识</div>
+        <div class="tab_title">指南知识</div>
+        <div class="tab_title">经典案例</div>
+        <div class="tab_title">质控文件</div>
+    </div>
+    <div>
+        <div class="item_box">
+            <div>
+                <div class="item_title">人参一斤 不如糙米一升</div>
+                <div class="item_content">精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...</div>
+                <div>2018.08.15</div>
+            </div>
+            <div>
+                <img src="../images/dpic06@2x.png" alt="">
+            </div>
+        </div>
+        <div class="item_box">
+            <div>
+                <div class="item_title">人参一斤 不如糙米一升</div>
+                <div class="item_content">精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...精致，是一种对生活热爱且认真负责的态度。如今人们在选择食物的时候...</div>
+                <div>2018.08.15</div>
+            </div>
+            <div>
+                <img src="../images/dpic06@2x.png" alt="">
+            </div>
+        </div>
+    </div>
+</div>
+
+<!--JS部分-->
+<script src="../js/jquery-2.1.0.js"></script>
+<script src="../js/swiper-3.4.2.min.js"></script>
+<script src="../js/fontsize.js"></script>
+<script>
+    var mySwiper = new Swiper('.swiper-container', {
+        direction: 'horizontal', // 垂直切换选项
+        loop: true, // 循环模式选项
+
+        // 如果需要分页器
+        pagination: '.swiper-pagination',
+    })
+    $(document).ready(function () {
+        $('.join_btn').click(function () {
+            window.location.href = 'orderSubmit.html'
+        })
+        $('.tab_title').click(function () {
+            $(this).addClass('tab_active').siblings().removeClass('tab_active')
+        })
+    })
+</script>
+</body>
+</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
+    <title>公共部分</title>
+    <script src="js/fontsize.js"></script>
+    <link rel="stylesheet" href="css/init.css">
+    <link rel="stylesheet" href="http://at.alicdn.com/t/font_793738_5lr5x3nl9vf.css">
+    <!--<link rel="stylesheet" href="../css/personalCenter.css">-->
+    <link rel="stylesheet" href="css/comment.css">
+</head>
+<body>
+<!--<footer class="tabbar_box">-->
+    <!--<div class="tabbar_item tabbar_on">-->
+        <!--<div class="tabbar_img">-->
+            <!--<img src="../images/anav01@2x.png" alt="">-->
+        <!--</div>-->
+        <!--<p class="tabbar_label">微信</p>-->
+    <!--</div>-->
+    <!--<div class="tabbar_item">-->
+        <!--<div class="tabbar_img">-->
+            <!--<img src="../images/anav01@2x.png" alt="">-->
+        <!--</div>-->
+        <!--<p class="tabbar_label">微信</p>-->
+    <!--</div>-->
+    <!--<div class="tabbar_item">-->
+        <!--<div class="tabbar_img">-->
+            <!--<img src="../images/anav01@2x.png" alt="">-->
+        <!--</div>-->
+        <!--<p class="tabbar_label">微信</p>-->
+    <!--</div>-->
+    <!--<div class="tabbar_item">-->
+        <!--<div class="tabbar_img">-->
+            <!--<img src="../images/anav01@2x.png" alt="">-->
+        <!--</div>-->
+        <!--<p class="tabbar_label">微信</p>-->
+    <!--</div>-->
+<!--</footer>-->
+
+
+<div class="footer">
+    <ul>
+        <li><a href="../index/index.html"><em class="footer_icon1"></em>首页</a></li>
+        <li><a href="../classify/classify.html"><em class="footer_icon2"></em>分类</a></li>
+        <li class="footer_curr"><a href="###"><em class="footer_icon3"></em>购物车</a></li>
+        <li><a href="../center/center.html"><em class="footer_icon4"></em>会员中心</a></li>
+    </ul>
+</div>
+
+<script src="js/jquery-2.1.0.js"></script>
+<script src="js/comment.js"></script>
+</body>
+</html>

+
+.banner_box{
+    width: 100%;
+    /*position: fixed;*/
+    /*top: 0;*/
+    /*left: 0;*/
+}
+.banner_img {
+    width: 100%;
+    height: 3.6rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.banner_img img {
+    width: 100%;
+    height: 100%;
+}
+.search_box{
+    width: 100%;
+    padding:  0 0.3rem;
+    box-sizing: border-box;
+    position: relative;
+    z-index: 2  ;
+}
+.search_box input{
+    border: 0;
+    outline: none;
+    background: #FAFAFA;
+}
+.search_item{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background:rgba(250,250,250,1);
+    box-shadow:0 0.08rem 0.16rem 0 rgba(6,33,65,0.08);
+    border-radius:0.1rem;
+    padding: 0.2rem 0.3rem;
+    margin-top: -0.15rem;
+}
+.classify_box{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.3rem 0;
+    box-sizing: border-box;
+    background:rgba(250,250,250,1);
+    box-shadow:0 0.08rem 0.16rem 0 rgba(6,33,65,0.08);
+    border-radius:0.1rem;
+    margin-top: 0.16rem;
+}
+.classify_img{
+    width:1.10rem;
+    height:1.10rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 0.1rem;
+
+}
+.classify_item{
+    margin-right: 0.5rem;
+}
+.select_title{
+    color: #222;
+}
+.classify_box .classify_item:last-child {
+    margin-right: 0rem!important;
+}
+
+.classify_img img{
+    width: 100%;
+    height: 100%;
+}
+.classify_title{
+    font-size: 0.26rem;
+    color: #999;
+    text-align: center;
+}
+/*content*/
+.content_box{
+    width: 100%;
+    padding: 0.35rem;
+    box-sizing: border-box;
+}
+
+.content{
+    padding:0 0.2rem ;
+    box-shadow:0 0.08rem 0.16rem 0 rgba(6,33,65,0.08);
+    background: #FAFAFA;
+    border-radius:0.1rem;
+}
+
+.content_title{
+    font-size: 0.3rem;
+    color: #089982;
+    position: relative;
+    margin-left: 0.2rem;
+    margin-bottom: 0.3rem;
+
+}
+.content_title:after{
+    content: '';
+    position: absolute;
+    left:-0.2rem;
+    top: 50%;
+    transform: translateY(-50%);
+    width:0.08rem;
+    height:0.32rem;
+    background:#069A84;
+    border-radius:0.06rem;
+}
+.item_box{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: #FAFAFA;
+    border-bottom: 1px solid #EBEBEB;
+    padding: 0.2rem 0;
+    font-size: 0.26rem;
+    color: #53575C;
+}
+.item_box img{
+    width: 1.6rem;
+    height: 1.6rem;
+    -webkit-border-radius: 0.10rem;
+    -moz-border-radius: 0.10rem;
+    border-radius: 0.10rem;
+    margin-left: 0.15rem;
+}
+.item_content{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    margin: 0.1rem 0;
+}
+.article_title{
+    font-size: 0.36rem;
+    font-weight: bold;
+    color: #252729;
+    margin-bottom: 0.2rem;
+}
+.article_item{
+    background: #fff;
+    margin-bottom: 0.16rem;
+    padding: 0.3rem;
+    font-size: 0.3rem;
+    color: #252729;
+}
+.article_info{
+    font-size: 0.26rem;
+    margin-bottom: 0.2rem;
+}
+.article_info text{
+    margin-right: 0.2rem;
+}
+.head_img{
+    width: 0.8rem;
+    height: 0.8rem;
+    display: flex;
+    align-content: center;
+    justify-content: center;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    margin-right: 0.2rem;
+}
+.head_img img{
+    width: 100%;
+    height: 100%;
+}
+.comment_item{
+    display: flex;
+    align-items: flex-start;
+    padding: 0.2rem 0;
+    border-bottom: 1px solid #EBEBEB;
+}
+.comment_item:last-child{
+    border: 0;
+}
+.comment_content{
+    width: 80%;
+}
+.user_name{
+    font-size: 0.3rem;
+    color: #53575C;
+    margin-bottom: 0.15rem;
+}
+.content_time{
+    font-size: 0.26rem;
+    color: #53575C;
+    margin-top: 0.15rem;
+}
+
+.bottom_box{
+    width:100%;
+    height:1rem;
+    background:rgba(255,255,255,1);
+    box-shadow:0 -2px 9px 0px rgba(235,235,235,1);
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 0.3rem;
+    box-sizing: border-box;
+    font-size: 0.3rem;
+    color: #53575C  ;
+}
+.bottom_box textarea{
+    width: 80%;
+    border: 0;
+    outline: none;
+}
+.circle{
+    background: none;
+}
+.circle img{
+    margin-left:  0;
+    margin-right:0.15rem ;
+}
+.item_title{
+    font-size: 0.3rem;
+    font-weight: bold;
+    color: #252729;
+}

+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>分类</title>
+    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_750594_itt4qc4xfcg.css"/>
+    <link href="../css/init.css" rel="stylesheet" type="text/css">
+    <link href="../css/petroleum.css" rel="stylesheet" type="text/css">
+</head>
+<body style="background: #fff;">
+<div class="warp">
+    <div class="banner_box">
+        <div class="search_box">
+            <i class="iconfont icon-sousuo"></i>
+            <text>搜索</text>
+        </div>
+    </div>
+    <!-- begin：商品列表切换 -->
+    <div class="control" style="margin-top: 0.32rem;">
+        <ul class="con_title">
+            <li class="con_curr"><em></em>8折区</li>
+            <li><em></em>7折区</li>
+            <li><em></em>6折区</li>
+            <li><em></em>5折区</li>
+        </ul>
+        <div class="con_warp">
+            <div class="tab_content">
+                <div><img src="../images/banner.png" alt=""></div>
+                <ul class="tab_ul">
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                    <div class="trol_left"><img src="../images/apic01.png"/></div>
+                    <div class="trol_right">
+                        <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                        <div class="trol_txt2">销量：124</div>
+                        <div class="trol_num">
+                            <text class="original_price">
+                                <text class="symbol_icon">￥</text>
+                                <text>9999</text>
+                            </text>
+                            <text class="discount">￥39999</text>
+                        </div>
+                    </div>
+                </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                    <div class="trol_left"><img src="../images/apic01.png"/></div>
+                    <div class="trol_right">
+                        <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                        <div class="trol_txt2">销量：124</div>
+                        <div class="trol_num">
+                            <text class="original_price">
+                                <text class="symbol_icon">￥</text>
+                                <text>9999</text>
+                            </text>
+                            <text class="discount">￥39999</text>
+                        </div>
+                    </div>
+                </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+                    <li class="li_list">
+                        <div class="trol_left"><img src="../images/apic01.png"/></div>
+                        <div class="trol_right">
+                            <div class="trol_txt1">百草味 肉干肉脯 白芝麻猪</div>
+                            <div class="trol_txt2">销量：124</div>
+                            <div class="trol_num">
+                                <text class="original_price">
+                                    <text class="symbol_icon">￥</text>
+                                    <text>9999</text>
+                                </text>
+                                <text class="discount">￥39999</text>
+                            </div>
+                        </div>
+                    </li>
+
+
+                </ul>
+            </div>
+            <!-- end：食品tab_content -->
+            <div class="tab_content hidden">
+                <p class="trol_none">暂无商品</p>
+            </div>
+            <!-- end：电器tab_content -->
+            <div class="tab_content hidden">
+                <p class="trol_none">暂无商品</p>
+            </div>
+            <!-- end：生活用品tab_content -->
+        </div>
+    </div>
+    <!-- begin：公共底部 -->
+    <div class="footer">
+        <ul>
+            <li ><a href="../index/index.html"><em class="footer_icon1"></em>首页</a></li>
+            <li class="footer_curr"><a href="##"><em class="footer_icon2"></em>分类</a></li>
+            <li><a href="../orderDetail/shopping.html"><em class="footer_icon3"></em>购物车</a></li>
+            <li><a href="../center/center.html"><em class="footer_icon4"></em>会员中心</a></li>
+        </ul>
+    </div>
+    <!-- end：公共底部 -->
+</div>
+
+<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
+<script type="text/javascript" src="../js/fontsize.js"></script>
+<!--<script type="text/javascript" src="../js/shopping.js"></script>-->
+<script type="text/javascript">
+    $(document).ready(function () {
+        //点击列表跳转详情页
+        $('.tab_ul li').click(function () {
+            window.location.href = '../orderDetail/shopp_detail.html';
+        })
+        //点击搜索跳到搜索页面
+        $('.banner_box').on('click', function () {
+            window.location.href = '../search/searchPage.html';
+        })
+    })
+</script>
+</body>

+
+
+.banner_box {
+    padding: 0.16rem 0.32rem;
+    box-sizing: border-box;
+    background: #fff;
+    width: 100%;
+    height: 1.1rem;
+    position: fixed;
+    top:0;
+    left: 0;
+    border-bottom: 1px solid #EBEBEB;
+}
+
+.search_box {
+    width: 100%;
+    height: 100%;
+    font-size: 0.26rem;
+    color: #A2A2A2;
+    background: #F0F0F0;
+    border-radius: 0.1rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    /*margin-top: 0.16rem;*/
+}
+
+.icon-sousuo{
+    margin-right: 0.08rem!important;
+}
+
+
+
+.con_title {
+    display: inline-block;
+    width: 1.8rem;
+    height: 100%;
+    text-align: center;
+    background: #F5F6FA;
+    position: fixed;
+    top:1.1rem;
+    left: 0;
+}
+
+.con_title li {
+    position: relative;
+    height: 1.1rem;
+    color: #666666;
+    font-size: 0.28rem;
+    line-height: 1.1rem;
+    border-bottom: solid 1px #EBEBEB;
+}
+
+.con_title li.con_curr {
+    font-size: 0.28rem;
+    color: #1A9D89;
+    background: #fff;
+}
+
+.con_title li.con_curr em {
+    position: absolute;
+    top: 0.3rem;
+    left: 0;
+    display: inline-block;
+    width: 0.1rem;
+    height: 0.4rem;
+    color: #1A9D89;
+    background: #1A9D89;
+}
+
+.con_warp {
+    display: inline-block;
+    /*width: 5.26rem;*/
+    vertical-align: top;
+    margin-top: 0.75rem;
+    margin-left: 1.9rem;
+    padding: 0.2rem 0;
+}
+.tab_content{
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+}
+.tab_info_box{
+    font-size: 0.26rem;
+    color: #252729;
+    text-align: center;
+    margin-bottom: 0.2rem;
+    margin-left: 0.2rem;
+}
+
+.tab_info_box  img {
+    width:2.44rem;
+    height:1.17rem;
+    box-shadow: 0 0.05rem 0.15rem 0 rgba(0,0,0,0.2);
+}
+
+.symbol_icon {
+    font-size: 0.26rem;
+    color: #C9141D;
+}
+
+.discount {
+    color: #97A0A8;
+    text-decoration: line-through;
+}
+
+.original_price {
+    font-size: 0.3rem;
+    color: #C9141D;
+    margin-right: 0.2rem;
+}
+.content_box{
+    position: relative;
+    top: 1.1rem;
+    padding: 0.3rem;
+}
+.item_list{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-shadow:0 0.15rem 0.3rem 0 rgba(235,235,235,1);
+    border-radius:0.1rem;
+    padding: 0.2rem;
+    font-size: 0.26rem;
+    color: #252729;
+    line-height: 0.7rem;
+    margin-bottom: 0.16rem;
+}
+.list_left{
+    display: flex;
+    align-items: center;
+}
+.head_img{
+    width: 1.8rem;
+    height: 1.8rem;
+    margin-right: 0.13rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.head_img img{
+    width: 100%;
+    height: 100%;
+}
+.user_name{
+    font-size: 0.32rem;
+    font-weight: bold;
+    color: #252729;
+}
+.icon-jiantou1{
+    color: #97A0A8;
+}

+
+
+/* content */
+
+.box {
+    width: 100%;
+    background: #fff;
+    /*margin-top: 1.70rem;*/
+    padding:  0.3rem;
+    box-sizing: border-box;
+}
+
+.content_item {
+    display: flex;
+    align-items: flex-start;
+    border-bottom: 1px solid #dcdde0;
+    /*padding: 0.30rem;*/
+}
+
+.content_item:last-child{
+    border-bottom: 0;
+}
+
+.head_portrait {
+    width: 0.80rem;
+    height: 0.80rem;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 0.20rem;
+    overflow: hidden;
+}
+
+.head_portrait img {
+    width: 100%;
+    height: 100%;
+}
+
+.left_box {
+    position: relative;
+}
+
+.item_list {
+    width: 85%;
+}
+
+.list_head_box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.user_name {
+    font-size: 0.3rem;
+    color:#000000;
+}
+
+.collect_box {
+    width: 1.18rem;
+    height: 0.6rem;
+    font-size: 0.26rem;
+    color: #FFF;
+    background: #1A9D89;
+    border-radius: 0.3rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+
+.list_info_box {
+    font-size: .24rem;
+    color: #b3b3b3;
+}
+
+.list_content {
+    font-size: 0.28rem;
+    color: #1a1a1a;
+    margin-top: .10rem;
+}
+
+.list_img_box {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    margin-top: 0.30rem;
+}
+
+.list_img_box img {
+    width: 1.85rem;
+    height: 1.85rem;
+    margin-right: 0.08rem;
+    margin-bottom: 0.08rem;
+}
+.list_img_box .one {
+    width: 4rem;
+    height: 4rem;
+    margin-right: 0.08rem;
+    margin-bottom: 0.08rem;
+}
+.list_img_box img:last-child {
+    margin-right: 0;
+}
+.list_state_box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 0.24rem;
+    color: #999;
+    margin-top: .30rem;
+}
+
+.time {
+    font-size: .20rem;
+}
+
+.icon-xin, .icon-pinglun {
+    font-size: 0.36rem!important;
+    margin-right: 0.10rem;
+}
+
+.icon-pinglun {
+    margin-left:0.3rem;
+}
+
+.list_comment_box {
+    background: #F5F6FA;
+    font-size:0.24rem;
+    color: #999999;
+    margin-top: 0.28rem;
+}
+
+.comment_list {
+    border-bottom: 1px solid #ccc;
+    padding: 0.10rem 0.17rem;
+}
+
+.comment_list:last-child {
+     border-bottom: 0;
+}
+
+ .xin {
+    font-size: 0.3rem!important;
+    margin-right: .12rem;
+}
+
+.comment_content {
+    font-size: .26rem;
+    color: #13161a;
+}
+.comment_name{
+    font-size: 0.26rem;
+    color: #1A9D89;
+}
+.textarea_box{
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    margin-bottom: 0.3rem;
+}
+.textarea_box textarea{
+    width: 100%;
+    min-height: 3.6rem;
+    border: 0;
+    outline: none;
+    font-size: 0.28rem;
+    background: #FAFAFA ;
+    -webkit-border-radius: 0.16rem;
+    -moz-border-radius: 0.16rem;
+    border-radius: 0.16rem;
+    padding: 0.3rem;
+    box-sizing: border-box;
+}
+.weui-uploader__hd p{
+    font-size: 0.26rem;
+    color: #292525;
+    margin-bottom: 0.2rem;
+}
+.weui-uploader__input-box,.weui-uploader__file{
+    width: 1.6rem!important;
+    height: 1.6rem!important;
+}
+.submit_btn{
+    width:93%;
+    height:0.8rem;
+    background:rgba(26,157,137,1);
+    border-radius:0.4rem;
+    font-size: 0.3rem;
+    color: #FFFFFF;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    bottom: 0.3rem;
+    left: 50%;
+    transform: translateX(-50%);
+}

+/*.tabbar_box{*/
+    /*width: 100%;*/
+    /*display: flex;*/
+    /*align-items: center;*/
+    /*justify-content: space-between;*/
+    /*padding: 0 0.65rem;*/
+    /*position: fixed;*/
+    /*bottom: 0;*/
+    /*left: 0;*/
+    /*background: #fff;*/
+    /*border-top: 1px solid #EBEBEB;*/
+    /*box-sizing: border-box;*/
+/*}*/
+/*.tabbar_item{*/
+    /*font-size: 0.24rem;*/
+    /*color: #969799;*/
+    /*text-align: center;*/
+/*}*/
+/*.tabbar_on{*/
+    /*color: #1A9D89;*/
+/*}*/
+/*.tabbar_img{*/
+    /*width: 0.64rem;*/
+    /*height: 0.64rem;*/
+    /*display: flex;*/
+    /*align-items: center;*/
+    /*justify-content: center;*/
+/*}*/
+/*.tabbar_img img{*/
+    /*width: 100%;*/
+    /*height: 100%;*/
+/*}*/
+
+
+
+/* 公共底部 */
+.footer {
+    height: 1.5rem;
+}
+
+.footer ul {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    font-size: 0;
+    background: #fff;
+    z-index: 999;
+    /*box-shadow:0px -1px 2px 0px rgba(0,0,0,0.08);*/
+    border-top: 1px solid #EBEBEB;
+}
+
+.footer li {
+    display: inline-block;
+    width: 25%;
+    padding: 0.1rem 0;
+    text-align: center;
+}
+
+.footer li a {
+    display: block;
+    color: #969799;
+    font-size: 0.24rem;
+}
+
+.footer li em {
+    display: block;
+    /*margin: 0 auto 0.1rem;*/
+    margin: 0 auto;
+}
+
+.footer li .footer_icon1 {
+    width: 0.64rem;
+    height: 0.64rem;
+    background: url('../images/anav01@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.footer li .footer_icon2 {
+    width: 0.64rem;
+    height: 0.64rem;
+    background: url('../images/anav03@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.footer li .footer_icon3 {
+    width: 0.64rem;
+    height: 0.64rem;
+    background: url('../images/anav05@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.footer li .footer_icon4 {
+    width: 0.64rem;
+    height: 0.64rem;
+    background: url('../images/anav07@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.footer li.footer_curr .footer_icon1 {
+    background: url('../images/anav02@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.footer li.footer_curr .footer_icon2 {
+    background: url('../images/anav04@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.footer li.footer_curr .footer_icon3 {
+    background: url('../images/anav06@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.footer li.footer_curr .footer_icon4 {
+    background: url('../images/anav08@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+/* tanchuang */
+.popup_box{
+    min-width:5.20rem;
+    min-height:2.80rem;
+    background:rgba(0,0,0,1);
+    opacity:0.7;
+    border-radius:0.1rem;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    z-index: 100;
+}
+.popup_box text{
+    display: inline-block;
+    width: 100%;
+    font-size: 0.3rem;
+    color: #FFFFFF;
+    text-align:center;
+    line-height: 0.8rem;
+}

+.banner_box {
+    width: 100%;
+    height: 3.59rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    /*position: relative;*/
+    /*z-index: 0;*/
+}
+
+.banner_box img {
+    width: 100%;
+    height: 100%;
+}
+.content_box{
+    width: 100%;
+    background-color: #fff;
+    padding: 0.35rem;
+    box-sizing: border-box;
+}
+.tab_box {
+    width: 100%;
+    height: 0.7rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 0.01rem solid #E4E4E4;
+    padding-bottom: 0.15rem;
+}
+
+.tab_title {
+    font-size: 0.28rem;
+    color: #53575C;
+}
+
+.tab_active {
+    font-size: 0.3rem;
+    color: #1A9D89;
+    position: relative;
+}
+
+.tab_active:after {
+    content: '';
+    position: absolute;
+    bottom: -0.3rem;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 0.8rem;
+    height: 0.05rem;
+    background: #1A9D89;
+    border-radius: 0.03rem;
+}
+
+.tab_content {
+    font-size: 0.28rem;
+    color: #666666;
+    padding-top: 0.3rem;
+    line-height: 0.5rem;
+}
+
+.tab_content_title {
+    font-size: 0.32rem;
+    font-weight: bold;
+    color: #333333;
+}
+
+.join_btn {
+    width: 100%;
+    height: 0.88rem;
+    background: #F6AD60;
+    font-size: 0.34rem;
+    color: #FFFFFF;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+}
+.item_box{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    /*background: #FAFAFA;*/
+    border-bottom: 1px solid #EBEBEB;
+    padding: 0.2rem;
+    font-size: 0.26rem;
+    color: #53575C;
+}
+.item_box img{
+    width: 1.6rem;
+    height: 1.6rem;
+    -webkit-border-radius: 0.10rem;
+    -moz-border-radius: 0.10rem;
+    border-radius: 0.10rem;
+    margin-left: 0.15rem;
+}
+.item_content{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    margin: 0.1rem 0;
+}
+.item_title{
+    font-size: 0.3rem;
+    font-weight: bold;
+    color: #252729;
+}
+.head_img{
+    width: 1.8rem!important;
+    height: 1.8rem!important;
+    margin: 0 auto;
+}
+.head_img img{
+    width: 100%;
+    height: 100%;
+}
+.user_name{
+    text-align: center;
+    margin-top: 0.3rem;
+}
+.banner_item_box{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.3rem;
+}
+.tab_content_box{
+    margin-top: 0.2rem;
+}
+.tab_content_item{
+    font-size: 0.3rem;
+    color: #252729;
+}
+.tab_info{
+    padding:0 1rem 0.30rem 1rem!important;
+    box-sizing: border-box;
+}

+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
+    margin: 0;
+    padding: 0;
+}
+
+body, button, input, select, textarea {
+    font: 12px/1.5 tahoma, arial, \5b8b\4f53;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-size: 100%;
+}
+
+address, cite, dfn, em, var {
+    font-style: normal;
+}
+
+code, kbd, pre, samp {
+    font-family: couriernew, courier, monospace;
+}
+
+small {
+    font-size: 12px;
+}
+
+ul, ol {
+    list-style: none;
+}
+
+a:link {
+    text-decoration: none;
+}
+
+
+a:visited {
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: none;
+}
+
+a:active {
+    text-decoration: none;
+}
+
+ 
+sup {
+    vertical-align: text-top;
+}
+
+sub {
+    vertical-align: text-bottom;
+}
+
+legend {
+    color: #000;
+}
+
+fieldset, img {
+    border: 0;
+}
+
+button, input, select, textarea {
+    font-size: 100%;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+.null_box{
+    width: 100%;
+    height: 1.15rem;
+}

+.integral_box{
+    width: 100%;
+    height: 3.2rem;
+    background-color: #1A9D89;
+    font-size: 0.3rem;
+    color: #FFFFFF;
+    padding: 0.5rem 0.3rem;
+    box-sizing: border-box;
+}
+.integral_num{
+    font-size: 1.2rem;
+}
+.integral_info_box{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #fff;
+    padding: 0.2rem 0;
+}
+.integral_item{
+    width: 50%;
+    text-align: center;
+    font-size: 0.36rem;
+    color: #000;
+}
+.line{
+    width:0.02rem;
+    height:0.44rem;
+    background: #CCCCCC;
+}
+.integral_info{
+    font-size: 0.24rem;
+    color: #666666;
+}
+.content_box{
+    margin-top: 0.16rem;
+}
+.item_list{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: #fff;
+    padding: 0.25rem 0.3rem;
+    box-sizing: border-box;
+    border-bottom: 1px solid #EBEBEB;
+    color: #000;
+    font-size: 0.28rem;
+}
+.item_list:last-child{
+    border-bottom: 0;
+}
+.icon-jiantou1{
+    color: #ccc;
+}
+.list_info_box{
+    font-size: 0.32rem;
+    color: #000000;
+}
+.integral_num2{
+    font-size: 0.36rem;
+    color: #1A9D89;
+}
+.time{
+    font-size: 0.26rem;
+    color: #999999;
+    margin-top: 0.15rem;
+}

+  .weui-picker__item {
+  	font-size: 0.3rem !important;
+  }
+
+  .weui-picker__hd {
+  	width: auto !important;
+  	font-size: 0.3rem;
+  }
+
+  .weui-picker__action {
+  	display: block;
+  	-webkit-box-flex: 1;
+  	-ms-flex: 1;
+  	flex: 1;
+  	color: rgba(0, 153, 204, 1);
+  }
+
+  .weui-toast {
+  	position: fixed;
+  	z-index: 5000;
+  	width: 2.5rem;
+  	min-height: 2.5rem;
+  	top: 180px;
+  	left: 50%;
+  	margin-left: -1.25rem;
+  	background: rgba(17, 17, 17, 0.7);
+  	text-align: center;
+  	border-radius: 5px;
+  	color: #FFFFFF;
+  }
+
+  .weui-dialog__title {
+  	font-weight: 500;
+  }
+
+  .weui-dialog__hd {
+  	padding: 0rem 0rem 0rem !important;
+  }
+
+  .weui-skin_android .weui-dialog__hd {
+  	text-align: left;
+  	padding: 0rem .6rem 0rem !important;
+  }
+
+  .weui-skin_android .weui-dialog__title {
+  	font-size: .38rem;
+  	font-family: PingFang-SC-Medium;
+  	color: rgba(0, 0, 0, 1);
+  }
+
+  .weui-skin_android .weui-dialog__bd {
+  	color: #999999;
+  	padding: 0rem .6rem .6rem;
+  	font-size: .3rem;
+  	text-align: left;
+  }
+
+  .weui-skin_android .weui-dialog__btn {
+  	color: rgba(51, 51, 51, 1);
+  }
+
+  .weui-toast__content {
+  	font-size: .3rem;
+  }
+
+  .weui-picker__item {
+  	font-size: 0.3rem !important;
+  }
+
+  .weui-picker__hd {
+  	width: auto !important;
+  	font-size: 0.3rem;
+  }
+
+  .weui-picker__action {
+  	display: block;
+  	-webkit-box-flex: 1;
+  	-ms-flex: 1;
+  	flex: 1;
+  	color: rgba(247, 123, 32, 1);
+  }
+
+  .weui-toast__content {
+  	width: 100% !important;
+  	text-align: center !important;
+  	color: rgba(255, 255, 255, 1);
+  	margin-top: 0.2rem;
+  	text-align: center;
+  }

+.content_box{
+    background: #fff;
+    margin-bottom: 0.16rem;
+}
+.banner_box{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.3rem 0.4rem;
+}
+.banner_info_box{
+    display: flex;
+    align-items: center;
+    padding: 0.3rem 0.4rem;
+}
+.banner_item{
+    width: 30%;
+    text-align: center;
+    font-size: 0.3rem;
+    color: #252729;
+}
+.banner_info{
+    font-size: 0.26rem;
+    color: #97A0A8;
+}
+.banner_line{
+    width:0.02rem;
+    height:0.36rem;
+    background:#EBEBEB;
+}
+.head_box{
+    display: flex;
+    align-items: center;
+}
+.head_box img{
+    width: 1.2rem;
+    height: 1.2rem;
+    border-radius: 50%;
+    border: 1px solid #EBEBEB;
+    margin-right: 0.3rem;
+}
+.user_name{
+    font-size: 0.3rem;
+    font-weight: bold;
+    color: #252729;
+}
+.input_box{
+    padding:0 0.3rem;
+}
+.list_input{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid #EBEBEB;
+    padding: 0.25rem 0;
+}
+.list_input:last-child{
+    border-bottom: 0;
+}
+.list_img_box{
+    display: flex;
+    align-items: center;
+    font-size: 0.28rem;
+    color: #53575C;
+}
+.list_img {
+    width:  0.48rem;
+    height: 0.48rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 0.1rem;
+}
+.list_img img{
+    width: 100%;
+    height: 100%;
+}
+.type_box{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    padding: 0.15rem 0;
+}
+.type_item{
+    width: 30%;
+   text-align: center;
+    margin: 0.15rem 0;
+    font-size: 0.28rem;
+    color: #53575C;
+}
+.type_icon{
+    font-size: 0.4rem;
+    color: #1A9D89;
+}
+.icon_font{
+    font-size: 0.30rem;
+}
+.icon-jiantou1{
+    font-size: 0.3rem;
+    color: #97A0A8;
+}
+.sign_in{
+    display: flex;
+    align-items: center;
+    font-size: 0.3rem;
+    color: #252729;
+}
+.icon-qiandao{
+    font-size: 0.36rem;
+    margin-right: 0.15rem;
+
+}
+
+.weui_tab_bd_item{
+    display: none;
+
+}

+.tab_box {
+    background: #ffffff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.25rem 1.25rem;
+}
+.tab_item{
+    height: 100%;
+    font-size: 0.28rem;
+    color: #999999;
+    position: relative;
+}
+.tab_on{
+    font-size: 0.36rem;
+    font-weight: bold;
+    color: #1A9D89;
+    position: relative;
+}
+.tab_on:after{
+    content: '';
+    position: absolute;
+    bottom: -0.25rem;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 100%;
+    height: 0.05rem;
+    background: #1A9D89;
+    -webkit-border-radius: 0.05rem;
+    -moz-border-radius: 0.05rem;
+    border-radius: 0.05rem;
+}
+.point{
+    position: absolute;
+    right: -0.15rem;
+    top: -0.05rem;
+    width: 0.32rem;
+    height: 0.32rem;
+    background: #FF2500;
+    font-size: 0.25rem;
+    font-weight: normal;
+    color: #ffffff;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    text-align: center;
+    line-height: 0.32rem;
+}
+.tab_content_box{
+    background: #fff;
+    margin-top: 0.16rem;
+}
+.tab_info{
+    display: flex;
+    align-items: center;
+    padding: 0.3rem;
+    border-bottom: 1px solid #EBEBEB;
+}
+.tab_content{
+    padding: 0.3rem;
+    font-size:0.28rem;
+    color:#1a1a1a ;
+}
+.inquary_box{
+    padding: 0.3rem;
+    font-size:0.28rem;
+    color:#1a1a1a ;
+    background: #fff;
+}
+.tab_title{
+    font-size: 0.26rem;
+    font-weight: bold;
+    color: #1A1A1A;
+    margin-bottom: 0.1rem;
+}
+.content_item{
+    margin-bottom: 0.3rem;
+}
+.content_item:last-child{
+    margin-bottom: 0;
+}
+.tab_textarea{
+    width:100%;
+    min-height:1.40rem;
+    background:rgba(245,246,250,1);
+    border:1px solid rgba(235,235,235,1);
+    border-radius:0.05rem;
+    margin-top: 0.15rem;
+}
+.tab_textarea textarea{
+    width: 100%;
+    height: 100%;
+    border: 0;
+    outline: none;
+    background: #F5F6FA;
+    padding: 0.1rem;
+    font-size: 0.28rem;
+    color: #1A1A1A;
+    box-sizing: border-box;
+}
+.user_info_box{
+    display: flex;
+    align-items: center;
+    padding: 0.3rem;
+    font-size: 0.26rem;
+    color: #1A1A1A;
+}
+.head_box{
+    width: 1.2rem;
+    height: 1.2rem;
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 0.4rem;
+}
+.head_box img{
+    width: 100%;
+    height: 100%;
+}
+.icon-huatong{
+    /*font-size: 0.35rem;*/
+    color: #1A9D89;
+}
+.agree{
+    width: 100%;
+    height: 100%;
+    border: 0;
+    outline: none;
+    /*padding: 0.2rem;*/
+}
+.title{
+    font-size: 0.28rem;
+    color: #0E9782;
+}
+.content_box{
+    padding: 0.3rem;
+}
+.weui-uploader{
+    margin-top: 0.16rem;
+    background: #fff!important;
+    padding: 0.3rem!important;
+}
+.weui-uploader__input-box{
+    border: 1px dashed #ccc;
+}
+.bottom_box{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 0.32rem;
+    padding: 0.4rem;
+    overflow: hidden;
+}
+.agree_btn{
+    width:4.38rem;
+    height:0.88rem;
+    background:rgba(26,157,137,1);
+    box-shadow:0 0.15rem 0.3rem 0 rgba(4, 71, 83, 0.35);
+    border-radius:0.44rem;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.bottom_btn{
+    width:2.2rem;
+    height:0.88rem;
+    background: #ffffff;
+    border-radius:0.44rem;
+    color: #97A0A8;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: 0.2rem;
+}
+.info_item{
+    padding:0.2rem 0 ;
+    border-bottom: 1px solid #EBEBEB;
+}
+.info_item:last-child{
+    /*border: 0;*/
+    /*padding-bottom: 0;*/
+}
+.info_input{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.1rem;
+}
+.info_input input{
+    width: 90%;
+    border: 0;
+    outline: none;
+    font-size: 0.28rem;
+}
+.submit{
+    width: 3.6rem;
+    margin: 0 auto;
+    margin-top: 0.3rem;
+}
+.hint_info{
+    font-size: 0.24rem;
+    color: #FF5F5F;
+    margin-top: 0.2rem;
+}
+.voice_box{
+    width:6.86rem;
+    height:1.2rem;
+    background:rgba(255,255,255,1);
+    box-shadow:0 0.08rem 0.16rem 0 rgba(6,33,65,0.08);
+    border-radius:0.6rem;
+    padding: 0.2rem 0.3rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    box-sizing: border-box;
+}
+.voice_icon{
+    font-size: 0.7rem;
+    color: #1A9D89;
+}
+.icon-luying_ongoing{
+    font-size: 0.6rem;
+}
+.voice_item{
+    display: flex;
+    align-items: center;
+}
+.voice_font{
+    width: 50%;
+    font-size: 0.24rem;
+    color: #97A0A8;
+}
+
+/* 站内信 */
+.tab_message{
+    padding:0.25rem 2rem!important;
+}
+.message_content_box{
+    margin-top: 0;
+    border-top: 1px solid #EBEBEB;
+}
+.message_content{
+
+}
+.message_item{
+    box-shadow:0 0.08rem 0.16rem 0 rgba(160,161,163,0.16);
+    border-radius:0.1rem;
+    padding: 0.3rem;
+}
+.tab_time{
+    font-size: 0.28rem;
+    color: #97A0A8;
+    margin-top: 0.1rem;
+}
+.message_title{
+    font-size: 0.32rem;
+}
+/*详情*/
+.detail_title{
+    font-size: 0.36rem;
+}
+.detail_time{
+    font-size: 0.26rem;
+    color: #252729;
+    margin-bottom: 0.25rem;
+}

+.banner_box {
+    width: 100%;
+    height: 2.7rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    left: 0;
+    top: 0;
+    z-index: 5;
+    border: 1px solid blue;
+}
+
+.banner_box img {
+    width: 100%;
+    height: 100%;
+}
+
+.content_box {
+    padding: 0 0.3rem;
+}
+
+.content_item {
+    width: 100%;
+    padding: 0 0.3rem;
+    box-sizing: border-box;
+}
+
+.sub_item {
+    box-shadow: 0 0.08rem 0.16rem 0 rgba(6, 33, 65, 0.08);
+    position: relative;
+    z-index: 100;
+    border-radius: 0.1rem;
+    margin-top: -1rem;
+    box-sizing: border-box;
+    background: #fff;
+}
+
+.item_list {
+    padding: 0.3rem 0;
+    border-bottom: 1px solid #EBEBEB;
+    box-sizing: border-box;
+}
+
+.item_list:last-child {
+    border: 0;
+}
+
+.list_title {
+    font-size: 0.24rem;
+    color: #0E9782;
+}
+
+.list_input {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.list_input input {
+    width: 100%;
+    border: 0;
+    outline: none;
+    font-size: 0.28rem;
+}
+
+.list_button input {
+    width: 77%;
+}
+
+.list_button button {
+    border: 0;
+    outline: none;
+    font-size: 0.28rem;
+    color: #0C9681 !important;
+    background: #fff;
+}
+
+.icon-xiala {
+    font-size: 0.3rem;
+    color: #999;
+}
+
+.list_select {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.select_item {
+    width: 20%;
+    position: relative;
+    margin-right: 0.25rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.icon-daosanjiao {
+    position: absolute;
+    right: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 0.23rem;
+    color: #5C5C5C;
+}
+
+.select_item select {
+    width: 100%;
+    border: 0;
+    outline: none;
+    font-size: 0.28rem;
+    /*/ / 隐藏select的下拉图标 */
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+}
+
+.select_item:last-child {
+    margin-right: 0;
+}
+
+.register_btn {
+    width: 2.4rem;
+    height: 0.88rem;
+    background: linear-gradient(0deg, rgba(2, 191, 164, 1), rgba(4, 191, 162, 1));
+    box-shadow: 0 0.15rem 0.2rem rgba(2, 191, 164, 0.45);
+    border-radius: 0.44rem;
+    font-size: 0.36rem;
+    color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto;
+}
+
+.mask_box {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 50;
+    background: rgba(0, 0, 0, 0.6);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.success {
+    background:url("../images/abg02@2x.png") no-repeat;
+    -webkit-background-size: cover;
+    background-size: cover;
+}
+
+.popup_box {
+    width: 5rem;
+    background: #fff;
+    border-radius: 0.1rem;
+    line-height: 0.8rem;
+    color: #1A9D89;
+    padding: 0.5rem 0.3rem;
+    font-size: 0.3rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+.success_box{
+    background: none;
+    font-size: 0.32rem;
+    color: #1A9D89;
+    text-align: center;
+    line-height: 0.5rem;
+    margin-top: 3.5rem;
+}
+.success_info{
+    font-size: 0.24rem;
+    margin-top:0.3rem
+}

+body{
+    background: #F5F6FA;
+}
+.container{
+    background:#fff;
+}
+.serach_box{
+    padding: 0.12rem 0.3rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 0.26rem;
+    color: #000;
+    border-bottom: 1px solid #EBEBEB;
+}
+.search_item{
+    width: 90%;
+    height:0.8rem;
+    background:#F6F6F6;
+    border-radius:0.05rem;
+    display: flex;
+    align-items: center;
+    padding: 0 0.24rem;
+    box-sizing: border-box;
+}
+.icon-sousuo{
+    color: #B2B2B2;
+}
+.input_box{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    position: relative;
+    margin-left: 0.2rem;
+}
+.input_box input{
+    width: 100%;
+    border: 0;
+    outline: none;
+    background: #F6F6F6;
+}
+.icon-cha{
+    position: absolute;
+    right:0rem;
+    font-size: 0.3rem;
+    color: #97A0A8;
+}
+.content_box{
+    padding: 0.36rem 0.35rem;
+}
+.content_title_box{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.content_title{
+    font-size: 0.32rem;
+    font-weight: bold;
+    color: #252729;
+}
+.content_title_info{
+    display: flex;
+    align-items: center;
+    font-size: 0.26rem;
+    color: #97A0A8;
+}
+.icon-shanchu{
+    font-size: 0.25rem;
+    color: #252729;
+}
+.content_item{
+    margin-top: 0.4rem;
+}
+.lable_item{
+    padding:0.3rem 0.2rem;
+    margin-right: 0.3rem;
+    font-size: 0.28rem;
+    color: #252729;
+    border-top:1px solid #EBEBEB ;
+}
+.reco_public{
+    padding: 0 0.3rem;
+}
+.reco_public li{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding:  0.3rem 0;
+    border-bottom: 1px solid #EBEBEB;
+}
+.reco_public li:last-child{
+    border: 0;
+}
+.mmend_right{
+    width: 73%;
+    font-size: 0.26rem;
+    color: #53575C  ;
+}
+.mmend_left{
+    width: 1.6rem;
+    height: 1.6rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    -webkit-border-radius: 0.1rem;
+    -moz-border-radius: 0.1rem;
+    border-radius: 0.1rem;
+}
+.mmend_left img{
+    width: 100%;
+    height: 100%;
+}
+.mmend_title{
+    font-size: 0.3rem;
+    font-weight: bold;
+    color: #252729;
+}
+.mmend_name{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    margin:0.08rem 0;
+}

+.shop {
+    padding: 0 !important;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    background: #fff;
+    margin-top: 0.16rem;
+}
+
+.item_list:nth-child(odd) {
+    margin-right: 0.09rem;
+}
+
+.book_img {
+    width: 3.66rem;
+    height: 3.66rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid #F2F2F2;
+}
+
+.book_img img {
+    width: 100%;
+    height: 100%;
+}
+
+.book_name {
+    font-size: 0.32rem;
+    font-weight: bold;
+    color: #000000;
+}
+
+.book_info {
+    font-size: 0.26rem;
+    color: #000000;
+    margin: 0.1rem 0;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+}
+
+.book_price {
+    font-size: 0.32rem;
+    color: #1A9D89;
+}
+
+.list_content {
+    padding: 0.1rem;
+    box-sizing: border-box;
+}
+
+/* 商品详情 */
+.head_box {
+    background: #fff;
+}
+
+.swiper-pagination {
+    padding: 0.05rem 0.1rem !important;
+    font-size: 0.36rem !important;
+    color: #FFFFFF !important;
+    box-sizing: border-box;
+}
+
+.shop_info_box {
+    padding: 0.2rem 0.3rem;
+    background: #fff;
+}
+
+.num {
+    font-size: 0.36rem;
+    color: #1A9D89;
+}
+
+.shop_num {
+    font-size: 0.24rem;
+    color: #000000;
+}
+
+.shop_title {
+    font-size: 0.32rem;
+    font-weight: bold;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+    margin: 0.1rem 0;
+}
+
+.shop_info {
+    color: #333333;
+    font-size: 0.26rem;
+}
+
+.content_box {
+    margin-top: 0.16rem;
+}
+
+.detail_minus {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.detail_minus p {
+    color: #999999;
+    font-size: 0.26rem;
+    margin: 0 0.2rem;
+}
+
+.line {
+    width: 2.5rem;
+    height: 0.02rem;
+    background: #EBEBEB;
+}
+
+.detail_content {
+    margin-top: 0.1rem;
+}
+
+.detail_content img {
+    width: 100%;
+    height: 100%;
+}
+
+.bottom_box {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 1rem;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    box-sizing: border-box;
+    z-index: 100;
+    font-size: 0.36rem;
+    color: #1A9D89;
+}
+
+.buy_btn {
+    width: 3rem;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #1A9D89;
+    font-size: 0.3rem;
+    color: #FFFFFF;
+    margin-left: 0.2rem;
+}
+
+.mask_box {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.7);
+    z-index: 999;
+}
+
+.popup_box {
+    width: 100%;
+    min-height: 5.4rem;
+    padding: 0.3rem;
+    background: #fff;
+    box-sizing: border-box;
+    border-radius: 0.1rem 0.1rem 0 0;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.icon-quxiao {
+    position: absolute;
+    top: 0.2rem;
+    right: 0;
+    z-index: 666;
+    color: #CCCCCC;
+    margin-right: 0.28rem;
+}
+
+.popup_content_box {
+    display: flex;
+    align-items: center;
+}
+
+.popup_img {
+    width: 1.8rem;
+    height: 1.8rem;
+    margin-right: 0.2rem;
+    -webkit-border-radius: 0.05rem;
+    -moz-border-radius: 0.05rem;
+    border-radius: 0.05rem;
+}
+
+.popup_img img {
+    width: 100%;
+    height: 100%;
+}
+
+.popup_content {
+    width: 65%;
+}
+
+.popup_num {
+    color: #666666;
+    font-size: 0.26rem;
+}
+
+.popup_num span {
+    color: #1A9D89;
+    font-size: 0.32rem;
+    font-weight: bold;
+}
+
+.popup_title, .popup_info {
+    padding-top: 0.1rem;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+}
+
+.popup_info {
+    color: #666666;
+    font-size: 0.26rem;
+    margin: 0.1rem 0;
+}
+
+.popup_info_box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 0.3rem;
+    font-size: 0.3rem;
+    color: #000000;
+}
+
+.popup_input_box {
+    display: flex;
+    align-items: center;
+}
+
+.popup_input_box input {
+    width: 0.8rem;
+    height: 0.5rem;
+    color: #3F4040;
+    font-size: 0.3rem;
+    outline: none;
+    text-align: center;
+    margin: 0 0.13rem;
+    border: 0;
+    background: #F0F1F5;
+    vertical-align: middle;
+}
+
+.popup_btn {
+    width: 90%;
+    height: 0.88rem;
+    color: #fff;
+    font-size: 0.32rem;
+    line-height: 0.88rem;
+    text-align: center;
+    background: #1A9D89;
+    border-radius: 0.44rem;
+    position: fixed;
+    bottom: 0.32rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+/* 确认订单  订单信息 */
+.order_info {
+    margin: 0.32rem;
+    margin-bottom: 0.16rem;
+    padding: 0.32rem;
+    border-radius: 0.2rem;
+    background: #fff;
+}
+
+.address_box {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.name {
+    margin-right: 0.2rem;
+}
+
+.address_detail {
+    margin-top: 0.3rem;
+}
+
+.order_info h2 {
+    padding-bottom: 0.32rem;
+    color: #26363A;
+    font-size: 0.3rem;
+}
+
+/* 支付方式 */
+
+.order_pay li {
+    color: #1A1A1A;
+    font-size: 0.26rem;
+    border-bottom: solid 1px #f5f5f5;
+    padding-bottom: 0.3rem;
+}
+
+.order_detail li:last-child {
+    border: 0;
+    padding-bottom: 0;
+    margin-top: 0.3rem;
+}
+
+.order_pay li:last-child {
+    border: 0;
+    padding-bottom: 0;
+}
+
+.money {
+    font-size: 0.26rem;
+    color: #BA1B2B;
+}
+
+.order_label {
+    position: relative;
+    display: inline-block;
+    padding-left: 0.2rem;
+}
+
+.order_label input {
+    position: absolute;
+    top: -0.38rem;
+    left: 0px;
+    width: 0.7rem;
+    height: 1rem;
+    opacity: 0;
+}
+
+.order_label input[type=radio] + em {
+    display: inline-block;
+    width: 0.36rem;
+    height: 0.36rem;
+    background: url('../images/reg03.png') no-repeat;
+    background-size: 100% 100%;
+    vertical-align: middle;
+}
+
+.order_label input[type=radio]:checked + em {
+    background: url('../images/reg02.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.conversion li {
+    font-size: 0;
+    padding-top: 0.32rem;
+}
+
+.conversion li span {
+    display: inline-block;
+    width: 1.3rem;
+    color: #1A1A1A;
+    font-size: 0.26rem;
+    vertical-align: middle;
+}
+
+.conversion li input {
+    display: inline-block;
+    width: 4.7rem;
+    padding-left: 0.32rem;
+    color: #1A1A1A;
+    font-size: 0.26rem;
+    border: 0;
+    vertical-align: middle;
+}
+
+.addres_box {
+    font-size: 0;
+    padding: 0.42rem 0;
+    margin: 0.42rem 0;
+    border-bottom: solid 1px #f5f5f5;
+    border-top: solid 1px #f5f5f5;
+}
+
+.addres_name {
+    display: inline-block;
+    color: #1A1A1A;
+    font-size: 0.26rem;
+    padding-right: 0.12rem;
+    vertical-align: middle;
+}
+
+.addres_box .order_label {
+    padding-right: 0.82rem;
+}
+
+.addres_box .order_label input {
+    top: -0.28rem;
+    left: 0.18rem;
+}
+
+.addres_box span {
+    display: inline-block;
+    padding-left: 0.16rem;
+    color: #666666;
+    font-size: 0.26rem;
+    vertical-align: middle;
+}
+
+.addres_box .order_label input[type=radio]:checked + em + span {
+    color: #FF0000;
+}
+
+.addres_site {
+    font-size: 0;
+}
+
+.addres_title {
+    display: inline-block;
+    color: #1A1A1A;
+    font-size: 0.26rem;
+    vertical-align: middle;
+}
+
+.addres_site input {
+    width: 3.82rem;
+    padding-left: 0.36rem;
+    color: #1A1A1A;
+    font-size: 0.26rem;
+    border: 0;
+    vertical-align: middle;
+}
+
+.addres_site i {
+    margin-left: 0.52rem;
+    color: #999999;
+    font-size: 28px;
+    vertical-align: middle;
+}
+
+.weui-cell {
+    padding: 0;
+    font-size: 0;
+}
+
+.weui-cell:before {
+    border: 0;
+}
+
+.weui-label {
+    width: auto;
+    color: #1A1A1A;
+    font-size: 0.26rem;
+    margin-right: 0.38rem;
+}
+
+.weui-cell input {
+    color: #1A1A1A;
+    font-size: 0.26rem;
+}
+
+.weui-cell i {
+    color: #999999;
+    font-size: 28px;
+    vertical-align: middle;
+}
+
+.weui-cell__bd {
+    width: 64%;
+    flex: 0.93;
+    -webkit-flex: 0.93;
+    -webkit-box-flex: 0.93;
+}
+
+.addres_else {
+    margin: 0.32rem;
+    padding: 0.32rem;
+    background: #fff;
+    border-radius: 0.2rem;
+}
+
+.addres_else h2 {
+    color: #26363A;
+    font-size: 0.3rem;
+    padding-bottom: 0.22rem;
+    border-bottom: solid 1px #EBEBEB;
+}
+
+.addres_else textarea {
+    width: 100%;
+    height: 1.98rem;
+    padding-top: 0.2rem;
+    color: #1A1A1A;
+    font-size: 0.26rem;
+    border: 0;
+}
+
+.else_txt {
+    padding: 0 0 0.32rem 0.32rem;
+    color: #999999;
+    font-size: 0.26rem;
+}
+
+.content_box {
+    padding: 0.2rem 0.3rem !important;
+    box-sizing: border-box !important;
+    background: none !important;
+}
+
+.order_item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0.12rem;
+}
+
+.label {
+    justify-content: space-between;
+}
+
+.info_left {
+    width: 1.28rem;
+    height: 1.28rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 0.15rem;
+}
+
+.info_left img {
+    width: 100%;
+    height: 100%;
+}
+
+.info_right {
+    width: 68%;
+}
+
+.info_txt1, .info_txt2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+}
+
+.info_txt2 {
+    height: 0.6rem;
+}
+
+.bottom_box {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.order_btn {
+    display: inline-block;
+    width: 2.5rem;
+    height: 1rem;
+    color: #fff;
+    font-size: 0.32rem;
+    line-height: 1rem;
+    text-align: center;
+    background: #1A9D89;
+}
+
+.money_icon {
+    font-size: 0.36rem;
+    font-weight: bold;
+    color: #1A9D89;
+}
+
+.orser_txt1 {
+    display: inline-block;
+    padding-top: 0.2rem;
+    padding-left: 0.4rem;
+    color: #666666;
+    font-size: 0.24rem;
+}
+
+.orser_txt1 span {
+    color: #1A9D89;
+    font-size: 0.36rem;
+}
+
+.total {
+    display: flex;
+    align-items: flex-start;
+}
+
+.total textarea {
+    width: 87%;
+    min-height: 1rem;
+    border: 0;
+    outline: none;
+    font-size: 0.26rem;
+    margin-left: 0.2rem;
+}

+
+
+/* 商品详情 */
+.detail_info {
+    width: 100%;
+    /*padding: 0.28rem 0 0.32rem 0.32rem;*/
+    border-bottom: solid 0.18rem #F5F6FA;
+    box-sizing: border-box;
+    overflow: hidden;
+    padding: 0.2rem 0.3rem;
+}
+
+.detail_info .detail_num {
+    font-size: 0.24rem;
+}
+
+.detail_info .detail_num span {
+    color: #FF0000;
+    font-size: 0.36rem;
+}
+
+.detail_info .detail_txt1 {
+    /*padding: 0.18rem 0 0.12rem;*/
+    font-size: 0.32rem;
+    font-weight: bold;
+    /*box-sizing: border-box;*/
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+    margin: 0.1rem 0;
+}
+
+.detail_info .detail_txt2 {
+    color: #333333;
+    font-size: 0.26rem;
+}
+
+.detail_txt3 {
+    display: flex;
+    align-items: center;
+    font-size: 0.24rem;
+    color: #97A0A8;
+    margin-top: 0.2rem;
+}
+
+.detail_txt3 text {
+    display: inline-block;
+    width: 50%;
+}
+
+.detail_spec {
+    font-size: 0;
+    padding: 0.3rem 0.32rem;
+    border-bottom: solid 0.18rem #F5F6FA;
+}
+
+.spec_title {
+    font-size: 0.26rem;
+    color: #97A0A8;
+    margin-right: 0.3rem;
+}
+
+.detail_spec .spec_txt1 {
+    display: inline-block;
+    color: #17181A;
+    font-size: 0.3rem;
+}
+
+.icon-shenglve {
+    font-size: 0.4rem;
+    color: #9A9A9A;
+}
+
+.detail_spec .spec_txt2 {
+    display: inline-block;
+    color: #17181A;
+    font-size: 0.28rem;
+}
+
+.all_height {
+    height: 1rem;
+}
+
+.detail_fixd {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 1rem;
+    background: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    box-sizing: border-box;
+    z-index: 100;
+    font-size: 0.36rem;
+    color: #1A9D89;
+}
+
+
+ .buy_btn {
+    width: 3rem;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #1A9D89;
+     font-size: 0.3rem;
+     color: #FFFFFF;
+     margin-left: 0.2rem;
+}
+
+
+.detail_message {
+    padding: 0 0.1rem;
+}
+
+.detail_message img {
+    width: 100%;
+}
+
+.detail_minus {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.3rem;
+}
+
+.detail_minus p {
+    color: #999999;
+    font-size: 0.26rem;
+    margin: 0 0.2rem;
+}
+
+.line {
+    width: 2.5rem;
+    height: 0.02rem;
+    background: #EBEBEB;
+}
+
+.detail_minus span {
+    display: inline-block;
+    width: 2.7rem;
+    height: 1px;
+    vertical-align: middle;
+}
+
+.detail_minus span img {
+    width: 100%;
+    height: 100%;
+}
+
+.foot_cart {
+    position: relative;
+    display: inline-block;
+    width: 0.64rem;
+    height: 0.64rem;
+    margin: 0.2rem 0.38rem 0;
+    background: url('../images/shop@2x.png') no-repeat;
+    background-size: 100% 100%;
+}
+
+.foot_cart span {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: block;
+    width: 0.38rem;
+    height: 0.32rem;
+    color: #FF0000;
+    font-size: 0.24rem;
+    line-height: 0.24rem;
+    text-align: center;
+    border: solid 1px #FF0000;
+    border-radius: 0.15rem;
+    background: #fff;
+}
+
+.pro_bg {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.7);
+    z-index: 999;
+}
+
+.property {
+    position: fixed;
+    height: 5.4rem;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 0.32rem 0 0.6rem 0.32rem;
+    background: #fff;
+    box-sizing: border-box;
+    border-radius: 0.1rem 0.1rem 0 0;
+}
+
+.property .reco_public li {
+    display: flex;
+    align-items: center;
+}
+
+.property .reco_public .mmend_right {
+    /*padding-left: 0.2rem;*/
+    /*box-sizing: border-box;*/
+}
+.mmend_left img{
+    width: 1.8rem;
+    height: 1.8rem;
+    margin-right: 0.2rem;
+}
+.mmend_right{
+    width:65%;
+    height: 100%;
+    color: #000;
+}
+.mmend_name{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    overflow: hidden;
+}
+.pro_box {
+    font-size: 0;
+    padding-left: 0.12rem;
+    height: 4.3rem;
+    overflow: scroll;
+}
+
+.pro_box h2 {
+    padding-bottom: 0.24rem;
+    font-size: 0.3rem;
+}
+
+.pro_box .pro_btn {
+    display: inline-block;
+    color: #666666;
+    font-size: 0.28rem;
+    padding: 0.12rem 0.25rem;
+    margin: 0 0.28rem 0.32rem 0;
+    border: solid 1px #CCCCCC;
+    border-radius: 0.44rem;
+}
+
+.pro_box .pro_curr {
+    color: #FF0E00;
+    border: solid 1px #FF0E00;
+    background: rgba(254, 244, 243, 1);
+}
+
+.pro_bom {
+    font-size: 0;
+    padding: 0.22rem 0 0.32rem 0.18rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.pro_bom h2 {
+    display: inline-block;
+    font-size: 0.3rem;
+    vertical-align: middle;
+}
+
+.property_btn {
+    width: 6.86rem;
+    height: 0.88rem;
+    color: #fff;
+    font-size: 0.32rem;
+    line-height: 0.88rem;
+    text-align: center;
+    background: #1A9D89;
+    border-radius: 0.44rem;
+    position: absolute;
+    bottom: 0.32rem;
+    left: 50%;
+    transform: translateX(-50%);
+}
+
+.property_btn2 {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    overflow: hidden;
+}
+
+.property_btn2 div {
+    width: 50%;
+    text-align: center;
+}
+
+.add_btn {
+    background: linear-gradient(90deg, rgba(255, 128, 73, 1), rgba(245, 85, 53, 1));
+}
+
+.get_btn {
+    background: linear-gradient(90deg, rgba(229, 63, 46, 1), rgba(204, 23, 30, 1));
+}
+
+.prop_close {
+    position: absolute;
+    top: 0.2rem;
+    right: 0;
+    z-index: 666;
+}
+
+.prop_close .icon-quxiao {
+    color: #CCCCCC;
+    margin-right: 0.28rem;
+}
+
+/* 相关协议 */
+.pro_txt {
+    margin: 0.32rem;
+    color: #333333;
+    font-size: 0.28rem;
+    text-indent: 2em;
+    line-height: 0.45rem;
+}
+.mmend_title{
+    font-size: 0.32rem;
+    font-weight: bold;
+}
+.mmend_name {
+    /*padding: 0.16rem 0 0.18rem 0;*/
+    color: #666666;
+    font-size: 0.26rem;
+    margin: 0.1rem 0;
+}
+.shopping_box {
+    position: relative;
+}
+
+.point {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 0.28rem;
+    height: 0.28rem;
+    font-size: 0.24rem;
+    color: #FFFFFF;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(204, 19, 32, 1);
+    border-radius: 0.14rem;
+}
+
+.icon-shoucang3 {
+    color: #CC1320;
+}
+
+.swiper-pagination {
+    padding: 0.05rem 0.1rem!important;
+    /*background: rgba(178, 178, 178, 1)!important;*/
+    /*border-radius: 0.18rem!important;*/
+    font-size: 0.36rem !important;
+    color: #FFFFFF!important;
+}
+.original_price{
+    font-size: 0.24rem;
+    color: #000000;
+}
+.num{
+    font-size: 0.36rem;
+    color: #1A9D89;
+}
+
+/* 数量加减 */
+.pro_public {
+    font-size: 0;
+    display: inline-block;
+    padding-right: 0.78rem;
+}
+
+.pro_public p {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+.pro_public .pro_minus {
+    font-size: 0.5rem;
+    color: #000;
+}
+
+.pro_public .pro_add {
+    color: #000;
+}
+
+.pro_public input {
+    width: 0.8rem;
+    height: 0.5rem;
+    color: #3F4040;
+    font-size: 0.3rem;
+    /*line-height: 0.55rem;*/
+    text-align: center;
+    margin: 0 0.13rem;
+    border: 0;
+    background: #F0F1F5;
+    vertical-align: middle;
+}
+.shop_heig {
+    padding-top: 0.1rem;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    overflow: hidden;
+}
+.mmend_right .mmend_num {
+    color: #666666;
+    font-size: 0.26rem;
+}
+
+.mmend_right .mmend_num span {
+    color:#1A9D89;
+    font-size: 0.32rem;
+    font-weight: bold;
+}

+.box {
+    padding: 0 0.3rem;
+}
+
+.content_box {
+    box-shadow: 0 0.1rem 0.2rem 0 rgba(84, 48, 7, 0.16);
+    border-radius: 0.1rem;
+    -webkit-border-radius: 0.1rem;
+    -moz-border-radius: 0.1rem;
+    border-radius: 0.1rem;
+}
+
+.tab_box {
+    width: 100%;
+}
+
+.tab_title {
+    font-size: 0.36rem;
+    color: #000000;
+    margin: 0.3rem 0;
+    text-align: center;
+}
+
+.thead {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    text-align: center;
+}
+
+.thead li {
+    /*!*float: left;*!*/
+    width: 14.28%;
+    /*text-align: center;*/
+}
+
+.content_box tbody > tr > td {
+    width: 14.28%;
+    height: 40px;
+    background: #FFFFFF;
+    text-align: center;
+}
+
+.content_box tbody > tr > td > p {
+    display: inline-block;
+}
+
+.bottom_btn {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-top: 2rem;
+}
+
+.btn {
+    width: 2.4rem;
+    height: 0.88rem;
+    background: linear-gradient(0deg, rgba(2, 191, 164, 1), rgba(4, 191, 162, 1));
+    box-shadow: 0 0.15rem 0.25rem rgba(2, 191, 164, 0.45);
+    border-radius: 0.44rem;
+    font-size: 0.36rem;
+    color: #FFFFFF;
+    outline: none;
+    border: 0;
+}
+
+#month {
+    text-align: center;
+}
+
+.sign_in > p {
+    color: #fff;
+    display: inline-block;
+    border-radius: 50%;
+    background: #1A9D89 !important;
+    width: 0.48rem !important;
+    height: 0.48rem !important;
+    text-align: center;
+    line-height: 0.48rem;
+}

+/**
+ * Swiper 3.4.2
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * 
+ * http://www.idangero.us/swiper/
+ * 
+ * Copyright 2017, Vladimir Kharlampidi
+ * The iDangero.us
+ * http://www.idangero.us/
+ * 
+ * Licensed under MIT
+ * 
+ * Released on: March 10, 2017
+ */
+.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}