홈 탐색 도움말
가입하기 로그인
liyaoyu
/
pfhwyigou
Watch 1
Star 0
포크 0
파일 이슈 0 풀 리퀘스트 0 위키
브렌치: master
브랜치 태그
pfhwyigou
/
mobile
/
web
/
css
/
v2
/
index
/
index.css

index.css 15 KB
고유링크 히스토리 Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264 
  1. 

  2. /*-----------------------头部搜索-------------------------*/
    3. 

  3. .m_top {width:100%;background:#fff;position:fixed;top:0;padding:10px 12px;box-shadow :0px 0px 12px 0px #f2f2f2;z-index:50;}
    4. 

  4. .header_menu {float: left;width:20.5%;position:relative;top:2px;}
    5. 

  5. .header_menu img {display:inline-block;width:100%;height:auto;}
    6. 

  6. .y_input {position: relative; width: 66%;float: left;margin-left:14px;}
    7. 

  7. .y_input input {display:block;width:100%;margin: 0 auto; height:30px;line-height:33px;background:#EAEBEC;border:none;border-radius:50px;font-size:0.8rem;color:#5E6370;padding:0 5px 0 36px;}
    8. 

  8. .y_input input::-ms-input-placeholder{color:#5E6370}
    9. 

  9. .y_input input::-webkit-input-placeholder{ color:#5E6370}
    10. 

  10. .y_input input::-moz-placeholder{color:#5E6370}
    11. 

  11. .y_input i{display:inline-block;position:absolute;top:10px;left:15px; width:12px;}
    12. 

  12. .y_input i img{width:100%;display:block;}
    13. 

  13. .header_back {width:18px;position:relative;top:7px;float: right;}
    14. 

  14. .header_back img{width:100%;display:block;}
    15. 

  15. 

  16. 

  17. /*-----------------------头部轮播图-------------------------*/
    18. 

  18. .w_banner {margin-top:15px;height:160px;}
    19. 

  19. .swiper-container {height:100%;}
    20. 

  20. .yw_swiper .swiper-slide{width:88%;border-radius: 10px;overflow:hidden;height:120px;position:relative;top:22px;
    21. 

  21. transition: all .5s; 
    22. 

  22. -moz-transition: all .5s;
    23. 

  23. -webkit-transition: all .5s;
    24. 

  24. -o-transition: all .5s;
    25. 

  25. }
    26. 

  26. .yw_swiper .swiper-slide img {width:100%;height:100%;}
    27. 

  27. .swiper-pagination{position:absolute;bottom:16px;z-index:10;}
    28. 

  28. .w_banner .swiper-container .swiper-pagination span {margin:0 3px;width:4px;height:4px;}
    29. 

  29. .w_banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {background:#FFF;width:10px;border-radius:10px;}
    30. 

  30. .w_banner .swiper-container-horizontal .swiper-pagination-bullets {text-align:center;bottom:7px;}
    31. 

  31. .w_banner .swiper-container-horizontal .swiper-pagination-bullet {background:#949494;opacity:1;}
    32. 

  32. .w_banner .swiper-lazy-preloader{width:25px;height:25px;margin-left:-12.5px;margin-top:-12.5px;}
    33. 

  33. .w_banner .swiper-slide-active{     /*选中的效果*/
    34. 

  34. position:relative;top:0; 
    35. 

  35. transition: all .5s; 
    36. 

  36. -moz-transition: all .5s;
    37. 

  37. -webkit-transition: all .5s;
    38. 

  38. -o-transition: all .5s;
    39. 

  39. }
    40. 

  40. .w_banner .swiper-slide-active{     /*选中的效果*/
    41. 

  41. height:160px;
    42. 

  42. transition: all .5s; 
    43. 

  43. -moz-transition: all .5s;
    44. 

  44. -webkit-transition: all .5s;
    45. 

  45. -o-transition: all .5s;
    46. 

  46. }
    47. 

  47. 

  48. 

  49. /*-----------------------导航-------------------------*/
    50. 

  50. .main_columns {width:auto; height:auto; background:#ffffff;padding:15px 0;}
    51. 

  51. .main_columns ul {display:block; width:auto; height:auto;margin-bottom: -5px;}
    52. 

  52. .main_columns ul li {width:24%; height:auto; float:left; text-align:center;position: relative;left:2%}
    53. 

  53. .main_columns ul li a {display:block; width:auto; height:auto; padding:10px 0;}
    54. 

  54. .main_columns ul li a span {display:block; width:55px; height:55px; margin:0 auto;}
    55. 

  55. .main_columns ul li a span img {width:55px; height:55px;}
    56. 

  56. .main_columns ul li a h1 {font-size:0.75rem; color:#101D37; width:auto; height:auto; padding-top:10px;}
    57. 

  57. 

  58. 

  59. /*-----------------------广告图-------------------------*/
    60. 

  60. .xm_guanggaotu{width:93%;height:60px;margin:auto;margin-top:5px;}
    61. 

  61. .xm_guanggaotu ul{width:100%;height:100%;}
    62. 

  62. .xm_guanggaotu ul li{width:100%;height:100%;border-radius:5px;overflow:hidden;}
    63. 

  63. .xm_guanggaotu img{width:100%;height:100%;}
    64. 

  64. 

  65. 

  66. /*-----------------------品房海外精选-------------------------*/
    67. 

  67. .xm_jingxuan{padding:0 12px;margin-top:40px;}
    68. 

  68. .xm_jingxuan_title{position:relative;}
    69. 

  69. .xm_jingxuan_title span{font-size:1.125rem;color:#101D37;font-weight:600;}
    70. 

  70. .xm_jingxuan_title a{position:absolute;right:0px;top:6px;font-size:0.75rem;color:#B8BECC;}
    71. 

  71. 

  72. 

  73. .m_albumtnav_box{width:100%;background:#FFF;margin-top:15px;}
    74. 

  74. .wrapper02_box{width:100%;position:relative;}
    75. 

  75. .wrapper02 {position:relative;height:30px;width:100%;overflow: hidden;margin:0 auto;}
    76. 

  76. .wrapper02 .scroller {position:absolute}
    77. 

  77. .wrapper02 .scroller ul{width:100%;}
    78. 

  78. .wrapper02 .scroller li {height:28px;float:left;line-height:28px;text-align:center;}
    79. 

  79. .wrapper02 .scroller li a{border:1px solid #B8BECC;font-size:0.875rem;color:#101D37;background:#FFF;display:block;margin-right:10px;border-radius:5px;padding:0 10px;font-weight:600;}
    80. 

  80. .wrapper02 .scroller li.cur a{color:#22212F;border:1px solid #F3D5A5;
    81. 

  81. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
    82. 

  82. 	       -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
    83. 

  83. 	       -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
    84. 

  84. }
    85. 

  85. 

  86. .xm_sellbox {background:#fff;margin-top:15px;}
    87. 

  87. .xm_sell_conter{margin-top:10px;}
    88. 

  88. .xm_sellbox  ul li {border-bottom:1px solid #f8f8f8; position: relative;padding:15px 0;}
    89. 

  89. .xm_sellbox  ul li a {display:block;}
    90. 

  90. .xm_sellimgbox{width:38%;height:92px;float:left;overflow:hidden;}
    91. 

  91. .xm_sellimg{width:95%;height:92px;position:relative;float: right;}
    92. 

  92. .xm_sellimg img {display:block;width:100%;height:100%;border-radius:5px;}
    93. 

  93. .xm_sellimg p{position:absolute;bottom:23px;left:-6px;border-radius:10px 0 10px 0;width:85%;text-align:center;z-index:10;
    94. 

  94. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
    95. 

  95. 	       -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
    96. 

  96. 	       -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
    97. 

  97. }
    98. 

  98. .xm_sellimg p span{font-size:0.75rem;color:#22212F;}
    99. 

  99. .xm_sellimg p span i{font-size:1rem;color:#22212F;font-weight:600;}
    100. 

  100. .xm_sellimg p:before {content:"";
    101. 

  101.     width: 0;
    102. 

  102.     height: 0;
    103. 

  103.     border-top:  7px solid #9E722D;
    104. 

  104.     border-left: 7px solid transparent; 
    105. 

  105. position:absolute;top:20px;left:0;
    106. 

  106. } 
    107. 

  107. 

  108. .xm_sellimg .yxq{width:100%;border-radius:5px;text-align:center;position:absolute;bottom:0;left:0;font-size:0.75rem;color:#E5E2E4;padding-top:23px;padding-bottom:5px;
    109. 

  109. background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
    110. 

  110.         -moz-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
    111. 

  111.         -o-linear-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.56))); 
    112. 

  112. }
    113. 

  113. 

  114. .xm_sellconter_right {float:left;width:59%;margin-left:3%;}
    115. 

  115. .xm_sellconter_right .title {font-size:1.0625rem;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:600;}
    116. 

  116. .xm_sellconter_right .style{margin-top:6px;}
    117. 

  117. .xm_sellconter_right .style i{border:1px solid #5E6370;display:inline-block;font-style: normal;margin-right:2px;font-size:0.687rem;color:#5E6370;padding:2px 6px;border-radius:3px;}
    118. 

  118. .xm_shuju p{float:left;width:33%;border-right:1px solid #DFE5F5;margin-top:8px;}
    119. 

  119. .xm_shuju p:last-child{border-right:0;}
    120. 

  120. .xm_shuju p span{display:block;font-size:0.7rem;color:#FE4E4E;text-align:center;}
    121. 

  121. .xm_shuju p i{display:block;font-size:0.7rem;color:#9196A4;text-align:center;margin-top:5px;}
    122. 

  122. 

  123. 

  124. /*-----------------------品房海外置业优势-------------------------*/
    125. 

  125. .xm_youshi_box{margin-top:40px;padding:0 12px;}
    126. 

  126. .xm_youshi{margin-top:18px;}
    127. 

  127. .xm_youshi a{display:block;width:25%;float: left;}
    128. 

  128. .xm_youshi a img{display:block;width:48px;height:48px;margin:auto;}
    129. 

  129. .xm_youshi a span{display:block;font-size:0.875rem;color:#1C222A;text-align:center;margin-top:5px;}
    130. 

  130. 

  131. 

  132. /*-----------------------房产资讯-------------------------*/
    133. 

  133. .xm_zixunbox{margin-top:40px;padding:0 12px;}
    134. 

  134. .xm_zixun{margin-top:15px;}
    135. 

  135. 

  136. .xm_zixundaohang span{display:block;float:left;width:30%;font-size:0.875rem;color:#22212F;font-weight:600;text-align:center;border:1px solid #B8BECC;border-radius:5px;padding:3px 0;}
    137. 

  137. .xm_zixundaohang span + span{margin-left:5%;}
    138. 

  138. .xm_zixundaohang span.on{border:1px solid #F3D5A5;
    139. 

  139. background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));     
    140. 

  140.        -moz-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
    141. 

  141.        -o-linear-gradient(linear, 0 0, 0 bottom, from(#F3D5A5), to(#DFAE5E));  
    142. 

  142. }
    143. 

  143. 

  144. .xm_zixunnr{margin-top:20px;display:none;}
    145. 

  145. .xm_video{width:100%;height:160px;position:relative;border-radius:5px;overflow:hidden;}
    146. 

  146. .xm_video_img{width:100%;position:absolute;top:0;left:0;height:100%;}
    147. 

  147. .xm_video_img .img{width:55px;display:block;position:absolute;top:50%;left:50%;margin-top:-27.5px;margin-left:-27.5px;}
    148. 

  148. .xm_videobox .title{margin-top:10px;font-size:1rem;color:#101D37;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-weight:600;}
    149. 

  149. .xm_videobox .details{margin-top:10px;}
    150. 

  150. .details .Price{font-size:0.7rem;color:#D60B0B;display:block;float: left;}
    151. 

  151. .details .Price i{font-size:1rem;font-weight:600;}
    152. 

  152. .details .address{font-size:0.7rem;color:#9196A4;display:block;float: left;margin-left:25px;position:relative;top:4px;}
    153. 

  153. .details .address img{margin-right:1px;width:9.5px;height:11px;}
    154. 

  154. .details a{border:1px solid #E0C8A1;display:block;float: right;font-size:0.7rem;color:#E0C8A1;padding:3px 6px;border-radius:4px;}
    155. 

  155. 

  156. /*资讯列表*/
    157. 

  157. .xm_zixunnr ul{margin-top:15px;}
    158. 

  158. .xm_zixunnr ul li{margin-top:15px;}
    159. 

  159. .xm_zixun_img{width:30%;height:70px;border-radius:5px;overflow:hidden;float: left;}
    160. 

  160. .xm_zixun_img img{width:100%;height:100%;}
    161. 

  161. .xm_zixun_r{float: left;width:67%;margin-left:3%;position:relative;}
    162. 

  162. .xm_zixun_r .text{font-size:1rem;color:#101D37;line-height:22px;font-weight:600;max-height:45px;overflow:hidden;}
    163. 

  163. .xm_zixun_r .information{margin-top:7px;}
    164. 

  164. .xm_zixun_r .information span{float: left;display:block;font-size:0.625rem;color:#5E6370;}
    165. 

  165. .xm_zixun_r .information span img{margin-right:2px;}
    166. 

  166. .xm_zixun_r .information span + span{margin-left:4%;}
    167. 

  167. 

  168. /*问答*/
    169. 

  169. .xm_wenda{margin-bottom:20px;}
    170. 

  170. .xm_wenda:last-child{margin-bottom:0;}
    171. 

  171. .xm_wenda .xm_wenda_l{float:left;width:5%;}
    172. 

  172. .xm_wenda .xm_wenda_l img{width:100%;display:block;}
    173. 

  173. .xm_wenda .xm_wenda_r{float:left;margin-left:3%;width:92%;}
    174. 

  174. .xm_wenda .xm_wenda_r em{display:block;font-size:1rem;color:#101D37;font-weight:600;line-height:22px;max-height:45px;overflow:hidden;}
    175. 

  175. .xm_wenda .xm_wenda_r span{display:block;font-size:0.75rem;color:#5E6370;line-height:19px;max-height:39px;overflow:hidden;margin-top:8px;}
    176. 

  176. 

  177. .xm_wenda_tcbox{position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:100;display:none;}
    178. 

  178. .xm_wenda_tchz{position:absolute;left:0;bottom:0;width:100%;height:390px;background:#FFF;}
    179. 

  179. .xm_wenda_tcbox .title{border-bottom:1px solid #DFE5F5;height:47px;padding:0 12px;position:relative;}
    180. 

  180. .xm_wenda_tcbox .title em{font-size:1.125rem;color:#101D37;font-weight:600;float: left;line-height:47px;}
    181. 

  181. .xm_wenda_tcbox .title i{width:30px;height:100%;display:block;float: right;}
    182. 

  182. .xm_wenda_tcbox .title i img{width:13px;height:13px;position:relative;top:11px;left:13px;}
    183. 

  183. .xm_wenda_tcbox .title:before {content:"";display:block;width:2px;height:30px;position:absolute;top:8px;left:0;background:#101D37;} 
    184. 

  184. 

  185. .xm_wenda_tc{margin-top:20px;padding:0 12px;height:320px;overflow:auto;   
    186. 

  186. -webkit-overflow-scrolling : touch;    
    187. 

  187. -moz-overflow-scrolling : touch;
    188. 

  188. -o-overflow-scrolling : touch;
    189. 

  189. }
    190. 

  190. .xm_wenda_tc .xm_wenda_tcl{float:left;width:6%;}
    191. 

  191. .xm_wenda_tc .xm_wenda_tcl img{width:100%;display:block;}
    192. 

  192. .xm_wenda_tc .xm_wenda_tcr{float:left;margin-left:3%;width:91%;}
    193. 

  193. .xm_wenda_tc .xm_wenda_tcr em{display:block;font-size:1rem;color:#101D37;font-weight:600;line-height:22px;}
    194. 

  194. .xm_wenda_tc .xm_wenda_tcr .text{display:block;font-size:0.75rem;color:#5E6370;line-height:19px;margin-top:8px;}
    195. 

  195. .xm_wenda_tcbj{width:100%;height:100%;background:rgba(0, 0, 0, 0.4);}
    196. 

  196. .add{position:fixed;}
    197. 

  197. 

  198. /*-----------------------视频看房-------------------------*/
    199. 

  199. .xm_shipinbox{margin-top:40px;}
    200. 

  200. .xm_shipintitle{padding:0 12px;}
    201. 

  201. .xm_shipin {margin-top:15px;}
    202. 

  202. .xm_shipin .swiper-container {height:100%;height:235px;}
    203. 

  203. .xm_swiper .swiper-slide{width:88%;border-radius: 10px;   position:relative;top:20px;overflow:hidden;
    204. 

  204. transition: all .5s; 
    205. 

  205. -moz-transition: all .5s;
    206. 

  206. -webkit-transition: all .5s;
    207. 

  207. -o-transition: all .5s;
    208. 

  208. }
    209. 

  209. .xm_swiper .swiper-slide .xm_shipin_img{width:100%;height:120px;position:relative;
    210. 

  210. transition: all .5s; 
    211. 

  211. -moz-transition: all .5s;
    212. 

  212. -webkit-transition: all .5s;
    213. 

  213. -o-transition: all .5s;
    214. 

  214. }    
    215. 

  215. .xm_swiper .swiper-slide .xm_shipin_img .img {width:100%;height:100%;}
    216. 

  216. .xm_swiper .swiper-slide .xm_shipin_img .tbimg {width: 62px;position:absolute;top: 50%;left: 50%;margin-top: -31px;margin-left: -31px;}
    217. 

  217. .xm_shipin_text{border:1px solid #B8BECC;padding:15px 10px;border-radius: 0 0 10px 10px;border-top:0;}
    218. 

  218. .xm_shipin_text .xm_text_t{}
    219. 

  219. .xm_shipin_text .xm_text_t em{font-size:1rem;color:#101D37;font-weight:600;display:block;float:left;width:67%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    220. 

  220. .xm_shipin_text .xm_text_t span{float: right;display:block;font-size:0.7rem;color:#D60B0B;}
    221. 

  221. .xm_shipin_text .xm_text_t span i{font-size:1rem;font-weight:600;}
    222. 

  222. .xm_shipin_text .xm_text_b{margin-top:8px;}
    223. 

  223. .xm_shipin_text .xm_text_b span{font-size:0.7rem;color:#9196A4;float: left;display:block;width:60%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
    224. 

  224. .xm_shipin_text .xm_text_b i{font-size:0.7rem;color:#9196A4;float:right;display:block;}
    225. 

  225. 

  226. .xm_shipin .swiper-pagination{position:absolute;bottom:16px;z-index:10;}
    227. 

  227. .xm_shipin .swiper-container .swiper-pagination span {margin:0 3px;width:4px;height:4px;}
    228. 

  228. .xm_shipin .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {background:#FFF;width:10px;border-radius:10px;}
    229. 

  229. .xm_shipin .swiper-container-horizontal .swiper-pagination-bullets {text-align:center;bottom:7px;}
    230. 

  230. .xm_shipin .swiper-container-horizontal .swiper-pagination-bullet {background:#949494;opacity:1;}
    231. 

  231. .xm_shipin .swiper-lazy-preloader{width:25px;height:25px;margin-left:-12.5px;margin-top:-12.5px;}
    232. 

  232. .xm_shipin .swiper-slide-active{     /*选中的效果*/
    233. 

  233. position:relative;top:0; 
    234. 

  234. transition: all .5s; 
    235. 

  235. -moz-transition: all .5s;
    236. 

  236. -webkit-transition: all .5s;
    237. 

  237. -o-transition: all .5s;
    238. 

  238. }
    239. 

  239. .xm_shipin .swiper-slide-active .xm_shipin_img {     /*选中的效果*/
    240. 

  240. height:160px;
    241. 

  241. transition: all .5s; 
    242. 

  242. -moz-transition: all .5s;
    243. 

  243. -webkit-transition: all .5s;
    244. 

  244. -o-transition: all .5s;
    245. 

  245. }
    246. 

  246. 

  247. 

  248. 

  249. /* 报名 */
    250. 

  250. .liveBm{display: none; width: 86%; height: auto;position: fixed;left: 50%;top: 20%;margin-left: -43%; z-index: 101;}
    251. 

  251. .liveBm_bg{display: none; width: 100%;height: 100%;position: fixed;left: 0; top: 0; z-index: 99; background: rgba(0,0,0,0.5);}
    252. 

  252. .liveBm_main{width: 100%; height: auto;position: relative;}
    253. 

  253. .liveBm_gb{position: absolute;right: 18px;top:-10px; z-index: 2;width: 27px;height: 27px;}
    254. 

  254. .liveBm_gb img{width: 100%;height: 100%;}
    255. 

  255. .liveBm_box{width:65%; margin: 0 auto;padding-top: 0px;position:absolute;left: 50%; margin-left: -38%; bottom: -55px;}
    256. 

  256. .liveBm_box p.in{width: 100%; height: 32px;background: #fff; border-radius: 4px;}
    257. 

  257. .liveBm_box p.in i{float: left; display: inline-block;width: 10px; height: 15px; margin-left: 10px;position: relative;top: 4px;}
    258. 

  258. .liveBm_box p.in i img{width: 100%;height: 100%;}
    259. 

  259. .liveBm_box p.in em{display: inline-block;height: 15px;width: 1px; background-color:#CCCCCC;float: left;margin: 0 9px 0 7px;position: relative; top: 9px;}
    260. 

  260. .liveBm_box p.in input{display: inline-block;float: left; width: 80%; height: 30px; border:none; position: relative; top: 1px;font-size: 0.837rem; color: #666; }
    261. 

  261. .liveBm_box a{display: block;height: auto;width: 80%; margin: 0 auto;margin-top: 75px;}
    262. 

  262. .liveBm_box a img{width: 100%;height: auto;}
    263. 

  263. .liveBm_main .bg_ico{width: 100%; height: auto;}
    264. 

  264. .liveBm_main .bg_ico img{width: 100%; height: auto;}
    265.