lpindex.css 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554
  1. body{background-color:#f4f6f9;}
  2. /*顶部*/
  3. .y_lphome_top{ width: 100%; height: auto; background: #fff;}
  4. .y_lphome_xc{ position: relative;}
  5. .y_lphome_xc p.y_img{ width: 100%; height: 250px;position:relative;}
  6. .y_lphome_xc p.y_img .m_lpimg{ width: 100%; height: 100%;}
  7. .y_lphome_xc .m_tplist{position:absolute;bottom:40px;right:25px;width:36px;}
  8. .y_lphome_xc .m_tplist a{display:block;width:36px;height:36px;margin-bottom:8px;}
  9. .y_lphome_xc .m_tplist a img{width:100%;height:100%;}
  10. .y_lphome_xc p.y_rigb{ position: absolute; right: 15px;bottom: 35px; background: rgba(0,0,0,0.5); padding: 5px 10px; border-radius: 5px;}
  11. .y_lphome_xc p.y_rigb i{ width: 20px; height: 15px;margin-right: 3px; display: inline-block;}
  12. .y_lphome_xc p.y_rigb i img{ width: 100%; height: 100%; position: relative; top: -1px;}
  13. .y_lphome_xc p.y_rigb span{ font-size: 0.9rem; color: #fff;}
  14. .y_lohomemain{ position: relative;}
  15. .y_lphome_nav{position: absolute; left: 0px; top: 0px; width: 100%;}
  16. .y_lphome_nav a{display: block; width: 37px; height: 37px; margin-top: 5px;}
  17. .y_lphome_nav a img{width: 100%; height: 100%;}
  18. .y_lphome_nav a.y_lpleft{ margin-left: 5px;}
  19. .y_lphome_nav a.y_lpright{ margin-right: 5px; }
  20. .y_lphometext{ margin: 0 10px;}
  21. .y_lptitle{ margin-top: 15px;}
  22. .y_lptitle p.y_lpname span{display: inline-block; font-size: 1.2rem;color: #333; font-weight: 600;}
  23. .y_lptitle p.y_lpname em{position: relative; top: -3px; display: inline-block; font-size: 0.7rem;color: #fff; background: #4292F1; border-radius: 3px; padding: 2px 5px;}
  24. .y_lptitle p.y_guanzhu{ border: 1px solid #FC6023; border-radius: 30px; background: #fff; padding: 3px 10px;}
  25. .y_lptitle p.y_guanzhu i{ width: 17px; height: auto; position: relative; top: -2px;}
  26. .y_lptitle p.y_guanzhu i img{ width: 17px; height: auto;}
  27. .y_lptitle p.y_guanzhu span{display: inline-block; font-size: 0.9rem; color: #fc6023;}
  28. .y_lphomejg{ margin-top: 5px;}
  29. .y_lphomejg p.y_jiage span{display: inline-block; font-size: 0.9rem; color: #666;}
  30. .y_lphomejg p.y_jiage span em{display: inline-block; font-size: 1.2rem; color: #FC4906; margin-right: 2px; font-weight:600;}
  31. .y_lphomejg p.y_jiage a{ display: inline-block; width: 22px; height: auto; margin-left: 10px;}
  32. .y_lphomejg p.y_jiage a img{ width: 100%; height: auto; }
  33. .y_lphomejg p.y_yxq{ font-size: 0.7rem; color: #999; margin-top: 5px;}
  34. .y_lphomets{ margin-top: 8px;}
  35. .y_lphomets i{display: block; float: left; padding: 3px 8px; font-size: 0.8rem;}
  36. .y_lphomets i+i{ margin-left: 8px; }
  37. .y_lphomets i:nth-child(1){ background: #EBF3FE; color:#638EC9;}
  38. .y_lphomets i:nth-child(2){ background: #F8EAE6; color:#E3957E;}
  39. .y_lphomets i:nth-child(3){ background: #E2F8E1; color:#75AB78;}
  40. .y_lphomets i:nth-child(4){ background: #FFF3E2; color:#F9A321;}
  41. .y_lpkpsj{margin-top: 8px;}
  42. .y_lpkpsj i{ width: 18px; height: 18px; display: inline-block; margin-right: 5px; position: relative; top: -1px;}
  43. .y_lpkpsj i img{ width: 100%;height: 100%;}
  44. .y_lpkpsj span{ font-size: 0.95rem; color: #555555;}
  45. .y_lpdizhi{ margin-top: 8px;}
  46. .y_lpdizhi a{display: block;}
  47. .y_lpdizhi a span{font-size: 0.95rem; color: #555; display: block; float: left;}
  48. .y_lpdizhi a span i{display: inline-block; width: 17px; height: auto;margin-right: 5px; position: relative; top: -1px;}
  49. .y_lpdizhi a span i img{width: 100%;height: auto;}
  50. .y_lpdizhi a em{width:10px; height: auto; display: block; float: right; position: relative; top: -3px;}
  51. .y_lpdizhi a em img{width:100%; height: auto;}
  52. .y_lpwykhp{ background: url('../image/ico_33.png') no-repeat #F5F9FE 20px center; border-radius: 5px; text-align: center; height: 40px; width: 100%;line-height: 40px; background-size: 20%;}
  53. .y_lpwykhp a{ display: block; font-size: 1rem; color: #555;}
  54. .y_lpwykhp a i{display:inline-block; width:23px; height: auto; margin-left: 8px; position: relative; top: -1px;}
  55. .y_lpwykhp a i img{width: 100%; height: auto;}
  56. .y_lphometext{ position: relative; }
  57. .y_demo_bm{ position: absolute; right: 5px; top: 0px;}
  58. .y_demo_bm a{display: block; font-size: 0.8rem;padding:3px 8px; color: #fff; border-radius: 5px;}
  59. .y_demo_bm a:nth-child(1){background:#0090FF;}
  60. .y_demo_bm a:nth-child(2){background:#FF9000; margin-top: 12px;}
  61. .y_demo_bm a i{ width: 22px; height: auto; display: inline-block; margin-right: 3px; position: relative; top: -1px;}
  62. .y_demo_bm a i img{ width: 100%; height: 100%;}
  63. .y_modtel{width:95%; margin: 15px auto; border-top: 1px dashed #e1e1e1; position: relative;}
  64. .y_modtel .y_modtel_text p.y_text{ font-size: 0.85rem; color: #666; padding: 12px 0; }
  65. .y_modtel .y_modtel_text p.y_call{ font-size: 0.85rem; color: #FF6D00;}
  66. .y_modtel .y_modtel_text p.y_call span{font-size: 1.4rem;}
  67. .y_modtel .y_telimg{ position: absolute; right: 30px; bottom: 10px; width: 55px; height: 55px;}
  68. .y_modtel .y_telimg img{ width: 100%; height: 100%;}
  69. /*楼盘评测*/
  70. .y_lphome_h2{ border: none; padding-bottom: 0px;}
  71. .y_lphomepc{ background: #fff; padding: 10px 0; margin-top: 10px;}
  72. .y_lphomepc_main{margin: 0 10px;}
  73. .y_lphomepc_cent{ margin-top: 20px;}
  74. .y_lphomepc_swip{overflow: hidden; width: 100%; height: auto; position: relative;}
  75. .y_longhr{ width: 65%; margin: 15px auto; position: relative; height: 40px;}
  76. .y_lphomepc_swip .swiper-pagination{bottom: 24%;width: 50%; left: 50%; margin-left: -25%; z-index: 3;}
  77. .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 3px;}
  78. .y_lphomepc_swip .swiper-button-next, .y_lphomepc_swip .swiper-button-prev{ width: 40px; height: 40px; bottom: 0px; top: auto; position: absolute;background: none; z-index: 3;}
  79. .y_lphomepc_swip .swiper-button-next{ background: url('../image/ico_you1.png') no-repeat center; background-size:40px; }
  80. .y_lphomepc_swip .swiper-button-prev{ background: url('../image/ico_zuo1.png') no-repeat center; background-size:40px;}
  81. .y_lphomepc_swip .swiper-button-next:hover{ background: url('../image/ico_you1_1.png') no-repeat center; background-size:40px; }
  82. .y_lphomepc_swip .swiper-button-prev:hover{ background: url('../image/ico_zuo1_1.png') no-repeat center; background-size:40px;}
  83. .m_Broadcast{border:1px solid;margin-top:20px;}
  84. .m_Broadcast ul{border:1px solid;}
  85. .m_Broadcast ul li{border:1px solid;}
  86. .y_lphomepc_cent_h{background: #FDF8F7; padding: 10px 0;font-size: 1rem; color: #333;height:40px;}
  87. .y_lphomepc_cent_h i{width: 16px; height: 16px; margin:0 8px; position: relative; top: -1px;float:left;}
  88. .y_centerpc{margin-top: 20px;padding:10px;max-height:480px;overflow:auto;}
  89. .y_lphomepc_cent_h .y_lphomepc_cent_h_span{display:block;}
  90. .y_lphomepc_cent_h p span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%;display: block;}
  91. /*基本信息*/
  92. .y_lpjbxx{ background: #fff; padding: 10px 0; margin-top: 10px;}
  93. .y_lpjbxx_main{ margin: 0 10px;}
  94. .y_lpjbxx_cent{ margin-top: 5px;}
  95. .y_lpjbxx_cent ul li{ font-size: 0.95rem; color: #555; padding: 12px 0; position: relative;}
  96. .y_lpjbxx_cent ul li+li{border-top:1px solid #EBEBEB;}
  97. .y_lpjbxx_cent ul li span{display: inline-block; float: left;}
  98. .y_lpjbxx_cent ul li em{display: inline-block; float: left; width: 70%;}
  99. .y_lpjbxx_cent ul li a{ z-index: 5; position: absolute;right: 10px; top: 9px;font-size: 0.8rem; background:#fb6537; color: #fff; display: block; padding: 3px 8px; border-radius: 5px;}
  100. .y_lpjbxx_cent ul li a i{display: inline-block; width: 20px; height: auto;}
  101. .y_lpjbxx_cent ul li a i img{width: 100%; height: auto; position: relative; top: -1px; padding-right: 3px;}
  102. .y_lpjbxx_cent ul li em.y_ckysz{font-size: 0.9rem; color: #fb6537;}
  103. .y_lpliji{ margin: 10px;}
  104. .y_lpliji_main{ position: relative;}
  105. .y_lpliji_main p.y_bg{ width: 100%; height: auto;max-height: 61px;}
  106. .y_lpliji_main p.y_bg img{ width: 100%; height: auto;}
  107. .y_lpliji_main a{border-radius: 30px; display: block; position: absolute; right:3%; top: 28%; font-size: 0.9rem; color: #fff; padding: 5px 10px;}
  108. .y_lpliji_main a{
  109. background: -webkit-gradient(linear, 100% 0, 0 0, from(#FF7E35), to(#FFB546));
  110. background: -webkit-linear-gradient(right, #FF7E35, #FFB546);
  111. background: -moz-linear-gradient(right, #FF7E35, #FFB546);
  112. background: -o-linear-gradient(right, #FF7E35, #FFB546);
  113. background: linear-gradient(right, #FF7E35, #FFB546);
  114. }
  115. /*.户型*/
  116. .y_lphomehx{ background: #fff; padding: 10px 0;}
  117. .y_lphomehx_main{ margin: 0 10px;}
  118. .y_lphomehx_cent{ margin-top: 15px;}
  119. #y_lphomehx_cent li{width:40%;float: left;margin-right: 10px;margin-top: 10px; background: #F4F6F9; border: 1px solid #EBEBEB;}
  120. #y_lphomehx_cent{padding-bottom: 10px;}
  121. #y_lphomehx_cent li .y_tu{ width: 100%; height: 110px; position: relative; }
  122. #y_lphomehx_cent li .y_tu .y_tuimg{ width:100%; height: 100%;}
  123. #y_lphomehx_cent li .y_tu .y_tuimg img{ width:100%; height: 100%;}
  124. #y_lphomehx_cent li .y_tu .y_tuhx{position: absolute; right: 0px; top: 0px; background: rgba(0,0,0,0.5); padding: 3px 8px; font-size: 0.9rem; color: #fff;}
  125. #y_lphomehx_cent li .y_text{ text-align: center; padding: 8px 0;}
  126. #y_lphomehx_cent li .y_text .y_textjs{ font-size: 1rem; color: #333;}
  127. #y_lphomehx_cent li .y_text .y_textjm{ font-size: 0.9rem; color: #666; margin-top: 5px;}
  128. /*.楼盘动态*/
  129. .y_lphomenew{ background: #fff; padding: 10px 0; margin-top: 10px;}
  130. .y_lphomenew_main{ margin: 0 10px;}
  131. .y_lphomenew_cent{margin-left: 10px; border-left: 1px solid #04A9FF; padding-left: 15px; margin-top: 20px;}
  132. .y_lphomenew_cent ul li .y_newssj{ position: relative; left: -28px;top: -5px;}
  133. .y_lphomenew_cent ul li .y_newssj i{ width: 20px; height: auto;display: inline-block;}
  134. .y_lphomenew_cent ul li .y_newssj span{ font-size: 0.9rem; color: #333; display: inline-block; margin-left: 8px;}
  135. .y_lphomenew_cent ul li .y_newlx{ margin-top: 10px;}
  136. .y_lphomenew_cent ul li .y_newlx span{ background: #fff; padding: 2px 10px; font-size: 0.6rem; color: #a59e9e;border-radius: 2px; border: 1px solid #e0e0e0;}
  137. .y_lphomenew_cent ul li .y_newtextmain{ margin-top: 15px;}
  138. .y_lphomenew_cent ul li .y_newtextmain a{display: inline-block;}
  139. .y_lphomenew_cent ul li .y_newtextmain .y_title{ position: relative; left: -21px;}
  140. .y_lphomenew_cent ul li .y_newtextmain .y_title i{background: #fff; width: 10px; height: auto;display: block; margin-right: 10px; float: left;}
  141. .y_lphomenew_cent ul li .y_newtextmain .y_title span{font-size: 0.95rem; color: #333; display: block; float: left; width: 93%; font-weight: 600;line-height: 22px;}
  142. .y_lphomenew_cent ul li .y_newtextmain .y_text{ font-size: 0.9rem; color: #666; line-height: 20px; margin-top: 10px;}
  143. .y_lphomenew_cent ul li .y_newtextmain .y_img{ margin-top: 10px;}
  144. .y_lphomenew_cent ul li .y_newtextmain .y_img i{ width: 31%; height: 80px; float: left; display: block;}
  145. .y_lphomenew_cent ul li .y_newtextmain .y_img img{ width: 100%; height: 100%;}
  146. .y_lphomenew_cent ul li .y_newtextmain .y_img i+i{ margin-left: 2%;}
  147. /*优惠领取*/
  148. .y_lpyhtz{ margin-top: 10px; position: relative;}
  149. .y_lpyhtzbg{ width: 100%; height: 100px;}
  150. .y_lpyhtzbg img{ height: 100%; width: 100%;}
  151. .y_lpyhtz_main{ position: absolute; left: 50%; bottom: 17px; width: 86%; margin-left: -43%;}
  152. .y_lpyhtz_main .y_lpyhtz_input{ padding-left:10px; width:70%; height: 35px; font-size: 1rem; color: #666; border: none; border-radius: 5px;}
  153. .y_lpyhtz_main a{ height: 35px; line-height: 34px; width: 26%; display: inline-block; background: #FF5849; margin-left: 2%; text-align: center; font-size: 1rem; color: #fff; border-radius: 5px;}
  154. .y_lpyhtz_main .y_lpyhtz_input::-webkit-input-placeholder {color: #ccc;}
  155. .y_lpyhtz_main .y_lpyhtz_input:-moz-placeholder {color: #ccc;}
  156. .y_lpyhtz_main .y_lpyhtz_input::-moz-placeholder {color: #ccc;}
  157. .y_lpyhtz_main .y_lpyhtz_input:-ms-input-placeholder {color: #ccc;}
  158. /*楼盘点评*/
  159. .y_lphomedp{ background: #fff; padding: 10px 0; margin-top: 10px;}
  160. .y_lphomedp_main{margin: 0 10px;}
  161. .y_lphomedp_cent{ margin-top: 20px;}
  162. .y_lphomedp_cent ul li+li{margin-top: 20px;}
  163. .y_lphomedp_cent ul li .y_lphomedp_top .y_left{width: 45px; height: 45px; background: #fff; border-radius: 100%; overflow: hidden;}
  164. .y_lphomedp_cent ul li .y_lphomedp_top .y_left img{ width: 100%; height: 100%;}
  165. .y_lphomedp_cent ul li .y_lphomedp_top .y_right{ line-height: 45px; font-size: 1.1rem; color: #333; font-weight: 600; margin-left: 10px;}
  166. .y_lphomedp_cent ul li .y_lphomedp_text{ position: relative; background: #F4F7FD; padding: 12px; margin-top: 20px; border-radius: 8px; box-shadow: 0px 1px 5px 0px rgba(204,204,204,0.5);}
  167. .y_lphomedp_cent ul li .y_lphomedp_text i.y_sanjiao{width: 0; display: block;height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #F4F7FD; position: absolute; left: 10px; top: -10px;}
  168. .y_lphomedp_cent ul li .y_lphomedp_text .y_dpneirong{ font-size: 1rem; line-height: 25px; color: #333;}
  169. .y_lphomedp_cent ul li .y_bottom{ height: 25px; line-height: 25px;}
  170. .y_lphomedp_cent ul li .y_bottom em{font-size: 0.9rem; color: #999; display: inline-block; float: left;}
  171. .y_lphomedp_cent ul li .y_bottom span{font-size: 0.9rem; color: #999; display: inline-block; float: right;}
  172. .y_lphomedp_cent ul li .y_bottom span i{ display: inline-block; width: 15px; height: auto; position: relative; top: -4px; margin-right: 3px;}
  173. .y_lphomedp_cent ul li .y_bottom span i img{ width: 100%; height: auto;}
  174. .y_lpwydp{ background: #FFF1E3; padding: 10px; text-align: center; margin-top: 30px; border-radius: 3px;}
  175. .y_lpwydp a{display: block; font-size: 1.1rem; color: #FF9E2C;}
  176. .y_lpwydp a i{display: inline-block; width: 23px; height: 23px; margin-right: 5px; position: relative; top: -2px;}
  177. .y_lpwydp a i img{ width: 100%; height: 100%;}
  178. /*/周边配套*/
  179. .y_lpzbpt{ background: #fff; padding: 10px 0; margin-top: 10px;}
  180. /*.y_lpzbpt_main{ margin: 0 10px;}*/
  181. .y_lpzbpt_cent{ margin-top: 5px;}
  182. .y_lpdt{ width: 100%; height: 260px;}
  183. .y_lpdt_list{ margin-top: 20px;}
  184. .y_lpdt_list ul li{ width: 12.5%; text-align: center; float: left;}
  185. .y_lpdt_list ul li .y_tu{ width: 32px; height: auto; margin: 0 auto;}
  186. .y_lpdt_list ul li .y_tu img{ width: 100%; height: auto;}
  187. .y_lpdt_list ul li .y_text{ font-size: 1rem; color:#999; margin-top: 5px;}
  188. .y_lpdt_list ul li+li{ margin-left: 2%;}
  189. .y_maplpdizhi{ padding: 5px 0 10px;}
  190. .y_maplpdizhi em{font-size: 0.9rem; color: #999;display: inline-block;float: left;}
  191. .y_maplpdizhi span{font-size: 0.9rem; color: #333;display: inline-block;float: left; width: 78%;}
  192. /*全景看房*/
  193. .y_lpqjkf{ background: #fff; padding: 10px 0; margin-top: 10px;}
  194. /*.y_lpqjkf_main{ margin: 0 10px;}*/
  195. .y_lpqjkf_cent{ margin-top: 20px; width: 100%; height: 260px; position: relative;}
  196. .y_lpqjkf_cent .y_lpqjkf_bg{ width: 100%; height: 100%;}
  197. .y_lpqjkf_cent .y_lpqjkf_bg img{ width: 100%; height: 100%;}
  198. .y_lpqjkf_cent .y_lpqjkf_tb{position: absolute; left: 50%; top: 50%; width: 65px; height:78px; margin-left: -32px;margin-top: -39px;}
  199. .y_lpqjkf_cent .y_lpqjkf_tb img{ width: 100%; height: 100%;}
  200. /*楼盘推荐*/
  201. .y_lphometj{ background: #fff; padding: 10px 0; margin-top: 10px;}
  202. .y_lphometj_main{ margin: 0 10px;}
  203. .y_lphometj_main ul.y_lphometj_h{ float: left;}
  204. .y_lphometj_main ul.y_lphometj_h li{ float: left;}
  205. .y_lphometj_main ul.y_lphometj_h li a{ float: none;color: #444; top: 0px; display: block; padding: 8px 15px; border-radius: 5px 5px 0 0;}
  206. .y_lphometj_main .y_lphome_h span{ position: relative; top: 7px;}
  207. .y_lphometj_main ul.y_lphometj_h li.on a{background: #40a0eb; color: #fff;}
  208. /*.y_lphometj_cent ul li{padding: 15px 0; border-bottom: 1px solid #e3e3e3;}
  209. .y_lphometj_cent ul li .y_img{ width: 35%; height: 112px; position: relative; float: left;}
  210. .y_lphometj_cent ul li .y_img p.y_tu{ width: 100%; height: 100%;}
  211. .y_lphometj_cent ul li .y_img p.y_tu img{ width: 100%; height: 100%;border-radius: 5px;}
  212. .y_lphometj_cent ul li .y_img p.y_vid{position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.6); padding:5px; padding-right: 8px; border-radius: 0 20px 20px 5px}
  213. .y_lphometj_cent ul li .y_img p.y_vid span{display: block; float: left; width: 24px; height: auto;}
  214. .y_lphometj_cent ul li .y_img p.y_vid span img{width: 24px; height: auto;}
  215. .y_lphometj_cent ul li .y_img p.y_vid span+span{margin-left: 5px;}
  216. .y_lphometj_cent ul li .y_img p.y_licyit{ position: absolute; right: 5px; top: 5px; background: rgba(0,0,0,0.5); border-radius: 20px; padding:2px 10px; font-size: 0.7rem;color: #fff;}
  217. .y_lphometj_cent ul li .y_text{ float: left; position: relative; left:10px; width:63%; top: 3px;}
  218. .y_lphometj_cent ul li .y_text .y_text_main p.y_title span{display: inline-block; font-size: 0.95rem; font-weight: 600; color: #333;}
  219. .y_lphometj_cent ul li .y_text .y_text_main p.y_title em{display: inline-block; margin-left: 8px; font-size: 0.8rem;color: #999;}
  220. .y_lphometj_cent ul li .y_text .y_text_main p.y_shijian{ font-size: 0.7rem; color: #999; padding-top: 2px;}
  221. .y_lphometj_cent ul li .y_text .y_text_main p.y_jiage{ font-size: 0.8rem; color: #666; padding-top: 3px;}
  222. .y_lphometj_cent ul li .y_text .y_text_main p.y_jiage span{ font-size: 1.1rem; color: #ff2a26; display: inline-block;}
  223. .y_lphometj_cent ul li .y_text .y_text_main p.y_jiage em{ font-size: 0.9rem; color: #666; display: inline-block; margin-left: 3px;}
  224. .y_lphometj_cent ul li .y_text .y_text_main p.y_gz{ font-size: 0.8rem; color: #999; padding-top: 3px;}
  225. .y_lphometj_cent ul li .y_text .y_text_main p.y_gz span{ font-size:0.8rem; color: #ee4433;padding: 0 3px;}
  226. .y_lphometj_cent ul li .y_text .y_text_main p.y_tese{ font-size: 0.7rem; color: #999; padding-top: 3px;}
  227. .y_lphometj_cent ul li .y_text .y_text_main p.y_tese i{display: inline-block; padding: 2px 5px; background: #ccc; }
  228. .y_lphometj_cent ul li .y_text .y_text_main p.y_tese i+i{ margin-left: 3px;}
  229. .y_lphometj_cent ul li .y_text .y_text_call{ z-index: 5; position: absolute; right: 5px; top: 25px; width: 35px; height: 35px;}
  230. .y_lphometj_cent ul li .y_text .y_text_call img{ width: 100%; height: 100%;}
  231. .y_lphometj_cent ul li .y_text .y_text_main p.y_tese i:nth-child(1){ background: #EBF3FE; color:#638EC9;}
  232. .y_lphometj_cent ul li .y_text .y_text_main p.y_tese i:nth-child(2){ background: #F8EAE6; color:#E3957E;}
  233. .y_lphometj_cent ul li .y_text .y_text_main p.y_tese i:nth-child(3){ background: #E2F8E1; color:#75AB78;}
  234. .y_lphometj_cent ul li .y_text .y_text_main p.y_tese i:nth-child(4){ background: #FFF3E2; color:#F9A321;}
  235. */
  236. .y_lphometj_cent{margin-top:15px;background:#fff;padding:0px 10px 5px 10px;}
  237. .y_lphometj_cent ul li {padding:13px 0;border-bottom:3px solid #F5F5F5; position: relative;}
  238. .y_lphometj_cent ul li:last-child{border-bottom:0;}
  239. .y_lphometj_cent ul li .cal_price{ z-index: 8; position: absolute; right: 30px; top: 42%; height: 35px; width: 35px;margin-top:-26.5px}
  240. .y_lphometj_cent ul li .cal_price img{ width: 100%; height: 100%;}
  241. .y_lphometj_cent ul li a {display:block;}
  242. .y_lphometj_cent ul li .sell_img{width:33%;display:inline-block;vertical-align:top;position:relative;}
  243. .y_lphometj_cent ul li .sell_img .sell_img_i{position:absolute;top:5px;left:5px;background:rgba(51, 51, 51, 0.71);font-size:0.7rem;color:#fff;padding:4px 11px 3px 11px;border-radius: 11px;}
  244. .y_lphometj_cent ul li .sell_img img {display:block;width:100%;height:85px;border-radius:5px;}
  245. .y_lphometj_cent ul li .sell_conter_right {display:inline-block;vertical-align:top;position: relative;left:8px;width:61%;padding-left:1%;}
  246. .y_lphometj_cent ul li .sell_conter_right p {line-height:18px;}
  247. .y_lphometj_cent ul li .sell_conter_right p.jg_ing{ font-size: 0.7rem; color: #919191;}
  248. .y_lphometj_cent ul li .sell_conter_right p.jg_ing span{ color: #919191; font-size: 0.8rem;}
  249. .y_lphometj_cent ul li .sell_conter_right p.jg_ing span em{ color: #F56140; font-style: normal; font-weight: 600;font-size:1.1rem;margin-right: 2px;}
  250. .y_lphometj_cent ul li .sell_conter_right .title {font-size:1rem;color:#4c4a4a;font-weight:600;margin-top:8px;}
  251. .y_lphometj_cent ul li .sell_conter_right .hu {font-size:0.8rem;color:#767676;padding-top:8px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  252. .y_lphometj_cent ul li .sell_conter_right .p_i {padding:5px 0;font-size:0.7rem;}
  253. .y_lphometj_cent ul li .sell_conter_right .p_i i {background:#FFF5EF;padding:2px 5px;color:#FD885C;font-style:normal;}
  254. .y_lphometj_cent ul li .sell_conter_right .p_i i + i {margin-left:5px;}
  255. .y_lphometj_cent ul li .sell_conter_right .attention{font-size:0.8rem;}
  256. .y_lphometj_cent ul li .sell_conter_right .attention span {color:#F1685B;}
  257. .y_lphometj_cent ul li .sell_conter_right .price {position:absolute;top:0px;right:-5px;font-size:0.95rem;font-weight:600;}
  258. .y_lphometj_cent ul li .sell_conter_right .price span {color:#EE4433;}
  259. .m_gzlx{width:100%;height:25px;margin-top:10px;}
  260. .m_gzlx .attention{font-size:0.7rem;color:#767676;border: 1px solid #e0e0e0;width: 33%;text-align: center;border-radius: 15px;padding: 2px 0;float:left;}
  261. .m_gzlx .attention span{font-size:0.8rem;color:#cb3513;}
  262. .m_gzlx_style{width: 61%;float:left;margin-left:10px;}
  263. .m_gzlx_style i{font-style: normal;background:#b2adad;margin-right: 6px;font-size: 0.7rem;color: #333;padding: 4px 6px;border-radius:3px;}
  264. .m_gzlx_style i:nth-child(1){background:#EBF3FE;color: #7897D1;}
  265. .m_gzlx_style i:nth-child(2){background:#FFECE7;color: #E5836B;}
  266. .m_gzlx_style i:nth-child(3){background:#E2F8E1;color: #56A652;}
  267. /*.看房定制*/
  268. .y_lpkfdz{ margin-top: 20px;}
  269. .y_lpkfdz_bg{width: 100%; height: 100%;}
  270. .y_lpkfdz_bg img{ width: 100%; height: auto;}
  271. .y_lpkfdz_main{ background: #fff; width: 100%;}
  272. .y_lpkfdz_cent .y_lpkfdz_h{ font-size: 1.3rem; color: #444; text-align: center;font-weight: 600;}
  273. .y_lpkfdz_dzrs{ text-align: center; margin-top: 10px;}
  274. .y_lpkfdz_dzrs span{ font-size: 0.9rem; color: #fff; background: rgba(0,0,0,0.6); display: inline-block; padding: 3px 10px; border-radius: 5px;}
  275. .y_lpkfdz_dzrs span em{ color: #FFFC00;}
  276. .y_lpkfdz_nav{ margin-top:20px;}
  277. .y_lpkfdz_nav ul li{ width: 33%; text-align: center; float: left;}
  278. .y_lpkfdz_nav ul li .y_tu{ width: 90px; height: auto; margin: 0 auto;}
  279. .y_lpkfdz_nav ul li .y_text{ font-size: 0.9rem; color: #666; margin-top: 5px;}
  280. .y_lpkfdz_inplist{width: 70%; margin: 20px auto 0;}
  281. .y_lpkfdz_inplist .y_lpkfdzinpund{background: #F5FAFF; padding: 5px 0; margin-bottom: 15px; border-radius: 5px;}
  282. .y_lpkfdz_inplist .y_lpkfdzinpund i{display: inline-block; width: 22px; height: auto; margin:0 10px;}
  283. .y_lpkfdz_inplist .y_lpkfdzinpund i img{width: 100%; height: auto;}
  284. .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input{ width: 80%; height: 35px; padding-left: 15px; border:none; border-left: 1px solid #ddd; background: none; font-size: 1rem; color: #666;}
  285. .y_lpkfdz_inplist .y_lpkfdzsub{ margin-top: 20px;}
  286. .y_lpkfdz_inplist .y_lpkfdzsub a{display: block; font-size: 1.2rem; color: #fff; background: #108BFF; padding: 8px 0; width:100%; text-align: center; border-radius: 5px;}
  287. /*楼盘首页导航*/
  288. .xungua{}
  289. .y_lpindexnav{position: fixed;left: 0px; display: none; top: 50px; z-index: 10; background: rgba(0,0,0,0.8); width: 100%;}
  290. .y_lpindexnav_main {white-space:nowrap;}
  291. .y_lpindexnav_main ul li{ display:inline-block; width:91px; text-align: center; padding: 10px 0;}
  292. .y_lpindexnav_main ul li a{ font-size: 0.937rem; color: #fff; display: block;}
  293. .y_lpindexnav_main ul li a i{ display:block; height: 4px; border-radius: 10px; width: 50%; margin: 0 auto; position: relative; top:10px;}
  294. .y_lpindexnav_main ul li.on a i{ background-color:#efdbc1;}
  295. /*20180814 杨*/
  296. .lphomeV2{ width:100%;height: auto; background: #fff;}
  297. .lphomeV2_main{ position: relative; top: -30px;z-index: 5; width:92%; margin: 0 auto; background: url("/image/homev2/lpv2_ico1.png") #fff no-repeat center; height: auto; background-size:100% 100%; box-shadow: 0px 4px 15px 1px rgba(0,0,0,0.24); border-radius: 5px;}
  298. .lphomeV2_head{ padding:18px 15px 30px;}
  299. .lphomeV2_head_title{ position: relative; }
  300. .lphomeV2_head_title p.title span{ font-size: 1.1rem; color: #333; font-weight:600;}
  301. .lphomeV2_head_title p.title em{ font-size: 0.6rem; color: #fff; border: 1px solid #45aff1; background: #45aff1; border-radius: 3px; display: inline-block; margin-left: 8px; padding: 1px 8px; position: relative; top: -2px;}
  302. .lphomeV2_head_title p.list_type{ margin-top: 15px;}
  303. .lphomeV2_head_title p.list_type i{ font-size: 0.8rem; display: inline-block; padding: 3px 8px; margin-right: 8px;}
  304. .lphomeV2_head_title p.list_type i:nth-child(1){color:#4F8AD4; background: #EBF3FE;}
  305. .lphomeV2_head_title p.list_type i:nth-child(2){color:#E08466;background:#FBE9E7}
  306. .lphomeV2_head_title p.list_type i:nth-child(3){color:#74AE74;background:#E1F8E0}
  307. .lphomeV2_head_title p.list_type i:nth-child(4){color:#FFAB31;background:#FFF0D9}
  308. .lphomeV2_head_tel{ position: absolute; right: 18px; top: 0px; width: 50px; height: 50px;}
  309. .lphomeV2_head_tel img{ width: 100%; height: 100%;}
  310. .lphomeV2_head_pric{margin-top: 12px;}
  311. .lphomeV2_head_pric span:nth-child(1){ font-size: 0.9rem; color: #999; display: inline-block;}
  312. .lphomeV2_head_pric span:nth-child(1) em{ display: inline-block; margin-left: 5px; font-size: 0.9rem; color: #999;}
  313. .lphomeV2_head_pric span:nth-child(1) em i{ display: inline-block; font-size: 1.1rem; font-weight: 600; color: #f56140;}
  314. .lphomeV2_head_pric span:nth-child(2){ font-size: 0.7rem; display: inline-block; margin-left: 10px; color: #999;}
  315. .lphomeV2_head_dz{ margin-top: 5px;}
  316. .lphomeV2_head_dz span{ display: block;}
  317. .lphomeV2_head_dz span i{ font-size: 0.9rem; color: #999;display: block; float: left;}
  318. .lphomeV2_head_dz span em{ width: 85%; display:block; float: left; font-size: 0.9rem; color: #666;display: inline-block; margin-left: 5px;}
  319. .lphomeV2_head_bottom{ margin: 0 auto; margin-top: 25px; width: 88%;}
  320. .lphomeV2_head_bottom a{font-size: 0.9rem; display: block; color: #fff; padding: 5px 15px; border-radius: 30px;}
  321. .lphomeV2_head_bottom a:nth-child(1){ float: left; background: #5e9bee;}
  322. .lphomeV2_head_bottom a:nth-child(1) i{ display:inline-block; width: 20px; height: auto; position: relative; top: -2px;}
  323. .lphomeV2_head_bottom a:nth-child(1) i img{ width: 100%; height: auto;}
  324. .lphomeV2_head_bottom a:nth-child(2){ float: right; background: #dbb171;}
  325. .lphomeV2_head_bottom a:nth-child(2) i{ display:inline-block; width: 18px; height: 18px; position: relative; top: -2px;}
  326. .lphomeV2_head_bottom a:nth-child(2) i img{ width: 100%; height: 100%;}
  327. /*户型*/
  328. .lphomeV2type{ background: #fff;}
  329. .lphomeV2type_main{ padding: 0 0 20px 0px;}
  330. .lphomeV2type_h{ width: 95%; margin: 0 auto;}
  331. .lphomeV2type_h span{display: inline-block; font-size: 1.1rem; color: #4a5660; font-weight: 600;}
  332. .lphomeV2type_nva{ width: 95%; margin: 10px auto;}
  333. .lphomeV2type_nva a{ display: inline-block; font-size: 1rem;color: #333; width:23.3%; text-align: center; background: #ecf5fd; padding: 5px 0;}
  334. .lphomeV2type_nva a+a{ margin-left: 1%;}
  335. .lphomeV2type_nva a.on{ background: #66b3ef; color: #fff;}
  336. .lphomeV2type_ul ul li{ border-bottom: 13px solid #f5f5f5; padding: 15px 0;}
  337. .lphomeV2type_ul ul li a{ display: block; width: 95%; margin: 0 auto;}
  338. .lphomeV2type_ul ul li .left_img{ float: left; width: 35%; height: 100px; border: 1px solid #f6f6f6;}
  339. .lphomeV2type_ul ul li .left_img img{ width: 100%; height: 100%;}
  340. .lphomeV2type_ul ul li .right_text{ float: right; width: 62%;}
  341. .lphomeV2type_ul ul li .right_text p{ padding-top: 8px;}
  342. .lphomeV2type_ul ul li .right_text p:nth-child(1){ font-size: 1rem; color: #834545; font-weight: 600;}
  343. .lphomeV2type_ul ul li .right_text p:nth-child(2){ font-size: 0.9rem; color: #999;}
  344. .lphomeV2type_ul ul li .right_text p:nth-child(3){ font-size: 0.9rem; color: #999;}
  345. .lphomeV2type_ul ul li:last-child{ border-bottom: none;}
  346. .lphomeV2type_gd{ width: 95%; margin: 0 auto; }
  347. .lphomeV2type_gd a{ font-size: 0.95rem; color: #666; display: block; width: 100%; background: #ecf5fd; text-align: center; padding: 8px 0; border-radius: 5px;}
  348. .lphomeV2free{ margin: 10px 0; background: #fff; padding: 15px 0;}
  349. .lphomeV2free_main{ width: 95%; margin: 0 auto; position: relative; }
  350. .lphomeV2free_main .bg{width:100%;}
  351. .lphomeV2free_main .bg img{width:100%;display:block;}
  352. .lphomeV2free_main p.lphomeV2free_call{ position: absolute; left: 35px; bottom: 8px; z-index: 2;}
  353. .lphomeV2free_main p.lphomeV2free_call i{display: inline-block; width: 20px; height: auto; margin-right: 5px; position: relative; top: -2px;}
  354. .lphomeV2free_main p.lphomeV2free_call i img{ width: 100%; height: auto;}
  355. .lphomeV2free_main p.lphomeV2free_call span{ font-size: 1.2rem; color: #fff; font-weight: 600;display: inline-block; }
  356. .lphomeV2free_main p.lphomeV2free_bm{ position: absolute; right: 15px; bottom: 20px; z-index: 2;}
  357. .lphomeV2free_main p.lphomeV2free_bm a{ display: block; font-size: 0.9rem; color: #823d00; background: #ffeb45; padding: 5px 12px; border-radius: 30px;}
  358. .lphomeV2news{ background: #fff; padding: 17px 0;}
  359. .lphomeV2news_main{ margin: 10px 0;}
  360. .lphomeV2news_ul li{ border-bottom: 10px solid #f5f5f5; padding: 10px 0 15px;}
  361. .lphomeV2news_ul li:last-child{ border-bottom: none;}
  362. .lphomeV2news_ul li a{ display: block; width: 95%; margin: 0 auto;}
  363. .lphomeV2news_ul li .left_deta{ float: left; width: 20%; background: #66b3ef; color: #fff; padding: 5px 5px; height: 73px;}
  364. .lphomeV2news_ul li .left_deta p.deta_yue{ font-size: 1.2rem; font-weight: 600;}
  365. .lphomeV2news_ul li .left_deta p.deta_nian{ margin-top: 15px;}
  366. .lphomeV2news_ul li .left_deta p.deta_nian span{ font-size: 1rem; color: #fff; border-top: 1px solid #fff; padding: 3px;}
  367. .lphomeV2news_ul li .right_text{ float: right; width: 78%;}
  368. .lphomeV2news_ul li .right_text p{ width: 100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
  369. .lphomeV2news_ul li .right_text p.text_h{ margin-top: 5px; font-size: 0.95rem; color: #333;font-weight: 600;}
  370. .lphomeV2news_ul li .right_text p.text_cent{ margin-top: 5px; font-size: 0.8rem; color: #999;}
  371. .lphomeV2news_ul li .right_text p.text_liulan{ margin-top: 5px;}
  372. .lphomeV2news_ul li .right_text p.text_liulan i{ display: inline-block; width: 14px; height: 8px; margin-right: 5px;}
  373. .lphomeV2news_ul li .right_text p.text_liulan i img{ width: 100%; height: 100%;}
  374. .lphomeV2news_ul li .right_text p.text_liulan span{ font-size: 0.7rem;color: #999;}
  375. .lphomeV2data{ margin-top: 10px; background: #fff; padding: 17px 0;}
  376. .lphomeV2data_main{ width: 95%; margin:10px auto; }
  377. .lphomeV2data_ul ul li{ position: relative;}
  378. .lphomeV2data_ul ul li+li{ margin-top: 12px;}
  379. .lphomeV2data_ul ul li em{display: inline-block; background: #f6efe6; font-size: 0.8rem; color: #ac844b; border-radius: 5px; padding: 2px 8px; float: left;}
  380. .lphomeV2data_ul ul li span{ float: left; width: 75%; display: inline-block; font-size: 0.9rem; color: #666; margin-left: 10px;line-height:22px;}
  381. .lphomeV2data_ul ul li a.lp_kptz{ position: absolute; right:0; top:0; display: block; font-size: 0.85rem; color: #f56140; border:1px solid #f56140; border-radius: 30px; background: #fef3f0; padding: 2px 10px;}
  382. .lphomeV2data_ul li span i{ font-size: 0.75rem; display: inline-block; padding: 0px 8px; margin-right: 8px;}
  383. .lphomeV2data_ul li span i:nth-child(1){color:#4F8AD4; background: #EBF3FE;}
  384. .lphomeV2data_ul li span i:nth-child(2){color:#E08466;background:#FBE9E7;}
  385. .lphomeV2data_ul li span i:nth-child(3){color:#74AE74;background:#E1F8E0;}
  386. .lphomeV2data_ul li span i:nth-child(4){color:#FFAB31;background:#FFF0D9;}
  387. .anone{ display: none;}
  388. .y_lphome_h { padding-bottom: 0px; border-bottom: 2px solid #40a0eb;}
  389. /*轮播*/
  390. .banner {height:auto;overflow:hidden;position:relative; background: #fff; padding: 15px 0; margin-top: 10px; }
  391. .banner .banner_img {background:#fff; height: 94px;}
  392. .banner .banner_img ul li{height:94px;}
  393. .banner .banner_img ul li a.popup {display:block;}
  394. .banner .banner_img ul li a img {display:block;width:100%; height: 100%;}
  395. .banner .banner_img ul li .w_house_1 {display:inline-block;position: relative;}
  396. .banner .banner_img ul li .w_house_1 img {display:inline-block;width:100%;height:100%;}
  397. .banner .banner_img ul li .w_house_1 p:nth-child(2) {position:absolute;top:11%;left:7%;font-size:1.125rem;color:#fff;text-shadow:3px 2px 1px #CF7B09;font-weight:600;}
  398. .banner .banner_img ul li .w_house_1 p:nth-child(3) {position:absolute;top:40%;left:7%;font-size:0.625rem;color:#fff;text-shadow:3px 2px 1px #CF7B09;}
  399. .banner .banner_img ul li .w_house_1 span {background:#fff;border-radius:15px;position: absolute;top:64%;left:7%;display:inline-block;font-size:0.75rem;font-weight:600;color:#EE8606;width:75px;height:22px;text-align:center;line-height:22px;}
  400. .banner .banner_img ul li .w_house_2 {display:inline-block;position:relative;}
  401. .banner .banner_img ul li .w_house_2 img {display:inline-block;width:100%;height:100%;}
  402. .banner .banner_img ul li .w_house_2 p:nth-child(2) {position:absolute;top:15%;left:30%;font-size:1.125rem;color:#fff;font-weight:600;}
  403. .banner .banner_img ul li .w_house_2 p:nth-child(3) {position:absolute;top:45%;left:30%;font-size:0.625rem;color:#fff;width:41%;}
  404. .banner .banner_img ul li .w_house_2 span {background:#fff;border-radius:15px;position: absolute;top:38%;right:3%;display:inline-block;font-size:0.75rem;font-weight:600;color:#1876C9;width:75px;height:22px;text-align:center;line-height:22px;}
  405. #swiper-pagination1{bottom:20px; z-index: 8;}
  406. .swiper-pagination-bullet{background:#fff;width:10px;height:3px; border-radius:0px; }
  407. .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
  408. .swiper-pagination-bullet-active{background:#fff; width: 15px;}
  409. .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: 100%;}
  410. .banner_img .swiper-pagination-bullet {opacity:1;}
  411. .lphomeV2inform_main{ width: 100%; height:90px;}
  412. .lphomeV2inform_main ul {width: 100%;}
  413. .lphomeV2inform_main ul li{ width: 100%;}
  414. .lphomeV2inform_li1{position: relative;}
  415. .lphomeV2inform_text{ position: absolute;left: 44%; top: 15%;}
  416. .lphomeV2inform_text p.m_top span{ display: inline-block; font-size: 1.2rem; color: #354259; font-weight: 600;}
  417. .lphomeV2inform_bg{ width: 100%; height: 100%;}
  418. .lphomeV2inform_bg img{ width: 100%; height: 100%;}
  419. .lphomeV2inform_text p.m_top a{ display: inline-block; font-size: 0.8rem; color: #40a0eb; border: 1px solid #40a0eb; border-radius: 30px; padding: 2px 12px; margin-left: 10px; position: relative; top: -2px;}
  420. .lphomeV2inform_text p.m_bottom{ font-size: 0.9rem; color: #999; padding-top: 4px;}
  421. .lphomeV2inform_li2{ position: relative;}
  422. .lphomeV2inform_li2 .lphomeV2inform_text{ position: absolute;left: 31%; top: 15%;}
  423. .lphomeV2inform_li2 .lphomeV2inform_text p.m_bottom{ font-size: 0.8rem; color: #999; padding-top: 4px;}
  424. .y_remark{ background: #fff;margin: 10px 0; padding: 10px 0;}
  425. .wh_remark .wh_remark_fill{margin:10px 10px 0;}
  426. /*媒体查询*/
  427. @media (max-width: 320px){
  428. .y_lpliji_main a{ top: 25%; right: 2%;}
  429. .y_lphomenew_cent ul li .y_newtextmain .y_title span{ width: 91%;}
  430. .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input{width: 80%}
  431. }
  432. /*清水湾详情活-动优惠*/
  433. .puic_wid {padding:0 4% 15px;background:#fff;}
  434. .m_lpind_addbg {box-shadow:0px 1px 20px 0px rgba(198, 198, 198, 0.5);}
  435. .m_lpind_addbg img {width:100%;}
  436. .m_lpind_add_main {position:relative;}
  437. .m_lpind_addipunt {position:absolute;right:7px;top:30px;margin-top:-23px;width:180px;height:24px;background:#fff;border-radius:30px;}
  438. .m_lpind_addipunt input.m_lpipnt {border:none;font-size:0.625rem;color:#AAAAAA;border-radius:50px;width:180px;height:26px;display:block;float:left;position:relative;padding-left:7px;}
  439. .m_lpind_addipunt input.m_lpb {width:50px;height:22px;line-height:22px;display:inline-block;position:absolute;top:2px;right:2px;background:#FBD86C;font-size:0.625rem;color:#DC0000;border:none;border-radius:0px 20px 20px 0;font-weight:bold;}