css.css 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .qwpuic,.footer_copy {display:none}
  4. html{
  5. font-size:24px;
  6. margin:0
  7. }
  8. div,form,acronym,img,ul,ol,li,dl,dt,dd,header{ margin: 0; padding: 0; border: none; }
  9. h1,h2,h3,h4,h5,h6 { margin:0; padding:0 ;}
  10. body{ margin:0; padding:0; font-size:0.58rem; background:#eee;}
  11. section,nav,footer{
  12. background:#fff;
  13. padding:0 0.416rem;
  14. }
  15. section{
  16. margin-bottom:0.416rem;
  17. padding-bottom:0.625rem;
  18. }
  19. a:link{
  20. text-decoration:none;
  21. }
  22. p{
  23. }
  24. h1{
  25. font-size:0.7rem;
  26. color:#ff6600;
  27. }
  28. /*文字类*/
  29. .f12{ font-size:0.5rem; }
  30. .f14{ font-size:0.58rem; }
  31. .f15{ font-size:0.625rem; }
  32. .f16{ font-size:0.666rem; }
  33. .f18{ font-size:0.75rem; }
  34. .f24{ font-size:1rem; }
  35. .white{ color:#fff; }
  36. .black{ color:#000 }
  37. .g999{ color:#999 }
  38. .g666{ color:#666 }
  39. .orange{ color:#ff6600 }
  40. .bold{ font-weight:bold; }
  41. em{
  42. font-style:normal;
  43. color:#ff6600;
  44. }
  45. .bottomLine{
  46. border-bottom:1px solid #ddd;
  47. }
  48. .clearfix:after{
  49. content:"";
  50. display:table;
  51. clear:both;
  52. }
  53. .fr{
  54. float:right
  55. }
  56. .back{
  57. position:absolute;
  58. top:0;
  59. left:0;
  60. width:2rem;
  61. height:1.66rem;
  62. background:url(/js/lpindex/loan/icon.png) no-repeat;
  63. background-size:20rem 9rem;
  64. background-position:-3.584rem -2.5rem;
  65. }
  66. .telBtn{
  67. position:absolute;
  68. top:0;
  69. right:0;
  70. width:2rem;
  71. height:1.66rem;
  72. background:url(/js/lpindex/loan/icon.png) no-repeat;
  73. background-size:20rem 9rem;
  74. background-position:-3.448rem -4.7084rem;
  75. }
  76. .clearBtn{
  77. position:absolute;
  78. top:0;
  79. right:0;
  80. width:2rem;
  81. height:1.66rem;
  82. background:url(/js/lpindex/loan/icon2.png) no-repeat;
  83. background-size:20rem 9rem;
  84. background-position:-12.4rem -3.7rem;
  85. }
  86. .headerBar{
  87. position:relative;
  88. height:1.66rem;
  89. width:100%;
  90. line-height:1.66rem;
  91. background-color:#ff6600;
  92. font-size:0.9rem;
  93. text-align:center;
  94. z-index:99999;
  95. }
  96. .headerBar p{
  97. margin:0
  98. }
  99. .indexHeader{
  100. position:relative;
  101. height:7.25rem;
  102. background:url(/js/lpindex/loan/index_header.jpg) no-repeat;
  103. background-size:cover;
  104. text-align:center;
  105. vertical-align:middle;
  106. }
  107. .indexHeader img{
  108. width:6.7rem;
  109. margin-top:2.916rem;;
  110. }
  111. .indexHeader .city{
  112. position:absolute;
  113. top:0.416rem;
  114. left:0.416rem;
  115. width:2.9rem;
  116. height:1.375rem;
  117. line-height:1.375rem;
  118. text-align:center;
  119. padding-right:0.35rem;
  120. border-radius:1rem;
  121. color:#fff;
  122. background-color:rgba(0,0,0,0.5);
  123. background-image:url(/js/lpindex/loan/icon.png);
  124. background-size:20rem 9rem;
  125. background-position:-9.85rem -4.35rem;
  126. }
  127. .detailsHeader{
  128. position:relative;
  129. width:15rem;
  130. height:10.416rem;
  131. }
  132. .detailsHeader img{
  133. width:15rem;
  134. height:10.416rem;
  135. }
  136. .detailsHeader .headerImg{
  137. /*position:absolute;*/
  138. top:0;
  139. display:block;
  140. width:15rem;
  141. height:10.416rem;
  142. }
  143. .detailsHeader .back{
  144. position:absolute;
  145. width:1.25rem;
  146. height:1.25rem;
  147. left:0.4166rem;
  148. top:0.4166rem;
  149. display:inline-block;
  150. background-color:rgba(0,0,0,0.2);
  151. background-position:-3.584rem -2.75rem;
  152. border-radius:0.104rem;
  153. }
  154. .detailsHeader .share{
  155. position:absolute;
  156. width:1.25rem;
  157. height:1.25rem;
  158. right:0.4166rem;
  159. top:0.4166rem;
  160. display:inline-block;
  161. background-color:rgba(0,0,0,0.2);
  162. background-image:url(/js/lpindex/loan/icon.png);
  163. background-size:20rem 9rem;
  164. background-position:-18.584rem -2.75rem;
  165. border-radius:0.104rem;
  166. }
  167. .indexNav{
  168. height:8.25rem;
  169. padding:0 0.45rem;
  170. }
  171. .indexNav div{
  172. display:inline-block;
  173. width:2.666rem;
  174. height:2.842rem;
  175. margin:0.833rem 0.31rem 0 0.31rem;
  176. text-align:center;
  177. }
  178. .indexNav a:nth-child(1) div{
  179. background-image:url(/js/lpindex/loan/icon.png);
  180. background-size:20rem 9rem;
  181. background-position:0.31rem 0;
  182. margin-bottom:0.5rem;
  183. }
  184. .indexNav a:nth-child(2) div{
  185. background-image:url(/js/lpindex/loan/icon.png);
  186. background-size:20rem 9rem;
  187. background-position:-3.69rem 0;
  188. margin-bottom:0.5rem;
  189. }
  190. .indexNav a:nth-child(3) div{
  191. background-image:url(/js/lpindex/loan/icon2.png);
  192. background-repeat:no-repeat;
  193. background-size:20rem 9rem;
  194. background-position:0.315rem 0;
  195. margin-bottom:0.5rem;
  196. }
  197. .indexNav a:nth-child(4) div{
  198. background-image:url(/js/lpindex/loan/icon.png);
  199. background-size:20rem 9rem;
  200. background-position:-7.69rem 0;
  201. margin-bottom:0.5rem;
  202. }
  203. .indexNav a:nth-child(5) div{
  204. background-image:url(../images/icon2.png);
  205. background-size:20rem 9rem;
  206. background-position:-3.69rem 0;
  207. }
  208. .indexNav a:nth-child(6) div{
  209. background-image:url(/js/lpindex/loan/icon2.png);
  210. background-size:20rem 9rem;
  211. background-position:-7.69rem 0;
  212. }
  213. .indexNav a:nth-child(7) div{
  214. background-image:url(/js/lpindex/loan/icon2.png);
  215. background-repeat:no-repeat;
  216. background-size:20rem 9rem;
  217. background-position:-11.69rem 0;
  218. }
  219. .indexNav a:nth-child(8) div{
  220. background-image:url(/js/lpindex/loan/icon2.png);
  221. background-size:20rem 9rem;
  222. background-position:-15.69rem 0;
  223. }
  224. .indexNav span{
  225. position:relative;
  226. top:2.5rem;
  227. color:#000;
  228. }
  229. .searchBox{
  230. padding-top:0.5rem;
  231. padding-bottom:0;
  232. }
  233. .searchBox.indexBox{
  234. padding-top:1rem;
  235. padding-bottom:0.01rem;
  236. }
  237. .searchBar{
  238. height:1.625rem;
  239. line-height:1.625rem;
  240. border:1px solid #ddd;
  241. vertical-align:baseline;
  242. }
  243. .searchInput{
  244. border:none;
  245. outline:none;
  246. width:10rem;
  247. font-size:0.58rem;
  248. margin-left:0;
  249. color:#999;
  250. }
  251. .searchBar img:nth-child(1){
  252. float:left;
  253. width:0.708rem;
  254. height:0.708rem;
  255. margin:0.479rem 0.313rem;
  256. }
  257. .searchBar img:nth-child(2){
  258. float:right;
  259. width:0.708rem;
  260. height:0.708rem;
  261. padding: 0.479rem 0.313rem;
  262. }
  263. .searchRow{
  264. height:1.82rem;
  265. position:relative;
  266. line-height:1.82rem;
  267. font-size:0.58rem;
  268. border-bottom:1px solid #ddd;
  269. overflow:hidden;
  270. }
  271. .searchRow.ar div{
  272. position:absolute;
  273. width:0.5rem;
  274. height:0.5rem;
  275. top:0.8rem;
  276. right:0;
  277. background-image:url(../images/icon.png);
  278. background-repeat:no-repeat;
  279. background-size:20rem 9rem;
  280. background-position:-19rem -8rem;
  281. }
  282. .searchRow.br div{
  283. position:absolute;
  284. width:0.5rem;
  285. height:0.5rem;
  286. top:0.8rem;
  287. right:0;
  288. background-image:url(../images/icon.png);
  289. background-repeat:no-repeat;
  290. background-size:20rem 9rem;
  291. background-position:-17rem -6rem;
  292. }
  293. .searchRow p{
  294. display:inline-block;
  295. width:12rem;
  296. }
  297. .searchRow p span{
  298. margin-right:0.38rem;
  299. display:inline-block;
  300. }
  301. .searchRow p span a{
  302. color:black;
  303. }
  304. .searchRow:nth-child(7) span{
  305. margin-right:0.38rem;
  306. white-space:nowrap;
  307. }
  308. .searchRow p{
  309. margin:0;
  310. margin-left:0.3rem;
  311. vertical-align:top;
  312. }
  313. .searchRow:nth-child(7) p{
  314. margin-left:0;
  315. }
  316. .searchRow span:first-child{
  317. line-height:1.0rem;
  318. }
  319. .searchArea{
  320. line-height:1.25rem;
  321. font-size:0.58rem;
  322. border-bottom:1px solid #f4f4f4;
  323. }
  324. .searchArea span{
  325. margin-right:0.618rem;
  326. }
  327. .searchArea span:last-child{
  328. margin-right:0rem;
  329. }
  330. .searchArea span a{
  331. color:black;
  332. }
  333. .searchArea:nth-child(2){
  334. }
  335. .searchArea:nth-child(2) span{
  336. display:inline-block;
  337. margin-right:0.57rem;
  338. }
  339. .searchArea:nth-child(3){
  340. border-bottom:none;
  341. }
  342. .searchArea:nth-child(3) .term{
  343. margin-top:0;
  344. margin-bottom:0;
  345. padding-top:0.35rem;
  346. padding-bottom:0.35rem;
  347. }
  348. .moreRow,.searchMoreRow{
  349. height:1.65rem;
  350. line-height:1.65rem;
  351. text-align:center;
  352. /* [disabled]color:#999; */
  353. font-size:0.5rem;
  354. }
  355. .heading{
  356. height:1.68rem;
  357. line-height:1.708rem;
  358. color:#ff6600;
  359. }
  360. .heading p{
  361. height:1.68rem;
  362. line-height:1.68rem !important;
  363. border-bottom:#ddd 1px solid;
  364. margin:0
  365. }
  366. .listBox .heading p{
  367. margin:0 0.416rem;
  368. }
  369. .listBox{
  370. padding:0 0 0.625rem 0 ;
  371. }
  372. .listBox{
  373. padding-bottom:0
  374. }
  375. .listBox a{
  376. color:#000;
  377. }
  378. .list li{
  379. position:relative;
  380. height:3.75rem;
  381. }
  382. .list li>div:first-child{
  383. height:3.75rem;
  384. float:left;
  385. }
  386. .list li .fr{
  387. position:relative;
  388. width:8.8416rem;
  389. height:3.75rem;
  390. float:right;
  391. overflow:hidden;
  392. }
  393. .list li{
  394. padding:0.416rem;
  395. list-style:none;
  396. font-size:0.5rem;
  397. border-bottom:1px solid #ddd;
  398. }
  399. .list li:after{
  400. content:"";
  401. display:table;
  402. clear:both;
  403. }
  404. .list img{
  405. width:5rem;
  406. height:3.75rem;
  407. }
  408. .list .name{
  409. width:8.51rem;
  410. font-size:0.58rem;
  411. text-overflow:ellipsis;
  412. white-space:nowrap;
  413. margin:0 0 0.33rem 0;
  414. overflow:hidden;
  415. color:#000;
  416. }
  417. .list .del-icon{
  418. width:25px;
  419. height:25px;
  420. display:inline-block;
  421. background:url(/js/lpindex/loan/del-sc.png) 0px 0px no-repeat;
  422. background-size:25px;position:absolute;
  423. right:0px; top:0px;
  424. z-index:1000;
  425. } /*删除收藏*/
  426. .listBox.rent .list .name,.listBox.sale .list .name{
  427. width:8rem;
  428. }
  429. .list .add,.list .info{
  430. color:#666;
  431. margin:0.33rem 0;
  432. }
  433. .list .price{
  434. color:#ff6600;
  435. float:right;
  436. margin-top:-0.275rem;
  437. }
  438. .list em{
  439. position:relative;
  440. font-size:0.75rem;
  441. font-weight:bold;
  442. top:0.05rem;
  443. }
  444. .icon{
  445. padding:0.11rem 0.1875rem;
  446. color:#fff;
  447. background:#70b8ff;
  448. font-size:0.5rem;
  449. vertical-align:bottom;
  450. }
  451. .icons{
  452. white-space: nowrap;
  453. position:absolute;
  454. bottom:0;
  455. margin:0;
  456. }
  457. .icons .icon{
  458. display:inline-block;
  459. }
  460. footer{
  461. height:2rem;
  462. /*border-top:1px solid #ddd;*/
  463. }
  464. .indexFooter{
  465. margin-top:-0.4rem;
  466. }
  467. .brief .title{
  468. height:2.583rem;
  469. overflow:hidden;
  470. padding:0.625rem 0;
  471. border-bottom:1px solid #ddd;
  472. }
  473. .brief .title div:nth-child(1){
  474. float:left;
  475. width:11.2rem;
  476. }
  477. .brief .title div:nth-child(1) p{
  478. margin:0.15rem 0 0 0;
  479. line-height:1rem;
  480. }
  481. .brief .title div:nth-child(2){
  482. float:right;
  483. width:1.758rem;
  484. height:2.083rem;
  485. border-left:1px solid #ddd;
  486. text-align:center;
  487. padding:0 0.4rem;
  488. text-align:center;
  489. }
  490. .brief .title .icon{
  491. margin-right:0.1rem;
  492. display: inline-block;
  493. line-height: normal;
  494. }
  495. .brief .tit{
  496. margin-right:0.4rem;
  497. }
  498. .brief .infoBar{
  499. height:2.25rem;
  500. border-bottom:1px solid #ddd;
  501. }
  502. .brief .infoBar p{
  503. line-height:2.25rem;
  504. margin:0;
  505. }
  506. .brief .infoBar p span{
  507. padding:0 0.5rem;
  508. }
  509. .brief .infoBar p span:nth-child(2){
  510. border-left:2px solid #ddd;
  511. border-right:2px solid #ddd;
  512. }
  513. .brief .info{
  514. padding-top:0.6rem;
  515. }
  516. .brief .info div{
  517. float:left;
  518. }
  519. .brief .info div{
  520. margin-right:1.58rem;
  521. }
  522. /*
  523. .brief .info .inr0{
  524. margin-left:1.708rem;
  525. }
  526. .brief .info .inr1{
  527. margin-left:3.725rem;
  528. }
  529. .brief .info .inr2{
  530. margin-left:4rem;
  531. }
  532. */
  533. .brief .info p{
  534. clear:both;
  535. }
  536. .brief .favorite.already{
  537. background:url(/js/lpindex/loan/icon.png) no-repeat;
  538. background-size:20rem 9rem;
  539. background-position:0.8rem -5rem;
  540. }
  541. .brief .favorite.already:after{
  542. content:"已收藏";
  543. position:relative;
  544. top:1.38rem;
  545. width:2rem;
  546. font-size:0.5rem;
  547. text-align:center;
  548. }
  549. .brief .favorite.not{
  550. background:url(/js/lpindex/loan/icon.png) no-repeat;
  551. background-size:20rem 9rem;
  552. background-position:-1.22rem -5rem;
  553. }
  554. .brief .favorite.not:after{
  555. content:"收藏";
  556. position:relative;
  557. top:1.38rem;
  558. width:2rem;
  559. font-size:0.5rem;
  560. text-align:center;
  561. }
  562. .brief p,.brief a{
  563. color:#000;
  564. }
  565. .brief p .pin{
  566. width:1rem;
  567. height:0.6rem;
  568. margin-left:0.15rem;
  569. background-image:url(../images/icon.png);
  570. background-size:20rem 9rem;
  571. background-position:-15rem 0.03rem;
  572. }
  573. .brief p .calc{
  574. position:absolute;
  575. width:0.6rem;
  576. height:1.0rem;
  577. margin-left:0.15rem;
  578. background-image:url(../images/icon.png);
  579. background-size:20rem 9rem;
  580. background-position:-15rem -0.99rem;
  581. }
  582. .fixBox{
  583. position:fixed;
  584. width:100%;
  585. bottom:0;
  586. left:0;
  587. padding:0.35rem;
  588. border-top:1px solid #ddd;
  589. text-align:center;
  590. margin-bottom:0;
  591. }
  592. .fixBox.app{
  593. width:14.3rem;
  594. border:none;
  595. background:rgba(0,0,0,0.5);
  596. text-align:left;
  597. padding:0.3125rem 0.35rem;
  598. }
  599. .btnBar{
  600. }
  601. .btnBar a{
  602. display:inline-block;
  603. width:14.168rem;
  604. height:1.625rem;
  605. line-height:1.625rem;
  606. text-align:center;
  607. border:1px solid #ff6600;
  608. font-size:0.625rem
  609. }
  610. .btnBar a:first-child{
  611. float:left;
  612. background-color:#fff;
  613. color:#ff6600;
  614. margin-right:1.05rem;
  615. }
  616. .btnBar a:last-child{
  617. float:left;
  618. background-color:#ff6600;
  619. color:#fff;
  620. }
  621. .btnBar .feng{
  622. background:url(/js/lpindex/loan/icon2.png) no-repeat;
  623. background-size:20rem;
  624. background-position:4.7rem -3.55rem;
  625. }
  626. .btnBar .feng span{
  627. margin-left:1rem;
  628. }
  629. .agentBox .info{
  630. height:3.85rem;
  631. position:relative;
  632. margin-top:0.667rem;
  633. margin-bottom:1rem;
  634. background-image:url(/js/lpindex/loan/icon.png);
  635. background-repeat:no-repeat;
  636. background-size:20rem 9rem;
  637. background-position:-2.5rem -6.6rem;
  638. overflow:hidden;
  639. }
  640. .agentBox .info .link{
  641. position:absolute;
  642. margin-bottom:0;
  643. bottom:0;
  644. margin-top:0.25rem;
  645. }
  646. .agentBox.bottomLine .info{
  647. background:none;
  648. }
  649. .agentBox img{
  650. width:3.75rem;
  651. height:3.75rem;
  652. }
  653. .agentBox .info>div{
  654. display:inline-block;
  655. height:3.75rem;
  656. vertical-align:top;
  657. }
  658. .agentBox .info>div:first-child{
  659. width:3.75rem;
  660. overflow:hidden;
  661. }
  662. .agentBox .info p{
  663. margin:0 0 0.25rem 0.5rem;
  664. color:#000;
  665. }
  666. .agentBox .info p.com{
  667. width:8.75rem;
  668. overflow:hidden;;/* 内容超出宽度时隐藏超出部分的内容 */
  669. text-overflow:ellipsis;;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
  670. white-space:nowrap;/* 不换行 */
  671. }
  672. .loan div:nth-child(2){
  673. padding-top:0.4166rem;
  674. }
  675. .loans canvas{
  676. float:left;
  677. width:6.125rem!important;
  678. height:6.125rem!important;
  679. margin-right:0.5rem;
  680. margin-top:1px;
  681. }
  682. .loans p{
  683. margin:0;
  684. padding:0;
  685. }
  686. .loans .clearfix .info{
  687. position:relative;
  688. height:5.7rem;
  689. float:left;
  690. padding-top:0.3rem;
  691. }
  692. .loans .clearfix .info p{
  693. padding:0.22rem 0;
  694. }
  695. .loans .clearfix .info p:nth-child(1){
  696. font-size:0.75rem;
  697. }
  698. .loans .clearfix .info p:nth-child(1) span{
  699. color:#ff6600;
  700. }
  701. .loans .clearfix .info p:nth-child(2){
  702. font-size:0.5rem;
  703. color:#666;
  704. }
  705. .loans .clearfix .info p:nth-child(3),.loans .clearfix .info p:nth-child(4),.loans .clearfix .info p:nth-child(5){
  706. padding-left:0.66rem;
  707. font-size:0.5rem;
  708. background-image:url(/js/lpindex/loan/icon.png);
  709. background-repeat:no-repeat;
  710. background-size:20rem 9rem;
  711. }
  712. .loans .clearfix .info p:nth-child(3){
  713. background-position:0 -7.75rem;
  714. }
  715. .loans .clearfix .info p:nth-child(4){
  716. background-position:-4rem -6.75rem;
  717. }
  718. .loans .clearfix .info p:nth-child(5){
  719. background-position:-10rem -2.75rem;
  720. }
  721. .loans .clearfix .info p:nth-child(3) span,.loans .clearfix .info p:nth-child(4) span,.loans .clearfix .info p:nth-child(5) span{
  722. }
  723. .loans .calcBtn a{
  724. display:block;
  725. height:1.66rem;
  726. line-height:1.66rem;
  727. background:#f5f5f5;
  728. border:1px solid #ddd;
  729. margin:0.5rem 0.416rem 0 0.416rem;
  730. text-align:center;
  731. color:#666;
  732. }
  733. .ep{
  734. background:#fff;
  735. }
  736. .ep section{
  737. padding-bottom:0;
  738. margin-bottom:0;
  739. }
  740. .ep .agent{
  741. padding:0 0 0.625rem 0;
  742. margin:0 0.416rem;
  743. }
  744. .ep .searchBox{
  745. padding-top:0;
  746. background:#f4f4f4;
  747. }
  748. .searchRow .up:after{
  749. content:"↑"
  750. }
  751. .searchRow .down:after{
  752. content:"↓"
  753. }
  754. .option{
  755. display:table;
  756. width:100%;
  757. margin:0;
  758. padding:0;
  759. text-align:center;
  760. }
  761. .option span{
  762. display:table-cell;
  763. font-size:0.625rem;
  764. text-align:center;
  765. padding:0.583rem 0;
  766. border-bottom:1px solid #ddd;
  767. }
  768. .option span.on{
  769. border-bottom:2px solid #ff6600;
  770. }
  771. .delete{
  772. position:absolute;
  773. top:0;
  774. right:0;
  775. width:1.083rem;
  776. height:1.083rem;
  777. border-radius:0 0 0 1.083rem;
  778. background-color:#ff6600;
  779. background-image:url(/js/lpindex/loan/icon.png);
  780. background-size:20rem 9rem;
  781. background-position:-5.5125rem -4.8125rem;
  782. }
  783. .nothing{
  784. height:13rem;
  785. background-color:#f4f4f4;
  786. background-image:url(/js/lpindex/loan/noth.png);
  787. background-repeat:no-repeat;
  788. background-size:5.2083rem 4.2708rem;
  789. background-position:4.9167rem 2.8542rem;
  790. text-align:center;
  791. padding-top:7.8rem;
  792. color:#999;
  793. }
  794. .map{
  795. position:relative;
  796. height:23.0208rem;
  797. background-size:15rem 23.0208rem;
  798. }
  799. .pin{
  800. position:absolute;
  801. width:1.488rem;
  802. height:2.083rem;
  803. background-image:url(../images/icon.png);
  804. background-size:20rem 9rem;
  805. background-position:-12rem 0;
  806. }
  807. .popBox{
  808. display:none;
  809. position:absolute;
  810. top:0;
  811. left:0;
  812. width:100%;
  813. padding:0;
  814. z-index:999;
  815. }
  816. .popBox .cityLayer{
  817. position:absolute;
  818. width:100%;
  819. top:0rem;
  820. padding:0 0.466rem 0.5rem 0.466rem;
  821. background:#fff;
  822. }
  823. .popBox .cityLayer div{
  824. border-bottom:1px solid #ddd;
  825. }
  826. .popBox .cityLayer div p{
  827. color:#70b8ff;
  828. line-height:0.6rem;
  829. }
  830. .popBox .cityLayer div a{
  831. display:inline-block;
  832. margin-left:-0.66rem;
  833. padding:0.33rem 0.66rem;
  834. color:#000;
  835. }
  836. .cancelRow{
  837. height:1.666rem !important;
  838. line-height:1.666rem;
  839. text-align:center;
  840. border-bottom:1px solid #ddd;
  841. }
  842. .empty{
  843. background:#f5f5f5;
  844. height:20rem;
  845. background-image:url(../images/ku.png);
  846. background-repeat:no-repeat;
  847. background-size:1.708rem;
  848. background-position:1.3rem 1.4rem;
  849. padding:1.2rem 3rem;
  850. }
  851. .empty p{
  852. margin:0.2rem;
  853. width:10rem;
  854. }
  855. .resultLayer{
  856. background:#fff;
  857. padding-bottom:0.625rem;
  858. }
  859. .resultLayer ul{
  860. height:8rem;
  861. overflow: auto;
  862. }
  863. .resultLayer li{
  864. list-style:none;
  865. height:1.666rem;
  866. line-height:1.666rem;
  867. border-bottom:1px dotted #999;
  868. margin:0 0.416rem;
  869. }
  870. .shareBox {
  871. position:absolute;
  872. width:100%;
  873. top:0rem;
  874. background:#fff;
  875. padding:0 0 0.416rem 0;
  876. }
  877. .shareBox .shareHeading{
  878. padding:0.5rem;
  879. text-align:center;
  880. }
  881. .shareBox .cancelRow{
  882. border-top:1px solid #ddd;
  883. margin-left:0.416rem;
  884. margin-right:0.416rem;
  885. }
  886. .bdshare-button-style0-16 a {
  887. background-image: none!important;
  888. }
  889. .shareBox a{
  890. display:inline-block;
  891. margin:0;
  892. width:4.8rem;
  893. height:4.8rem;
  894. text-align:center;
  895. background:url(/js/lpindex/loan/icon_share.png);
  896. background-repeat:no-repeat;
  897. background-size:32.1548rem 2.9167rem;
  898. background-position:1rem 0;
  899. }
  900. .shareBox a:nth-child(3) {
  901. background-position:-4.832rem 0;
  902. }
  903. .shareBox a:nth-child(4) {
  904. background-position:-10.664rem 0;
  905. }
  906. .shareBox a:nth-child(5) {
  907. background-position:-16.496rem 0;
  908. }
  909. .shareBox a:nth-child(6) {
  910. background-position:-22.328rem 0;
  911. }
  912. .shareBox a:nth-child(7) {
  913. background-position:-28.16rem 0;
  914. }
  915. .shareBox a span{
  916. position:relative;
  917. top:3.2rem;
  918. color:#000;
  919. }
  920. .photo{
  921. background:#000;
  922. text-align:center;
  923. }
  924. .photoTab{
  925. position:absolute;
  926. height:10.416rem;
  927. width:15rem;
  928. margin-top:6.7rem;
  929. text-align:center;
  930. color:#fff;
  931. overflow:hidden;
  932. }
  933. .photoTab.inner{
  934. margin:auto 0;
  935. top:0;
  936. bottom:0;
  937. }
  938. .photoTab.detail{
  939. margin-top:0;
  940. }
  941. .photoTab ul{
  942. position:absolute;
  943. width:999rem;
  944. height:10.16rem;
  945. left:0rem;
  946. letter-spacing:-3px;
  947. vertical-align:middle;
  948. }
  949. .photoTab li{
  950. width:15rem;
  951. display:inline-block;
  952. float:left;
  953. list-style:none;
  954. line-height:0;
  955. }
  956. .photoTab img{
  957. display:block;
  958. width:15rem;
  959. }
  960. .photoTab p{
  961. position:absolute;
  962. width:100%;
  963. text-align:center;
  964. top:8.7rem;
  965. }
  966. .photoTab p span{
  967. display:inline-block;
  968. width:0.2rem;
  969. height:0.2rem;
  970. background:#fff;
  971. color:#fff;
  972. }
  973. .photoTab p span.on{
  974. background:#3399ff;
  975. }
  976. .supporting span{
  977. display:inline-block;
  978. width:3.625rem;
  979. height:1.416rem;
  980. line-height:1.416rem;
  981. padding-left:0.895rem;
  982. background:url(/js/lpindex/loan/icon.png) no-repeat;
  983. background-size:20rem 9rem;
  984. background-position:-17rem -2.636rem;
  985. }
  986. .term span a.on{
  987. color:#ff6600;
  988. }
  989. .description .cBox{
  990. height:2.5rem;
  991. overflow:hidden;
  992. }
  993. .description .openBox{
  994. }
  995. .description div p{
  996. line-height:1rem ;
  997. }
  998. .description div p{
  999. margin-top:0.35rem;
  1000. }
  1001. .appBar{
  1002. font-size:0.51rem;
  1003. color:#fff;
  1004. }
  1005. .appBar span{
  1006. line-height:0.35rem;
  1007. position:absolute;
  1008. left:2rem;
  1009. }
  1010. .appBar img{
  1011. width:1.25rem;
  1012. height:1.25rem;
  1013. }
  1014. .appBar div span:nth-child(1){
  1015. }
  1016. .appBar div span:nth-child(2){
  1017. top:0.4rem;
  1018. }
  1019. .appBar div span:nth-child(3){
  1020. top:1.1rem;
  1021. }
  1022. .appBar>div:nth-child(1){
  1023. float:left;
  1024. }
  1025. .appBar>div:nth-child(3){
  1026. float:right;
  1027. border:1px solid #fff;
  1028. }
  1029. .appBar>div:nth-child(3) a{
  1030. display:inline-block;
  1031. width:3.75rem;
  1032. height:1.25rem;
  1033. line-height:1.25rem;
  1034. text-align:center;
  1035. font-size:0.625rem;
  1036. color:#fff
  1037. }
  1038. .appBar>div:nth-child(2){
  1039. float:right;
  1040. width:1.25rem;
  1041. height:1.25rem;
  1042. background:url(/js/lpindex/loan/icon.png) no-repeat;
  1043. background-size:20rem 9rem;
  1044. background-position:-5.5817rem -4.5817rem;
  1045. }
  1046. .appBar>div:nth-child(2) a{
  1047. display:inline-block;
  1048. width:1.25rem;
  1049. height:1.25rem;
  1050. }
  1051. .photoDot{
  1052. position:absolute;
  1053. width:15rem;
  1054. bottom:0.7rem;
  1055. text-align:center;
  1056. color:#fff;
  1057. }
  1058. .photoDot p{
  1059. text-align:center;
  1060. }
  1061. .photoDot p span{
  1062. display: inline-block;
  1063. width: 0.2rem;
  1064. height: 0.2rem;
  1065. background: #fff;
  1066. color: #fff;
  1067. }
  1068. .photoDot p span.on{
  1069. background:#3399ff;
  1070. }
  1071. .gotoTop{
  1072. display:none;
  1073. position:fixed;
  1074. bottom:2rem;
  1075. right:0.5rem;
  1076. width:1.666rem;
  1077. height:1.666rem;
  1078. background:url(/js/lpindex/loan/icon.png) no-repeat;
  1079. background-size:20rem 9rem;
  1080. background:-8rem -7rem;
  1081. }
  1082. .gotoTop img{
  1083. width:1.666rem;
  1084. height:1.666rem;
  1085. }
  1086. .calculator{
  1087. background:#fff;
  1088. }
  1089. .calcBox{
  1090. padding:0.5rem 0.416rem 0 0.416rem;
  1091. }
  1092. .calcBox p{
  1093. line-height:1rem;
  1094. }
  1095. .calcBox p span{
  1096. position:relative;
  1097. }
  1098. .calcBox p span:nth-child(1){
  1099. display:inline-block;
  1100. width:3rem;
  1101. overflow:hidden;
  1102. }
  1103. .calcBox .sel{
  1104. height:1rem;
  1105. display:inline-block;
  1106. overflow:hidden;
  1107. position:relative;
  1108. vertical-align:bottom;
  1109. border-bottom:1px solid #ccc;
  1110. }
  1111. .calcBox .drop{
  1112. margin-left:-0.3rem;
  1113. }
  1114. .calcBox input,.calcBox select{
  1115. width:8.2rem;
  1116. margin:0 0.5rem;
  1117. outline:none;
  1118. border:none;
  1119. }
  1120. .resultBox select{
  1121. float:right;
  1122. }
  1123. .calcBox .rate{
  1124. color:red;
  1125. }
  1126. .calcBox select{
  1127. border-bottom:none;
  1128. }
  1129. .calcBox select,.resultBox select{
  1130. box-sizing: border-box;
  1131. -webkit-appearance: none;
  1132. align-items: center;
  1133. vertical-align: baseline;
  1134. white-space: pre;
  1135. }
  1136. .calcBox .fr{
  1137. line-height:1.1rem;
  1138. }
  1139. .select_arrow {
  1140. font-style: normal;
  1141. position: absolute;
  1142. right: 0rem;
  1143. bottom: 0rem;;
  1144. display: inline-block;
  1145. width: 0.35rem;
  1146. height: 0.35rem;
  1147. background:url(/js/lpindex/loan/icon.png) no-repeat;
  1148. background-size:20rem 9rem;
  1149. background-position:-3rem -6.95rem;
  1150. }
  1151. .blockBtn{
  1152. text-align:center;
  1153. background:#ff6600;
  1154. margin:0 0.416rem 3rem 0.416rem;;
  1155. padding:0;
  1156. }
  1157. .blockBtn a{
  1158. display:block;
  1159. height:35px;
  1160. line-height:35px;
  1161. background:#ff6600;
  1162. color:#fff;
  1163. /*padding:0.25rem 0;;*/
  1164. }
  1165. .resultBox{
  1166. margin:0.416rem;
  1167. padding:0.416rem;
  1168. border:1px solid #ddd;
  1169. }
  1170. .resultBox p{
  1171. margin:0;
  1172. line-height:1.5rem;
  1173. border-bottom:1px solid #eee;
  1174. }
  1175. .loan_select, .year_select, .debj_monthPay_select{
  1176. border:none;
  1177. background-color: white;
  1178. }
  1179. .resultBox .sel{
  1180. width:6rem;
  1181. }
  1182. .resultBox .sel select{
  1183. width:6rem;
  1184. line-height:1.2rem;
  1185. position:absolute;
  1186. bottom:0rem;;
  1187. right:0;
  1188. font-size:0.56rem;;
  1189. }
  1190. /*房屋估价*/
  1191. .xb_icon{
  1192. display:inline-block;
  1193. width:0.2708rem;
  1194. height:0.2708rem;
  1195. background:url(/js/lpindex/loan/xb.png);
  1196. background-size:0.2708rem 0.2708rem;
  1197. }
  1198. .valBox{
  1199. padding-top:0.33rem;
  1200. font-size:0.625rem;
  1201. }
  1202. .valBox>p{
  1203. position:relative;
  1204. height:1.875rem;
  1205. line-height:1.875rem;
  1206. margin:0;
  1207. font-size:0.625rem;
  1208. }
  1209. .valBox .vname{
  1210. display:inline-block;
  1211. width:3rem;
  1212. }
  1213. .valBox input[type=text],.valBox input[type=number]{
  1214. display:inline-block;
  1215. border:none;
  1216. border-bottom:1px solid #ddd;
  1217. width:10rem;
  1218. padding:0 0.2rem;
  1219. padding-bottom:0.15rem;
  1220. outline:none;
  1221. font-size:0.625rem;
  1222. }
  1223. .valBox select{
  1224. display:inline-block;
  1225. border:none;
  1226. border-bottom:1px solid #ddd;
  1227. width:10.4rem;
  1228. padding:0 0.2rem;
  1229. outline:none;
  1230. font-size:0.625rem;
  1231. background-color:#fff;
  1232. -webkit-appearance: none;
  1233. }
  1234. .valBox .littip{
  1235. position:absolute;
  1236. bottom:0.49rem;
  1237. display:inline-block;
  1238. width:1px;
  1239. height:0.167rem;
  1240. background-color:#ddd;
  1241. }
  1242. .valBox .littip.t{
  1243. bottom:0.365rem;
  1244. }
  1245. .valBox .xb_icon{
  1246. position:absolute;
  1247. bottom:0.47rem;
  1248. right:0.57rem;
  1249. }
  1250. .valBtn{
  1251. display:block;
  1252. font-size:0.75rem;
  1253. height:1.875rem;
  1254. line-height:1.875rem;
  1255. background:#ff6600;
  1256. color:#fff;
  1257. text-align:center;
  1258. margin:0 0.41rem;
  1259. }
  1260. /*房屋估价结果*/
  1261. .valreBox{
  1262. padding-top:0.33rem;
  1263. padding-left:0;
  1264. padding-right:0;
  1265. font-size:0.625rem;
  1266. }
  1267. .valreBox>p{
  1268. position:relative;
  1269. height:1.875rem;
  1270. line-height:1.875rem;
  1271. margin:0;
  1272. font-size:0.625rem;
  1273. border-bottom:1px solid #ddd;
  1274. padding:0 0.416rem;
  1275. }
  1276. .textc{
  1277. text-align:center;
  1278. }
  1279. .valfBtn{
  1280. display:block;
  1281. font-size:0.75rem;
  1282. height:1.875rem;
  1283. line-height:1.875rem;
  1284. border:1px solid #ff6600;
  1285. color:#ff6600;
  1286. text-align:center;
  1287. margin:0 0.41rem;
  1288. }
  1289. .yzmBtn{
  1290. position:absolute;
  1291. right:0.1rem;
  1292. height:1rem;
  1293. line-height:1rem;
  1294. width:2.9rem;
  1295. padding:0 0.416rem;
  1296. bottom:0.1rem;
  1297. text-align:center;
  1298. font-size:0.5rem;
  1299. color:#ff6600;
  1300. border:1px solid #ff6600;
  1301. border-radius:0.08rem;
  1302. }
  1303. /*房源详情*/
  1304. .fyBox{
  1305. position:relative;
  1306. padding-left:2.29rem;
  1307. font-size:0.667rem;
  1308. }
  1309. .fyBox .saleicon{
  1310. position:absolute;
  1311. left:0.416rem;
  1312. font-size:0.5rem;
  1313. border:1px solid #ff6600;
  1314. height:0.7916rem;
  1315. line-height:0.7916rem;
  1316. padding:0 0.25rem;
  1317. color:#ff6600;
  1318. }
  1319. .fyBox .timetip{
  1320. float:right;
  1321. font-size:0.375rem;
  1322. color:#666;
  1323. }
  1324. .fyBox .smgrey{
  1325. color:#666;
  1326. font-size:0.5rem;
  1327. }
  1328. .cgBox{
  1329. background-color:#eee;
  1330. text-align:center;
  1331. padding-top:0.85rem;
  1332. padding-bottom:1rem;
  1333. }
  1334. .f30{
  1335. font-size:0.625rem;
  1336. }
  1337. .cBack{
  1338. display:inline-block;
  1339. font-size:0.333rem;
  1340. color:#ff6600;
  1341. height:0.75rem;
  1342. line-height:0.75rem;
  1343. padding:0 0.625rem;
  1344. border:1px solid #ff6600;
  1345. border-radius:0.75rem;
  1346. }
  1347. .jjrBox{
  1348. margin-top:0.416rem;
  1349. }
  1350. .jjrBox .title{
  1351. font-size:0.583rem;
  1352. color:#666;
  1353. }
  1354. .jjrBox ul li{
  1355. list-style:none;
  1356. display:block;
  1357. margin-bottom:0.425rem;
  1358. }
  1359. .jjrBox ul li:after{
  1360. content:"";
  1361. display:table;
  1362. clear:both;
  1363. }
  1364. .jjrBox ul li .jjrphoto{
  1365. float:left;
  1366. width:2.708rem;
  1367. height:3.333rem;
  1368. margin-right:0.625rem;
  1369. }
  1370. .jjrBox ul li .jjrphoto img{
  1371. width:2.708rem;
  1372. height:3.333rem;
  1373. }
  1374. .jjrBox .jjrdinfo{
  1375. float:left;
  1376. }
  1377. .jjrBox .jjrdinfo .name{
  1378. font-size:0.667rem;
  1379. color:#000;
  1380. margin-top:0.15rem;
  1381. margin-bottom:0.45rem;
  1382. }
  1383. .jjrBox .jjrdinfo .tel{
  1384. font-size:0.625rem;
  1385. color:#000;
  1386. margin-top:0.45rem;
  1387. margin-bottom:0.5rem;
  1388. }
  1389. .jjrBox .jjrdinfo .qita{
  1390. font-size:0.54rem;
  1391. color:#666;
  1392. margin-top:0.45rem;
  1393. }