首页 探索 帮助
注册 登录
liyaoyu
/
pfhwyigou
关注 1
点赞 0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: a37f2bbff5
分支列表 标签列表
pfhwyigou
/
mobile
/
web
/
zt
/
xinnain2020
/
css
/
index.css

index.css 11 KB
文件历史 原始文件

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182 
  1. body{background: #ca0a1a; max-width: 750px; margin: 0 auto;}
    2. 

  2. .w_im{display: none;}
    3. 

  3. .ztBox{ width: 100%; height: auto;}
    4. 

  4. 

  5. .ztHead{ width: 100%; height: auto; position: relative;}
    6. 

  6. .ztHead_bg,.ztHead_bg img,.ztHead_foot,.ztHead_foot img{ width: 100%; height: auto;}
    7. 

  7. 

  8. .ztHead_intr{ position: absolute; width: 46%; right: 50%; margin-right: -32%; bottom: 24.3%;z-index: 2;}
    9. 

  9. .ztHead_intr p.title{ position: relative; width: 100%; height: auto; height:15px; line-height: 15px; font-size: 0.875rem; color:#fffdc2;}
    10. 

  10. .ztHead_intr p.title.lpjs{float: left;overflow: hidden; white-space:nowrap;}
    11. 

  11. .ztHead_intr p.title.lpjs span{ position: absolute; left: 0px; top: 0px; display: inline-block; }
    12. 

  12. .ztHead_intr p.title.lpjs span i{ padding-right: 20px;}
    13. 

  13. .ztHead_foot{ position: absolute; right: 0px; bottom: -18%; z-index: 1;}
    14. 

  14. 

  15. .ztMain{ position: relative; top: -25px; width: 100%; height: auto; background: url('/zt/xinnain2020/image/ico_16.png') no-repeat center; background-size:100% 100%; }
    16. 

  16. /*.ztMain_center{height:1000px;}*/
    17. 

  17. .main_title{padding-top: 20px; font-size: 1.2625rem; color: #FFF8C7; text-align: center;}
    18. 

  18. 

  19. 

  20. .lplist{ width: 78%; margin: 0 auto; }
    21. 

  21. .lplist_mainbox{ width: 100%;height: auto; overflow: hidden;}
    22. 

  22. /*.lplist_main{ width: 100%;height: auto; overflow: hidden;}*/
    23. 

  23. .lplist ul li .topcenter{background: url('/zt/xinnain2020/image/ico_17.png') no-repeat center; padding: 2px; background-size:100% 100%; border-radius: 5px; overflow: hidden;}
    24. 

  24. .lplist ul li .topcenter .lpimg{ width: 100%; height: 158px;}
    25. 

  25. .lplist ul li .topcenter .lpimg img{ width: 100%; height: 100%;}
    26. 

  26. 

  27. .lplist ul li .topcenter .lptext{ padding: 18px 10px 10px;}
    28. 

  28. .lplist ul li .topcenter .lptext .lptitle p.left{float: left; position: relative;}
    29. 

  29. .lplist ul li .topcenter .lptext .lptitle p.left span{margin-left: 20px; background: #c20600; padding: 0 10px 0px 25px; border-radius: 20px; height: 30px; line-height: 30px; display:inline-block; font-size: 0.937rem; color: #FBE5AD; font-weight: bold;}
    30. 

  30. .lplist ul li .topcenter .lptext .lptitle p.left i{ width: 45px; height: auto;display: inline-block; position: absolute; left: 0; bottom: -3px; z-index: 1;}
    31. 

  31. .lplist ul li .topcenter .lptext .lptitle p.left i img{ width: 100%; height: auto;}
    32. 

  32. .lplist ul li .topcenter .lptext .lptitle p.right{float: right; position: relative; top: 10px;}
    33. 

  33. .lplist ul li .topcenter .lptext .lptitle p.right i{ position: relative; top: 0px; width: 8px; height: 11px; display: inline-block;margin-right: 4px;}
    34. 

  34. .lplist ul li .topcenter .lptext .lptitle p.right i img{ width: 100%; height: 100%;}
    35. 

  35. .lplist ul li .topcenter .lptext .lptitle p.right span{display: inline-block; font-size: 0.75rem; color: #510303; padding-left: 0px;}
    36. 

  36. 

  37. .lplist ul li .topcenter .lptext .lppric{ margin-top: 10px;font-weight: 600;color: #c20600;}
    38. 

  38. .lplist ul li .topcenter .lptext .lppric i{display: inline-block; width: 8px; height: 12px;margin-right:3px;position: relative;top:-2px;}
    39. 

  39. .lplist ul li .topcenter .lptext .lppric i img{width: 100%; height: 100%;}
    40. 

  40. .lplist ul li .topcenter .lptext .lppric span{display: inline-block; font-size: 1.875rem; color:#DC0000; font-weight: bold;}
    41. 

  41. .lplist ul li .topcenter .lptext .lppric span em{display: inline-block;  font-size: 0.875rem;font-weight: normal; padding-left: 3px;}
    42. 

  42. .lplist ul li .topcenter .lptext .lppric b{display: inline-block; font-size: 0.75rem; color: #666; padding-left: 5px;}
    43. 

  43. 

  44. .lplist ul li .topcenter .lptext .lpzkou{margin-top: 10px; background: url('/zt/xinnain2020/image/ico_19.png') no-repeat center; background-size:100% 100%; height: 25px; line-height: 25px;}
    45. 

  45. .lplist ul li .topcenter .lptext .lpzkou p{font-size: 0.75rem; color: #510303; padding-left: 15px;}
    46. 

  46. .lplist ul li .topcenter .lptext .lpzkou p em{display: inline-block; float: left; margin-right: 5px;}
    47. 

  47. .lplist ul li .topcenter .lptext .lpzkou p span{float: left; display: inline-block;max-width: 70%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;color:#c20600}
    48. 

  48. 

  49. .lplist ul li .topcenter .lptext .lptuij{margin-top: 10px;}
    50. 

  50. .lplist ul li .topcenter .lptext .lptuij p.t i{width: 12px; height: 12px; display: inline-block; position: relative; top: -2px;}
    51. 

  51. .lplist ul li .topcenter .lptext .lptuij p.t i img{width: 100%; height: 100%;}
    52. 

  52. .lplist ul li .topcenter .lptext .lptuij p.t span{display: inline-block; font-size: 0.875rem; color: #C20600; font-weight: bold;}
    53. 

  53. .lplist ul li .topcenter .lptext .lptuij p.b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin-left: 15px;margin-top: 2px; font-size: 0.75rem; color: #510303; line-height: 20px;}
    54. 

  54. 

  55. .lplist .swiper-pagination{ width: 100%; text-align: center; margin: 0 auto; margin-top: 5px; position: relative; z-index: 1;}
    56. 

  56. .lplist .swiper-pagination .swiper-pagination-bullet{margin:0 3px; width: 5px; height: 5px; background:#F0202A;opacity: 1;}
    57. 

  57. .lplist .swiper-pagination .swiper-pagination-bullet-active{ width: 18px;border-radius: 10px;}
    58. 

  58. 

  59. .lpfoot_but{ width: 100%; margin: 0 auto; margin-top: 12px; height: 35px; background: url('/zt/xinnain2020/image/ico_4.png') no-repeat center; background-size: 100% 100%;}
    60. 

  60. .lpfoot_but a{font-size:1.062rem; font-weight: bold; display: block; float: left;  width: 50%; height: 35px; line-height: 35px; text-align: center;}
    61. 

  61. .lpfoot_but a.in_but{ color: #FCF1D2;}
    62. 

  62. .lpfoot_but a.in_zx{ color: #510303;}
    63. 

  63. 

  64. /*四大价值*/
    65. 

  65. .cityValue{ width: 78%; margin: 0 auto; margin-top: 30px;}
    66. 

  66. .cityValue_m{ width: 100%; height: auto;}
    67. 

  67. 

  68. .cityValue_m .title{width: 100%; height: auto; position: relative;}
    69. 

  69. .cityValue_m .title p.ico_img{ width: 100%; height: auto;}
    70. 

  70. .cityValue_m .title p.ico_img img{ width: 100%; height: auto;}
    71. 

  71. .cityValue_m .title p.title_text{position: absolute; width: 100%; left: 0px; bottom: 11%; text-align: center; font-size: 1.25rem; color: #FCF4BD;}
    72. 

  72. 

  73. .value_pulic{ margin-top: 20px; width: 100%; height: auto;display:none;}
    74. 

  74. .value_pulic .pul_mo .pule_ico{width: 40%; height: 114px; position: relative;}
    75. 

  75. .value_pulic .pul_mo .pule_ico p{ width: 100%; height: 100%; border:2px solid #B80C1B;}
    76. 

  76. .value_pulic .pul_mo .pule_ico p img{ width: 100%; height: 100%;} 
    77. 

  77. .value_pulic .pul_mo .pule_ico i{display: inline-block; position: absolute; right:-2px; top: 50%;left: auto; background: url('/zt/xinnain2020/image/ico_26.png') no-repeat center; width: 12px; height: 26px; z-index: 2; margin-top: -13px;}
    78. 

  78. .value_pulic .pul_mo .pule_ico.pule_right i{ left: -2px;right: auto; background: url('/zt/xinnain2020/image/ico_26_1.png') no-repeat center;}
    79. 

  79. .value_pulic .pul_mo .pule_text{ width: 57%;}
    80. 

  80. .value_pulic .pul_mo .pule_text p.Ii{font-size: 1rem; color: #510303; font-weight: bold;}
    81. 

  81. .value_pulic .pul_mo .pule_text p.It{font-size: 0.75rem; color: #510303; line-height: 20px; margin-top: 5px;}
    82. 

  82. .Dividing{ width:100%; height: auto; margin: 10px 0;}
    83. 

  83. .Dividing img{ width: 100%; height: auto;}
    84. 

  84. 

  85. .lpfoot_bm{ width: 78%; margin:0 auto;margin-top: 10px; }
    86. 

  86. .lpfoot_bm_main{position: relative;width: 100%; height: auto;}
    87. 

  87. .lpfoot_bm_main p.ico_img{ width: 100%; height: auto;}
    88. 

  88. .lpfoot_bm_main p.ico_img img{ width: 100%; height: auto;}
    89. 

  89. 

  90. .bm_form{ position: absolute; left: 0;bottom: 20%; width: 100%;}
    91. 

  91. .bm_form .in_input{ position: relative; width: 80%;margin: 0 auto; height: 32px; background: url('/zt/xinnain2020/image/ico_11.png') no-repeat center; background-size:100% 100%; }
    92. 

  92. .bm_form .in_input .con_in{height: 32px; border: none; background:url('/zt/xinnain2020/image/ico_8.png') no-repeat 18px center; background-size:9px 15px;  padding-left: 35px; font-size: 0.75rem; color: #555;}
    93. 

  93. .bm_form .in_input .bunton_i{height: 32px; top: 0px; position: absolute; right: 0px; background:url('/zt/xinnain2020/image/ico_10.png') no-repeat center; background-size: 100% 100%; font-size: 1rem; color: #FFF1AE; font-weight: bold; padding:0 22px; line-height: 32px;}
    94. 

  94. 

  95. .ztHead_introducer{ width: 100%; height: auto;}
    96. 

  96. .ztFooter,.ztFooter p,.ztFooter p img{ width: 100%; height: auto;}
    97. 

  97. 

  98. /*右边悬挂*/
    99. 

  99. .suspBox{/* box-shadow: -4px 1px 20px 0px rgba(63,0,0,0.5);*/display: none; padding: 10px 0 20px; position: fixed;right: 0px; top: 15%;background: url('/zt/xinnain2020/image/ico_21.png') no-repeat center;background-size:100% 100%; z-index: 5;}
    100. 

  100. .susp_main .Pgup{ text-align: center; position: relative; left: 2px;}
    101. 

  101. .susp_main .Pgup a{display:inline-block; width: 40px;height: 33px; margin: 0 auto; text-align: center; line-height: 33px;}
    102. 

  102. .susp_main .Pgup a img{ width: 20px; height: 9px; display: inline-block; line-height: 9px;}
    103. 

  103. .susp_main ul li{ position: relative; left: 2px; width: 60px; height: 33px; line-height: 33px; text-align: center;}
    104. 

  104. .susp_main ul li a{display: inline-block;font-size: 1.062rem; color: #FEF6E1; font-weight: bold;}
    105. 

  105. .susp_main ul li+li a{border-top: 1px solid #8A0100; position: relative; top: -1px;}
    106. 

  106. .susp_main ul li.on{background: #8A0100;}
    107. 

  107. .susp_main ul li.on a{border: none;}
    108. 

  108. .susp_main .suspBox_bm{ margin: 0 auto;width: 42px; height: auto; position: relative; left: 2px;}
    109. 

  109. .susp_main .suspBox_bm img{ width: 100%; height: auto;}
    110. 

  110. 

  111. /*豪礼报名*/
    112. 

  112. .luxuryBox{display: none; width:100%; position: fixed;left: 0; bottom: 0; height: auto; z-index: 110;}
    113. 

  113. .luxuryMain{ width: 100%; height: auto;position: relative;}
    114. 

  114. .luxuryMain .ico_bg{ width: 100%; height: auto;}
    115. 

  115. .luxuryMain .ico_bg img{ width: 100%; height: auto;}
    116. 

  116. .luxuryMain .ico_form{position: absolute;top: 31.5%;left: 50%; width: 60%; margin-left: -30%;}
    117. 

  117. .luxuryMain .ico_form .intext_m{margin-bottom: 8px; display: block; width: 100%; padding-left: 35px; height: 38px; border-radius: 20px; border:none; font-size: 0.75rem; color: #666;}
    118. 

  118. .luxuryMain .ico_form .intext_m.intext_name{background:url('/zt/xinnain2020/image/ico_bm2.png') #fff no-repeat 18px center; background-size:8px 10px;}
    119. 

  119. .luxuryMain .ico_form .intext_m.intext_mobile{background:url('/zt/xinnain2020/image/ico_bm1.png') #fff no-repeat 18px center; background-size:8px 10px;}
    120. 

  120. .luxuryMain .ico_form .intext_but{ width: 100%; height: 38px; line-height: 38px; text-align: center; font-weight: bold; font-size: 1.062rem; color: #3D2000; display: block;background:url('/zt/xinnain2020/image/ico_bm3.png') no-repeat center; background-size:100% 100%; }
    121. 

  121. .luxuryBg,.purchaseBg{ display: none; width: 100%; height: 100%; position: fixed; left: 0;top: 0; background:rgba(0,0,0,0.5);z-index: 105;}
    122. 

  122. 

  123. 

  124. /* 购房豪礼 */
    125. 

  125. .purchaseBox{display: none; position: fixed;left: 50%; top: 20%; width: 96%; margin-left: -48%;z-index: 110;}
    126. 

  126. .purchaseMain{width: 100%; height: auto;position: relative;}
    127. 

  127. .purchaseMain .pu_bg{ width: 100%; height: auto;}
    128. 

  128. .purchaseMain .pu_bg img{ width: 100%; height: auto;}
    129. 

  129. .purchaseMain .pu_gb{ position: absolute; bottom: -30px; left: 50%;width: 24px; height: 24px; margin-left: -12px;}
    130. 

  130. .purchaseMain .pu_gb img{ width: 100%; height: 100%;}
    131. 

  131. .purchaseMain .pu_form{position: absolute;top: 50%;left: 50%; width: 60%; margin-left: -30%; margin-top: 10px;}
    132. 

  132. .purchaseMain .pu_form .intext_m{margin-bottom: 8px; display: block; width: 100%; padding-left: 35px; height: 38px; border-radius: 20px; border:none; font-size: 0.75rem; color: #666;}
    133. 

  133. .purchaseMain .pu_form .intext_m.intext_mobile{background:url('/zt/xinnain2020/image/ico_8.png') #fff no-repeat 18px center; background-size:8px 12px;}
    134. 

  134. .purchaseMain .pu_form .intext_but{ width: 100%; height: 38px; line-height: 38px; text-align: center; font-weight: bold; font-size: 1.062rem; color: #6C1C00; display: block;background:url('/zt/xinnain2020/image/ico_bm3.png') no-repeat center; background-size:100% 100%; }
    135. 

  135. 

  136. 

  137. @media only screen and (max-width: 370px) {
    138. 

  138.     .ztHead_intr{ bottom: 24%;}
    139. 

  139.     .cityValue_m .title p.title_text{font-size: 1.062rem;bottom: 12%;}
    140. 

  140.     .luxuryMain .ico_form{top: 30.5%;}
    141. 

  141.     .purchaseMain .pu_form{margin-top: 1px;}
    142. 

  142. }
    143. 

  143. 

  144. 

  145. 

  146. 

  147. 

  148. 

  149. 

  150. 

  151. 

  152. 

  153. 

  154. 

  155. 

  156. 

  157. 

  158. 

  159. 

  160. 

  161. 

  162. 

  163. 

  164. 

  165. 

  166. 

  167. 

  168. 

  169. 

  170. 

  171. 

  172. 

  173. 

  174. 

  175. 

  176. 

  177. 

  178. 

  179. 

  180. 

  181. 

  182.