index.css 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .footer_copy,.m_Hotsale,.y_puicfoot,#cnzz_stat_icon_1260633389,#LXB_CONTAINER_SHOW,.w_im {display:none;}
  2. .wmap_box {position:relative;}
  3. /*城市筛选*/
  4. .max_box .m_qhcs_box{background:#FFF;position:absolute;top:0;left:0;width:100%;z-index:100;}
  5. .max_box .m_head_qhcs{border:1px solid #ddd;width:100%;height:50px;text-align:center;position:relative;background:#fbfbfb;}
  6. .max_box .m_head_qhcs span{font-size:1.2rem;color:#333;font-weight:600;line-height:50px;}
  7. .max_box .m_Return{width:50px;height:50px;position:absolute;top:0;left:0;}
  8. .max_box .m_City_ul_title{height:40px;background:#33c0d0;line-height:40px;text-indent:17px;font-size:1rem;color:#fff;}
  9. .max_box .m_City_ul_li {padding-bottom:4%;}
  10. .max_box .m_City_ul_li a{border:1px solid #DDD;width:20%;height:30px;float:left;text-align:center;line-height:30px;margin:4% 0 0 4%;display:block;font-size:0.8rem;color:#333;}
  11. .max_box .m_City_province{/*width:20%*/;height:40px;float:left;margin:4% 0 0 4%;line-height:40px;text-align:center;background:#EEE;font-size:0.9rem;color:#666;cursor:pointer;padding:0 5.5%;}
  12. .explain {text-indent:17px;padding:10px 0;background:#f5f5f5;font-size:0.7rem;}
  13. /*-------------------end----------------------*/
  14. /*区域选择*/
  15. .map_aera {position:absolute;top:30px;left:0;z-index:90;background:#fff;padding:10px 20px 10px 10px;font-size:0.9rem;box-shadow:1px 1px 3px 0px rgba(0,0,0,.2);}
  16. .map_aera a {color:#ff0f0f;font-weight:600;}
  17. #allmap{min-height:500px;}
  18. .map_search-form { width: auto; height:100px; border-bottom: 1px solid #aaa; padding: 0 15px;}
  19. .map_search .map_search-inp{height: 45px;}
  20. .map_search .map_search-inp .map-key{width: 260px;height:30px;line-height:30px; border: 1px solid #aaa; border-right-color: rgb(170, 170, 170); float: left; font-size: 16px;color: #666;padding: 0 10px; }
  21. .map_search .map_search-inp .search-btn{ width: 100px; height: 32px; color: #fff; background: url("img/map_search-btn.jpg") no-repeat center; border: 0px; cursor: pointer; float: left;}
  22. .map_search-select select {width: 100px;height: 30px;line-height: 40px; float: left;margin-right: 10px; cursor: pointer;}
  23. .map_search-list {width: 500px;height:820px;overflow-x: auto;}
  24. .map_search-list ul li {width:auto;height: 100px;padding:10px;border-bottom: 1px solid #aaa;}
  25. .map_search-list ul li:hover{background: #f8f8f8;}
  26. .map_search-list-box {width: auto;height: auto;}
  27. .map_search-list-img {width: 150px;height: 100px;float: left;display: block;}
  28. .map_search-list-con {width: 230px;height: auto;float:left;margin-left:10px;}
  29. .map_search-list-con h1 {width: auto;height: 30px;line-height: 30px; text-align: right; font-weight: normal;overflow: hidden;}
  30. .map_search-list-con h1 a {float: left;font-size: 14px;color: #0091dc;}
  31. .map_search-list-con h1 span.city { color: #999999; font-size: 12px; padding-left: 5px;float: left;}
  32. .map_search-list-con h1 span.num {color: #ff5555;font-size: 16px;}
  33. .map_search-list-con div { height: auto; line-height: 25px;margin-top: 10px;font-size: 14px; color: #666; width: 18em; white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis;overflow: hidden;}
  34. /*地图标签阴影*/
  35. .shadow {box-shadow:1px 1px 3px 0px rgba(0,0,0,.35);}
  36. /*弹窗*/
  37. .w_info_box {position:absolute;top:-100%;z-index:110;background:#fff;width:74%;left:50%;margin-left:-37%;display:none;border-radius:5px;}
  38. .w_info_box .w_top {margin:20px 10px 10px;}
  39. .w_info_box .w_top .w_house_img {position:relative;width:100%;display:inline-block;vertical-align:middle;height:170px;}
  40. /*.w_info_box .w_top .w_house_img em {position:absolute;top:10px;left:10px;background:rgba(0,0,0,0.3);color:#fff;padding:5px 10px;font-style:normal;}*/
  41. .w_info_box .w_top .w_house_img img {display:block;width:100%;height:100%;}
  42. /*.w_info_box .w_top .w_house_img a {display:inline-block;font-size:0.9375rem;color:#fff;text-align:center;position:absolute;bottom:0px;right:0px;background:#FEBD31;padding:5px 15px;}*/
  43. .w_info_box .w_top .w_house_img a span{ position: absolute; top: 5px; left: 5px; background: rgba(0,0,0,0.4); color: #fff; display: inline-block; padding: 0px 10px; font-size:0.8375rem; border-radius: 20px; height: 25px; line-height: 25px;}
  44. .w_info_box .w_con {margin:0 10px 20px;position:relative;}
  45. .w_info_box .w_con p {margin:5px 0;}
  46. .w_info_box .w_con .w_title span{font-size:1.0625rem;color:#333;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;display:inline-block;vertical-align:middle;}
  47. .w_info_box .w_con .w_title em {font-size:0.6875rem;color:#87898B;padding:4px 6px;background:#DEE4E8;margin-left:10px;position:relative;top:-1px;}
  48. .w_info_box .w_con .w_map_hu {font-size:0.8125rem;color:#333;}
  49. .w_info_box .w_con .w_map_hu i {font-style:normal;display:inline-block;width:45%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#999;vertical-align:middle;}
  50. .w_info_box .w_con .w_feature {font-size:0.6rem;margin-top:10px;}
  51. .w_info_box .w_con .w_feature i{font-style:normal;display:inline-block;background:#EBF3FE;color:#7897D1;padding:4px 6px;}
  52. .w_info_box .w_con .w_feature i + i {margin-left:5px;}
  53. .w_info_box .w_con .w_feature i:nth-child(2) {color:#E5836B;background:#FFECE7;}
  54. .w_info_box .w_con .w_feature i:nth-child(3) {background:#E2F8E1;color:#56A652;}
  55. .w_info_box .w_con .w_price {color:#333;font-size:0.8125rem;}
  56. .w_info_box .w_con .w_price span {font-size:0.8rem;color:#999;}
  57. .w_info_box .w_con .w_price span em{font-style:normal;font-size:1.2rem;color:red;}
  58. .w_info_box .w_con .w_price span i{font-style:normal;font-size:0.8rem;color:red;}
  59. .w_btn {display:inline-block;width:34px;height:34px;overflow:hidden;position:absolute;bottom:-60px;left:50%;margin-left:-17px;}
  60. .w_btn img {display:inline-block;width:100%;}
  61. /*遮挡层*/
  62. .cover {display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:105;background:rgba(0,0,0,0.4);display:none;}
  63. /*换一批*/
  64. .batch {position:fixed;bottom:80px;left:50%;display:inline-block;padding:8px 15px;background:#fff;z-index:5;box-shadow:1px 1px 3px 0px rgba(0,0,0,.2);font-size:0.9rem;margin-left:-64px;border-radius:20px;display:none;}
  65. /*加载*/
  66. .load {position:fixed;top:50%;left:50%;width:120px;height:120px;margin-top:-60px;margin-left:-60px;z-index:10;}
  67. .load img {display:block;width:100%;height:100%;}