lpindex.css 34 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642
  1. body{background:#fff;}
  2. .Home-header{ background: #fff;position:fixed;top:0;left:0;z-index:10;width:100%;}
  3. .Home-header-box{ position: relative; height: 50px; z-index: 10; background: #fff;
  4. -webkit-transform: translateZ(0);
  5. transform: translateZ(0);
  6. will-change: transform;
  7. -webkit-transition: -webkit-transform .5s;
  8. transition: -webkit-transform .5s;
  9. transition: transform .5s;
  10. transition: transform .5s, -webkit-transform .5s;
  11. max-width: 750px; margin: 0 auto;
  12. }
  13. .Home-header-box .header-left{position: absolute; left: 8px; top: 50%; z-index: 2; width: 36px; height: 36px; margin-top: -18px;}
  14. .Home-header-box .header-left a{display: inline-block; width: 100%; height: 100%;}
  15. .Home-header-box .header-left a img{display: block; width:11px; height: 18px; margin: 0 auto;position: relative; top: 8px;}
  16. .Home-header-box .header-right{position: absolute; right: 8px; top: 50%; z-index: 2;width: 36px; height: 36px; margin-top: -18px;}
  17. .Home-header-box .header-right a{display: inline-block; width: 100%; height: 100%;}
  18. .Home-header-box .header-right.header_menu a#menu{background:none; width: 100%; height: 100%;position: relative;top:auto;left: auto}
  19. .Home-header-box .header-right a img{display: block; width:21px; height: 21px; margin: 0 auto;position: relative; top: 8px;}
  20. .Home-header-box .header-center{ width: 70%; margin: 0 auto; padding-top: 9px;}
  21. .Home-header-box .header-center a{ display: block; width: auto; height: 30px; text-align: center;}
  22. .Home-header-box .header-center a img{width: auto;height: 100%;}
  23. .Home-header-box .header-center a span{display: inline-block; margin-left: 3px;}
  24. .bot {position:absolute;height:20px;bottom:-8px;background:#fff;border-radius:10px;width:100%;}
  25. .Home-header-box.is-hidden {
  26. -webkit-transform: translateY(-100%);
  27. -ms-transform: translateY(-100%);
  28. transform: translateY(-100%);
  29. }
  30. .Home-header-nav{
  31. width:100%;
  32. /*box-shadow:0px 5px 8px 0px rgba(177,177,177,0.16); */
  33. z-index: 10;
  34. position: relative;
  35. background: #fff;
  36. height: 0px;
  37. overflow: hidden;
  38. line-height: 30px;
  39. -webkit-transform: translateZ(0);
  40. transform: translateZ(0);
  41. will-change: transform;
  42. -webkit-transition: -webkit-transform .5s;
  43. transition: -webkit-transform .5s;
  44. transition: transform .5s;
  45. transition: transform .5s, -webkit-transform .5s;}
  46. .header-nav-list{position:absolute;}
  47. .header-nav-list ul li{float: left;}
  48. .header-nav-list ul li a{ display: block; font-size: 0.937rem; color: #333; margin: 0 23px;}
  49. .header-nav-list ul li a span{display: block;}
  50. .header-nav-list ul li a i{display: block; height: 3px; width:100%; background: #fff; border-radius: 10px;}
  51. .header-nav-list ul li.cur a{color: #4976F1;}
  52. .header-nav-list ul li.cur a i{background-color: #4976F1;}
  53. .Home-header-nav.fixed {
  54. position: fixed;
  55. top: 50px;
  56. height: 50px;
  57. /*padding:7px 0 8px; */
  58. }
  59. .Home-header-nav.slide-up {
  60. -webkit-transform: translateY(-50px);
  61. -ms-transform: translateY(-50px);
  62. transform: translateY(-50px);
  63. }
  64. .w_b {position:fixed;top:13px;left:15px;}
  65. .w_b a {display:inline-block;padding-right:10px;z-index:10}
  66. .w_b a img {display:inline-block;width:9px;height:15px;}
  67. /*轮播*/
  68. .m_swiper_box{padding:0 15px;margin-top:5px;}
  69. .m_lunbo_box{width:100%;height:202px;overflow:hidden;border-radius:5px;overflow:hidden;position:relative;}
  70. .m_lunbo_box ul{width:100%;height:100%;}
  71. .m_lunbo_box ul li{width:100%;height:100%; border-radius: 5px;overflow: hidden;}
  72. .m_lunbo_box ul li img{width:100%;height:100%;}
  73. .m_lunbo_box .swiper-pagination{color: #FFF; z-index: 1;font-size:0.875rem;right:15px;bottom:15px;left:auto;width:auto;background:rgba(0, 0, 0, 0.5);padding:4px 8px;border-radius:3px;}
  74. .m_swiper_bj{display: block;width:94%;margin: auto; position: relative; top: -3px;}
  75. .y_lphometext{ position: relative;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0 15px;margin-top:25px;}
  76. .y_lptitle{}
  77. .y_lptitle p.y_lpname span{display: inline-block; font-size:1.3125rem;color: #333; font-weight: 600;max-width:80%;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  78. .y_lptitle p.y_lpname em{position: relative; top:2px; display: inline-block; font-size:0.6875rem;color:#D61F2B; background:#FFE6EC; border-radius:2px; padding:2px 4px;margin-left:8px;}
  79. .y_lptitle p.y_guanzhu{ border: 1px solid #FC6023; border-radius: 30px; background: #fff; padding: 3px 10px;}
  80. .y_lptitle p.y_guanzhu i{ width: 17px; height: auto; position: relative; top: -2px;}
  81. .y_lptitle p.y_guanzhu i img{ width: 17px; height: auto;}
  82. .y_lptitle p.y_guanzhu span{display: inline-block; font-size: 0.9rem; color: #fc6023;}
  83. .y_lphomejg{ margin-top:10px;}
  84. .y_lphomejg p.w-label i {border-radius: 2px; display:inline-block;font-size:0.6875rem;padding:3px 7px;background:#EFF2F4;color:#475C89;}
  85. .y_lphomejg p.w-label i + i {margin-left:5px;}
  86. .y_lphomejg p.y_jiage{margin-top:15px;}
  87. .y_lphomejg p.y_jiage span{display: inline-block; font-size:1rem; color:#D50000;}
  88. .y_lphomejg p.y_jiage span em{display: inline-block; font-size:1.75rem; color:#D50000; margin-right: 2px; font-weight:600;}
  89. .y_lphomejg p.y_jiage span .unit{font-weight:600;}
  90. .y_lphomejg p.y_jiage a{ display: inline-block; width: 22px; height: auto; margin-left: 10px;}
  91. .y_lphomejg p.y_jiage a img{ width: 100%; height: auto; }
  92. .w-commonality{font-size:0.875rem;color:#999;margin-top:15px;}
  93. .w-commonality span{color:#333;margin-left:10px;}
  94. .y_lphomejg .y_yxq{ font-size: 0.9rem; margin-top:15px;}
  95. .y_lphomejg .y_yxq i {color:#999;margin-right:8px;float:left;}
  96. .m_pm_box{color: #333;float:left;display:block;overflow:hidden;width:87%;}
  97. .m_pm{width:auto !important;}
  98. .m_pm .tempWrap{width:auto !important;}
  99. .m_pm ul li{font-size:0.875rem;color:#333;display:block;white-space:nowrap;margin-right:20px;display:block;float:left;}
  100. .y_demo_bm{margin-top:25px;border-top:1px solid #F8F8F8;height:58px;}
  101. .y_demo_bm a{display: inline-block;border-radius: 5px;width:49%;height:58px;position:relative;
  102. display:flex;align-items:center;justify-content:center;float:left;font-size:1rem;color:#333;font-weight:600;
  103. }
  104. .y_demo_bm a:nth-child(1):before {content:"";width:1px;height:16px;background:#eee;position:absolute;top:20px;right:0;}
  105. .y_demo_bm a i{width:30px;height:30px;border-radius:100px;display:block;margin-right:10px;}
  106. .y_demo_bm a i img{ width: 100%; height: 100%;}
  107. /*热线*/
  108. .y_modtel_box{padding:0 15px; margin-top:15px; }
  109. .y_modtel{position: relative;background:url(../image/v2/m_lpindex2.png) no-repeat 0 0/ 100% 100%;;height:71px;}
  110. .y_modtel .y_modtel_text p.y_text{ font-size:0.6875rem; color: #FECCB9; padding: 12px 0; position:absolute;top:30px;left:18px;}
  111. .y_modtel .y_modtel_text p.y_call{ font-size:0.875rem; color:#FFF;position:absolute;top:12px;left:20px;}
  112. .y_modtel .y_modtel_text p.y_call i {
  113. display: inline-block;
  114. margin-right: 8px;
  115. vertical-align: top;
  116. position: relative;
  117. top: 4px;
  118. font-weight:600;
  119. }
  120. .y_modtel .y_modtel_text p.y_call span{font-size:1.25rem;color:#FFF;font-weight:600;}
  121. .y_modtel .y_telimg{ position: absolute; right:0; bottom: 0; width: 71px; height:71px;}
  122. .y_modtel .y_telimg img{ width: 100%; height: 100%;}
  123. /*.户型*/
  124. .y_lphomehx{ background: #fff; padding: 0 15px;margin-top:30px;}
  125. /*.y_lphomehx_main{ margin: 0 10px;}*/
  126. .y_lphomehx_cent{ margin-top: 15px;}
  127. #y_lphomehx_cent li{padding:15px 0;border-bottom:1px solid #eee;}
  128. #y_lphomehx_cent li:last-child{border-bottom:0;}
  129. #y_lphomehx_cent li .y_tu{ width:33%;height:104px; border:1px solid #eee; border-radius: 5px; overflow: hidden; position: relative;display:inline-block;vertical-align:top;float:left;}
  130. #y_lphomehx_cent li .y_tu .y_tuimg{ width:100%; height: 100%;}
  131. #y_lphomehx_cent li .y_tu .y_tuimg img{ width:100%; height: 100%;}
  132. #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.6rem; color: #fff;}
  133. #y_lphomehx_cent li .y_text{width:59%;margin-left:15px;float:left;}
  134. #y_lphomehx_cent li .y_text .y_textjs{ font-size:1.0625rem; color: #333;font-weight:600;margin-top:8px;}
  135. #y_lphomehx_cent li .y_text .y_textjm{ font-size:0.875rem; color: #666; margin-top:15px;}
  136. #y_lphomehx_cent li .y_text .txt-hu { font-size:0.875rem; color: #666; margin-top:15px;}
  137. /*基本信息*/
  138. .y_lpjbxx{ background: #fff;margin-top:25px;}
  139. .y_lpjbxx_main{ margin: 0 15px;}
  140. .y_lpjbxx_cent{ margin-top:25px;}
  141. .y_lpjbxx_cent ul li{ font-size:0.875rem; color: #555; padding:8px 0; position: relative;}
  142. .y_lpjbxx_cent ul li span{display: inline-block; float: left;color:#666;margin-right:15px;}
  143. .y_lpjbxx_cent ul li em{display: inline-block; float: left; width: 75%;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  144. .y_lpjbxx_cent ul li em.lord{display: inline-block; float: left; width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  145. .y_lpjbxx_cent ul li a{z-index:5;position:absolute;right:10px;top:1px;font-size:0.75rem;color:#D50000;display: block;padding:4px 12px; border-radius:20px;border:1px solid #D50000;}
  146. .y_lpjbxx_cent ul li a i{display: inline-block; width: 20px; height: auto;}
  147. .y_lpjbxx_cent ul li a i img{width: 100%; height: auto; position: relative; top: -1px; padding-right: 3px;}
  148. .y_lpjbxx_cent ul li em.y_ckysz{font-size: 0.9rem; color: #fb6537;}
  149. /*2018-12-5 项目介绍 */
  150. .w-into {margin:25px 10px 0 10px;}
  151. .w-into .w-font { margin: 20px 0 0;padding-bottom:25px;}
  152. .w-into .w-font em{display:block;position:relative;font-size:0.875rem;color:#333;font-weight:600;}
  153. .w-into .w-font em:before {content:"";display:block;float:left;width:6px;height:4px;background:#D50000;border-radius:0 10px 10px 0;margin-top: 7px;margin-right:6px;}
  154. .w-into .w-font span{font-size:0.875rem;color:#666;display:block;margin-top:13px;line-height:25px;}
  155. .w-into .w-font p{line-height: 25px;font-size:0.875rem;color:#666;margin-top:10px;}
  156. /*2018-12-5 楼盘相册*/
  157. .w-photo {margin-top:30px;padding:0 15px;}
  158. .w-photo .m_ophoto {margin-top:25px;}
  159. .w-photo .m_ophoto_li{width:48%;border:1px solid #EEE;height:59px;border-radius:5px;overflow:hidden;float:left;margin-right:4%;margin-bottom: 4%;position:relative;}
  160. .w-photo .m_ophoto_li:nth-child(2n){margin-right:0;}
  161. .w-photo .m_ophoto_li a{display: block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}
  162. .w-photo .m_ophoto_li p {float:left;}
  163. .w-photo .m_ophoto_li p em{font-size:0.875rem;color:#333;font-weight:600;margin-top:8px;display: block;margin-left: 12px;}
  164. .w-photo .m_ophoto_li p span{font-size:0.6875rem;color:#999;display: block;margin-top:8px;margin-left: 12px;}
  165. .w-photo .m_ophoto_li .sw-img {display:block;width:50%;height:57px;float:right;}
  166. .w-photo .m_ophoto_li .sw-img img {width:100%;height:100%;border-radius:5px;}
  167. /*报名切换*/
  168. #wcon {width:100%;margin-top:30px;}
  169. #wcon .swiper-slide {width:88%;margin-left:15px;}
  170. #wcon .swiper-slide:last-child{margin-right:15px;}
  171. #wcon .swiper-slide a img {display:block;width:100%;}
  172. /*.楼盘动态*/
  173. .y_lphomenew{margin-top:25px;padding:0 15px;}
  174. .y_lphomenew_cent{margin-top:13px;}
  175. .y_lphomenew_cent ul li {padding:17px 0;}
  176. .y_lphomenew_cent ul li + li {border-top:1px solid #f8f8f8;}
  177. .y_lphomenew_cent ul li .w_img {border-radius: 3px; overflow: hidden; display:inline-block;vertical-align: top;width:29%;height:75px;margin-left:10px;float:right;}
  178. .y_lphomenew_cent ul li .w_img img {display:block;width:100%;height:100%;}
  179. .y_lphomenew_cent ul li .w_font {display:inline-block;vertical-align:top;width:66%;position:relative;height:75px;}
  180. .y_lphomenew_cent ul li .w_font p {font-size:0.9375rem;line-height:25px;color:#333;font-weight:600;}
  181. .y_lphomenew_cent ul li .w_font .ti {position:absolute;bottom:-5px;width:100%; line-height: 22px;}
  182. .y_lphomenew_cent ul li .w_font .ti i{font-size:0.75rem;color:#666;background:#F8F8F8;padding:3px 7px;}
  183. .y_lphomenew_cent ul li .w_font .ti span{font-size:0.75rem;color:#666;float:right;}
  184. /*/周边配套*/
  185. .y_lpzbpt{ background: #fff;margin-top:25px;}
  186. /*.y_lpzbpt_main{}*/
  187. .y_lpzbpt_cent{margin-top:12px;}
  188. .y_lpdt{ width: 100%; height: 160px;}
  189. .y_lpdt_list{ margin-top: 25px;padding:0 15px;}
  190. .y_lpdt_list ul li{text-align: center; float: left;margin-right:9%;}
  191. .y_lpdt_list ul li:last-child{margin-right:0;}
  192. .y_lpdt_list ul li .y_tu{ width:20px; height: auto; margin: 0 auto;}
  193. .y_lpdt_list ul li .y_tu img{ width: 100%; height: auto;}
  194. .y_lpdt_list ul li .y_text{ font-size:1rem; color:#999;position:relative;}
  195. .y_lpdt_list ul li .y_text:before{content:"";display:block;width:14px;height:2px;border-radius:10px;position:absolute;bottom:-6px;left:50%;margin-left:-7px;background:#FFF;}
  196. .y_lpdt_list ul li a.on .y_text:before{background:#D50000;}
  197. .y_lpdt_list ul li a.on .y_text{color:#D50000;}
  198. .y_maplpdizhi{ padding:15px 15px;}
  199. .y_maplpdizhi img{width:10px;display: inline-block;float: left;position:relative;top:3px;}
  200. .y_maplpdizhi span{font-size: 0.9rem; color: #333;display: inline-block;float: left; width:93%;margin-left:5px;line-height:20px;}
  201. /*房贷参考*/
  202. .loans {margin-top:25px;padding:0 15px;}
  203. .loans canvas{float:left;margin-right:0.5rem;margin-top:1px;}
  204. .loans p{margin:0;padding:0;}
  205. .loans .w-drawing {margin:20px 0;}
  206. .loans .info{position:relative;display:inline-block;margin-left:10px;width:50%;}
  207. .loans .info .info_xl_box{border: 1px solid #EEE;width: 100%;margin-bottom:5px;position:relative; background: #fff;}
  208. .loans .info .info_xl{height:35px;line-height: 35px;font-size:0.875rem;color:#666; padding-left: 10px;}
  209. .loans .info .info_xl span{margin-left: 10px;}
  210. .loans .info .info_xl img{float: right; position: relative;top: 15px;right: 10px;width: 5%;}
  211. .loans .info .info_xl_box .info_xllist{display:none;width:100%;padding: 5px 0;border-radius:5px;position:absolute;top:35px;background:#FFF;z-index:10;box-shadow: 0px 0px 20px 0px #dfdfdf;}
  212. .loans .info .info_xl_box .info_xllist li{font-size:0.7rem;font-size:#666;height:35px;line-height:35px;text-indent: 1em;}
  213. .loans .info p{padding:0.3rem 0.6rem 0.3rem 0.1rem;}
  214. .loans .info p:nth-child(2){font-size:0.9375rem;color:#666;}
  215. .loans .info p:nth-child(3):before,.loans .info p:nth-child(4):before,.loans .info p:nth-child(5):before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#007AF5;margin-right:5px;position:relative;top:-1px;}
  216. .loans .info p:nth-child(4):before {background:#FFA245;}
  217. .loans .info p:nth-child(5):before {background:#62BE4B;}
  218. .loans .info p:nth-child(3){font-size:0.875rem;color:#333;}
  219. .loans .info p:nth-child(4){font-size:0.875rem;color:#333;}
  220. .loans .info p:nth-child(5){font-size:0.875rem;color:#333;}
  221. .loans .info p:nth-child(6){font-size:1rem;color:#333;margin-top:20px;text-align:right;font-weight:600;}
  222. .loans .info p:nth-child(6) span{color:#D50000;font-weight:600;}
  223. .loans .calcBtn {background:#EDF3FF;height:40px;line-height:40px;border-radius:25px;}
  224. .loans .calcBtn a{display:block;height:40px;line-height:40px;text-align:center;border-radius:5px;
  225. background:#F9F9F9;color:#395281;font-size:1rem;
  226. }
  227. /*用户点评*/
  228. .h-remark {margin:0 10px;padding:20px 0;}
  229. .remark-txt {}
  230. .remark-txt p {font-size:0.9375rem;color:#333;margin:25px 0 15px 0;}
  231. .remark-txt p span{color:#EF0000;}
  232. .remark-txt textarea {display: block;width:100%;resize:none;border:0;color:#333;padding:15px 10px;font-size:0.875rem;background:#FAFAFA;height:115px;}
  233. .remark-txt textarea::-webkit-input-placeholder {color:#666;} /* WebKit, Blink, Edge */
  234. .remark-txt textarea:-moz-placeholder {color:#666;} /* Mozilla Firefox 4 to 18 */
  235. .remark-txt textarea::-moz-placeholder {color:#666;} /* Mozilla Firefox 19+ */
  236. .remark-txt textarea:-ms-input-placeholder { color:#666;}/* Internet Explorer 10-11 */
  237. .remark-txt .remark-btn {display:block;height:40px;line-height:40px;text-align:center;font-size:1rem;color:#fff;border-radius:50px;margin-top:20px;
  238. background: -webkit-linear-gradient(right, #EA3C3E , #F85047); /* Safari 5.1 - 6.0 */
  239. background: -o-linear-gradient(right, #EA3C3E , #F85047); /* Opera 11.1 - 12.0 */
  240. background: -moz-linear-gradient(right, #EA3C3E , #F85047); /* Firefox 3.6 - 15 */
  241. background: linear-gradient(to right, #EA3C3E , #F85047); /* 标准的语法 */
  242. box-shadow:0px 0px 12px 0px rgba(234,44,45,0.56);
  243. }
  244. .remark-list {margin-top:5px;margin-left:10px;}
  245. .remark-list ul li {border-bottom:1px solid #f8f8f8;padding:20px 0;}
  246. .remark-list ul li:last-child{border-bottom:0;}
  247. .remark-list-photo {display:flex;align-items:center; }
  248. .remark-list-photo img {display: block;width:41px;height:41px;float:left;}
  249. .remark-list-photo p{float:left;margin-left:15px;}
  250. .remark-list-photo p em{font-size:0.9375rem;color:#333;font-weight:600;}
  251. .remark-list-photo p span{ font-weight: 600;}
  252. .remark-list-cont{margin-top:17px;font-size:0.9375rem;color:#333;line-height:25px;}
  253. .Comment_time{margin-top:16px;}
  254. .Comment_time span{font-size:0.8125rem;color:#999;}
  255. .remark-reply {background:#F8F8F8;padding:10px;margin-top:10px;border-radius:5px;}
  256. .remark-reply p {font-size:0.8125rem;color:#BA7735;line-height:25px;}
  257. .remark-reply p.time {font-size:0.625rem;color:#999;margin-top:15px;}
  258. /*点评报名弹窗*/
  259. .w_up_ap {display:none;position:fixed;top:-100%;margin-top:-200px;left:50%;margin-left:-157px;z-index:111;}
  260. .w_up_ap .w_up_info {display:inline-block;width:315px;height:215px;background:#fff;border-radius:10px;text-align:center;}
  261. .w_up_ap .w_up_info p:first-child {font-size:1.25rem;text-align:center;margin-top:20px;}
  262. .w_up_ap .w_up_info p:nth-child(2) {font-size:0.75rem;color:#424E5F;margin-top:10px;text-align: center;}
  263. .w_up_ap .w_up_info input[name="mobile"] {background:#F8F8F8;display:inline-block;width:260px;height:40px;line-height:40px;text-align:center;color:#424E5F;border:none;margin-top:20px;border-radius:25px;font-size:0.875rem;}
  264. .w_up_ap .w_up_info .w_sbtn {display:block;font-size:1.125rem;padding:12px 0;border-radius:30px;text-align:center;color:#fff;width:260px;margin:20px auto 0;
  265. background:#FE5904;
  266. background: -webkit-linear-gradient(right, #FF8D22 , #FE5603); /* Safari 5.1 - 6.0 */
  267. background: -o-linear-gradient(right, #FF8D22, #FE5603); /* Opera 11.1 - 12.0 */
  268. background: -moz-linear-gradient(right, #FF8D22 , #FE5603); /* Firefox 3.6 - 15 */
  269. background: linear-gradient(to right, #FF8D22 ,#FE5603); /* 标准的语法 */
  270. }
  271. .w_up_ap .ws_up_cls {display:inline-block;width:17px;height:17px;position:absolute;bottom:-50px;left:50%;margin-left:-9px;}
  272. .w_up_ap .ws_up_cls img {display:inline-block;width:100%;height:100%;}
  273. .cover {display:block;width:100%;position:fixed;top:0;bottom:0;z-index:99;background:rgba(0,0,0,0.5);display:none;}
  274. /*楼盘推荐*/
  275. .y_lphome_h{height:23px;position:relative;border:none;}
  276. /*.y_lphome_h:after {content:"";display:inline-block;width:78%;height:1px;background:#E6E6E6;position:absolute;right:0;bottom:0;}*/
  277. .y_lphome_h span{font-size: 1.25rem; color:#333;display: block; float: left;font-weight:600;padding-left:0;border:none;}
  278. .y_lphome_h span b{color:#333;}
  279. .y_lphome_h a{display: block; font-weight: bold; float: right;position:relative; top: 4px;color:#D50000;font-size:0.8125rem;}
  280. .y_lphome_h a img{width:9px;}
  281. .y_lphometj{ background: #fff; padding: 10px 0; margin-top: 10px;}
  282. .y_lphometj_main{ margin: 0 10px;}
  283. .y_lphometj_main .y_lphome_h {height:31px;}
  284. .m_zaigai_title{position:relative;}
  285. .m_zaigai_title a{position: absolute;right:0px;padding:0 10px;}
  286. .m_zaigai_title span{font-size:1.1875rem;color:#333;font-weight:600;}
  287. .sell_box {background:#fff;padding:0px 10px 0 10px;margin-top:30px;}
  288. .sell_conter{margin-top:10px;}
  289. .sell_box .sell_conter ul li {border-bottom:1px solid #F5F5F5; position: relative;padding:15px 0;}
  290. .sell_box .sell_conter ul li:last-child{border-bottom:0;padding-bottom:0;}
  291. .sell_box .sell_conter ul li .cal_price{ z-index: 8; position: absolute; right: 0; top:21px; height: 35px; width: 35px;}
  292. .sell_box .sell_conter ul li .cal_price img{ width: 100%; height: 100%;}
  293. .sell_box .sell_conter ul li a {display:block;}
  294. .sell_box .sell_conter ul li .sell_img{width:33%;height:92px;position:relative;border-radius:3px;overflow:hidden;float:left;}
  295. .sell_box .sell_conter ul li .sell_img i{
  296. position:absolute;
  297. bottom:4px;
  298. left:4px;
  299. font-size:0.75rem;
  300. color:#fff;
  301. text-overflow:ellipsis;
  302. white-space:nowrap;
  303. overflow:hidden;
  304. background: rgba(0,0,0,0.6);
  305. padding: 3px 8px;
  306. display: inline-block;
  307. border-radius: 17px;
  308. }
  309. .sell_box .sell_conter ul li .sell_img img {display:block;width:100%;height:100%;}
  310. .sell_box .sell_conter ul li .sell_conter_right {float:left;width:62%;margin-left:15px;}
  311. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing{margin-top:5px;}
  312. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span{ color:#D50000; font-size:0.75rem; font-weight: bold;}
  313. .sell_box .sell_conter ul li .sell_conter_right p.jg_ing span em{color:#D50000;font-size:1.05rem;font-weight:600;display:inline-block;position:relative;top:1px;margin-right:2px;}
  314. .sell_conter_right .date{font-size:0.6875rem;color:#999;margin-top:5px;}
  315. .sell_conter_right .style{font-size:0.6875rem;color:#999; position: relative; top: 3px;}
  316. .sell_conter_right .style{}
  317. .sell_conter_right .style i{max-width: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block; padding:3px 8px;background:#EFF2F4;border-radius:3px;}
  318. .sell_conter_right .style i:nth-child(1){background:#FFE6EC;color:#D61F2B;}
  319. .sell_box .sell_conter ul li .sell_conter_right .title {font-size:1.0625rem;color:#333;width:77%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}
  320. .m_gzlx{font-size:0.6875rem;color:#333;margin-top:10px;background:#F8F8F8;padding:4px 10px 4px 5px;border-radius:50px;float:left;}
  321. .m_gzlx_l{float:left; font-weight: bold; color: #333;}
  322. .m_gzlx_l img{width:14px;height:14px;position:relative;top:-1px;margin-right:5px;}
  323. .m_gzlx_r{float:left;margin-left:5px;padding-left:5px;position:relative; top: 1px;}
  324. .m_gzlx_r:before {content:"";position:absolute;top:0px;left:0;width:1px;height:12px;background:#999;display: block;}
  325. .m_gzlx_r span{color:#FF273B;}
  326. /*更多*/
  327. .m_lj_ckgd{display: block;text-align: center;background:#F8F8F8;padding:15px 0;font-size:1rem;color:#395281;margin-top:30px;border-radius:5px;}
  328. /*户型更多*/
  329. a.w-more {display:block;background:#F9F9F9;color:#395281;font-size:1rem;text-align:center;padding:14px 0;border-radius:5px;}
  330. a.w-more img {display:inline-block;width:17px;height:17px;display:none;}
  331. /*2018-10-13 报名看房 */
  332. .w_sign {display:inline-block;position:relative;width:100%;height:55px;}
  333. .w_sign .f1 {font-size:1.125rem;color:#fff;position:absolute;top:6px;left:80px;}
  334. .w_sign .f2 {font-size:0.75rem;color:#fff;position: absolute;left:80px;bottom:7px;}
  335. .w_sign > img {display:block;width:100%;height:100%;}
  336. .w_sign a.popup {text-align: center;font-size:0.625rem;height:20px;line-height:20px;width:88px;border-radius:10px;position:absolute;top:20px;right:25px;color:#50B0FC;background:#fff;box-shadow:1px 1px 1px 1px #50B0FC;}
  337. /*帮找户型*/
  338. .wna {display:block;position:relative;margin:22px 15px;}
  339. .wna .wna_img{width:46px;height:46px;float:left;}
  340. .wna .wna_img img{width:100%;height:100%;}
  341. .wna .wna_text{float:left;margin-left:12px;}
  342. .wna .f1 {color:#343434;font-size:1rem;font-weight:600;}
  343. .wna .f2 {font-size:0.875rem;color:#666;margin-top:9px;}
  344. .wna a.wx {width:86px;height:35px;line-height:35px;text-align:center;color:#fff;border-radius:30px;position:absolute;right:0;bottom:5px;font-size:0.875rem;
  345. background: linear-gradient(left, #FF3535, #FE6262);
  346. background: -webkit-linear-gradient(left, #FF3535, #FE6262);
  347. background: -o-linear-gradient(left, #FF3535, #FE6262);
  348. background: -moz-linear-gradient(left, #FF3535, #FE6262);
  349. }
  350. .y_lpkpsj{margin-top: 8px;}
  351. .y_lpkpsj i{ width: 18px; height: 18px; display: inline-block; margin-right: 5px; position: relative; top: -1px;}
  352. .y_lpkpsj i img{ width: 100%;height: 100%;}
  353. .y_lpkpsj span{ font-size: 0.95rem; color: #555555;}
  354. .y_lpdizhi{ margin-top: 8px;}
  355. .y_lpdizhi a{display: block;}
  356. .y_lpdizhi a span{font-size: 0.95rem; color: #555; display: block; float: left;}
  357. .y_lpdizhi a span i{display: inline-block; width: 17px; height: auto;margin-right: 5px; position: relative; top: -1px;}
  358. .y_lpdizhi a span i img{width: 100%;height: auto;}
  359. .y_lpdizhi a em{width:10px; height: auto; display: block; float: right; position: relative; top: -3px;}
  360. .y_lpdizhi a em img{width:100%; height: auto;}
  361. .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%;}
  362. .y_lpwykhp a{ display: block; font-size: 1rem; color: #555;}
  363. .y_lpwykhp a i{display:inline-block; width:23px; height: auto; margin-left: 8px; position: relative; top: -1px;}
  364. .y_lpwykhp a i img{width: 100%; height: auto;}
  365. /*楼盘评测*/
  366. .y_lphome_h2{ border: none; padding-bottom: 0px;}
  367. .y_lphomepc{ background: #fff; padding: 10px 0; margin-top: 10px;}
  368. .y_lphomepc_main{margin: 0 10px;}
  369. .y_lphomepc_cent{ margin-top: 20px;}
  370. .y_lphomepc_swip{overflow: hidden; width: 100%; height: auto; position: relative;}
  371. .y_longhr{ width: 65%; margin: 15px auto; position: relative; height: 40px;}
  372. .y_lphomepc_swip .swiper-pagination{bottom: 24%;width: 50%; left: 50%; margin-left: -25%; z-index: 3;}
  373. .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 3px;}
  374. .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;}
  375. .y_lphomepc_swip .swiper-button-next{ background: url('../image/ico_you1.png') no-repeat center; background-size:40px; }
  376. .y_lphomepc_swip .swiper-button-prev{ background: url('../image/ico_zuo1.png') no-repeat center; background-size:40px;}
  377. .y_lphomepc_swip .swiper-button-next:hover{ background: url('../image/ico_you1_1.png') no-repeat center; background-size:40px; }
  378. .y_lphomepc_swip .swiper-button-prev:hover{ background: url('../image/ico_zuo1_1.png') no-repeat center; background-size:40px;}
  379. .m_Broadcast{border:1px solid;margin-top:20px;}
  380. .m_Broadcast ul{border:1px solid;}
  381. .m_Broadcast ul li{border:1px solid;}
  382. .y_lphomepc_cent_h{background: #FDF8F7; padding: 10px 0;font-size: 1rem; color: #333;height:40px;}
  383. .y_lphomepc_cent_h i{width: 16px; height: 16px; margin:0 8px; position: relative; top: -1px;float:left;}
  384. .y_centerpc{margin-top: 20px;padding:10px;max-height:480px;overflow:auto;}
  385. .y_lphomepc_cent_h .y_lphomepc_cent_h_span{display:block;}
  386. .y_lphomepc_cent_h p span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:90%;display: block;}
  387. /*.y_lpliji{ margin: 10px;}
  388. .y_lpliji_main{ position: relative;}
  389. .y_lpliji_main p.y_bg{ width: 100%; height: auto;max-height: 61px;}
  390. .y_lpliji_main p.y_bg img{ width: 100%; height: auto;}
  391. .y_lpliji_main a{border-radius: 30px; display: block; position: absolute; right:3%; top: 28%; font-size: 0.9rem; color: #fff; padding: 5px 10px;}
  392. .y_lpliji_main a{
  393. background: -webkit-gradient(linear, 100% 0, 0 0, from(#FF7E35), to(#FFB546));
  394. background: -webkit-linear-gradient(right, #FF7E35, #FFB546);
  395. background: -moz-linear-gradient(right, #FF7E35, #FFB546);
  396. background: -o-linear-gradient(right, #FF7E35, #FFB546);
  397. background: linear-gradient(right, #FF7E35, #FFB546);
  398. }
  399. */
  400. /*楼盘点评*/
  401. .y_lphomedp{ background: #fff; padding: 10px 0; margin-top: 10px;}
  402. .y_lphomedp_main{margin: 0 10px;}
  403. .y_lphomedp_cent{ margin-top: 20px;}
  404. .y_lphomedp_cent ul li+li{margin-top: 20px;}
  405. .y_lphomedp_cent ul li .y_lphomedp_top .y_left{width: 45px; height: 45px; background: #fff; border-radius: 100%; overflow: hidden;}
  406. .y_lphomedp_cent ul li .y_lphomedp_top .y_left img{ width: 100%; height: 100%;}
  407. .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;}
  408. .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);}
  409. .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;}
  410. .y_lphomedp_cent ul li .y_lphomedp_text .y_dpneirong{ font-size: 1rem; line-height: 25px; color: #333;}
  411. .y_lphomedp_cent ul li .y_bottom{ height: 25px; line-height: 25px;}
  412. .y_lphomedp_cent ul li .y_bottom em{font-size: 0.9rem; color: #999; display: inline-block; float: left;}
  413. .y_lphomedp_cent ul li .y_bottom span{font-size: 0.9rem; color: #999; display: inline-block; float: right;}
  414. .y_lphomedp_cent ul li .y_bottom span i{ display: inline-block; width: 15px; height: auto; position: relative; top: -4px; margin-right: 3px;}
  415. .y_lphomedp_cent ul li .y_bottom span i img{ width: 100%; height: auto;}
  416. .y_lpwydp{ background: #FFF1E3; padding: 10px; text-align: center; margin-top: 30px; border-radius: 3px;}
  417. .y_lpwydp a{display: block; font-size: 1.1rem; color: #FF9E2C;}
  418. .y_lpwydp a i{display: inline-block; width: 23px; height: 23px; margin-right: 5px; position: relative; top: -2px;}
  419. .y_lpwydp a i img{ width: 100%; height: 100%;}
  420. /*.看房定制*/
  421. .y_lpkfdz{ margin-top: 20px;}
  422. .y_lpkfdz_bg{width: 100%; height: 100%;}
  423. .y_lpkfdz_bg img{ width: 100%; height: auto;}
  424. .y_lpkfdz_main{ background: #fff;margin:0 10px;border:5px solid #C5A57E;border-radius:10px;}
  425. .y_lpkfdz_cent .y_lpkfdz_h{ font-size: 1.3rem; color:#B38854; text-align: center;font-weight: 600;margin-top:30px;}
  426. .y_lpkfdz_dzrs{ text-align: center; margin-top: 10px;}
  427. .y_lpkfdz_dzrs span{ font-size: 0.9rem; color:#313B48;display: inline-block; padding: 3px 10px; border-radius: 5px;}
  428. .y_lpkfdz_dzrs span em{ color:#FF3F3F;}
  429. .adorn {margin:15px 25px;text-align:center;position:relative;}
  430. .adorn:before {content:"";display:inline-block;width:46%;height:1px;background:#C5A57E;position:absolute;left:0;top:11px;}
  431. .adorn:after {content:"";display:inline-block;width:46%;height:1px;background:#C5A57E;position:absolute;right:0;top:11px;}
  432. .adorn img {display:inline-block;width:9px;height:9px;}
  433. .y_lpkfdz_nav{margin:0 25px;}
  434. .y_lpkfdz_nav ul li{ width: 48%;display:inline-block; }
  435. .y_lpkfdz_nav ul li:nth-child(2n) {float:right;}
  436. .y_lpkfdz_nav ul li:nth-child(3) {margin-top:10px;}
  437. .y_lpkfdz_nav ul li .y_tu{ width:35px; height:35;display:inline-block;vertical-align:middle;}
  438. .y_lpkfdz_nav ul li .y_tu img {display:inline-block;width:100%;height:100%;}
  439. .y_lpkfdz_nav ul li .y_text{ font-size: 0.875rem; color: #4B3F33; margin-left: 5px;display:inline-block;vertical-align:middle;}
  440. .y_lpkfdz_inplist{ margin: 20px 25px 0;}
  441. .y_lpkfdz_inplist .y_lpkfdzinpund{/*background: #F6F2EE; */padding: 5px 0; margin-bottom: 15px; border-radius:20px;overflow:hidden;}
  442. .y_lpkfdz_inplist .y_lpkfdzinpund i{display: inline-block; width: 22px; height: auto; margin:0 10px;}
  443. .y_lpkfdz_inplist .y_lpkfdzinpund i img{width: 100%; height: auto;}
  444. .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input{ width:100%; height: 40px;text-align:center;border:none;background:#F6F2EE; font-size: 1rem; color: #666;border-radius:20px;}
  445. .y_lpkfdz_inplist .y_lpkfdzsub{ margin-top: 20px;}
  446. .y_lpkfdz_inplist .y_lpkfdzsub a{display: block; font-size: 1.2rem; color: #F6DFC6; background:#4B3B30; padding: 8px 0; width:100%; text-align: center; border-radius:20px;}
  447. /*楼盘首页导航*/
  448. .xungua{ z-index: 10;}
  449. .y_lpindexnav{ background:#FFF; width: 100%;position: fixed;left: 0px; top: 55px;z-index:10;box-shadow :0px 1px 2px 0px #f2f2f2}
  450. .m1_albumtnav_box{background:#FFF;width: 100%;}
  451. .wrapper012_box{width:100%;}
  452. .wrapper012 {position:relative;height:50px;width:95%;overflow: hidden;margin:0 auto;}
  453. .wrapper012 .scroller {position:absolute;width:100%;}
  454. .wrapper012 .scroller ul{width:100%;}
  455. .wrapper012 .scroller ul li{width:65px; text-align: center; padding:8px 0;float: left;}
  456. .wrapper012 .scroller ul li a{ font-size: 0.875rem; color: #666; display: block;}
  457. .wrapper012 .scroller ul li a i{ display:block; height: 2px; border-radius: 10px; width:42%; margin: 0 auto; position: relative; top: 8px;}
  458. .wrapper012 .scroller ul li.on a i{ background-color:#D50000;}
  459. .wrapper012 .scroller ul li.on a{color:#D50000;}
  460. /*媒体查询*/
  461. @media (max-width: 320px){
  462. .y_lpliji_main a{ top: 25%; right: 2%;}
  463. .y_lphomenew_cent ul li .y_newtextmain .y_title span{ width: 91%;}
  464. .y_lpkfdz_inplist .y_lpkfdzinpund input.y_input{width: 80%}
  465. }
  466. /*楼盘描述弹窗*/
  467. .add{position:fixed;}
  468. .m_lpdescribe_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;}
  469. .m_lpdescribe_zhez{width:100%;height:100%;background:rgba(51, 51, 51, 0.4);}
  470. .m_lpdescribe{position:absolute;bottom:-80%;width:100%;height:65%;background:#FFF;border-radius:10px 10px 0 0;padding:30px 0 20px 0;}
  471. .m_lpdescribe_title{padding:0 20px;}
  472. .m_lpdescribe_title em{font-size:1.125rem;color:#333;font-weight:600;}
  473. .m_lpdescribe_gb{float:right;width:17px;position:relative;right:4px;}
  474. .m_lpdescribe_gb img{width:100%;}
  475. .m_lpdescribe_text{margin-top:10px;font-size:0.8125rem;color:#333;line-height:25px;height:88%;overflow:auto;padding:0 20px;
  476. -webkit-overflow-scrolling : touch;
  477. -moz-overflow-scrolling : touch;
  478. -o-overflow-scrolling : touch;
  479. }
  480. /*相册弹窗*/
  481. .none{display:none !important;}
  482. html, body {position: relative;height: 100%;}
  483. .m_swiper_xc{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#000;display:none;}
  484. .m_swiper_ajax{width:100%;height:100%;}
  485. .m_tcswiper_box{width:100%;height:100%;position:relative;
  486. display:flex;
  487. display:-webkit-flex;
  488. display:-moz-flex;
  489. display:-o-flex;
  490. align-items:center;
  491. }
  492. .m_swiper{width: 100%;height:80%;}
  493. .m_swiper_ul{width:100%;height:100%;}
  494. .m_swiper_li{overflow: hidden;height:100%;}
  495. .m_swiper_li img{width:100%;object-fit: fill;}
  496. .m_swiper_gb{position:absolute;top:20px;right:20px;z-index:10;width:17px;}
  497. .m_swiper_gb img{width:100%;display:block;}
  498. .m_tcswiper_box .swiper-button-prev{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex3.png) no-repeat 6px 17px/ 10px 16px;border-radius:0 3px 3px 0;left:0;}
  499. .m_tcswiper_box .swiper-button-next{width:26px;height:52px;background: rgba(0, 0, 0, 0.3) url(../image/lpindex4.png) no-repeat 10px 17px/ 10px 16px;border-radius:3px 0 0 3px;right:0;}
  500. .swiper_text{border:1px solid;position: absolute;bottom:17px;width: 100%;padding:0 16px;}
  501. .m_swiper_head{height:10%;position:absolute;top:0;width:100%;}
  502. .m_swiper_head .m_swiper_fh{float:left;height:100%;position:relative;z-index:10;}
  503. .m_swiper_head .m_swiper_fh img{width:12px;margin-top:20px;margin-left:20px;}
  504. .m_swiper_qb{float:right;margin-top:20px;margin-right:20px;position:relative;z-index:10;}
  505. .m_swiper_qb a{font-size:1.0625rem;color:#FFF;}
  506. .m_tcswiper_box .swiper-pagination{color: #FFF; z-index: 1;font-size:1rem;top:20px;}
  507. .footer_copy{ border:none;}