Home Verkennen Help
Registreren Inloggen
liyaoyu
/
pfhwyigou
Volgen 1
Ster 0
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Aftakking: master
Aftakkingen Labels
pfhwyigou
/
mobile
/
web
/
css
/
index
/
index.css

index.css 12 KB
Permalink Geschiedenis Ruwe

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279 
  1. /*
    2. 

  2. body {font-family:"PingFang-normal";}*/
    3. 

  3. 

  4. .h10 {height:10px;width:100%;background:#F4F8FB;}
    5. 

  5. 

  6. /*顶部导航*/
    7. 

  7. .m_top {height:50px;width:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0);z-index:999;}
    8. 

  8. .m_top a:first-child {display:inline-block;position:absolute;left:9px;top:50%;margin-top:-13px;}
    9. 

  9. .m_top a:last-child {display:inline-block;position:absolute;right:13px;top:50%;margin-top:-13px;}
    10. 

  10. .m_top a img {display:block;width:28px;}
    11. 

  11. 

  12. 

  13. /*顶部图*/
    14. 

  14. .bor_box {position:relative;}
    15. 

  15. .headline {position:absolute;top:41%;z-index:9999;color:#fff;text-align:center;left:33%;}
    16. 

  16. .headline p:first-child {font-size:1.5rem;}
    17. 

  17. .headline p:last-child {font-size:0.7rem;margin-top:5px;}
    18. 

  18. 

  19. .bor_box .swiper-pagination {bottom:15px!important;}
    20. 

  20. .bor_box .swiper-pagination .swiper-pagination-bullet {background:#fff;opacity:1;width:5px;height:5px;border-radius:50px;}
    21. 

  21. .bor_box .swiper-pagination .swiper-pagination-bullet-active {background:#DF3030;opacity:1;width:12px;}
    22. 

  22. .swiper-slide img {display:inline-block;width:100%;}
    23. 

  23. 

  24. .circle1 {position:absolute;bottom:0;left:-2px;width: 102%; height:15px;border: 1px solid #fff;border-radius: 50% 50% 0 0/100% 100% 0 0;border-bottom: none;background:#fff;z-index: 994;}
    25. 

  25. 

  26.  
    27. 

  27. 

  28. 

  29. 

  30. /*导航*/
    31. 

  31. .nav {padding:20px 3% 10px;margin-left:5px;}
    32. 

  32. .nav a {display:inline-block;width:24.5%;font-size:0.8rem;text-align:center;margin:10px 1px;}
    33. 

  33. .nav a + a {margin-left:-5px;}
    34. 

  34. .nav a img {display:inline-block;width:42px;height:42px;border-radius:50%;}
    35. 

  35. .nav a p {margin-top:8px;}
    36. 

  36. 

  37. .xgnav_main{ padding: 0 3%; height: 110px;}
    38. 

  38. .xgnav_sindel{ position: relative; height: 100%; overflow: hidden;}
    39. 

  39. .xgnav_sindel ul li{ width: 24.5%; text-align: center;}
    40. 

  40. .xgnav_sindel ul li a{
    41. 

  41. 	    display: inline-block;
    42. 

  42.     font-size: 0.8rem;
    43. 

  43.     text-align: center;
    44. 

  44.     margin: 10px 1px;
    45. 

  45. }
    46. 

  46. .xgnav_sindel ul li a img{
    47. 

  47. 	display: inline-block;
    48. 

  48.     width: 43px;
    49. 

  49.     height: 43px;
    50. 

  50.     border-radius: 50%;
    51. 

  51. }
    52. 

  52. .xgnav_sindel ul li a p{margin-top: 8px;}
    53. 

  53. 

  54. .xgnav_sindel .swiper-pagination{ bottom: -15px;}
    55. 

  55. 

  56. .xgnav_sindel .swiper-pagination .swiper-pagination-bullet {background:#EEE;opacity:1;width:6px;height:6px;border-radius:50px;}
    57. 

  57. .xgnav_sindel .swiper-pagination .swiper-pagination-bullet-active {background:#9A9E9D;opacity:1;}
    58. 

  58. 

  59. /**/
    60. 

  60. .center_box {padding:0 3%;}
    61. 

  61. 

  62. 

  63. /*资讯分类*/
    64. 

  64. .classify {}
    65. 

  65. .classify ul {white-space:nowrap;}
    66. 

  66. .classify ul li {width:155px;height:130px;display:inline-block;vertical-align:top;padding:17px 12px;}
    67. 

  67. .classify ul li + li {margin-left:8px;}
    68. 

  68. .classify ul li p:nth-child(1) {font-size:1rem;color:#333;}
    69. 

  69. .classify ul li p:nth-child(2) {font-size:0.7rem;color:#333;padding:5px 0;color:#9D7E3F;width: 98%;
    70. 

  70.     overflow: hidden;
    71. 

  71.     text-overflow: ellipsis;
    72. 

  72.     white-space: nowrap;}
    73. 

  73. .classify ul li:nth-child(1) {background:#F9F8F4;}
    74. 

  74. .classify ul li:nth-child(2) {background:#F9F7F8;}
    75. 

  75. .classify ul li:nth-child(2) p:nth-child(2) {color:#A88F8D;}
    76. 

  76. .classify ul li:nth-child(3) {background:#F1F7F7;}
    77. 

  77. .classify ul li:nth-child(3) p:nth-child(2) {color:#5F9CA6;}
    78. 

  78. .classify ul li:nth-child(4) {background:#f1f7f7;}
    79. 

  79. 

  80. .fy_img img {display:inline-block;width:63px;height:48px;}
    81. 

  81. 

  82. 

  83. 

  84. /*二类导航*/
    85. 

  85. .binary_box {padding:10px 0 10px 13px;}
    86. 

  86. .binary_box a {display:inline-block;vertical-align:top;width:23.5%;text-align: center;}
    87. 

  87. .binary_box a img {display:inline-block;width:40px;height:40px;}
    88. 

  88. .binary_box a p {font-size:13px;color:#333;line-height:25px;font-family: 'PingFang-Bold'; }
    89. 

  89. 

  90. 

  91. /*房价一览*/
    92. 

  92. .m_li {padding:25px 0;border-top:1px solid #EEEEEE;}
    93. 

  93. .m_title {font-size:1.05rem;font-weight:600;padding:15px 0;font-family: 'PingFang-Bold'; }
    94. 

  94. .lp_title {display:inline-block;vertical-align:top;width:55%;text-align:center;border-right:1px solid #EEE;}
    95. 

  95. .lp_title > p {font-size:0.8125rem;color:#333;margin-top: 5px;}
    96. 

  96. .lp_title .price {font-size:1.9rem;color:#EE4343;}
    97. 

  97. .lp_title .price span {font-size:0.8rem;color:#999;margin-left:10px;}
    98. 

  98. 

  99. .make {display:inline-block;vertical-align:top;width:43%;text-align:center;}
    100. 

  100. .make > p {font-size:0.8125rem;color:#333;margin-top: 5px;}
    101. 

  101. .make .harness {font-size:1.9rem;color:#EE4343;}
    102. 

  102. .make .harness span {font-size:0.8rem;color:#999;margin-left:10px;}
    103. 

  103. .m_pr {position:relative;}
    104. 

  104. .swiper-pagination3 {position:absolute;bottom:auto !important;top:-11px !important;text-align:right;z-index:900;right:0;}
    105. 

  105. .swiper-pagination3 .swiper-pagination-bullet {opacity:1;background:#EEE;margin:2px 3px;width:5px;height:5px;}
    106. 

  106. .swiper-pagination3 .swiper-pagination-bullet-active {opacity:1;background:#F3983D;width:8px;height:8px;position:relative;top:1px;}display:none;
    107. 

  107. 

  108. /*精选房源*/
    109. 

  109. .center_box .housing {padding-bottom:0;}
    110. 

  110. .housing a {font-size:12px;color:#5570A1;float:right;margin-top:7px;margin-right:8px;}
    111. 

  111. .housing a img {display:inline-block;width:5px;margin-top:-3px;margin-left:5px;}
    112. 

  112. .m_title_nav {border-bottom:1px solid #EEE;padding:15px 0 20px 0;}
    113. 

  113. .m_title_nav a {padding:0 12px 20px 12px;color:#999;}
    114. 

  114. .m_title_nav a.on {border-bottom:3px solid #FFC601;color:#333;font-weight:600;}
    115. 

  115. 

  116. 

  117. .lp_list {padding:15px 0;}
    118. 

  118. .lp_list ul li {float:left;width:67%;overflow:hidden;border-radius:5px;margin-right:10px;}
    119. 

  119. .lp_list ul li:last-child{margin-right:0;}
    120. 

  120. .lp_list_img {width:100%;height:145px;border-radius:5px;overflow:hidden;position:relative;}
    121. 

  121. .lp_list_img span {font-size:0.6rem;color:#fff;position:absolute;bottom:8px;left:10px;}
    122. 

  122. .lp_list_img span img {display: inline-block;width: 9px; height: 12px;margin-right: 8px; margin-top: -2px;}
    123. 

  123. 

  124. .lp_list_img > img {display:block;width:100%;height:100%;}
    125. 

  125. .lp_name {font-size:1rem;color:#333;margin-top:10px;width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: 'PingFang-Bold'; }
    126. 

  126. .lp_l {font-size:0.8rem;color:#999;line-height:30px; width:90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: 'PingFang-s'; }
    127. 

  127. .lp_b {font-size:1.125rem;color:#E53030;}
    128. 

  128. .lp_b span {color:#666;font-size:0.9rem;}
    129. 

  129. 

  130. .nb {border-bottom:none;}
    131. 

  131. 

  132. 

  133. 

  134. /*资讯*/
    135. 

  135. /*方式1*/
    136. 

  136. .n_list_tit {font-size:1rem;color:#333;padding:0px 0 15px 0;font-family: 'PingFang-Bold'; }
    137. 

  137. .n_list_img {height:180px;}
    138. 

  138. .n_list_img img {display:block;width:100%;height:100%;}
    139. 

  139. /*.n_li {padding:15px 0;}*/
    140. 

  140. .n_li ul {display:block;margin:0 auto;/*width:323px;*/}
    141. 

  141. .n_li ul li {padding:15px 0;}
    142. 

  142. .n_li ul li + li {border-top:1px solid #EEEEEE;}
    143. 

  143. .noc_bn {margin-top:15px;}
    144. 

  144. .n_list_font {padding:10px 0 0 0;}
    145. 

  145. .n_list_font em {border:1px solid #F3983D;border-radius:3px;font-size:0.6rem;color:#F3983D;padding:4px 6px;}
    146. 

  146. .n_list_font em:last-child {color:#999;border-color:#999;float:right;}
    147. 

  147. .n_list_font span {color:#999;display:inline-block;padding-top:2px;vertical-align:middle;font-size:0.9rem;}
    148. 

  148. 

  149. /*方式2*/
    150. 

  150. .n_li_img {display:inline-block;vertical-align:top;width:107px;height:73px;}
    151. 

  151. .n_li_img img {display:inline-block;width:100%;height:100%;}
    152. 

  152. .n_li_tit {display:inline-block;vertical-align:top;width:62%;margin-left:10px;}
    153. 

  153. .n_li_tit p:first-child {font-size:0.9375rem;color:#333;font-family: 'PingFang-Bold';}
    154. 

  154. .n_li_tit p:last-child {font-size:0.9rem;color:#999;margin-top:15px;}
    155. 

  155. /*方式3*/
    156. 

  156. .n_li_m3 {font-size:1rem;font-weight:600;color:#333;}
    157. 

  157. .n_li_tit3 {color:#999;font-size:0.9rem;line-height:25px;padding:10px 0;}
    158. 

  158. .n_li_font3 {}
    159. 

  159. .n_li_font3 em{border:1px solid #528EDE;color:#528EDE;border-radius:3px;font-size:0.6rem;padding:4px 6px;}
    160. 

  160. .n_li_font3 span {font-size:0.9rem;color:#999;display:inline-block;margin-left:5px;vertical-align:middle;}
    161. 

  161. 

  162. .nh {width:auto;height:auto;margin-bottom:10px;}
    163. 

  163. 

  164. 

  165. 

  166. .haiju_genduo{ padding-bottom: 20px; width: 50%; margin: 0 auto; margin-top: 10px;}
    167. 

  167. .haiju_genduo a{ display: inline-block; text-align: center; font-size: 0.9rem; color: #666; background: #E9EAEA; padding:8px 0; width: 100%; border-radius: 30px;}
    168. 

  168. 

  169. 

  170. /*媒体查询*/
    171. 

  171. @media (max-width: 320px){
    172. 

  172. 	/*导航*/
    173. 

  173. 	.n_li_tit {width:59%;}
    174. 

  174. 	.nav {padding:15px 3%;}
    175. 

  175. 	.nav a {display:inline-block;width:24.5%;font-size:0.6rem;text-align:center;}
    176. 

  176. 	.nav a img {display:inline-block;width:35px;height:35px;}
    177. 

  177. 	.nav a p {margin-top:8px;}
    178. 

  178. 	/*资讯*/
    179. 

  179. 	.news_ce {width:85%;overflow:hidden;white-space:nowrap;}
    180. 

  180. 	.news_ce > a{word-wrap:break-word;overflow:hidden;}
    181. 

  181. 	.n_list_img {height:160px;}
    182. 

  182. 	.n_li ul {width:auto;}
    183. 

  183. 

  184. 

  185. }
    186. 

  186. 

  187. 

  188. /*房产资讯*/
    189. 

  189. .headle{box-shadow: 0px 8px 17px 0px rgba(245, 245, 245, 0.71);padding-bottom: 8px}
    190. 

  190. .headle_main{background: #fff; padding:0px 10px; height:50px; overflow: hidden;}
    191. 

  191. .headle_title{float: left;line-height: 15px;border-right: 1px solid #EEE;padding-right:22px;}
    192. 

  192. .headle_title img{width: 40px; height: 38px;}
    193. 

  193. .headle_right{float: left; padding-left: 0px;  overflow: hidden; width: 74%;margin-top: -21px;position:relative;left:15px;top:17px;overflow:hidden;}
    194. 

  194. .headle_right .content { width: auto;/*overflow: hidden;*/}
    195. 

  195. .headle_right .content ul li{ position:relative;top:3px;}
    196. 

  196. 

  197. .headle_right .content a {font-size: 0.9rem; text-overflow:ellipsis;white-space: nowrap; display: block; width:100%;height:25px;overflow: hidden;color: #333; font-size:0.9rem;}
    198. 

  198. .headle_title img{ position: relative; left: 5px;}
    199. 

  199. 

  200. 

  201. 

  202. 

  203. 

  204. /*精选房源*/
    205. 

  205. .center_box .m_housing {padding-bottom:0;}
    206. 

  206. .m_housing_img{width:15px;margin-right:5px;float:left;position: relative;top: 4px;}
    207. 

  207. .m_housing a {font-size:12px;color:#5570A1;float:right;margin-top:7px;margin-right:8px;}
    208. 

  208. .m_housing a img {display:inline-block;width:5px;margin-top:-3px;margin-left:5px;}
    209. 

  209. 

  210. /*.m_lp_list {padding:15px 0;}*/
    211. 

  211. .m_lp_list ul{padding:15px 0;}
    212. 

  212. .m_lp_list ul li {float:left;width:60%;overflow:hidden;border-radius:5px;margin-left:10px;box-shadow: 0px 0px 9px 0px #e9e9e9;}
    213. 

  213. .m_lp_list ul li:last-child{margin-right:10px;}
    214. 

  214. .m_lp_list_img {width:100%;height:145px;border-radius:5px;overflow:hidden;position:relative;}
    215. 

  215. .m_lp_list_img p{width:100%;height:100%;position:absolute;top:0;text-align:center;background:rgba(50, 47, 47, 0.25);}
    216. 

  216. .m_lp_list_img p span{font-size:0.9375rem;color:#FFF;width:65%;display: block;margin: auto;position:relative;top:50%;}
    217. 

  217. .m_lp_list_img > img{display:block;width:100%;height:100%;}
    218. 

  218. 

  219. .lp_list_text{padding:10px 0;}
    220. 

  220. .lp_list_text_l{float:left;width:50%;text-align:center;}
    221. 

  221. .lp_list_text_l span{font-size:0.75rem;color:#E82200;}
    222. 

  222. .lp_list_text_l span i{font-size:1.0625rem;font-weight:600;}
    223. 

  223. .lp_list_text_l p{font-size:0.625rem;color:#333;}
    224. 

  224. 

  225. /*拼团活动20191231*/
    226. 

  226. .m_lp_list_img .pintuan{position: absolute; left: 0px; top: 0px; padding:0 15px 0 5px; z-index: 2; height: 22px; line-height: 19px; background: url('/image/pcico3.png') no-repeat center; background-size:100% 100%; }
    227. 

  227. .m_lp_list_img .pintuan i{display: inline-block; width: 8px; height: 9.5px;line-height: 9.5px;}
    228. 

  228. .m_lp_list_img .pintuan i img{width: 100%; height: 100%;}
    229. 

  229. .m_lp_list_img .pintuan span{display: inline-block; font-size: 0.625rem; color: #FFF;margin-left: 3px;}
    230. 

  230. 

  231. 

  232. /*填写意向*/
    233. 

  233. .m_intention{box-shadow :0px 0px 20px 0px #d6d6d6;border-radius:5px;margin-top:20px;}
    234. 

  234. .m_intention a{display:block;}
    235. 

  235. .m_intention_img{width:100%;height:120px;background: url(/image/indexv2_2.png) no-repeat 0 0/100% 100%;text-align:center;overflow:hidden;}
    236. 

  236. .m_intention_img span{font-size:1.375rem;color:#FFF;display:block;margin-top:40px;}
    237. 

  237. .m_intention_img i{font-size:0.875rem;color:#FFF;background:#D7975A;border-radius:50px;padding:6px 11px;position:relative;top:8px;}
    238. 

  238. .m_intention_text{font-size:0.875rem;color:#D0A780;padding:15px 0;text-align:center;letter-spacing:1px;}
    239. 

  239. .m_intention_text i{color:#EE4343;font-weight:600;font-size:0.9rem;}
    240. 

  240. 

  241. 

  242. 

  243. /*头部悬挂*/
    244. 

  244. .m_top1{height:50px;width:100%;position:fixed;top:0;left:0;z-index:999;background: #FFF;box-shadow:0px 0px 20px 0px rgba(125, 122, 122, 0.2);}
    245. 

  245. .m_lplist_inp{width:82%;padding:6px  0;background:#F7F5F6;border-radius:50px;text-align:center;position:relative;top:9px;left:15px;}
    246. 

  246. .m_lplist_inp img{width:15px;}
    247. 

  247. .m_lplist_inp span{font-size:0.85rem;color:#666;}
    248. 

  248.  .m_menu{display:inline-block;position:absolute;right:13px;top:50%;margin-top:-7.5px;}
    249. 

  249.  .m_menu img{display:block;width:18px;}
    250. 

  250. 

  251. 

  252. 

  253. /*特价活动*/
    254. 

  254. .sale-box {background:#F5F5F5;overflow:hidden;}
    255. 

  255. .sale {margin:13px 15px;overflow:hidden;}
    256. 

  256. .sale ul li  {background:#fff;}
    257. 

  257. .sale ul li a p {font-size:0.875rem;text-align:center;color:#444;margin:12px 0;}
    258. 

  258. .sale .sale-img {height:50px;text-align:center;
    259. 

  259. 	display: -webkit-flex;
    260. 

  260. 	display: flex;
    261. 

  261. 	flex-wrap: nowrap;
    262. 

  262. 	align-items:flex-end;
    263. 

  263. 	justify-content:center;
    264. 

  264. }
    265. 

  265. .sale .sale-img img {width:61px;height:47px;}
    266. 

  266. .saleb {text-align:center;}
    267. 

  267. .saleb  span {display:inline-block;width:10px;height:2px;border-radius:1px;background:rgba(0, 0, 0, 1);}
    268. 

  268. .saleb  span.swiper-pagination-bullet-active {background:rgba(255, 77, 63, 1);}
    269. 

  269. .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
    270. 

  270. 

  271. 

  272. /*2020.01.03 添加新年标签 弹窗*/
    273. 

  273. .m_lp_list_img p.xn_ico{position: absolute; left: 0px; top: 5px; width: auto; height: 17px; z-index: 2; background: none;}
    274. 

  274. .m_lp_list_img p.xn_ico img{width: auto; height: 100%;}
    275. 

  275. 

  276. 

  277. 

  278. 

  279.