YanaDH há 7 anos atrás
commit
18976e0ee3

+ 1 - 0
.idea/.name

xqd
@@ -0,0 +1 @@
+51zhupai

+ 8 - 0
.idea/51zhupai.iml

xqd
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

+ 6 - 0
.idea/encodings.xml

xqd
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding">
+    <file url="PROJECT" charset="UTF-8" />
+  </component>
+</project>

+ 13 - 0
.idea/misc.xml

xqd
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+</project>

+ 8 - 0
.idea/modules.xml

xqd
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/51zhupai.iml" filepath="$PROJECT_DIR$/.idea/51zhupai.iml" />
+    </modules>
+  </component>
+</project>

+ 180 - 0
.idea/workspace.xml

xqd
@@ -0,0 +1,180 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="54072aca-5c1e-4445-86d5-a766e6d5be4d" name="Default" comment="" />
+    <ignored path="51zhupai.iws" />
+    <ignored path=".idea/workspace.xml" />
+    <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="ChangesViewManager" flattened_view="true" show_ignored="false" />
+  <component name="CreatePatchCommitExecutor">
+    <option name="PATCH_PATH" value="" />
+  </component>
+  <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
+  <component name="FavoritesManager">
+    <favorites_list name="51zhupai" />
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="detail.html" pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/templates/detail.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state vertical-scroll-proportion="0.24144487">
+              <caret line="281" column="36" selection-start-line="281" selection-start-column="36" selection-end-line="281" selection-end-column="36" />
+              <folding>
+                <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#0;n#p#0;n#div#0;n#div#1;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#1;n#p#0;n#div#0;n#div#1;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#2;n#p#0;n#div#0;n#div#1;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#0;n#p#0;n#div#0;n#div#2;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#0;n#p#0;n#div#1;n#div#2;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#0;n#p#0;n#div#2;n#div#2;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#0;n#p#0;n#div#0;n#div#5;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#p#0;n#div#0;n#div#5;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#0;n#div#0;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#1;n#div#0;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#img#0;n#div#1;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#div#1;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#div#2;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#span#0;n#div#0;n#div#8;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#div#1;n#div#8;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/templates/detail.html" />
+      </list>
+    </option>
+  </component>
+  <component name="JsBuildToolGruntFileManager" detection-done="true" />
+  <component name="JsBuildToolPackageJson" detection-done="true" />
+  <component name="JsGulpfileManager">
+    <detection-done>true</detection-done>
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="459" />
+    <option name="width" value="908" />
+    <option name="height" value="744" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+      <manualOrder />
+      <foldersAlwaysOnTop value="true" />
+    </navigator>
+    <panes>
+      <pane id="Scope" />
+      <pane id="Scratches" />
+      <pane id="ProjectPane">
+        <subPane>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="51zhupai" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+          </PATH>
+        </subPane>
+      </pane>
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="WebServerToolWindowFactoryState" value="false" />
+    <property name="HbShouldOpenHtmlAsHb" value="" />
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="54072aca-5c1e-4445-86d5-a766e6d5be4d" name="Default" comment="" />
+      <created>1504229323355</created>
+      <option name="number" value="Default" />
+      <updated>1504229323355</updated>
+    </task>
+    <servers />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="459" y="0" width="908" height="744" extended-state="0" />
+    <editor active="true" />
+    <layout>
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.16815476" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32843137" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.24916202" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="9" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32885906" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+    </layout>
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+    <watches-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/templates/detail.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state vertical-scroll-proportion="0.24144487">
+          <caret line="281" column="36" selection-start-line="281" selection-start-column="36" selection-end-line="281" selection-end-column="36" />
+          <folding>
+            <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#0;n#p#0;n#div#0;n#div#1;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#1;n#p#0;n#div#0;n#div#1;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#2;n#p#0;n#div#0;n#div#1;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#0;n#p#0;n#div#0;n#div#2;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#0;n#p#0;n#div#1;n#div#2;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#0;n#p#0;n#div#2;n#div#2;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#0;n#p#0;n#div#0;n#div#5;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#p#0;n#div#0;n#div#5;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#0;n#div#0;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#1;n#div#0;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#img#0;n#div#1;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#div#1;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#2;n#div#0;n#div#0;n#div#7;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#span#0;n#div#0;n#div#8;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#1;n#div#8;n#div#1;n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>

+ 1 - 0
css/detail.css

xqd
@@ -0,0 +1 @@
+@charset "UTF-8";

+ 77 - 0
css/index.css

xqd
@@ -0,0 +1,77 @@
+@charset "UTF-8";
+body{
+    background: #F5F5F5;
+    overflow-x: hidden;
+}
+.navbar{
+    margin-bottom: 0;
+}
+.header .title{
+    margin: 0;
+    height: 120px;
+    color: #ffffff;
+    line-height: 120px;
+}
+.header .sm_title{
+    margin: 0;
+    height: 100px;
+    color: #ffffff;
+    line-height: 100px;
+}
+.search{
+    background: #ffffff; height: 35px; line-height: 35px; color: #666666;
+    margin-bottom: 30px;
+}
+.search .col-xs-3 select{
+    vertical-align: -2px;
+}
+.search a{
+    color: #333333;
+}
+a:hover{
+    color: #C03B33;
+    text-decoration: none;
+}
+.btn-danger{
+    background: #C03B33;
+}
+.page{
+    text-align: center;
+    margin-bottom: 20px;
+}
+.page .btn-danger{
+    padding: 6px 15px;
+}
+.page .btn{
+    background: #F5F5F5;
+}
+.footer{
+    background: #444444;
+    color: #AAAAAA;
+}
+.footer a{
+    color: #AAAAAA;
+}
+.footer .col-sm-1{
+    padding: 0;
+}
+.footer .link{
+    border-bottom: 1px solid #AAAAAA;
+    padding: 20px 0 10px 0;
+}
+.footer .recommendation_ul{
+    list-style: none;
+    padding: 0;
+}
+.footer .link_click{
+    float: left;
+    margin-right: 2%;
+    margin-bottom: 10px;
+}
+.footer .col-sm-2 img{
+    width: 100px;
+    height: 100px;
+}
+.footer .col-sm-12 .link_click{
+    margin-bottom: 5px;
+}

BIN
img/2210535440.jpg_800


BIN
img/2210545665.jpg_800


BIN
img/2210553519.jpg_800


BIN
img/2210555894.jpg_800


BIN
img/2210562441.jpg_800


BIN
img/2210564495.jpg_800


BIN
img/2210565992.jpg_800


BIN
img/clock.png


Diff do ficheiro suprimidas por serem muito extensas
+ 0 - 0
img/fy.svg


Diff do ficheiro suprimidas por serem muito extensas
+ 0 - 0
img/fy_footer.svg


BIN
img/index-bg.png


BIN
img/jsq2.png


+ 1 - 0
img/left.svg

xqd
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1504164446495" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="960" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css"></style></defs><path d="M532.526499 904.817574L139.506311 511.797385 532.526499 118.777197c12.258185-12.258185 12.432147-32.892131-0.187265-45.51052-12.707416-12.707416-32.995485-12.703323-45.511543-0.187265L75.166957 484.739123c-7.120165 7.120165-10.163477 17.065677-8.990768 26.624381-1.500167 9.755178 1.5104 20.010753 8.990768 27.491121l411.660734 411.660734c12.258185 12.258185 32.892131 12.432147 45.511543-0.187265 12.707416-12.707416 12.7023-32.995485 0.187265-45.51052z" p-id="961" fill="#ffffff"></path></svg>

BIN
img/new_weixin_2x.png


+ 1 - 0
img/right.svg

xqd
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1504164464094" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1233" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><defs><style type="text/css"></style></defs><path d="M492.675886 904.817574L885.696074 511.797385 492.675886 118.777197c-12.258185-12.258185-12.432147-32.892131 0.187265-45.51052 12.707416-12.707416 32.995485-12.703323 45.511543-0.187265l411.660734 411.660734c7.120165 7.120165 10.163477 17.065677 8.990768 26.624381 1.500167 9.755178-1.5104 20.010753-8.990768 27.491121L538.374694 950.515359c-12.258185 12.258185-32.892131 12.432147-45.511543-0.187265-12.707416-12.707416-12.703323-32.995485-0.187265-45.51052z" p-id="1234" fill="#ffffff"></path></svg>

+ 1 - 0
img/search.svg

xqd
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1504064036532" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2419" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20"><defs><style type="text/css"></style></defs><path d="M976.682667 919.936l-176.085333-176.170667c61.397333-74.112 98.432-169.258667 98.432-272.896C898.986667 234.752 707.285333 42.666667 471.722667 42.666667 236.117333 42.666667 44.416 234.752 44.416 470.826667s191.701333 428.074667 427.306667 428.074667c101.461333 0 194.688-35.797333 268.117333-95.189333l176.512 176.554667L976.682667 919.936zM86.186667 470.826667c0-213.034667 172.928-386.346667 385.536-386.346667 212.522667 0 385.621333 173.312 385.621333 386.346667 0 212.992-173.098667 386.304-385.621333 386.304C259.114667 857.130667 86.186667 683.818667 86.186667 470.826667z" p-id="2420" fill="#bfbfbf"></path></svg>

BIN
img/weixin_shao.png


+ 956 - 0
index.html

xqd
@@ -0,0 +1,956 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <title>法院列表</title>
+    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+    <link href="css/index.css" rel="stylesheet">
+    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+</head>
+<body>
+<!--PC端-->
+    <!--导航-->
+    <nav class="navbar navbar-default hidden-xs" role="navigation">
+        <div class="container">
+            <!--小屏幕导航按钮和logo-->
+            <div class="navbar-header">
+                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+                <a class="navbar-brand" href="#">
+                    首页
+                </a>
+            </div>
+            <!--导航-->
+            <div class="collapse navbar-collapse">
+                <ul class="nav navbar-nav">
+                    <li class="active">
+                        <a href="#">
+                            <span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;司法拍卖
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;预约看样
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;银行按揭
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;过户办证
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;新闻资讯
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;关于我们
+                        </a>
+                    </li>
+                </ul>
+                <ul class="nav navbar-nav navbar-right">
+                    <li>
+                        <a href="#">
+                            <img src="img/new_weixin_2x.png" style="height: 20px">
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            服务热线 400-0678050
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <div class="header hidden-xs" style="background: #DE0000">
+        <div class="container">
+            <div class="row title hidden-sm">
+                <div class="col-lg-1 col-md-1 col-sm-2">
+                    <img src="img/fy.svg" class="img-circle" style="width:60px; border: 2px solid #ffffff">
+                </div>
+                <div class="col-lg-5 col-md-5 col-sm-5">
+                    <div class="row" style="height: 60px; line-height: 110px; font-size: 24px; font-weight: bold">
+                        <div class="col">
+                            法院预约看样
+                        </div>
+                    </div>
+                    <div class="row" style="line-height: 40px;">
+                        <div class="col">
+                            法院委托,专业带看样服务
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-6 col-md-6 col-sm-5" style="text-align: right">
+                    <form style="margin-top: 40px;">
+                        <div class="row">
+                            <div class="col">
+                                <div class="input-group">
+                                    <input type="text" class="form-control" style="height: 45px;" placeholder="搜索,输入标的关键字">
+                                    <span class="input-group-btn" style="line-height: 0;">
+                                        <button class="btn btn-default" style="height: 45px">
+                                            <img src="img/search.svg" style="width: 25px;">
+                                         </button>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+            <div class="row sm_title visible-sm">
+                <div class="col-lg-1 col-md-1 col-sm-2" style="width: 13%">
+                    <img src="img/fy.svg" class="img-circle" style="width:60px; border: 2px solid #ffffff">
+                </div>
+                <div class="col-lg-5 col-md-5 col-sm-5">
+                    <div class="row" style="height: 60px; line-height: 80px; font-size: 20px; font-weight: bold">
+                        <div class="col">
+                            法院预约看样
+                        </div>
+                    </div>
+                    <div class="row" style="line-height: 20px; ">
+                        <div class="col">
+                            法院委托,专业带看样服务
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-6 col-md-6 col-sm-5" style="text-align: right">
+                    <form class="bs-example bs-example-form" style="margin-top: 40px;">
+                        <div class="row">
+                            <div class="col">
+                                <div class="input-group">
+                                    <input type="text" class="form-control" style="height: 35px;" placeholder="搜索,输入标的关键字">
+                                    <span class="input-group-btn" style="line-height: 0;">
+                                        <button class="btn btn-default" style="height: 35px">
+                                            <img src="img/search.svg" style="width: 20px;">
+                                        </button>
+                                    </span>
+                                </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="container hidden-xs">
+        <div class="row">
+            <div class="col">
+                <img class="img-responsive" style="margin: 20px 0" src="img/index-bg.png">
+            </div>
+        </div>
+        <div class="row">
+            <div class="col">
+                <p style="color: #7A7A7A; font-size: 12px">助拍网>预约看样</p>
+            </div>
+        </div>
+        <div class="row search">
+            <div class="col-sm-3 col-md-2">
+                共有标的物:<span style="color: #C03B33">167</span>套
+            </div>
+            <div class="col-sm-4 col-md-3">
+                标的所在区域:
+                <select>
+                    <option value="" selected style="display: none">点击选择区域</option>
+                    <option>
+                        成都
+                    </option>
+                    <option>
+                        广州
+                    </option>
+                    <option>
+                        北京
+                    </option>
+                </select>
+            </div>
+            <div class="col-sm-5 col-md-3">
+                执行法院:
+                <select>
+                    <option value="" selected style="display: none">全部法院</option>
+                    <option>
+                        成都
+                    </option>
+                    <option>
+                        广州
+                    </option>
+                    <option>
+                        北京
+                    </option>
+                </select>
+            </div>
+            <div class="col-md-4 hidden-sm" style="text-align: right;">
+                <a href="#" style="color: #C03B33">默认&nbsp; &nbsp;</a>
+                <a href="#">最新&nbsp; &nbsp;</a>
+                <a href="#">热门预约</a>
+            </div>
+        </div>
+        <div class="row" style="margin-right: -32px; margin-bottom: 40px">
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row" style="margin-right: -32px; margin-bottom: 40px">
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <a href="templates/detail.html">
+                                <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                            </a>
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row" style="margin-right: -32px; margin-bottom: 40px">
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <a href="templates/detail.html">
+                                <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                            </a>
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-sm-3 ">
+                <div class="row" style="margin-right: 1%;">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
+                    <div class="col" style="padding: 0 5px">
+                        <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
+                        <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-right: 1%;">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row page hidden-xs">
+            <div class="col">
+                <a class="btn btn-default">
+                    上一页
+                </a>
+                <a class="btn btn-danger" style="background: #C9302C;">
+                    1
+                </a>
+                <a class="btn btn-default" style="padding: 6px 15px">
+                    2
+                </a>
+                <a class="btn btn-default" style="padding: 6px 15px">
+                    3
+                </a>
+                <a class="btn btn-default" style="padding: 6px 15px">
+                    ...
+                </a>
+                <a class="btn btn-default" style="padding: 6px 15px">
+                    15
+                </a>
+                <a class="btn btn-default">
+                    下一页
+                </a>
+            </div>
+        </div>
+    </div>
+    <div class="footer hidden-xs">
+        <div class="container">
+            <div class="row link">
+                <div class="col-sm-1" style="padding: 0; width: 10%;">
+                    合作伙伴:
+                </div>
+                <div class="col-sm-8" style="width: 68%;">
+                    <ul class="recommendation_ul">
+                        <li class="link_click"><a href="http://www.icbc.com.cn/icbc/" target="_blank">中国工商银行</a></li>
+                        <li class="link_click"><a href="http://www.abchina.com/cn/" target="_blank">中国农业银行</a></li>
+                        <li class="link_click"><a href="http://www.citicbank.com/" target="_blank">中信银行</a></li>
+                        <li class="link_click"><a href="http://ccc.spdb.com.cn/" target="_blank">浦发银行</a></li>
+                        <li class="link_click"><a href="http://www.cinda.com.cn/xdjt/xdjtpd/index.shtml" target="_blank">中国信达</a></li>
+                        <li class="link_click"><a href="https://sf.taobao.com/" target="_blank">淘宝司法拍卖</a></li>
+                    </ul>
+                </div>
+                <div class="col-sm-2" style="width: 22%; padding: 0; text-align: right">
+                    服务热线:400-0678-050
+                </div>
+            </div>
+            <div class="row link">
+                <div class="col-sm-1" style="padding: 0; width: 10%;">
+                    推荐城市:
+                </div>
+                <div class="col-sm-8" style="width: 75%;">
+                    <ul class="recommendation_ul">
+                        <li class="link_click"><a href="http://nanjing.51zhupai.com">南京房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://suzhou.51zhupai.com">苏州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://hangzhou.51zhupai.com">杭州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://ningbo.51zhupai.com">宁波房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://wenzhou.51zhupai.com">温州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://shaoxing.51zhupai.com">绍兴房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://jinhua.51zhupai.com">金华房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://jiaxing.51zhupai.com">嘉兴房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://taizhou.51zhupai.com">台州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://huzhou.51zhupai.com">湖州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://lishui.51zhupai.com">丽水房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://zhoushan.51zhupai.com">舟山房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://quzhou.51zhupai.com">衢州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://fuzhou.51zhupai.com">福州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://xiamen.51zhupai.com">厦门房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://quanzhou.51zhupai.com">泉州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://zhangzhou.51zhupai.com">漳州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://putian.51zhupai.com">莆田房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://sanming.51zhupai.com">三明房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://nanping.51zhupai.com">南平房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://ningde.51zhupai.com">宁德房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://longyan.51zhupai.com">龙岩房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://guangzhou.51zhupai.com">广州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://huizhou.51zhupai.com">惠州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://dongguan.51zhupai.com">东莞房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://chengdu.51zhupai.com">成都房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://beijing.51zhupai.com">北京房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://shanghai.51zhupai.com">上海房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://chongqing.51zhupai.com">重庆房产拍卖网</a></li>
+                    </ul>
+                </div>
+                <div class="col-sm-2" style="width: 15%; padding: 0; text-align: right">
+                    <img src="img/weixin_shao.png">
+                </div>
+            </div>
+            <div class="row" style="padding: 20px 0;">
+                <div class="col-lg-2 col-md-2 col-sm-3">
+                    <div class="row">
+                        <div class="col-lg-3 col-md-4 col-sm-3" style="padding-left: 0">
+                            <img src="img/fy_footer.svg" class="img-circle" style="width:40px; height: 40px; border: 2px solid #AAAAAA;">
+                        </div>
+                        <div class="col-lg-9 col-md-8 col-sm-9">
+                            <div class="row">
+                                <div class="col" style="font-size: 18px; font-weight: bold">
+                                    助拍网
+                                </div>
+                                <div class="col">
+                                    <span style="font-size: 12px">51zhupai.com</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-10 col-md-10 col-sm-9">
+                    <div class="row">
+                        <div class="col-sm-12">
+                            <ul class="recommendation_ul">
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/about">联系我们</a></li>
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/about">关于我们</a></li>
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/register">服务条款</a></li>
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/disclaimer">免责声明</a></li>
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/copyright">版权声明</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-sm-12">
+                            <ul class="recommendation_ul">
+                                <li class="link_click">
+                                    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602001556">Copyright©2010-2015 助拍网版权所有 浙ICP备15033350号    浙公网安备 33010602001556号</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+<!--移动端-->
+    <div class="container visible-xs">
+        <div class="row">
+            <div class="col-xs-6" style="margin-bottom: 20px">
+                <div class="row" style="margin-left: -5px; margin-right: -8px">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 5px 5px 0 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 0 5px 5px 5px">
+                        开拍时间<br>2017-08-10 10:00时
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-xs-6" style="margin-bottom: 20px">
+                <div class="row" style="margin-left: -8px; margin-right: -5px">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 5px 5px 0 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 0 5px 5px 5px">
+                        开拍时间<br>2017-08-10 10:00时
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-xs-6" style="margin-bottom: 20px">
+                <div class="row" style="margin-left: -5px; margin-right: -8px">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 5px 5px 0 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 0 5px 5px 5px">
+                        开拍时间<br>2017-08-10 10:00时
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-xs-6" style="margin-bottom: 20px">
+                <div class="row" style="margin-left: -8px; margin-right: -5px">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 5px 5px 0 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 0 5px 5px 5px">
+                        开拍时间<br>2017-08-10 10:00时
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-xs-6" style="margin-bottom: 20px">
+                <div class="row" style="margin-left: -5px; margin-right: -8px">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 5px 5px 0 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 0 5px 5px 5px">
+                        开拍时间<br>2017-08-10 10:00时
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-xs-6" style="margin-bottom: 20px">
+                <div class="row" style="margin-left: -8px; margin-right: -5px">
+                    <div class="col">
+                        <a href="templates/detail.html">
+                            <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
+                        </a>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 5px 5px 0 5px">
+                        <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 0 5px 5px 5px">
+                        开拍时间<br>2017-08-10 10:00时
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
+                    <div class="col" style="padding: 0 15px 10px 15px">
+                        <button class="btn btn-danger" style="width: 100%">
+                            看样预约
+                        </button>
+                    </div>
+                </div>
+                <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
+                    <div class="col">
+                        <p style="text-align: center">
+                            已有1人看样预约
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</body>
+</html>

+ 428 - 0
templates/detail.html

xqd
@@ -0,0 +1,428 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
+    <title>法院列表</title>
+    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+    <link href="../css/index.css" rel="stylesheet">
+    <link href="../css/detail.css" rel="stylesheet">
+    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
+    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+</head>
+<body>
+    <!--导航-->
+    <nav class="navbar navbar-default hidden-xs" role="navigation">
+        <div class="container">
+            <!--小屏幕导航按钮和logo-->
+            <div class="navbar-header">
+                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+                <a class="navbar-brand" href="#">
+                    首页
+                </a>
+            </div>
+            <!--导航-->
+            <div class="collapse navbar-collapse">
+                <ul class="nav navbar-nav">
+                    <li class="active">
+                        <a href="#">
+                            <span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;司法拍卖
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;看法预约
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;办证过户
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;贷款服务
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-list-alt"></span>&nbsp;&nbsp;新闻资讯
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#">
+                            <span class="glyphicon glyphicon-tags"></span>&nbsp;&nbsp;关于我们
+                        </a>
+                    </li>
+                </ul>
+                <ul class="nav navbar-nav navbar-right">
+                    <li>
+                        <a href="#" style="color: #E16452">
+                            客服热线 400-0678050
+                        </a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <div class="container hidden-xs">
+        <div class="row" style="margin-top: 10px">
+            <div class="col">
+                <p style="color: #7A7A7A; font-size: 12px">助拍网>预约看样</p>
+            </div>
+        </div>
+        <div class="row" style="background: #ffffff; padding: 20px 0;">
+            <div class="col-sm-5">
+                <div class="row">
+                    <div class="col-lg-12" style="margin-bottom: 15px">
+                        <div id="myCarousel" class="carousel slide">
+                            <!-- 轮播(Carousel)指标 -->
+                            <ol class="carousel-indicators">
+                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+                                <li data-target="#myCarousel" data-slide-to="1"></li>
+                                <li data-target="#myCarousel" data-slide-to="2"></li>
+                                <li data-target="#myCarousel" data-slide-to="3"></li>
+                                <li data-target="#myCarousel" data-slide-to="4"></li>
+                                <li data-target="#myCarousel" data-slide-to="5"></li>
+                                <li data-target="#myCarousel" data-slide-to="6"></li>
+                            </ol>
+                            <!-- 轮播(Carousel)项目 -->
+                            <div class="carousel-inner">
+                                <div class="item active">
+                                    <img src="../img/2210535440.jpg_800" alt="First slide">
+                                </div>
+                                <div class="item">
+                                    <img src="../img/2210545665.jpg_800" alt="Second slide">
+                                </div>
+                                <div class="item">
+                                    <img src="../img/2210553519.jpg_800" alt="Third slide">
+                                </div>
+                                <div class="item">
+                                    <img src="../img/2210555894.jpg_800" alt="Third slide">
+                                </div>
+                                <div class="item">
+                                    <img src="../img/2210562441.jpg_800" alt="Third slide">
+                                </div>
+                                <div class="item">
+                                    <img src="../img/2210564495.jpg_800" alt="Third slide">
+                                </div>
+                                <div class="item">
+                                    <img src="../img/2210565992.jpg_800" alt="Third slide">
+                                </div>
+                            </div>
+                            <!-- 轮播(Carousel)导航 -->
+                            <a class="carousel-control left" href="#myCarousel"
+                               data-slide="prev">&lsaquo;</a>
+                            <a class="carousel-control right" href="#myCarousel"
+                               data-slide="next">&rsaquo;</a>
+                        </div>
+                    </div>
+                </div>
+               <!-- <div class="row" style="position: relative">
+                    <img class="visible-lg" src="../img/left.svg" style="z-index: 999; position: absolute; top: 30px; left: 15px; width: 25px; background: rgba(9,11,15,0.8);">
+                    <img class="visible-lg" src="../img/right.svg" style="z-index: 999; right: 15px; position: absolute; top: 30px; width: 25px; background: rgba(9,11,15,0.8);">
+                    <img class="visible-md" src="../img/left.svg" style="z-index: 999; position: absolute; top: 23px; left: 15px; width: 22px; background: rgba(9,11,15,0.8);">
+                    <img class="visible-md" src="../img/right.svg" style="z-index: 999; right: 15px; position: absolute; top: 23px; width: 22px; background: rgba(9,11,15,0.8);">
+                    <img class="visible-sm" src="../img/left.svg" style="z-index: 999; position: absolute; top: 15px; left: 15px; width: 17px; background: rgba(9,11,15,0.8);">
+                    <img class="visible-sm" src="../img/right.svg" style="z-index: 999; right: 15px; position: absolute; top: 15px; width: 18px; background: rgba(9,11,15,0.8);">
+                    <div class="col-sm-3" style="padding-right: 5px">
+                        <img class="active img-responsive" data-target="#myCarousel" data-slide-to="0" src="../img/2210535440.jpg_800" alt="First slide">
+                    </div>
+                    <div class="col-sm-3" style="padding-right: 10px; padding-left: 10px">
+                        <img class="img-responsive" data-target="#myCarousel" data-slide-to="1" src="../img/2210545665.jpg_800" alt="Second slide">
+                    </div>
+                    <div class="col-sm-3" style="padding-right: 10px; padding-left: 10px">
+                        <img class="img-responsive" data-target="#myCarousel" data-slide-to="2" src="../img/2210553519.jpg_800" alt="Third slide">
+                    </div>
+                    <div class="col-sm-3" style="padding-left: 5px">
+                        <img class="img-responsive" data-target="#myCarousel" data-slide-to="3" src="../img/2210555894.jpg_800" alt="Third slide">
+                    </div>
+                </div>-->
+            </div>
+            <div class="col-sm-7" style="padding-right: 50px">
+                <div class="row">
+                    <div class="col-sm-12">
+                        <p style="font-size: 18px">
+                            车牌号为苏AG53T9的标致307小型轿车一辆
+                        </p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-12">
+                        <p>
+                            <span style="; color: #787878">起 拍 价 :</span>
+                            <span style="font-size: 20px; color: #E36452">¥ 2.10</span>
+                            <span style="; color: #E36452"> 万</span>
+                            ( 暂无 )
+                        </p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-4">
+                        <p>
+                            <span style="; color: #787878">保 证 金 :</span>
+                            ¥ 2000
+                        </p>
+                    </div>
+                    <div class="col-sm-4">
+                        <p>
+                            <span style="; color: #787878">加价幅度 :</span>
+                            ¥ 5000
+                        </p>
+                    </div>
+                    <div class="col-sm-4">
+                        <p>
+                            <span style="; color: #787878">优先购买权 :</span>
+                            是
+                        </p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-12">
+                        <div class="row">
+                            <div class="col-sm-8">
+                                <p>
+                                    <span style="; color: #787878">开拍时间:</span>
+                                    2017-08-10
+                                </p>
+                            </div>
+                            <div class="col-sm-4" style="text-align: right; height: 32px; padding-right: 0">
+                                <img src="../img/clock.png" style="width: 20px; margin-top: -5px">
+                                <span style="color: #787878; ; display: inline-block;">拍卖提醒</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-12">
+                        <p>
+                            <span style="; color: #787878">拍卖方式:</span>
+                            线上方式(一拍)
+                        </p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-12">
+                        <p>
+                            <span style="; color: #787878">拍卖平台:</span>
+                            淘宝网&nbsp;
+                            <a href="#" style="color: #3498DB; text-decoration: underline;">点击前往</a>
+                        </p>
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-12">
+                        <p>
+                            <span style="; color: #787878">处置法院:</span>
+                            南京市江宁区人民法院
+                        </p>
+                    </div>
+                </div>
+               <!-- <div class="row" style="margin-top: 20px">
+                    <div class="col-sm-12" style="background: #F5F5F5; margin: 0 30px 0 15px">
+                        <div class="row" style="text-align: center; padding: 20px 0">
+                            <div class="col-sm-3" style="border-right: 1px solid #E1E1E1">
+                                <div class="row" style="color: #878787; margin: 8px auto">
+                                    <div class="col-sm-12">
+                                        房产类型
+                                    </div>
+                                </div>
+                                <div class="row" style="margin-bottom: 8px;">
+                                    <div class="col-sm-12">
+                                        机动车(交通运输)
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-sm-3" style="border-right: 1px solid #E1E1E1">
+                                <div class="row" style="color: #878787; margin: 8px auto">
+                                    <div class="col-sm-12">
+                                        建筑面积
+                                    </div>
+                                </div>
+                                <div class="row" style="margin-bottom: 8px;">
+                                    <div class="col-sm-12">
+                                        0m
+                                        <span style="top:-3px; margin-left: 2px; position: absolute;">2</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-sm-3" style="border-right: 1px solid #E1E1E1">
+                                <div class="row" style="color: #878787; margin: 8px auto">
+                                    <div class="col-sm-12">
+                                        户型
+                                    </div>
+                                </div>
+                                <div class="row" style="margin-bottom: 8px;">
+                                    <div class="col-sm-12">
+                                        暂无
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-sm-3">
+                                <div class="row" style="color: #878787; margin: 8px auto">
+                                    <div class="col-sm-12">
+                                        楼层
+                                    </div>
+                                </div>
+                                <div class="row" style="margin-bottom: 8px;">
+                                    <div class="col-sm-12">
+                                        暂无
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>-->
+                <div class="row" style="margin-top: 10px; margin-bottom: 20px">
+                    <div class="col-sm-12">
+                        <div class="row">
+                            <div class="col-sm-4 col-lg-3">
+                                <span style="color: #787878">参考首付:</span>
+                                <span style="color: #E16452">
+                                    0.63万&nbsp; &nbsp;
+                                </span>
+                            </div>
+                            <div class="col-sm-4 col-lg-3">
+                                <img src="../img/jsq2.png" alt="" style="width: 18px">&nbsp;
+                                <a href="#" style="color: #3498DB; text-decoration: underline; font-size: 12px">房贷计算器</a>&nbsp; &nbsp;
+                            </div>
+                            <div class="col-sm-4 col-lg-6" style="margin-top: -3px">
+                                <button class="btn btn-danger btn-sm">
+                                    贷款办证
+                                </button>
+                            </div>
+                        </div>
+
+
+
+                    </div>
+                </div>
+                <div class="row">
+                    <div class="col-sm-6">
+                        <span style="background: #3498DB; color: #ffffff; height: 45px; width: 230px; display: inline-block; line-height: 45px; text-align: center; border-radius: 4px">咨询热线:
+                            <span style="font-size: 19px">
+                                400-0678-050
+                            </span>
+                        </span>
+                    </div>
+                    <div class="col-sm-6" style="color: #787878; padding: 0; height: 47px; line-height: 45px;">
+                        房源编号:258
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+
+    <!--<div class="footer hidden-xs">
+        <div class="container">
+            <div class="row link">
+                <div class="col-sm-1" style="padding: 0; width: 10%;">
+                    合作伙伴:
+                </div>
+                <div class="col-sm-8" style="width: 68%;">
+                    <ul class="recommendation_ul">
+                        <li class="link_click"><a href="http://www.icbc.com.cn/icbc/" target="_blank">中国工商银行</a></li>
+                        <li class="link_click"><a href="http://www.abchina.com/cn/" target="_blank">中国农业银行</a></li>
+                        <li class="link_click"><a href="http://www.citicbank.com/" target="_blank">中信银行</a></li>
+                        <li class="link_click"><a href="http://ccc.spdb.com.cn/" target="_blank">浦发银行</a></li>
+                        <li class="link_click"><a href="http://www.cinda.com.cn/xdjt/xdjtpd/index.shtml" target="_blank">中国信达</a></li>
+                        <li class="link_click"><a href="https://sf.taobao.com/" target="_blank">淘宝司法拍卖</a></li>
+                    </ul>
+                </div>
+                <div class="col-sm-2" style="width: 22%; padding: 0; text-align: right">
+                    服务热线:400-0678-050
+                </div>
+            </div>
+            <div class="row link">
+                <div class="col-sm-1" style="padding: 0; width: 10%;">
+                    推荐城市:
+                </div>
+                <div class="col-sm-8" style="width: 75%;">
+                    <ul class="recommendation_ul">
+                        <li class="link_click"><a href="http://nanjing.51zhupai.com">南京房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://suzhou.51zhupai.com">苏州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://hangzhou.51zhupai.com">杭州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://ningbo.51zhupai.com">宁波房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://wenzhou.51zhupai.com">温州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://shaoxing.51zhupai.com">绍兴房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://jinhua.51zhupai.com">金华房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://jiaxing.51zhupai.com">嘉兴房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://taizhou.51zhupai.com">台州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://huzhou.51zhupai.com">湖州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://lishui.51zhupai.com">丽水房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://zhoushan.51zhupai.com">舟山房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://quzhou.51zhupai.com">衢州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://fuzhou.51zhupai.com">福州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://xiamen.51zhupai.com">厦门房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://quanzhou.51zhupai.com">泉州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://zhangzhou.51zhupai.com">漳州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://putian.51zhupai.com">莆田房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://sanming.51zhupai.com">三明房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://nanping.51zhupai.com">南平房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://ningde.51zhupai.com">宁德房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://longyan.51zhupai.com">龙岩房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://guangzhou.51zhupai.com">广州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://huizhou.51zhupai.com">惠州房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://dongguan.51zhupai.com">东莞房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://chengdu.51zhupai.com">成都房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://beijing.51zhupai.com">北京房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://shanghai.51zhupai.com">上海房产拍卖网</a></li>
+                        <li class="link_click"><a href="http://chongqing.51zhupai.com">重庆房产拍卖网</a></li>
+                    </ul>
+                </div>
+                <div class="col-sm-2" style="width: 15%; padding: 0; text-align: right">
+                    <img src="../img/weixin_shao.png">
+                </div>
+            </div>
+            <div class="row" style="padding: 20px 0;">
+                <div class="col-lg-2 col-md-2 col-sm-3">
+                    <div class="row">
+                        <div class="col-lg-3 col-md-4 col-sm-3" style="padding-left: 0">
+                            <img src="../img/fy_footer.svg" class="img-circle" style="width:40px; height: 40px; border: 2px solid #AAAAAA;">
+                        </div>
+                        <div class="col-lg-9 col-md-8 col-sm-9">
+                            <div class="row">
+                                <div class="col" style="font-size: 18px; font-weight: bold">
+                                    助拍网
+                                </div>
+                                <div class="col">
+                                    <small style="font-size: 12px">51zhupai.com</small>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-10 col-md-10 col-sm-9">
+                    <div class="row">
+                        <div class="col-sm-12">
+                            <ul class="recommendation_ul">
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/about">联系我们</a></li>
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/about">关于我们</a></li>
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/register">服务条款</a></li>
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/disclaimer">免责声明</a></li>
+                                <li class="link_click"><a href="http://www.51zhupai.com/help/copyright">版权声明</a></li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-sm-12">
+                            <ul class="recommendation_ul">
+                                <li class="link_click">
+                                    <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602001556">Copyright©2010-2015 助拍网版权所有 浙ICP备15033350号    浙公网安备 33010602001556号</a>
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>-->
+</body>
+</html>

Alguns ficheiros não foram mostrados porque muitos ficheiros mudaram neste diff