index.html 63 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
  6. <title>法院列表</title>
  7. <link href="css/bootstrap.min.css" rel="stylesheet">
  8. <link href="css/index.css" rel="stylesheet">
  9. </head>
  10. <body>
  11. <!--PC端-->
  12. <!--导航-->
  13. <nav class="navbar navbar-default hidden-xs" role="navigation">
  14. <div class="container">
  15. <!--小屏幕导航按钮和logo-->
  16. <div class="navbar-header">
  17. <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  18. <span class="icon-bar"></span>
  19. <span class="icon-bar"></span>
  20. <span class="icon-bar"></span>
  21. </button>
  22. <a class="navbar-brand" href="#">
  23. 首页
  24. </a>
  25. </div>
  26. <!--导航-->
  27. <div class="collapse navbar-collapse">
  28. <ul class="nav navbar-nav">
  29. <li class="active">
  30. <a href="#">
  31. 司法拍卖
  32. </a>
  33. </li>
  34. <li>
  35. <a href="#">
  36. 看法预约
  37. </a>
  38. </li>
  39. <li>
  40. <a href="#">
  41. 办证过户
  42. </a>
  43. </li>
  44. <li>
  45. <a href="#">
  46. 贷款服务
  47. </a>
  48. </li>
  49. <li>
  50. <a href="#">
  51. 新闻资讯
  52. </a>
  53. </li>
  54. <li>
  55. <a href="#">
  56. 关于我们
  57. </a>
  58. </li>
  59. </ul>
  60. <ul class="nav navbar-nav navbar-right">
  61. <li>
  62. <a href="#">
  63. 服务热线 400-0678050
  64. </a>
  65. </li>
  66. </ul>
  67. </div>
  68. </div>
  69. </nav>
  70. <div class="header hidden-xs" style="background: #DE0000">
  71. <div class="container">
  72. <div class="row title hidden-sm">
  73. <div class="col-lg-1 col-md-1 col-sm-2">
  74. <img src="img/fy.svg" class="img-circle" style="width:60px; border: 2px solid #ffffff">
  75. </div>
  76. <div class="col-lg-5 col-md-5 col-sm-5">
  77. <div class="row" style="height: 60px; line-height: 110px; font-size: 24px; font-weight: bold">
  78. <div class="col">
  79. 法院预约看样
  80. </div>
  81. </div>
  82. <div class="row" style="line-height: 40px;">
  83. <div class="col">
  84. 法院委托,专业带看样服务
  85. </div>
  86. </div>
  87. </div>
  88. <div class="col-lg-6 col-md-6 col-sm-5" style="text-align: right">
  89. <form style="margin-top: 40px;">
  90. <div class="row">
  91. <div class="col">
  92. <div class="input-group">
  93. <input type="text" class="form-control" style="height: 45px;" placeholder="搜索,输入标的关键字">
  94. <span class="input-group-btn" style="line-height: 0;">
  95. <button class="btn btn-default" style="height: 45px">
  96. <img src="img/search.svg" style="width: 25px;">
  97. </button>
  98. </span>
  99. </div>
  100. </div>
  101. </div>
  102. </form>
  103. </div>
  104. </div>
  105. <div class="row sm_title visible-sm">
  106. <div class="col-lg-1 col-md-1 col-sm-2" style="width: 13%">
  107. <img src="img/fy.svg" class="img-circle" style="width:60px; border: 2px solid #ffffff">
  108. </div>
  109. <div class="col-lg-5 col-md-5 col-sm-5">
  110. <div class="row" style="height: 60px; line-height: 80px; font-size: 20px; font-weight: bold">
  111. <div class="col">
  112. 法院预约看样
  113. </div>
  114. </div>
  115. <div class="row" style="line-height: 20px; ">
  116. <div class="col">
  117. 法院委托,专业带看样服务
  118. </div>
  119. </div>
  120. </div>
  121. <div class="col-lg-6 col-md-6 col-sm-5" style="text-align: right">
  122. <form class="bs-example bs-example-form" style="margin-top: 40px;">
  123. <div class="row">
  124. <div class="col">
  125. <div class="input-group">
  126. <input type="text" class="form-control" style="height: 35px;" placeholder="搜索,输入标的关键字">
  127. <span class="input-group-btn" style="line-height: 0;">
  128. <button class="btn btn-default" style="height: 35px">
  129. <img src="img/search.svg" style="width: 20px;">
  130. </button>
  131. </span>
  132. </div>
  133. </div>
  134. </div>
  135. </form>
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. <div class="container hidden-xs">
  141. <!--<div class="row">
  142. <div class="col">
  143. <img class="img-responsive" style="margin: 20px 0" src="img/index-bg.png">
  144. </div>
  145. </div>-->
  146. <div class="row search">
  147. <div class="col-sm-2 col-md-2 col-lg-1">
  148. <select style="height: 30px; border-radius: 20px; outline: none; padding-left: 5px;">
  149. <option value="" selected style="display: none">市 / 区:</option>
  150. <option>
  151. 成都
  152. </option>
  153. <option>
  154. 广州
  155. </option>
  156. <option>
  157. 北京
  158. </option>
  159. </select>
  160. </div>
  161. <div class="col-sm-2 col-md-2 col-lg-1">
  162. <select style="height: 30px; border-radius: 20px; outline: none; padding-left: 5px;">
  163. <option value="" selected style="display: none">类型选择</option>
  164. <option>
  165. 成都
  166. </option>
  167. <option>
  168. 广州
  169. </option>
  170. <option>
  171. 北京
  172. </option>
  173. </select>
  174. </div>
  175. <div class="col-sm-2 col-md-2 col-lg-1">
  176. <select style="height: 30px; border-radius: 20px; outline: none; padding-left: 5px;">
  177. <option value="" selected style="display: none">选择法院</option>
  178. <option>
  179. 成都
  180. </option>
  181. <option>
  182. 广州
  183. </option>
  184. <option>
  185. 北京
  186. </option>
  187. </select>
  188. </div>
  189. <div class="col-sm-2 col-md-2 col-lg-1">
  190. <select style="height: 30px; border-radius: 20px; outline: none; padding-left: 5px;">
  191. <option value="" selected style="display: none">价格区间</option>
  192. <option>
  193. 成都
  194. </option>
  195. <option>
  196. 广州
  197. </option>
  198. <option>
  199. 北京
  200. </option>
  201. </select>
  202. </div>
  203. <div class="col-sm-4 col-md-4 col-lg-8">
  204. <select style="height: 30px; border-radius: 20px; outline: none; padding-left: 5px;">
  205. <option value="" selected style="display: none">默认排序</option>
  206. <option>
  207. 成都
  208. </option>
  209. <option>
  210. 广州
  211. </option>
  212. <option>
  213. 北京
  214. </option>
  215. </select>
  216. </div>
  217. </div>
  218. <div class="row" style="margin-right: -32px; margin-bottom: 40px">
  219. <div class="col-sm-3">
  220. <div class="row" style="margin-right: 1%;">
  221. <div class="col">
  222. <a href="templates/detail.html">
  223. <div style="position: relative;">
  224. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  225. 可预约
  226. </div>
  227. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  228. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  229. 离开拍还有10小时20分
  230. </div>
  231. </div>
  232. </a>
  233. </div>
  234. </div>
  235. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  236. <div class="col" style="padding: 5px">
  237. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  238. </div>
  239. </div>
  240. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  241. <div class="col" style="padding: 0 5px">
  242. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  243. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  244. </div>
  245. </div>
  246. <div class="row" style="background: #ffffff;margin-right: 1%;">
  247. <div class="col" style="padding: 0 15px 10px 15px">
  248. <button class="btn btn-danger" style="width: 100%">
  249. 看样预约
  250. </button>
  251. </div>
  252. </div>
  253. <div class="row" style="background: #ffffff;margin-right: 1%;">
  254. <div class="col">
  255. <p style="text-align: center">
  256. 已有1人看样预约
  257. </p>
  258. </div>
  259. </div>
  260. </div>
  261. <div class="col-sm-3 ">
  262. <div class="row" style="margin-right: 1%;">
  263. <div class="col">
  264. <a href="templates/detail.html">
  265. <div style="position: relative;">
  266. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  267. 可预约
  268. </div>
  269. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  270. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  271. 离开拍还有10小时20分
  272. </div>
  273. </div>
  274. </a>
  275. </div>
  276. </div>
  277. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  278. <div class="col" style="padding: 5px">
  279. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  280. </div>
  281. </div>
  282. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  283. <div class="col" style="padding: 0 5px">
  284. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  285. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  286. </div>
  287. </div>
  288. <div class="row" style="background: #ffffff;margin-right: 1%;">
  289. <div class="col" style="padding: 0 15px 10px 15px">
  290. <button class="btn btn-danger" style="width: 100%">
  291. 看样预约
  292. </button>
  293. </div>
  294. </div>
  295. <div class="row" style="background: #ffffff;margin-right: 1%;">
  296. <div class="col">
  297. <p style="text-align: center">
  298. 已有1人看样预约
  299. </p>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="col-sm-3 ">
  304. <div class="row" style="margin-right: 1%;">
  305. <div class="col">
  306. <a href="templates/detail.html">
  307. <div style="position: relative;">
  308. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  309. 可预约
  310. </div>
  311. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  312. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  313. 离开拍还有10小时20分
  314. </div>
  315. </div>
  316. </a>
  317. </div>
  318. </div>
  319. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  320. <div class="col" style="padding: 5px">
  321. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  322. </div>
  323. </div>
  324. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  325. <div class="col" style="padding: 0 5px">
  326. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  327. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  328. </div>
  329. </div>
  330. <div class="row" style="background: #ffffff;margin-right: 1%;">
  331. <div class="col" style="padding: 0 15px 10px 15px">
  332. <button class="btn btn-danger" style="width: 100%">
  333. 看样预约
  334. </button>
  335. </div>
  336. </div>
  337. <div class="row" style="background: #ffffff;margin-right: 1%;">
  338. <div class="col">
  339. <p style="text-align: center">
  340. 已有1人看样预约
  341. </p>
  342. </div>
  343. </div>
  344. </div>
  345. <div class="col-sm-3 ">
  346. <div class="row" style="margin-right: 1%;">
  347. <div class="col">
  348. <a href="templates/detail.html">
  349. <div style="position: relative;">
  350. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  351. 可预约
  352. </div>
  353. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  354. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  355. 离开拍还有10小时20分
  356. </div>
  357. </div>
  358. </a>
  359. </div>
  360. </div>
  361. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  362. <div class="col" style="padding: 5px">
  363. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  364. </div>
  365. </div>
  366. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  367. <div class="col" style="padding: 0 5px">
  368. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  369. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  370. </div>
  371. </div>
  372. <div class="row" style="background: #ffffff;margin-right: 1%;">
  373. <div class="col" style="padding: 0 15px 10px 15px">
  374. <button class="btn btn-danger" style="width: 100%">
  375. 看样预约
  376. </button>
  377. </div>
  378. </div>
  379. <div class="row" style="background: #ffffff;margin-right: 1%;">
  380. <div class="col">
  381. <p style="text-align: center">
  382. 已有1人看样预约
  383. </p>
  384. </div>
  385. </div>
  386. </div>
  387. </div>
  388. <div class="row" style="margin-right: -32px; margin-bottom: 40px">
  389. <div class="col-sm-3 ">
  390. <div class="row" style="margin-right: 1%;">
  391. <div class="col">
  392. <a href="templates/detail.html">
  393. <div style="position: relative;">
  394. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  395. 可预约
  396. </div>
  397. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  398. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  399. 离开拍还有10小时20分
  400. </div>
  401. </div>
  402. </a>
  403. </div>
  404. </div>
  405. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  406. <div class="col" style="padding: 5px">
  407. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  408. </div>
  409. </div>
  410. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  411. <div class="col" style="padding: 0 5px">
  412. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  413. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  414. </div>
  415. </div>
  416. <div class="row" style="background: #ffffff;margin-right: 1%;">
  417. <div class="col" style="padding: 0 15px 10px 15px">
  418. <button class="btn btn-danger" style="width: 100%">
  419. 看样预约
  420. </button>
  421. </div>
  422. </div>
  423. <div class="row" style="background: #ffffff;margin-right: 1%;">
  424. <div class="col">
  425. <p style="text-align: center">
  426. 已有1人看样预约
  427. </p>
  428. </div>
  429. </div>
  430. </div>
  431. <div class="col-sm-3 ">
  432. <div class="row" style="margin-right: 1%;">
  433. <div class="col">
  434. <a href="templates/detail.html">
  435. <div style="position: relative;">
  436. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  437. 可预约
  438. </div>
  439. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  440. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  441. 离开拍还有10小时20分
  442. </div>
  443. </div>
  444. </a>
  445. </div>
  446. </div>
  447. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  448. <div class="col" style="padding: 5px">
  449. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  450. </div>
  451. </div>
  452. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  453. <div class="col" style="padding: 0 5px">
  454. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  455. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  456. </div>
  457. </div>
  458. <div class="row" style="background: #ffffff;margin-right: 1%;">
  459. <div class="col" style="padding: 0 15px 10px 15px">
  460. <button class="btn btn-danger" style="width: 100%">
  461. 看样预约
  462. </button>
  463. </div>
  464. </div>
  465. <div class="row" style="background: #ffffff;margin-right: 1%;">
  466. <div class="col">
  467. <p style="text-align: center">
  468. 已有1人看样预约
  469. </p>
  470. </div>
  471. </div>
  472. </div>
  473. <div class="col-sm-3 ">
  474. <div class="row" style="margin-right: 1%;">
  475. <div class="col">
  476. <a href="templates/detail.html">
  477. <div style="position: relative;">
  478. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  479. 可预约
  480. </div>
  481. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  482. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  483. 离开拍还有10小时20分
  484. </div>
  485. </div>
  486. </a>
  487. </div>
  488. </div>
  489. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  490. <div class="col" style="padding: 5px">
  491. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  492. </div>
  493. </div>
  494. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  495. <div class="col" style="padding: 0 5px">
  496. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  497. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  498. </div>
  499. </div>
  500. <div class="row" style="background: #ffffff;margin-right: 1%;">
  501. <div class="col" style="padding: 0 15px 10px 15px">
  502. <button class="btn btn-danger" style="width: 100%">
  503. 看样预约
  504. </button>
  505. </div>
  506. </div>
  507. <div class="row" style="background: #ffffff;margin-right: 1%;">
  508. <div class="col">
  509. <p style="text-align: center">
  510. 已有1人看样预约
  511. </p>
  512. </div>
  513. </div>
  514. </div>
  515. <div class="col-sm-3 ">
  516. <div class="row" style="margin-right: 1%;">
  517. <div class="col">
  518. <a href="templates/detail.html">
  519. <div style="position: relative;">
  520. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  521. 可预约
  522. </div>
  523. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  524. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  525. 离开拍还有10小时20分
  526. </div>
  527. </div>
  528. </a>
  529. </div>
  530. </div>
  531. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  532. <div class="col" style="padding: 5px">
  533. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  534. </div>
  535. </div>
  536. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  537. <div class="col" style="padding: 0 5px">
  538. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  539. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  540. </div>
  541. </div>
  542. <div class="row" style="background: #ffffff;margin-right: 1%;">
  543. <div class="col" style="padding: 0 15px 10px 15px">
  544. <button class="btn btn-danger" style="width: 100%">
  545. 看样预约
  546. </button>
  547. </div>
  548. </div>
  549. <div class="row" style="background: #ffffff;margin-right: 1%;">
  550. <div class="col">
  551. <p style="text-align: center">
  552. 已有1人看样预约
  553. </p>
  554. </div>
  555. </div>
  556. </div>
  557. </div>
  558. <div class="row" style="margin-right: -32px; margin-bottom: 40px">
  559. <div class="col-sm-3 ">
  560. <div class="row" style="margin-right: 1%;">
  561. <div class="col">
  562. <a href="templates/detail.html">
  563. <div style="position: relative;">
  564. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  565. 可预约
  566. </div>
  567. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  568. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  569. 离开拍还有10小时20分
  570. </div>
  571. </div>
  572. </a>
  573. </div>
  574. </div>
  575. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  576. <div class="col" style="padding: 5px">
  577. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  578. </div>
  579. </div>
  580. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  581. <div class="col" style="padding: 0 5px">
  582. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  583. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  584. </div>
  585. </div>
  586. <div class="row" style="background: #ffffff;margin-right: 1%;">
  587. <div class="col" style="padding: 0 15px 10px 15px">
  588. <button class="btn btn-danger" style="width: 100%">
  589. 看样预约
  590. </button>
  591. </div>
  592. </div>
  593. <div class="row" style="background: #ffffff;margin-right: 1%;">
  594. <div class="col">
  595. <p style="text-align: center">
  596. 已有1人看样预约
  597. </p>
  598. </div>
  599. </div>
  600. </div>
  601. <div class="col-sm-3 ">
  602. <div class="row" style="margin-right: 1%;">
  603. <div class="col">
  604. <a href="templates/detail.html">
  605. <div style="position: relative;">
  606. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  607. 可预约
  608. </div>
  609. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  610. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  611. 离开拍还有10小时20分
  612. </div>
  613. </div>
  614. </a>
  615. </div>
  616. </div>
  617. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  618. <div class="col" style="padding: 5px">
  619. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  620. </div>
  621. </div>
  622. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  623. <div class="col" style="padding: 0 5px">
  624. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  625. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  626. </div>
  627. </div>
  628. <div class="row" style="background: #ffffff;margin-right: 1%;">
  629. <div class="col" style="padding: 0 15px 10px 15px">
  630. <button class="btn btn-danger" style="width: 100%">
  631. 看样预约
  632. </button>
  633. </div>
  634. </div>
  635. <div class="row" style="background: #ffffff;margin-right: 1%;">
  636. <div class="col">
  637. <p style="text-align: center">
  638. 已有1人看样预约
  639. </p>
  640. </div>
  641. </div>
  642. </div>
  643. <div class="col-sm-3 ">
  644. <div class="row" style="margin-right: 1%;">
  645. <div class="col">
  646. <a href="templates/detail.html">
  647. <div style="position: relative;">
  648. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  649. 可预约
  650. </div>
  651. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  652. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  653. 离开拍还有10小时20分
  654. </div>
  655. </div>
  656. </a>
  657. </div>
  658. </div>
  659. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  660. <div class="col" style="padding: 5px">
  661. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  662. </div>
  663. </div>
  664. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  665. <div class="col" style="padding: 0 5px">
  666. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  667. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  668. </div>
  669. </div>
  670. <div class="row" style="background: #ffffff;margin-right: 1%;">
  671. <div class="col" style="padding: 0 15px 10px 15px">
  672. <button class="btn btn-danger" style="width: 100%">
  673. 看样预约
  674. </button>
  675. </div>
  676. </div>
  677. <div class="row" style="background: #ffffff;margin-right: 1%;">
  678. <div class="col">
  679. <p style="text-align: center">
  680. 已有1人看样预约
  681. </p>
  682. </div>
  683. </div>
  684. </div>
  685. <div class="col-sm-3 ">
  686. <div class="row" style="margin-right: 1%;">
  687. <div class="col">
  688. <a href="templates/detail.html">
  689. <div style="position: relative;">
  690. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  691. 可预约
  692. </div>
  693. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  694. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  695. 离开拍还有10小时20分
  696. </div>
  697. </div>
  698. </a>
  699. </div>
  700. </div>
  701. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  702. <div class="col" style="padding: 5px">
  703. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  704. </div>
  705. </div>
  706. <div class="row" style="background: #ffffff; color: #666666;margin-right: 1%;">
  707. <div class="col" style="padding: 0 5px">
  708. <p class="hidden-sm" style="">开拍时间 &nbsp;2017-08-10 10:00时</p>
  709. <p class="visible-sm" style="">开拍时间<br>2017-08-10 10:00时</p>
  710. </div>
  711. </div>
  712. <div class="row" style="background: #ffffff;margin-right: 1%;">
  713. <div class="col" style="padding: 0 15px 10px 15px">
  714. <button class="btn btn-danger" style="width: 100%">
  715. 看样预约
  716. </button>
  717. </div>
  718. </div>
  719. <div class="row" style="background: #ffffff;margin-right: 1%;">
  720. <div class="col">
  721. <p style="text-align: center">
  722. 已有1人看样预约
  723. </p>
  724. </div>
  725. </div>
  726. </div>
  727. </div>
  728. <div class="row page hidden-xs">
  729. <div class="col">
  730. <ul class="pagination">
  731. <li><a href="#">&laquo;</a></li>
  732. <li class="active"><a href="#">1</a></li>
  733. <li><a href="#">2</a></li>
  734. <li><a href="#">3</a></li>
  735. <li><a href="#">4</a></li>
  736. <li><a href="#">5</a></li>
  737. <li><a href="#">&raquo;</a></li>
  738. </ul>
  739. </div>
  740. </div>
  741. </div>
  742. <!--<div class="footer hidden-xs">
  743. <div class="container">
  744. <div class="row link">
  745. <div class="col-sm-1" style="padding: 0; width: 10%;">
  746. 合作伙伴:
  747. </div>
  748. <div class="col-sm-8" style="width: 68%;">
  749. <ul class="recommendation_ul">
  750. <li class="link_click"><a href="http://www.icbc.com.cn/icbc/" target="_blank">中国工商银行</a></li>
  751. <li class="link_click"><a href="http://www.abchina.com/cn/" target="_blank">中国农业银行</a></li>
  752. <li class="link_click"><a href="http://www.citicbank.com/" target="_blank">中信银行</a></li>
  753. <li class="link_click"><a href="http://ccc.spdb.com.cn/" target="_blank">浦发银行</a></li>
  754. <li class="link_click"><a href="http://www.cinda.com.cn/xdjt/xdjtpd/index.shtml" target="_blank">中国信达</a></li>
  755. <li class="link_click"><a href="https://sf.taobao.com/" target="_blank">淘宝司法拍卖</a></li>
  756. </ul>
  757. </div>
  758. <div class="col-sm-2" style="width: 22%; padding: 0; text-align: right">
  759. 服务热线:400-0678-050
  760. </div>
  761. </div>
  762. <div class="row link">
  763. <div class="col-sm-1" style="padding: 0; width: 10%;">
  764. 推荐城市:
  765. </div>
  766. <div class="col-sm-8" style="width: 75%;">
  767. <ul class="recommendation_ul">
  768. <li class="link_click"><a href="http://nanjing.51zhupai.com">南京房产拍卖网</a></li>
  769. <li class="link_click"><a href="http://suzhou.51zhupai.com">苏州房产拍卖网</a></li>
  770. <li class="link_click"><a href="http://hangzhou.51zhupai.com">杭州房产拍卖网</a></li>
  771. <li class="link_click"><a href="http://ningbo.51zhupai.com">宁波房产拍卖网</a></li>
  772. <li class="link_click"><a href="http://wenzhou.51zhupai.com">温州房产拍卖网</a></li>
  773. <li class="link_click"><a href="http://shaoxing.51zhupai.com">绍兴房产拍卖网</a></li>
  774. <li class="link_click"><a href="http://jinhua.51zhupai.com">金华房产拍卖网</a></li>
  775. <li class="link_click"><a href="http://jiaxing.51zhupai.com">嘉兴房产拍卖网</a></li>
  776. <li class="link_click"><a href="http://taizhou.51zhupai.com">台州房产拍卖网</a></li>
  777. <li class="link_click"><a href="http://huzhou.51zhupai.com">湖州房产拍卖网</a></li>
  778. <li class="link_click"><a href="http://lishui.51zhupai.com">丽水房产拍卖网</a></li>
  779. <li class="link_click"><a href="http://zhoushan.51zhupai.com">舟山房产拍卖网</a></li>
  780. <li class="link_click"><a href="http://quzhou.51zhupai.com">衢州房产拍卖网</a></li>
  781. <li class="link_click"><a href="http://fuzhou.51zhupai.com">福州房产拍卖网</a></li>
  782. <li class="link_click"><a href="http://xiamen.51zhupai.com">厦门房产拍卖网</a></li>
  783. <li class="link_click"><a href="http://quanzhou.51zhupai.com">泉州房产拍卖网</a></li>
  784. <li class="link_click"><a href="http://zhangzhou.51zhupai.com">漳州房产拍卖网</a></li>
  785. <li class="link_click"><a href="http://putian.51zhupai.com">莆田房产拍卖网</a></li>
  786. <li class="link_click"><a href="http://sanming.51zhupai.com">三明房产拍卖网</a></li>
  787. <li class="link_click"><a href="http://nanping.51zhupai.com">南平房产拍卖网</a></li>
  788. <li class="link_click"><a href="http://ningde.51zhupai.com">宁德房产拍卖网</a></li>
  789. <li class="link_click"><a href="http://longyan.51zhupai.com">龙岩房产拍卖网</a></li>
  790. <li class="link_click"><a href="http://guangzhou.51zhupai.com">广州房产拍卖网</a></li>
  791. <li class="link_click"><a href="http://huizhou.51zhupai.com">惠州房产拍卖网</a></li>
  792. <li class="link_click"><a href="http://dongguan.51zhupai.com">东莞房产拍卖网</a></li>
  793. <li class="link_click"><a href="http://chengdu.51zhupai.com">成都房产拍卖网</a></li>
  794. <li class="link_click"><a href="http://beijing.51zhupai.com">北京房产拍卖网</a></li>
  795. <li class="link_click"><a href="http://shanghai.51zhupai.com">上海房产拍卖网</a></li>
  796. <li class="link_click"><a href="http://chongqing.51zhupai.com">重庆房产拍卖网</a></li>
  797. </ul>
  798. </div>
  799. <div class="col-sm-2" style="width: 15%; padding: 0; text-align: right">
  800. <img src="img/weixin_shao.png">
  801. </div>
  802. </div>
  803. <div class="row" style="padding: 20px 0;">
  804. <div class="col-lg-2 col-md-2 col-sm-3">
  805. <div class="row">
  806. <div class="col-lg-3 col-md-4 col-sm-3" style="padding-left: 0">
  807. <img src="img/fy_footer.svg" class="img-circle" style="width:40px; height: 40px; border: 2px solid #AAAAAA;">
  808. </div>
  809. <div class="col-lg-9 col-md-8 col-sm-9">
  810. <div class="row">
  811. <div class="col" style="font-size: 18px; font-weight: bold">
  812. 助拍网
  813. </div>
  814. <div class="col">
  815. <span style="font-size: 12px">51zhupai.com</span>
  816. </div>
  817. </div>
  818. </div>
  819. </div>
  820. </div>
  821. <div class="col-lg-10 col-md-10 col-sm-9">
  822. <div class="row">
  823. <div class="col-sm-12">
  824. <ul class="recommendation_ul">
  825. <li class="link_click"><a href="http://www.51zhupai.com/help/about">联系我们</a></li>
  826. <li class="link_click"><a href="http://www.51zhupai.com/help/about">关于我们</a></li>
  827. <li class="link_click"><a href="http://www.51zhupai.com/help/register">服务条款</a></li>
  828. <li class="link_click"><a href="http://www.51zhupai.com/help/disclaimer">免责声明</a></li>
  829. <li class="link_click"><a href="http://www.51zhupai.com/help/copyright">版权声明</a></li>
  830. </ul>
  831. </div>
  832. </div>
  833. <div class="row">
  834. <div class="col-sm-12">
  835. <ul class="recommendation_ul">
  836. <li class="link_click">
  837. <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602001556">Copyright©2010-2015 助拍网版权所有 浙ICP备15033350号 浙公网安备 33010602001556号</a>
  838. </li>
  839. </ul>
  840. </div>
  841. </div>
  842. </div>
  843. </div>
  844. </div>
  845. </div>-->
  846. <!--移动端-->
  847. <div class="container visible-xs">
  848. <div class="row" style="margin: 10px -20px 10px -20px">
  849. <div class="col-xs-12">
  850. <div class="input-group">
  851. <input type="text" class="form-control" style="height: 40px;" placeholder="搜索,输入标的关键字">
  852. <span class="input-group-btn" style="line-height: 0;">
  853. <button class="btn btn-default" style="height: 40px">
  854. <img src="img/search.svg" style="width: 20px;">
  855. </button>
  856. </span>
  857. </div>
  858. </div>
  859. </div>
  860. <div class="row" style="margin-bottom: 10px">
  861. <div class="col-xs-12">
  862. <div class="row">
  863. <div class="col-xs-2">
  864. <select style="height: 30px;">
  865. <option selected style="display: none">市/区</option>
  866. <option>2</option>
  867. <option>3</option>
  868. <option>4</option>
  869. <option>5</option>
  870. </select>
  871. </div>
  872. <div class="col-xs-2">
  873. <select style="height: 30px;">
  874. <option selected style="display: none">类型</option>
  875. <option>2</option>
  876. <option>3</option>
  877. <option>4</option>
  878. <option>5</option>
  879. </select>
  880. </div>
  881. <div class="col-xs-2">
  882. <select style="height: 30px;">
  883. <option selected style="display: none">法院</option>
  884. <option>2</option>
  885. <option>3</option>
  886. <option>4</option>
  887. <option>5</option>
  888. </select>
  889. </div>
  890. <div class="col-xs-2">
  891. <select style="height: 30px;">
  892. <option selected style="display: none">价格</option>
  893. <option>2</option>
  894. <option>3</option>
  895. <option>4</option>
  896. <option>5</option>
  897. </select>
  898. </div>
  899. <div class="col-xs-4">
  900. <select style="height: 30px;">
  901. <option selected style="display: none">默认排序</option>
  902. <option>2</option>
  903. <option>3</option>
  904. <option>4</option>
  905. <option>5</option>
  906. </select>
  907. </div>
  908. </div>
  909. </div>
  910. </div>
  911. <div class="row">
  912. <div class="col-xs-6" style="margin-bottom: 20px">
  913. <div class="row" style="margin-left: -5px; margin-right: -8px">
  914. <div class="col">
  915. <a href="templates/detail.html">
  916. <div style="position: relative;">
  917. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  918. 可预约
  919. </div>
  920. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  921. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  922. 离开拍还有10小时20分
  923. </div>
  924. </div>
  925. </a>
  926. </div>
  927. </div>
  928. <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
  929. <div class="col" style="padding: 5px 5px 0 5px">
  930. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  931. </div>
  932. </div>
  933. <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
  934. <div class="col" style="padding: 0 5px 5px 5px">
  935. 开拍时间<br>2017-08-10 10:00时
  936. </div>
  937. </div>
  938. <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
  939. <div class="col" style="padding: 0 15px 10px 15px">
  940. <button class="btn btn-danger" style="width: 100%">
  941. 看样预约
  942. </button>
  943. </div>
  944. </div>
  945. <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
  946. <div class="col">
  947. <p style="text-align: center">
  948. 已有1人看样预约
  949. </p>
  950. </div>
  951. </div>
  952. </div>
  953. <div class="col-xs-6" style="margin-bottom: 20px">
  954. <div class="row" style="margin-left: -8px; margin-right: -5px">
  955. <div class="col">
  956. <a href="templates/detail.html">
  957. <div style="position: relative;">
  958. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  959. 可预约
  960. </div>
  961. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  962. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  963. 离开拍还有10小时20分
  964. </div>
  965. </div>
  966. </a>
  967. </div>
  968. </div>
  969. <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
  970. <div class="col" style="padding: 5px 5px 0 5px">
  971. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  972. </div>
  973. </div>
  974. <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
  975. <div class="col" style="padding: 0 5px 5px 5px">
  976. 开拍时间<br>2017-08-10 10:00时
  977. </div>
  978. </div>
  979. <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
  980. <div class="col" style="padding: 0 15px 10px 15px">
  981. <button class="btn btn-danger" style="width: 100%">
  982. 看样预约
  983. </button>
  984. </div>
  985. </div>
  986. <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
  987. <div class="col">
  988. <p style="text-align: center">
  989. 已有1人看样预约
  990. </p>
  991. </div>
  992. </div>
  993. </div>
  994. </div>
  995. <div class="row">
  996. <div class="col-xs-6" style="margin-bottom: 20px">
  997. <div class="row" style="margin-left: -5px; margin-right: -8px">
  998. <div class="col">
  999. <a href="templates/detail.html">
  1000. <div style="position: relative;">
  1001. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  1002. 可预约
  1003. </div>
  1004. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  1005. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  1006. 离开拍还有10小时20分
  1007. </div>
  1008. </div>
  1009. </a>
  1010. </div>
  1011. </div>
  1012. <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
  1013. <div class="col" style="padding: 5px 5px 0 5px">
  1014. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  1015. </div>
  1016. </div>
  1017. <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
  1018. <div class="col" style="padding: 0 5px 5px 5px">
  1019. 开拍时间<br>2017-08-10 10:00时
  1020. </div>
  1021. </div>
  1022. <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
  1023. <div class="col" style="padding: 0 15px 10px 15px">
  1024. <button class="btn btn-danger" style="width: 100%">
  1025. 看样预约
  1026. </button>
  1027. </div>
  1028. </div>
  1029. <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
  1030. <div class="col">
  1031. <p style="text-align: center">
  1032. 已有1人看样预约
  1033. </p>
  1034. </div>
  1035. </div>
  1036. </div>
  1037. <div class="col-xs-6" style="margin-bottom: 20px">
  1038. <div class="row" style="margin-left: -8px; margin-right: -5px">
  1039. <div class="col">
  1040. <a href="templates/detail.html">
  1041. <div style="position: relative;">
  1042. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  1043. 可预约
  1044. </div>
  1045. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  1046. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  1047. 离开拍还有10小时20分
  1048. </div>
  1049. </div>
  1050. </a>
  1051. </div>
  1052. </div>
  1053. <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
  1054. <div class="col" style="padding: 5px 5px 0 5px">
  1055. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  1056. </div>
  1057. </div>
  1058. <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
  1059. <div class="col" style="padding: 0 5px 5px 5px">
  1060. 开拍时间<br>2017-08-10 10:00时
  1061. </div>
  1062. </div>
  1063. <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
  1064. <div class="col" style="padding: 0 15px 10px 15px">
  1065. <button class="btn btn-danger" style="width: 100%">
  1066. 看样预约
  1067. </button>
  1068. </div>
  1069. </div>
  1070. <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
  1071. <div class="col">
  1072. <p style="text-align: center">
  1073. 已有1人看样预约
  1074. </p>
  1075. </div>
  1076. </div>
  1077. </div>
  1078. </div>
  1079. <div class="row">
  1080. <div class="col-xs-6" style="margin-bottom: 20px">
  1081. <div class="row" style="margin-left: -5px; margin-right: -8px">
  1082. <div class="col">
  1083. <a href="templates/detail.html">
  1084. <div style="position: relative;">
  1085. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  1086. 可预约
  1087. </div>
  1088. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  1089. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  1090. 离开拍还有10小时20分
  1091. </div>
  1092. </div>
  1093. </a>
  1094. </div>
  1095. </div>
  1096. <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
  1097. <div class="col" style="padding: 5px 5px 0 5px">
  1098. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  1099. </div>
  1100. </div>
  1101. <div class="row" style="background: #ffffff; color: #666666;margin-left: -5px; margin-right: -8px">
  1102. <div class="col" style="padding: 0 5px 5px 5px">
  1103. 开拍时间<br>2017-08-10 10:00时
  1104. </div>
  1105. </div>
  1106. <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
  1107. <div class="col" style="padding: 0 15px 10px 15px">
  1108. <button class="btn btn-danger" style="width: 100%">
  1109. 看样预约
  1110. </button>
  1111. </div>
  1112. </div>
  1113. <div class="row" style="background: #ffffff;margin-left: -5px; margin-right: -8px">
  1114. <div class="col">
  1115. <p style="text-align: center">
  1116. 已有1人看样预约
  1117. </p>
  1118. </div>
  1119. </div>
  1120. </div>
  1121. <div class="col-xs-6" style="margin-bottom: 20px">
  1122. <div class="row" style="margin-left: -8px; margin-right: -5px">
  1123. <div class="col">
  1124. <a href="templates/detail.html">
  1125. <div style="position: relative;">
  1126. <div style="position: absolute; color: #ffffff; padding: 5px; z-index: 100; background: #E77209;">
  1127. 可预约
  1128. </div>
  1129. <img class="img-responsive" src="img/2210535440.jpg_800" alt="">
  1130. <div style="position: absolute; color: #ffffff; padding: 5px; width: 100%; text-align: center; bottom: 0; z-index: 100; background: rgba(27, 28, 25,0.7);">
  1131. 离开拍还有10小时20分
  1132. </div>
  1133. </div>
  1134. </a>
  1135. </div>
  1136. </div>
  1137. <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
  1138. <div class="col" style="padding: 5px 5px 0 5px">
  1139. <p>起拍价 &nbsp;<span style="color: #CF2B2A; font-size: 20px">2.10万</span></p>
  1140. </div>
  1141. </div>
  1142. <div class="row" style="background: #ffffff; color: #666666;margin-left: -8px; margin-right: -5px">
  1143. <div class="col" style="padding: 0 5px 5px 5px">
  1144. 开拍时间<br>2017-08-10 10:00时
  1145. </div>
  1146. </div>
  1147. <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
  1148. <div class="col" style="padding: 0 15px 10px 15px">
  1149. <button class="btn btn-danger" style="width: 100%">
  1150. 看样预约
  1151. </button>
  1152. </div>
  1153. </div>
  1154. <div class="row" style="background: #ffffff;margin-left: -8px; margin-right: -5px">
  1155. <div class="col">
  1156. <p style="text-align: center">
  1157. 已有1人看样预约
  1158. </p>
  1159. </div>
  1160. </div>
  1161. </div>
  1162. </div>
  1163. </div>
  1164. <div class="row page visible-xs">
  1165. <div class="col">
  1166. <ul class="pagination">
  1167. <li><a href="#">&laquo;</a></li>
  1168. <li class="active"><a href="#">1</a></li>
  1169. <li><a href="#">2</a></li>
  1170. <li><a href="#">3</a></li>
  1171. <li><a href="#">4</a></li>
  1172. <li><a href="#">5</a></li>
  1173. <li><a href="#">&raquo;</a></li>
  1174. </ul>
  1175. </div>
  1176. </div>
  1177. <script src="js/jquery.min.js"></script>
  1178. <script src="js/bootstrap.min.js"></script>
  1179. </body>
  1180. </html>