public.css 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. @charset "UTF-8";
  2. a, abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, tfoot, th, thead, time, tr, ul, var, video {
  3. border: 0;
  4. margin: 0;
  5. outline: 0;
  6. padding: 0;
  7. font-size: 100%;
  8. font-weight: normal
  9. }
  10. *:focus {outline: none;}
  11. body { margin: 0;padding: 0;width: 100%;height: 100%;-webkit-user-select: none;-webkit-touch-callout: none;
  12. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-text-size-adjust:none; background-color: #e6e6e6;
  13. font: 16px/1.25 Arial, "Microsoft Yahei";font-weight: bold;letter-spacing: -0.02em;font-size:100%;}
  14. html{-webkit-text-size-adjust: none;}
  15. body * {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
  16. a { text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);cursor:pointer;color:#333;}
  17. input,button,textarea,select {-webkit-appearance:none; font-size:1em;}
  18. input {vertical-align: middle;}
  19. img {border: 0;-ms-interpolation-mode: bicubic;vertical-align: middle;font-size: 0;}
  20. table {border-collapse: collapse;border-spacing: 0}
  21. th, td, caption {vertical-align: top;text-align: left}
  22. sub,sup{font-size: 10px;}
  23. input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
  24. input[type=checkbox]{vertical-align: middle;}
  25. .clear {width:0px; height:0px; font-size:0; clear:both;}
  26. ul,li {list-style:none;}
  27. body {margin:0 auto; position:relative;}
  28. i,em{ font-style: normal;}
  29. /*定位*/
  30. .fl{float:left; display:inline;}
  31. .fr{float:right; display:inline;}
  32. .c{display:block; zoom:1;}
  33. .c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
  34. .h60{ height: 60px;}
  35. /* 手机端最外层*/
  36. .body_box {max-width:750px;margin:0 auto;overflow:hidden;}
  37. /*头部导航*/
  38. .y_publichead{z-index: 8; background: #fff; width: 100%; position: fixed; left: 0px; top: 0px; box-shadow: 0px 1px 5px 0px #ccc; height: 55px;}
  39. .y_publicmain{ width: 95%; margin: 0 auto;}
  40. .y_publiccenter{position: relative;}
  41. .y_publicleft{ position: absolute; left: 0px; top: 50%; width: 35px; height: 35px; margin-top: -20px;}
  42. .y_publicleft a img{ width: 100%; height: 100%;}
  43. .y_publicright{ position: absolute; right: 0px; top: 50%; width: 35px; height: 35px; margin-top: -20px;}
  44. .y_publiccont{ width: 70%; margin: 0 auto; text-align: center; line-height: 52px;}
  45. .y_publiccont a{ display: inline-block; font-size: 1.5rem; color:#333;}
  46. .y_publicright a img{ width: 100%; height: 100%;}
  47. .y_header {width:100%; height:50px; background:#2ED298;}
  48. .y_header {position:fixed; left:0; top:0; z-index:30;}
  49. .header_back { padding:14px 0 0 10px; position:absolute; left:0; top:0;}
  50. .header_back a {display:block;}
  51. .header_back a img {height:24px;}
  52. .header_menu {width:44px; height:44px; position:absolute; right:0; top:3px;}
  53. .header_logo2 {padding:7px 0 5px 0; text-align:center; width: 150px; margin: 0 auto;}
  54. .header_logo2 a {display:block; padding-left:10px;}
  55. .header_logo2 a img {height:34px;}
  56. .header_menu a {display:block; width:44px; height:44px; background:url('../image/icon-menu.png') no-repeat center; background-size:60%;}
  57. .header_logo2 p:nth-child(1){font-size: 1.2rem; color: #fff; font-weight: 600;}
  58. .header_logo2 p:nth-child(2){font-size: 0.8rem; color: #fff;}
  59. .nmenu {width:100%; height:auto; background:#ffffff; position:fixed; top:50px; left:0; z-index:30; box-shadow:0px 2px 3px rgba(0,0,0,0.4); display:none;}
  60. .nmenu ul {display:block; width:auto; height:auto; padding:10px 0;}
  61. .nmenu ul li {width:25%; height:auto; float:left; text-align:center;}
  62. .nmenu ul li a {display:block; width:auto; height:auto; padding:10px 0;}
  63. .nmenu ul li a span {display:block; width:47px; height:40px; margin:0 auto;}
  64. .nmenu ul li a span img {width:42px; height:41px;}
  65. .nmenu ul li a h1 {font-size:0.8rem; color:#000000; width:auto; height:auto; padding-top:10px;}
  66. /*公共标题*/
  67. /*.y_lphome_h{ border-bottom: 1px solid #EBEBEB; padding-bottom: 15px;}
  68. .y_lphome_h span{font-size: 1.1rem; color: #333; border-left: 3px solid #00A2FF; padding-left: 8px; display: block; float: left;}
  69. .y_lphome_h a{display: block; float: right; font-size: 0.9rem; color: #999; position:relative; top: 2px;}*/
  70. .y_lphome_h i{display:block;float:left;width:4px;height:21px;border-radius:10px;background:#34D28D;box-shadow:0px 0px 20px 0px rgba(46, 210, 152, 0.41);}
  71. .y_lphome_h span{font-size: 1.15rem;color: #333;padding-left: 8px;display: block;float: left;font-weight:600;}
  72. .y_lphome_h a{display: block;float: right;font-size: 0.9rem;color: #999;position: relative;top: 2px;}
  73. /*底部导航*/
  74. .home_module_channel {
  75. height: 43px;
  76. background: #FFF;
  77. border-top: 1px solid #eee;
  78. overflow: hidden;
  79. }
  80. .home_module_channel .channel_list {
  81. display: -webkit-box;
  82. height: 57px;
  83. padding: 11px 4px 0;
  84. box-sizing: border-box;
  85. overflow-x: auto;
  86. }
  87. .home_module_channel .channel_list .channel_item {
  88. display: block;
  89. padding: 0 12px;
  90. font-size: 1rem;
  91. color: #999;
  92. }
  93. .footer_copy {width:auto; height:auto; background:#fff; border-top:1px solid #e6e6e6; padding:15px 0; text-align:center; font-size:0.6em; color:#999;}
  94. /*我的购房需求*/
  95. .my_needs {width:auto; height:auto; background:#fff; margin-top:10px; padding:10px 0; text-align:center;}
  96. .my_needs_tit {font-size:1em; color:#333;}
  97. .my_needs_note {font-size:0.8em; color:#666; padding:8px 0;}
  98. .my_needs_icon {width:auto; height:auto;}
  99. .my_needs_icon a {display:block; width:40px; height:40px; background:url('../image/icon-pencil.png') no-repeat center #ff7928; background-size: 50%; border-radius:50%; margin:0 auto;}
  100. /*底部悬挂*/
  101. /*.y_puicfoot{ position: fixed; width: 100%; left: 0px; bottom: 0px;background:#FFF; z-index: 10;box-shadow:0px 0px 20px 0px rgba(174, 174, 174, 0.57);}
  102. .y_puicfoot_main{ position: relative; padding: 11px 0;}
  103. .y_puicfoot_main .y_left{ float: left; width: 40px; height: 40px; margin-left: 30px;}
  104. .y_puicfoot_main .y_left img{ width: 100%; height: 100%;}
  105. .y_puicfoot_main .y_centxq{ float: left;margin-left: 15px; position: relative; top: 0px; width: 30%;}
  106. .y_puicfoot_main .y_centxq a{height:34px;display: block;background:#fda700;font-size: 0.95rem;color: #fff;border-radius: 5px; padding:8px 0px; text-align: center;}
  107. .y_puicfoot_main .y_centxq a img{width:19px;margin-right:5px;position:relative;top:-2px}
  108. .y_puicfoot_main .y_centxq a i{font-weight:600;}
  109. .y_puicfoot_main .y_call{ position: absolute; right: 20px; bottom: 6px; width: 90px; height: 80px; z-index: 11; background: url("../image/ico_callfootbg.png") no-repeat 0px 7px; background-size: 90px 23px;}
  110. .y_puicfoot_main .y_call img{ width: 68px; height:68px; position: relative; left: 11px; top: 10px;}
  111. .y_puicfoot_main .y_centxq2 a{background:#50d381;}
  112. */
  113. /*2018-10-27 杨*/
  114. .y_pichang{position: fixed; width: 100%; height: auto; left: 0px; bottom: 0px; background: #fff;z-index: 10;box-shadow:0px 0px 20px 0px rgba(174, 174, 174, 0.57); }
  115. .y_pichang_main{padding: 8px 10px;}
  116. .y_pichang_left{ float: left;width: 33%;}
  117. .y_pichang_left a{width: 50%;text-align: center; display: inline-block; float: left;}
  118. .y_pichang_left a i{width: 24px; height: auto;display: block;margin: 0 auto;}
  119. .y_pichang_left a i img{width: 100%; height: auto;}
  120. .y_pichang_left a span{ font-size: 0.7rem; color: #555; display: block; margin-top: 2px;}
  121. .y_pichang_right{ float: right;width: 67%;}
  122. .y_pichang_right a{ display: inline-block; width: 50%; text-align: center; padding: 9px 0; float: left; position: relative; top: 2px;}
  123. .y_pichang_right a i{ display: inline-block; width: 20px; height: auto;}
  124. .y_pichang_right a i img{ width: 100%; height: auto;}
  125. .y_pichang_right a span{font-size: 0.9rem; color: #fff; display: inline-block; margin-left: 0px;}
  126. .y_pichang_right a.al_left{ background: #50D381; border-radius: 30px 0 0 30px;}
  127. .y_pichang_right a.al_right{ background: #FFBC00; border-radius: 0px 30px 30px 0px;}
  128. /*头部导航*/
  129. .hu_nav{background:#FFF;width: 100%;box-shadow:0px 20px 20px 0px rgba(178, 178, 178, 0.07);}
  130. .hu_nav_main ul li{ float: left; width:20%; text-align: center; padding: 12px 0;}
  131. .hu_nav_main ul li a{ font-size: 1rem; color: #3e3e3e; display: block;}
  132. .hu_nav_main ul li a i{ display:block; height: 4px; border-radius: 10px; width: 50%; margin: 0 auto; position: relative; top: 5px;}
  133. .hu_nav_main ul li.on a i{ background-color: #34D28D;}
  134. /*侧边栏样式*/
  135. .y_sidebar{position: fixed;left: 100%; top: 0; z-index: 200; width: 100%; height: 100%;}
  136. .y_sidebar .y_sidebarcent { height: 100%; background: #fff; width: 66.66%; position: absolute; right: 0px; top: 0px; z-index: 101;}
  137. .y_sidebar_bg{background: rgba(0,0,0,0.3); width: 100%; height: 100%;}
  138. .y_sidebarcent_ul{ padding-top: 20px;}
  139. .y_sidebarcent_ul ul li{ padding: 10px 30px;}
  140. .y_sidebarcent_ul ul li a span{ font-size: 1rem; color: #333; display: inline-block;}
  141. .y_sidebarcent_ul ul li i{ width: 20px; height: 20px;display: inline-block; margin-right: 16px; position: relative; top: -1px;}
  142. .y_sidebarcent_ul ul li i img{ width: 100%; height: 100%;}
  143. .y_sidebarcent_ul ul li:nth-child(5){ margin-top: 25px; padding-top: 27px; position: relative;}
  144. .y_sidebarcent_ul ul li:nth-child(5):before{content: "";position: absolute;left: 30px;right: 30px;top: 0;height: 1px;background-color: #dedede;}
  145. /*楼盘热度排行榜-入口*/
  146. .lpyouhui{ position:fixed; right: 0px; bottom:50%; z-index: 30; }
  147. .lpyouhui_main{ width: 35px; height: auto;}
  148. .lpyouhui_main img{ width: 100%; height: auto;}
  149. #cnzz_stat_icon_1273922931 img{width:20px;height:20px;} /*站长统计*/