timelimitsgroup.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. body{background:#fff;}
  2. .m_wrapper02_box{border-bottom:1px solid #EEE;position:fixed;top:50px;z-index:99;width:100%;background:#FFF;border-top:1px solid #EEE;}
  3. .m_Hotsale{display:none;}
  4. /*导航*/
  5. .wrapper02 {position:relative;height:50px;width:95%;overflow: hidden;margin:0 auto;}
  6. .wrapper02 .scroller {position:absolute}
  7. .wrapper02 .scroller ul{width:100%;}
  8. .wrapper02 .scroller li {position:relative;width:71.4px;height:50px;color:#333;float: left;line-height:50px;font-size:0.875rem;text-align:center;}
  9. .wrapper02 .scroller li a{color:#333;display:block;}
  10. /*.wrapper02 .scroller li.cur{background:#1cbb9b}*/
  11. /*.wrapper02 .scroller li.cur a{color:#fff;}*/
  12. .wrapper02 .scroller li.cur a i{background:#FF9E16;}
  13. .wrapper02 .scroller li a i{display:block;background:#fff;height:4px;position: absolute;bottom:0;left:50%;width:80%;border-radius:20px;margin-left:-40%;}
  14. @media screen and (min-width: 300px) and (max-width: 374px) {
  15. .wrapper02 .scroller li{width:61.4px;}
  16. }
  17. @media screen and (min-width: 414px){
  18. .wrapper02 .scroller li{width:79.4px;}
  19. }
  20. /*广告图*/
  21. .m_Advertisement{width:93%;margin:auto;margin-top:20px;}
  22. .m_Advertisement a{display:block;}
  23. .m_Advertisement img{width:100%;display:block;}
  24. /*楼盘列表*/
  25. .m_lpList_box{width:93%;margin:auto;margin-top:20px;}
  26. .m_lpList_box .m_lpList{margin-bottom:40px;}
  27. .m_lpList_img{width:100%;height:225px;overflow:hidden;border-radius:5px;position:relative;}
  28. .m_lpList_img a img{width:100%;height:100%;}
  29. .m_lpList_img .m_lpList_vr{position:absolute;top:50%;left:50%;width:60px;display:block;margin-top:-30px;margin-left:-30px;}
  30. @media screen and (min-width: 300px) and (max-width: 374px) {
  31. .m_lpList_img{height:190px;}
  32. }
  33. @media screen and (min-width: 414px){
  34. .m_lpList_img{height:250px;}
  35. }
  36. .m_lpList_xgsj{position:absolute;top:10px;left:10px;background:rgba(43, 42, 42, 0.45);padding:5px 10px;border-radius:50px;}
  37. .m_xgsj_title{float:left;}
  38. .m_xgsj_title img{width:16px;position:relative;top:-1px;}
  39. .m_xgsj_title span{font-size:0.875rem;color:#FB9A31;margin-left:5px;}
  40. .m_xgsj_time{float:left;margin-left:6px;color:#FFF;font-size:0.7rem;position: relative;top:4px;}
  41. .m_xgsj_time i{background:#333;font-size:0.625rem;padding:2px 2px;border-radius: 3px;}
  42. .m_xgsj_ms{width:38px;height:18px;background: url(/overseas/img/timelimitsgroup/lp_list5.png) no-repeat 0 0/ 100% 100%;display:block;float:left;text-align:center;margin-left:5px;position:relative;top:1px;}
  43. .m_lpList_gz{position:absolute;bottom:53px;left:0px;background:#FFAA08;font-size:0.6875rem;color:#FFF;padding:7px 9px;border-radius:0 16px 16px 0;}
  44. .m_lpList_qg{position:absolute;bottom:17px;left:0px;background:#FB3C26;font-size:0.6875rem;color:#FFF;padding:7px 9px;border-radius:0 16px 16px 0;}
  45. .m_lpList_qg img{width:8px;margin-left:5px;margin-top:-2px;}
  46. .m_lpList_text{margin-top:15px;position:relative;}
  47. .m_lpList_text_title img{width:15px;margin-top:1px;display:block;float:left;}
  48. .m_lpList_text_title span{font-size:1.125rem;color:#333;float:left;font-weight:600;margin-left:5px;width:63%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  49. .m_lpList_text_jzmj{font-size:0.75rem;color:#666;margin-top:10px;width:70%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  50. .m_lpList_text_jg{margin-top:10px;}
  51. .m_lpList_text_jg em{font-size:0.8125rem;color:#E23C0B;font-weight:600;}
  52. .m_lpList_text_jg em i{font-size:1.25rem;font-weight:600;}
  53. .m_lpList_text_jg span{font-size:0.7rem;color:#999;text-decoration:line-through;margin-left:5px;}
  54. .m_lpList_text_style{margin-top:10px;}
  55. .m_lpList_text_style i{font-size:0.6875rem;background:#333;padding:5px 10px;margin-right:5px;}
  56. .m_lpList_text_style i:nth-child(1){background:#EBF3FE;color:#2F72F5;}
  57. .m_lpList_text_style i:nth-child(2){background:#F8EAE6;color:#E3582E;}
  58. .m_lpList_text_style i:nth-child(3){background:#E2F8E1;color:#43AF49;}
  59. .m_lpList_dh{position:absolute;top:20px;right:25px;width:36px;height:36px;}
  60. .m_lpList_dh img{width:100%;height:100%;}