public.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. * {
  2. padding: 0;
  3. margin: 0;
  4. }
  5. body {
  6. font-size: 0;
  7. }
  8. a {
  9. text-decoration: none;
  10. }
  11. .page_top {
  12. height: 0.88rem;
  13. position: relative;
  14. }
  15. .page_top img {
  16. position: absolute;
  17. width: 100%;
  18. }
  19. .nav_fx {
  20. width: 100%;
  21. background: #fff;
  22. z-index: 999;
  23. position: fixed;
  24. top: 0;
  25. }
  26. header .hd_nav {
  27. cursor: pointer;
  28. display: flex;
  29. justify-content: space-between;
  30. align-items: center;
  31. padding: 0 0.31rem;
  32. height: 0.9rem;
  33. line-height: 0.9rem;
  34. }
  35. .icon_left img {
  36. display: block;
  37. width: 0.39rem;
  38. }
  39. .icon_right img {
  40. display: block;
  41. width: 0.41rem;
  42. }
  43. .icon_title img {
  44. display: block;
  45. width: 1.5rem;
  46. }
  47. .bar_content {
  48. display: none;
  49. position: absolute;
  50. height: 100%;
  51. width: 100%;
  52. background: #FFFFFF;
  53. z-index: 999;
  54. padding: 0 0.31rem;
  55. box-sizing: border-box;
  56. }
  57. .bar_content>a {
  58. background: #FFFFFF;
  59. display: block;
  60. color: #000;
  61. height: 1.0rem;
  62. line-height: 1.0rem;
  63. font-size: 3.0em;
  64. border-bottom: 1px solid #e8e8e8;
  65. position: relative;
  66. }
  67. .bar_content>a:first-child {
  68. border-top: 1px solid #e8e8e8;
  69. }
  70. .bar_content>a img {
  71. width: 0.2rem;
  72. position: absolute;
  73. top: 40%;
  74. right: 0;
  75. }
  76. .bar_content.active {
  77. display: block;
  78. }
  79. .ovfHiden {
  80. overflow: hidden;
  81. height: 100%;
  82. }
  83. .col img {
  84. width: 100%;
  85. }
  86. .footer {
  87. font-size: 2.0em;
  88. background: #272727;
  89. color: #fff;
  90. }
  91. .footer a#rtTop {
  92. color: #FFFFFF;
  93. display: inline-block;
  94. width: 100%;
  95. text-align: center;
  96. height: 0.89rem;
  97. line-height: 0.89rem;
  98. border-bottom: 1px solid #494b4d;
  99. }
  100. .footer a#rtTop img {
  101. width: 0.24rem;
  102. }
  103. .footer ul {
  104. list-style: none;
  105. padding: 0;
  106. }
  107. .footer>ul>li {
  108. line-height: 1.01rem;
  109. }
  110. .footer li>p {
  111. margin: 0 0.36rem;
  112. border-bottom: 1px solid #494b4d;
  113. }
  114. .footer>ul>li>ul {
  115. width: 100%;
  116. background: #494b4d;
  117. color: #9ca1a4;
  118. margin-top: -1px;
  119. }
  120. .footer a {
  121. color: #9ca1a4;
  122. }
  123. .footer>ul span {
  124. float: right;
  125. }
  126. .footer li>ul {
  127. padding: 0 0.55rem;
  128. }
  129. .footer_bot {
  130. font-size: 1.2em;
  131. color: #7e8284;
  132. padding: 0 0.36rem;
  133. }
  134. .footer_bot p {
  135. margin-top: 0.32rem;
  136. }
  137. .footer_bot a img {
  138. width: 0.43rem;
  139. }
  140. .dy {
  141. color: #FFFFFF;
  142. }
  143. .ipt_btn {
  144. white-space: nowrap;
  145. width: 100%;
  146. height: 0.84rem;
  147. }
  148. .ipt_btn input[type=text],
  149. .ipt_btn button {
  150. font-size: 1.2em;
  151. display: block;
  152. float: left;
  153. line-height: 0.84rem;
  154. height: 0.84rem;
  155. border: none;
  156. border: solid 2px #494b4d;
  157. width: 5.89rem;
  158. background-color: #272727;
  159. }
  160. .ipt_btn button img {
  161. width: 0.13rem;
  162. }
  163. .ipt_btn input[type=text] {
  164. box-sizing: border-box;
  165. padding: 0 0.2rem;
  166. color: #b9b9b9;
  167. }
  168. .ipt_btn button {
  169. padding-top: 0.08rem;
  170. width: 0.82rem;
  171. background: #494b4d;
  172. color: #95999c;
  173. }
  174. .wechat {
  175. margin: 0;
  176. }
  177. p.phone {
  178. margin-top: 0;
  179. color: #e4e8ea;
  180. }
  181. .last_p {
  182. padding-bottom: 0.5rem;
  183. }
  184. /*输入框*/
  185. ::-webkit-input-placeholder {
  186. color: #afafb0;
  187. }
  188. /*Mozilla Firefox 4 to 18*/
  189. :-moz-placeholder {
  190. color: #afafb0;
  191. opacity: 1;
  192. }
  193. /*Mozilla Firefox 19 +*/
  194. ::-moz-placeholder {
  195. color: #afafb0;
  196. opacity: 1;
  197. }
  198. /*Internet Explorer 10 +*/
  199. :-ms-input-placeholder {
  200. color: #afafb0;
  201. }