style.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208
  1. html {
  2. font-family: "PingFangSC-Regular", "sans-serif", "STHeitiSC-Light", "微软雅黑", "Microsoft YaHei";
  3. color: #666666;
  4. }
  5. body,
  6. div,
  7. dl,
  8. dt,
  9. dd,
  10. ul,
  11. ol,
  12. li,
  13. h1,
  14. h2,
  15. h3,
  16. h4,
  17. h5,
  18. h6,
  19. pre,
  20. code,
  21. form,
  22. fieldset,
  23. legend,
  24. input,
  25. textarea,
  26. p,
  27. blockquote,
  28. th,
  29. td {
  30. margin: 0;
  31. padding: 0;
  32. }
  33. body {
  34. background-color: #fff;
  35. }
  36. table {
  37. border-collapse: collapse;
  38. border-spacing: 0;
  39. }
  40. fieldset,
  41. img {
  42. border: 0;
  43. width: 100%;
  44. }
  45. address,
  46. caption,
  47. cite,
  48. code,
  49. dfn,
  50. em,
  51. th,
  52. var {
  53. font-style: normal;
  54. font-weight: normal;
  55. }
  56. ol,
  57. ul {
  58. list-style: none;
  59. }
  60. caption,
  61. th {
  62. text-align: left;
  63. }
  64. h1,
  65. h2,
  66. h3,
  67. h4,
  68. h5,
  69. h6 {
  70. font-size: 100%;
  71. font-weight: normal;
  72. }
  73. abbr,
  74. acronym {
  75. border: 0;
  76. font-variant: normal;
  77. }
  78. sup {
  79. vertical-align: text-top;
  80. }
  81. sub {
  82. vertical-align: text-bottom;
  83. }
  84. input,
  85. textarea,
  86. select {
  87. font-family: inherit;
  88. font-size: inherit;
  89. font-weight: inherit;
  90. }
  91. input,
  92. textarea,
  93. select {
  94. font-size: 100%;
  95. }
  96. img {
  97. display: -webkit-box;
  98. }
  99. a,
  100. span {
  101. text-decoration: none;
  102. color: #666666;
  103. }
  104. @media only screen and (min-width:321px) {
  105. html {
  106. font-size: 18.83px;
  107. }
  108. }
  109. @media only screen and (min-width:341px) {
  110. html {
  111. font-size: 20.01px;
  112. }
  113. }
  114. @media only screen and (min-width:361px) {
  115. html {
  116. font-size: 21.18px;
  117. }
  118. }
  119. @media only screen and (min-width:381px) {
  120. html {
  121. font-size: 22.35px;
  122. }
  123. }
  124. @media only screen and (min-width:401px) {
  125. html {
  126. font-size: 23.53px;
  127. }
  128. }
  129. @media only screen and (min-width:421px) {
  130. html {
  131. font-size: 24.70px;
  132. }
  133. }
  134. @media only screen and (min-width:441px) {
  135. html {
  136. font-size: 25.87px;
  137. }
  138. }
  139. @media only screen and (min-width:461px) {
  140. html {
  141. font-size: 27.05px;
  142. }
  143. }
  144. @media only screen and (min-width:481px) {
  145. html {
  146. font-size: 28.22px;
  147. }
  148. }
  149. @media only screen and (min-width:501px) {
  150. html {
  151. font-size: 29.39px
  152. }
  153. }
  154. @media only screen and (min-width:521px) {
  155. html {
  156. font-size: 30.57px
  157. }
  158. }
  159. @media only screen and (min-width:541px) {
  160. html {
  161. font-size: 31.74px
  162. }
  163. }
  164. @media only screen and (min-width:561px) {
  165. html {
  166. font-size: 32.91px
  167. }
  168. }
  169. @media only screen and (min-width:581px) {
  170. html {
  171. font-size: 34.09px
  172. }
  173. }
  174. @media only screen and (min-width:601px) {
  175. html {
  176. font-size: 35.26px
  177. }
  178. }