lp_index.css 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525
  1. /*.footer_copy{display:none;}*/
  2. .add{position:fixed;}
  3. .h10 {height:10px;background:#F4F4F4;}
  4. /*头部导航默认样式*/
  5. .news_nav{display:none;}
  6. /*.m_top{display:none;}*/
  7. .m_top {height:50px;width:100%;position:fixed;top:0;left:0;background:#fff;z-index:1000;}
  8. .m_top .m_title {height:30px;width: 60%; margin:0 auto; position: relative; top: 10px; text-align:center;font-size:1.0625rem;}
  9. .m_top .m_title img{width:auto;height: 100%; display:block;margin:auto;}
  10. .m_top a.m_be { text-align: center;display:inline-block;width:30px;height:30px; line-height: 28px;position:absolute;left:5px;top:50%;margin-top:-15px;z-index:5;}
  11. .m_top a.menu {display:inline-block;width:30px;height:30px;position:absolute;right:8px;top:50%;margin-top:-15px;z-index:5;}
  12. .m_top a.menu img {display:block;width:100%;height:100%;}
  13. .m_top a.m_be img{ width: 13px; height: 20px; display: inline-block;}
  14. #m_top{box-shadow:-1px -1px 28px 2px rgba(128,128,128,0.3);}
  15. /*头部导航*/
  16. .y_v3homeNav {display: none; border-bottom:1px solid #EEE;width: 100%; height:50px;background-color:#fff;overflow:hidden;position:fixed;top:50px;left:0;z-index:50;box-shadow:-1px -1px 28px 2px rgba(128,128,128,0.3);}
  17. .y_v3homeNavBox {height: 46px;position: relative;display: -moz-box;display: -webkit-box;display: box;}
  18. .y_v3homeNav_main {position: absolute;left: 0;top:10px;width:100%;-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;}
  19. .y_v3homeNav_main ul {padding-bottom: 10px; position: relative;white-space: nowrap;font-size: 0; overflow-x:auto;white-space: nowrap;overflow-y:hidden;display:flex;}
  20. .y_v3homeNav_main ul li {margin: 0 10px; display: inline-block;position:relative;width:20%;}
  21. .y_v3homeNav_main ul li a { display: block;width:100%;height:100%;line-height:25px;font-size:0.9375rem;text-align:center;color:#5E6370;padding-bottom:12px;}
  22. .y_v3homeNav_main ul li.active a {color:#A26F29; font-weight: bold;}
  23. .y_v3homeNav_main ul li.active a:before {content:'';display:block;width:8px;height:2px;background:#A26F29;margin:0 auto;position:absolute;bottom:5px;left:50%;margin-left:-4px;border-radius:1px;}
  24. .lg-backdrop {z-index: 10400}
  25. .lg-outer {z-index: 10400}
  26. .lg-toolbar .lg-icon {background:url("/image/m_bm4_1.png") no-repeat center/25px 25px;}
  27. /*顶部图*/
  28. .bor_box {position:relative;height:200px;padding:0 12px;margin-top:10px;}
  29. .bor_box .swiper-pagination {bottom:22px!important;color:#fff;left:20px;width:auto;font-size:0.8125rem;}
  30. .bor_box .swiper-pagination .swiper-pagination-bullet {background:#fff;opacity:1;}
  31. .bor_box .swiper-pagination .swiper-pagination-bullet-active {background:#FEC90A;opacity:1;}
  32. /*相册*/
  33. .m_swiperv2_box{width: 100%;height:200px;position: relative;}
  34. .m_swiperv2_box ul li{width:100%;height:100%;border-radius:5px;overflow:hidden;}
  35. .m_swiperv2_box ul li img{width:100%;height:100%;}
  36. /*切换 */
  37. .m_switch_box{width:42px;position:absolute;top:50%;margin-top:-47px;right:23px;z-index:10;}
  38. .m_switch{width:42px; margin-top: 5px;}
  39. .m_switch img{width:100%;display:block;}
  40. .m_head_video{width:100%;height:200px;position:relative;border-radius:5px;overflow:hidden;}
  41. .m_lpvideo_img{width:62px;position: absolute;top: 50%;left: 50%;margin-top: -31px;margin-left: -31px;}
  42. .m_lpvideo_img img{width:100%;display:block;}
  43. .m_head_video a{display:block;height:100%;}
  44. .m_head_video a img{width:100%;height:100%;}
  45. /*楼盘信息*/
  46. .basic_box{position:relative;border-radius: 3px;width:93%;margin:auto;background: #FFF;z-index:20;margin-top:16.5px;}
  47. .basic h1 {font-size:1.25rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;}
  48. .basic_style{margin-top:13px;}
  49. .basic_style i{font-size:0.75rem;color:#9196A4;background:#F4F5FA;padding:2px 5px;margin-right:2px;border:1px solid #F4F5FA;border-radius:3px;}
  50. .basic_style i:nth-child(1){color:#A26F29;border:1px solid #A26F29;background:#FFF;}
  51. .basic .price {font-size:1.25rem;color:#D60B0B;margin-top:15px;}
  52. .basic .price span {font-size:0.75rem;color:#9196A4;}
  53. .basic .price img{width:14px;}
  54. .basic .price em {color:#999;font-size:0.95rem;}
  55. .basic .xm_tuijian{margin-top:10px;font-size:0.75rem;color:#9196A4;line-height:20px;}
  56. .basic .basic_btn {display:inline-block;position:absolute;top:18%;height: 28px; line-height: 28px; right:-5px;color:#fff;background:#ED8601;border-radius:20px 0px 0px 20px;font-size:0.937rem;}
  57. .basic_btn .basic_btn_l{width:12px;height:14px;margin-right:1px;position: relative; top: -2px;}
  58. .basic_btn .basic_btn_r{width:6px;height:10px;margin-left:3px;position: relative; top: -2px;}
  59. .basic .basic_btn span{
  60. display: inline-block;
  61. position: relative;
  62. width: 100%;
  63. height: 100%;
  64. padding:0px 7px;
  65. }
  66. .basic .basic_btn span:after{
  67. display: inline-block;
  68. content:'';
  69. width:0px;
  70. height:0px;
  71. border-top:5px solid rgba(0,0,0,0);
  72. border-right:6px solid rgba(0,0,0,0);
  73. border-bottom:6px solid #CE7809;
  74. border-left:0px solid rgba(0,0,0,0);
  75. position: absolute;
  76. right: 0px;
  77. top: -11px;
  78. }
  79. .basic .basic_btn span:before{
  80. display: inline-block;
  81. content:'';
  82. width:0px;
  83. height:0px;
  84. border-top:6px solid #CE7809;
  85. border-right:6px solid rgba(0,0,0,0);
  86. border-bottom:0px solid rgba(0,0,0,0);
  87. border-left:0px solid rgba(0,0,0,0);
  88. position: absolute;
  89. right: 0px;
  90. bottom: -6px;
  91. }
  92. .m_basic_bm{margin-top:25px;}
  93. .m_basic_bm a{float:left;width:47%;height:40px;text-align:center;line-height:40px;font-size:0.937rem;font-weight: bold; color:#A26F29;position:relative;background:rgba(162,111,41,0.1); border-radius: 5px;}
  94. .m_basic_bm a:last-child{float: right;}
  95. .m_basic_bm a img{width: 15px;margin-right:5px;position: relative;top: -1px;}
  96. .m_basic_bm a:nth-child(2):before {border-right:0;}
  97. /*楼盘分析*/
  98. /*2019-10-11*/
  99. .lpAnalyze{ background: #fff; padding: 20px 0;}
  100. .lpAnalyze_box{padding: 0 10px;}
  101. .lpAnalyze_main{ margin-top: 10px; position: relative; max-height:100px; }
  102. .lpAnalyze_main div.text{ line-height: 23px; font-size: 0.875rem; color: #666;overflow:hidden;
  103. text-overflow:ellipsis;
  104. display:-webkit-box;
  105. -webkit-box-orient:vertical;
  106. -webkit-line-clamp:4; }
  107. .lpAnalyze_main span.bg_hout{width: 100%; padding: 30px 0 10px;
  108. position: absolute; left: 0px;bottom: 0px;
  109. background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  110. -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)): ;
  111. -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)): ;
  112. }
  113. .lpAnalyze_gd{text-align: center; margin-top: 20px;}
  114. .lpAnalyze_gd a{
  115. padding: 0 20px;
  116. display: inline-block;
  117. height: 30px;
  118. line-height: 30px;
  119. margin: auto;
  120. text-align: center;
  121. border-radius: 50px;
  122. background: #F5F5FC;
  123. font-size: 0.75rem;
  124. color: #666;
  125. }
  126. /*价格 户型 面积*/
  127. .lp_m {margin-top:20px;}
  128. .lp_m ul{margin:0 2%;}
  129. .lp_m ul li {display:inline-block;width:32%;text-align:center;}
  130. .lp_m ul li p:nth-child(1) {font-size:1.2rem;color:#D60B0B;}
  131. .lp_m ul li p:nth-child(2) {font-size:0.875rem;color:#9196A4;}
  132. .lp_m ul li + li {border-left:1px solid #ebebeb;}
  133. /*标签*/
  134. .lp_label {margin:0 5%;padding:20px 0;}
  135. .lp_label span {display:inline-block;background:#F8F8F8;color:#333;font-size:0.9rem;padding:10px 11px;}
  136. .lp_label span + span {margin-left:3px;}
  137. /*楼盘信息及装修配套*/
  138. .m5 {margin:0 4%;}
  139. .lp_info {border-bottom:1px solid #EEE;}
  140. .lp_title{font-size:1.1rem;color:#333;font-weight:600;padding:15px;position:relative;}
  141. .lp_title:before {content: "";display: block;width: 2px;height: 30px;position: absolute;top: 11px;left: 0;background: #101D37;}
  142. .lp_title a{float:right;font-size:0.75rem;color:#B8BECC;position:relative;top:5px;}
  143. .lp_title a img{display: inline-block;width: 5px;margin-top: -2px;margin-left:3px;}
  144. .lp_ctn {font-size:0.9rem;color:#999;line-height:24px;height:87px;overflow:hidden;}
  145. .lp_unfold {font-size:0.9rem;color:#FB8A10;margin-top:15px;}
  146. /*配套*/
  147. .lp_mating {padding:10px 0;position:relative;}
  148. .lp_mating p{font-size:0.9rem;color:#101D37;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:15px;position:relative;left:-7px;}
  149. .lp_mating span {font-size:0.9rem;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-bottom:18px;}
  150. .lp_mating span:last-child{margin-bottom:0;}
  151. .lp_mating span i {display:inline-block;width:90px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align:middle;position:relative;top:-2px;}
  152. .lp_mating span em {display:inline-block;width:59px;color:#999;margin-right:10px;}
  153. .lp_mating_gd{background:#FCF9F5;height:35px;margin-top:10px;text-align:center;border-radius:5px;}
  154. .lp_mating_gd a{font-size:0.9rem;color:#A26F29;line-height:35px;font-weight:600;}
  155. .lp_mating:before {content:"";width: 100%;padding:80px 0 20px;position: absolute;left: 0px;bottom: 0px;
  156. background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  157. -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)): ;
  158. -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)): ;
  159. }
  160. /*装修配套*/
  161. .lp_fitment_li {}
  162. .lp_fitment_li a {display:inline-block;text-align: center;font-size:0.8rem;color:#333;width:18%;margin-left:2px;}
  163. .lp_fitment_li a img {display:inline-block;width:28px;height:28px;}
  164. .lp_fitment_li a p {margin-top:10px;}
  165. .lp_fitment {padding-bottom:20px;}
  166. /*户型鉴赏*/
  167. .lp_box {padding-bottom:20px;margin-top:20px;position:relative;}
  168. .lp_box ul li {width:48.1%;margin-right:3%;border:1px solid #DFE5F5;border-radius:5px;overflow:hidden;}
  169. .lp_box ul li:last-child{margin-right:0;}
  170. .lp_box ul li .lp_img{width:100%;height:125px;border-bottom:1px solid #DFE5F5;position:relative;}
  171. .lp_box ul li .lp_img img {display:block;width:100%;height:100%;}
  172. .lp_box ul li .lp_img p {width:100%;position:absolute;bottom:0;left:0;font-size:0.9rem;color:#101D37;background:rgba(255, 255, 255, 0.7);padding:5px 10px;}
  173. .lp_box ul li .lp_img p i{}
  174. .lp_box ul li .lp_font {position:relative;padding:10px 10px;}
  175. .lp_box ul li .lp_font p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  176. .lp_box ul li .lp_font .Price {font-size:1rem;color:#D60B0B;font-weight:600;}
  177. .lp_box ul li .lp_font .Price span {font-size:0.8125rem;}
  178. .lp_box ul li .lp_font .Price em {font-size:0.8125rem;}
  179. .lp_box ul li .lp_font .xm_jzmj{font-size:0.7rem;color:#9196A4;margin-top:8px;}
  180. .lp_box ul li .lp_font .xm_yxq{font-size:0.7rem;color:#9196A4;margin-top:8px;}
  181. .lp_more {text-align:center;color:#FFAF4D;margin-top:15px;}
  182. .lp_gd{width:100px;height:100px;position:absolute;top:0;right:-57px;}
  183. #lp_gd:before {content:"更多";width:100px;height:100px;background:#F8F9FB;display:block;border-radius:200px;position:absolute;top:15px;left:0;text-align: center;font-size:0.75rem;color:#999;letter-spacing:1px;
  184. writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
  185. writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
  186. line-height: 50px;
  187. }
  188. #lp_gd1:before {content:"释放更多";width:100px;height:100px;background:#F8F9FB;display:block;border-radius:200px;position:absolute;top:15px;left:0;text-align: center;font-size:0.75rem;color:#999;letter-spacing:1px;
  189. writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
  190. writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
  191. line-height: 50px;
  192. }
  193. /*项目概述*/
  194. .classify {background:#F8F9FB;padding:20px 5% 30px;}
  195. /*.classify ul {white-space:nowrap;}*/
  196. .classify ul li {display:inline-block;vertical-align:top;background:#fff;width:76%;margin-right:10px;}
  197. .classify ul li:last-child{margin-right:0;}
  198. .classify ul li p {font-size:1rem;padding:15px 15px;}
  199. .classify ul li:nth-child(1) p{background:#E7F8F0;}
  200. .classify ul li:nth-child(2) p{background:#E3F7F6;}
  201. .classify ul li:nth-child(3) p{background:#E4F9FF;}
  202. .classify ul li:nth-child(4) p{background:#ECF2FF;}
  203. .classify ul li p img{width:7px;float:right;margin:5px 5px 0 0px;}
  204. .classify ul li div.fy_img {min-height:110px;max-height:110px;font-size:0.98rem;margin:12px 0;line-height:25px;padding:0 12px;}
  205. .classify_gd{width:100px;height:100px;position:absolute;top:0;right:-57px;}
  206. #classify_gd:before {content:"更多";width:100px;height:100px;background:#fff;display:block;border-radius:200px;position:absolute;top:50%;left:0;text-align: center;font-size:0.75rem;color:#999;letter-spacing:1px;
  207. writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
  208. writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
  209. line-height: 50px;
  210. }
  211. #classify_gd:before {content:"释放更多";width:100px;height:100px;background:#fff;display:block;border-radius:200px;position:absolute;top:50%;left:0;text-align: center;font-size:0.75rem;color:#999;letter-spacing:1px;
  212. writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
  213. writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl;*/
  214. line-height: 50px;
  215. }
  216. /*推荐楼盘*/
  217. .lp_cen_box {height:245px;}
  218. .lp_cen_box ul li{width:70%;padding-top:20px;position:relative;top:20px;}
  219. .lp_r_img {width:100%;height:80px;position:relative;}
  220. .lp_r_img img {display:block;width:100%;height:100%;border-radius:5px 5px 0px 0px;}
  221. .lp_r_img .Price{position:absolute;top:-5px;left:-6px;border-radius:10px 0 10px 0;padding:3px 15px;text-align:center;z-index:10;
  222. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  223. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  224. -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  225. }
  226. .lp_r_img .Price span{font-size:0.75rem;color:#22212F;}
  227. .lp_r_img .Price span i{font-size:0.95rem;color:#22212F;font-weight:600;}
  228. .lp_r_img .Price:before {content:"";
  229. width: 0;
  230. height: 0;
  231. border-top: 7px solid #9E722D;
  232. border-left: 7px solid transparent;
  233. position:absolute;top:26px;left:0;
  234. }
  235. .lp_r_img .huilv{width:100%;position:absolute;bottom:0;left:0;padding:20px 0 5px;
  236. background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.28)));
  237. -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.28))): ;
  238. -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.28))): ;
  239. }
  240. .lp_r_img .huilv .li {display:inline-block;width:32%;text-align:center;}
  241. .lp_r_img .huilv .li p:nth-child(1) {font-size:0.9rem;color:#fff;}
  242. .lp_r_img .huilv .li p:nth-child(2) {font-size:0.6rem;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
  243. .lp_r_img .huilv .li + .li {border-left:1px solid #ebebeb;}
  244. .lp_r_font{border:1px solid #B8BECC;border-radius:0 0 5px 5px;border-top:0;padding:10px;}
  245. .lp_r_font .title{font-size:0.95rem;color:#333;width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}
  246. .lp_r_font .tuijian{font-size:0.7rem;color:#5E6370;margin-top:5px;line-height:19px;height:38px;overflow:hidden;}
  247. .lp_cen_box .swiper-slide-active{ /*选中的效果*/
  248. position:relative;top:0;
  249. transition: all .5s;
  250. -moz-transition: all .5s;
  251. -webkit-transition: all .5s;
  252. -o-transition: all .5s;
  253. }
  254. .lp_cen_box .swiper-slide-active .lp_r_img { /*选中的效果*/
  255. height:120px;
  256. transition: all .5s;
  257. -moz-transition: all .5s;
  258. -webkit-transition: all .5s;
  259. -o-transition: all .5s;
  260. }
  261. /*咨询窗口*/
  262. .lp_consult {margin-top:0px;position:relative;}
  263. .lp_consult a {display:inline-block;width:15%;height:81%;position:absolute;top:9px;right:3px;}
  264. .lp_consult img {display:block;width:100%;}
  265. .m_lpfx_xg{margin-top:35px;}
  266. #m_lpfx_xg{position:fixed;top:85px;width:100%;z-index: 20;background:#FFF;overflow:auto;}
  267. /*楼盘解说*/
  268. .y_v3Lpnarrate{margin-top: 25px;}
  269. .y_v3LpnarrateBox{padding: 0 10px 0px; position: relative; height: 260px;overflow: hidden;}
  270. .y_v3LpnarrateMain{ font-size: 0.875rem; color: #101D37; line-height: 25px;}
  271. .y_v3LpnarrateBut{margin: 15px 10px;}
  272. .y_v3LpnarrateBut a{display: inline-block; width: 100%; height: 35px; line-height: 35px; border-radius: 5px; background:#FCF9F5; color:#A26F29; font-weight: bold; font-size: 0.875rem; text-align: center;}
  273. .y_v3LpnarrateBox .bg_hout{width: 100%; padding: 30px 0 10px;
  274. position: absolute; left: 0px;bottom: 0px;
  275. background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  276. -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)): ;
  277. -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)): ;
  278. }
  279. /*报名考察团*/
  280. .inspect_box {position:relative;padding:0 12px;}
  281. .inspect_box >a{position:absolute;right:20px;top:0;width:30%;height:100%;}
  282. .inspect_box img {display:inline-block;width:100%;border-radius:5px;overflow:hidden;}
  283. /*购房流程*/
  284. .xm_gflc{margin-top:35px;}
  285. .xm_gflc ul{padding:0 12px;margin-top:5px;}
  286. .xm_gflc ul li{margin-bottom:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  287. .xm_gflc ul li:last-child{margin-bottom:0;}
  288. .xm_gflc ul li em{width:18px;height:18px;border-radius:50px;display:block;text-align:center;line-height:18px;font-size:0.7rem;color:#22212F;float: left;position:relative;top:1px;
  289. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  290. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  291. -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  292. }
  293. .xm_gflc ul li i{margin-left:10px;font-size:0.95rem;color:#101D37;font-weight:600;}
  294. .xm_gflc ul li span{margin-left:10px;font-size:0.95rem;color:#404A5F;}
  295. /*底部报名*/
  296. .m_rmlp{width:100%;margin-top:30px;}
  297. .m_rmlp img{width:100%;display:block;}
  298. /*媒体查询*/
  299. @media (max-width: 320px){
  300. .m_lpAnalysis_text_box{max-height: 290px;}
  301. .lp_fitment_li a {width:17.5%;}
  302. .lp_r_font p:nth-child(1) { width: 90%;
  303. overflow: hidden;
  304. text-overflow: ellipsis;
  305. white-space: nowrap;}
  306. .lp_box ul li .lp_img{height:95px;}
  307. }
  308. /*汇率*/
  309. .exchange_rate_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:10000;}
  310. .exchange_rate_zhez{width:100%;height:100%;background:rgba(51, 51, 51, 0.5);}
  311. .exchange_rate{width:320px;height:164px;position:absolute;top:50%;left:50%;margin-top:-82px;margin-left:-160px;background:#FFF;z-index:100;padding:25px 20px;border-radius:3px;}
  312. .exchange_rate_zj{font-size:1.1rem;color:#333;font-weight:600;}
  313. .exchange_rate_zj span{color:#E03700;font-weight:600;margin-left:3px;}
  314. .exchange_rate_text{margin-top:15px;font-size:1rem;color:#666;}
  315. .exchange_rate_gb{position:absolute;bottom:8%;right:6%;font-size:0.9rem;color:#333;}
  316. @media screen and (min-width: 300px) and (max-width: 374px) {
  317. .exchange_rate{width:270px;margin-left:-135px;height:140px;margin-top:-70px;}
  318. }
  319. /*售楼热线*/
  320. .y_modtel{margin:40px 17px 20px 17px; position:relative;}
  321. .y_modtel .y_modtel_text p.y_text{ font-size: 0.75rem; color: #404A5F;margin-top:10px; }
  322. .y_modtel .y_modtel_text p.y_call{ font-size: 0.875rem; color:#101D37;}
  323. .y_modtel .y_modtel_text p.y_call span{font-size:1.0625rem; font-weight: bold;}
  324. .y_modtel .y_telimg{ position: absolute; right:5px; z-index: 2; bottom: 50%; margin-bottom: -20px; width: auto; height:34px;}
  325. .y_modtel .y_telimg a{display: inline-block; font-weight: bold; height: 100%;line-height: 34px; background:linear-gradient(0deg,rgba(223,174,94,1),rgba(243,213,165,1)); padding: 0 10px; border-radius: 4px; text-align: center; font-size: 0.875rem; color: #101D37;}
  326. .y_modtel .y_telimg img{width: 11.5px; height: 15.5px; display: inline-block; margin-right: 5px;}
  327. /*楼盘分析*/
  328. .m_lpfx_box{width:100%;height:100%;position:fixed;top:0;display:none;z-index:10000;}
  329. .m_lpfx_zhez{width:100%;height:100%;background:rgba(0,0,0,0.2);}
  330. .m_lpfx{width:100%;position:absolute;bottom:-88%;left:0%;height:88%;background:#FFF;}
  331. .m_lpAnalysis {border-bottom: 1px solid #EEE;position:relative;}
  332. .m_lpAnalysis_li {width: 50%;height: 50px;text-align: center;float: left;line-height: 50px;}
  333. .m_lpAnalysis_li span {font-size: 1rem;color: #333;}
  334. .m_lpAnalysis_li i {display: block;width: 100px;height: 3px;background: #fff;margin: auto;border-radius: 10px;position: relative; top: -3px;}
  335. .m_lpAnalysis_li#on span{color: #E63529;}
  336. .m_lpAnalysis_li#on i{background: #E63529;}
  337. .m_lpfx_text_box{margin-top: 15px;padding: 0 15px;height:86%;}
  338. .m_lpfx_textw{height:100%;overflow:auto;
  339. -webkit-overflow-scrolling : touch;
  340. -moz-overflow-scrolling : touch;
  341. -o-overflow-scrolling : touch;
  342. }
  343. .m_lpfx_text{font-size: 0.95rem;line-height: 25px;color: #333;}
  344. .m_lpfx_text_img img{width:50% !important;margin:auto !important;display:block !important;margin-top:100px !important;}
  345. .m_lpfx_text_zwsj{text-align: center !important;font-size:1rem !important;color:#666 !important;margin-top:10px !important;}
  346. .m_lpfx_gb{width:30px;height: 30px; line-height: 30px; text-align:center; position:absolute;top:3px;right:3px;}
  347. .m_lpfx_gb img{width:13px; height: 13px; line-height: 13px; display:inline-block;}
  348. /*.m_commentary{width:100px;height:38px;position:fixed;top:64%;left:0;font-size:1rem;color:#FFF;line-height:38px;padding-left: 12px;border-radius:0px 20px 20px 0px;z-index:100;
  349. background: linear-gradient(to right, #FB2D2D , #FF6C1C);
  350. background: -webkit-linear-gradient(left, #FB2D2D , #FF6C1C);
  351. background: -o-linear-gradient(right, #FB2D2D, #FF6C1C);
  352. background: -moz-linear-gradient(right, #FB2D2D, #FF6C1C);
  353. }
  354. .m_commentary img{width:6px;margin-left:7px;position:relative;top:-1px;}
  355. */
  356. .siw {text-align:center;margin:23px 0;}
  357. .siw a {display:inline-block;width:112px;height:30px;line-height:30px;border-radius:20px;font-size:0.9375rem;border:1px solid #1170DA;color:#1170DA;}
  358. /*填写意向*/
  359. .center_box {padding:0 3%;margin-top:10px;}
  360. .m_intention{border-radius:5px;}
  361. .m_intention a{display:block;}
  362. .m_intention_img{width:100%;height:120px;background: url(/image/indexv2_2.png) no-repeat 0 0/100% 100%;text-align:center;overflow:hidden;}
  363. .m_intention_img span{font-size:1.375rem;color:#FFF;display:block;margin-top:40px;}
  364. .m_intention_img i{font-size:0.875rem;color:#22212F;border-radius:50px;padding:6px 11px;position:relative;top:8px;
  365. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  366. -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  367. -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));
  368. }
  369. .m_intention_text{font-size:0.875rem;color:#A26F29;padding:15px 0;text-align:center;letter-spacing:1px;border:1px solid #B8BECC;border-top:0;border-radius:0 0 5px 5px;}
  370. .m_intention_text i{color:#D60B0B;font-weight:600;font-size:0.9rem;}
  371. /*地图*/
  372. .y_lpmap {height:200px;padding: 0 12px;}
  373. .map {height:200px; border-radius: 5px;overflow:hidden;}
  374. /*楼盘解说-展开详情*/
  375. .y_Answersmain{ width: 100%; height: 70%; position: fixed;left: 0px; background: #fff; bottom: -100%; z-index:20; border-radius: 5px 5px 0 0;}
  376. .y_Answersmain_bg{ display: none; width: 100%; height: 100%; position: fixed; left: 0;top: 0px; background: rgba(0,0,0,0.5); z-index: 18;}
  377. .y_Answersmain_c{ width: 100%; height:100%;}
  378. .y_Answersmain_top{ width: 100%; height: 45px; line-height: 45px; padding-top: 5px; position: relative;}
  379. .y_Answersmain_top i{width: 3px; height: 30px;display: inline-block;line-height: 30px; position: relative; top: -1px;}
  380. .y_Answersmain_top i img{width: 100%; height: 100%;}
  381. .y_Answersmain_top span{margin-left: 5px; display: inline-block; font-size: 1.125rem; color:#101D37; font-weight: bold;}
  382. .y_Answersmain_top a{display:inline-block; position: absolute; right: 10px; top: 50%; margin-top: -15px; text-align: center; width: 30px; line-height: 30px; height: 30px;}
  383. .y_Answersmain_top a img{ width: 12.5px; height: 12.5px; display: inline-block; line-height: 12.5px;}
  384. .y_Answersmain_box{ margin-top: 10px; width: 100%; height: 100%;}
  385. .y_Answersmain_box .y_xian{ width: 93%; height: 1px; background: #DFE5F5;margin: 0px auto; margin-bottom: 10px;}
  386. .y_Answersmain_box_m{padding-top: 10px; width: 100%; height: 100%; overflow-y:auto;}
  387. .y_Answersmain_box_m .y_ovehide{width: 93%; margin: 0 auto; height: 100%;}
  388. .y_Answersmain_box .y_left_cio{ float: left; width: 18px; height: 16px; position: relative; top: 1px;}
  389. .y_Answersmain_box .y_left_cio img{ width: 100%; height: 100%;}
  390. .y_Answersmain_box .y_left_right{width: 100%; margin-left:0;}
  391. .y_Answersmain_box .y_left_right div.title{font-size: 1rem; color: #101D37; line-height: 23px; font-weight: bold;}
  392. .y_Answersmain_box .y_left_right div.center-text{font-size: 0.875rem; color: #5E6370; line-height: 20px;}
  393. /*拼团活动弹窗报名*/
  394. .puleft_ico{display: none; position: fixed; left: 0px; bottom: 30%; width: 62px; height: auto; z-index: 1010;}
  395. .puleft_ico img{width: 100%; height: 100%;}
  396. .pintuanBox{ display: none; width: 80%; height: auto; position: fixed; left: 50%; top: 20%; margin-left: -40%; z-index: 1010;}
  397. .pintuanBox_bg{display: none; width: 100%; height: 100%; position:fixed;left: 0px; top: 0px; z-index: 1008; background: rgba(0,0,0,0.5);}
  398. .pintuanBox_main{ width: 100%; height:auto; position: relative;}
  399. .pintuanBox_main p.ico{width: 100%; height: auto;}
  400. .pintuanBox_main p.ico img{width: 100%; height: auto;}
  401. .pintuanBox_main .pintuanBox_gb{position: absolute; right: 0px; top: -40px; width: 28px; height: 28px; z-index: 2;}
  402. .pintuanBox_main .pintuanBox_gb img{width: 100%; height: 100%;}
  403. .pintuanBox_main .lptitle{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 50%; top: 0px; width: 60%; margin-left: -30%; padding: 0 10px; height: 30px; line-height: 30px; font-size: 0.937rem; color: #fff; font-weight: bold; text-align: center;}
  404. .pintuanBox_main .pintuanBox_form{position: absolute; left: 50%; bottom: 18px; width: 80%; margin-left: -40%;}
  405. .pintuanBox_main .pintuanBox_form p.intxt{margin-bottom: 10px; width: 100%; height: 35px; background: #fff; border-radius: 15px;}
  406. .pintuanBox_main .pintuanBox_form p.intxt i{display: inline-block; width: 12px; text-align: center; float: left; height: 12px; margin-left: 15px; position: relative; top: 6px;}
  407. .pintuanBox_main .pintuanBox_form p.intxt i img{width: auto; height: 11px; display: inline-block; line-height: 11px;}
  408. .pintuanBox_main .pintuanBox_form p.intxt input{height: 33px; position: relative; top: 1px; font-size:0.875rem; color: #666666;margin-left: 10px; display: inline-block; float: left; width:75%; border:none; background: #fff;}
  409. .pintuanBox_main .pintuanBox_form a.in_buttom_c{width: 100%; height: 36px; line-height: 36px; text-align: center; font-size: 1.025; color: #FFF7E9; background: url('/image/pcico6.png') no-repeat center; background-size:100% 100%; display: inline-block; font-weight: bold;}