reset.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. @charset "UTF-8";
  2. /* Base Reset */
  3. html,
  4. body,
  5. div,
  6. span,
  7. applet,
  8. object,
  9. iframe,
  10. h1,
  11. h2,
  12. h3,
  13. h4,
  14. h5,
  15. h6,
  16. p,
  17. blockquote,
  18. pre,
  19. a,
  20. abbr,
  21. acronym,
  22. address,
  23. big,
  24. cite,
  25. code,
  26. del,
  27. dfn,
  28. em,
  29. img,
  30. ins,
  31. kbd,
  32. q,
  33. s,
  34. samp,
  35. small,
  36. strike,
  37. strong,
  38. sub,
  39. sup,
  40. tt,
  41. var,
  42. b,
  43. u,
  44. i,
  45. center,
  46. dl,
  47. dt,
  48. dd,
  49. ol,
  50. ul,
  51. li,
  52. fieldset,
  53. form,
  54. label1,
  55. label,
  56. legend,
  57. table,
  58. caption,
  59. tbody,
  60. tfoot,
  61. thead,
  62. tr,
  63. th,
  64. td,
  65. article,
  66. aside,
  67. canvas,
  68. details,
  69. embed,
  70. figure,
  71. figcaption,
  72. footer,
  73. header,
  74. hgroup,
  75. menu,
  76. nav,
  77. output,
  78. ruby,
  79. section,
  80. summary,
  81. time,
  82. mark,
  83. audio,
  84. video {
  85. margin: 0;
  86. padding: 0;
  87. }
  88. /* HTML5 display-role reset for older browsers */
  89. article,
  90. aside,
  91. details,
  92. figcaption,
  93. figure,
  94. footer,
  95. header,
  96. hgroup,
  97. menu,
  98. nav,
  99. section {
  100. display: block;
  101. }
  102. :focus {
  103. outline: 0;
  104. }
  105. img {
  106. border: 0;
  107. max-width: 100%;
  108. }
  109. body {
  110. line-height: 1;
  111. }
  112. ol,
  113. ul {
  114. list-style: none;
  115. }
  116. blockquote,
  117. q {
  118. quotes: none;
  119. }
  120. blockquote:before,
  121. blockquote:after,
  122. q:before,
  123. q:after {
  124. content: "";
  125. content: none;
  126. }
  127. table {
  128. border-collapse: collapse;
  129. border-spacing: 0;
  130. }
  131. .clear {
  132. width: 100%;
  133. height: 0;
  134. line-height: 0;
  135. font-size: 0;
  136. overflow: hidden;
  137. clear: both;
  138. display: block;
  139. _display: inline;
  140. }
  141. .none {
  142. display: none;
  143. }
  144. .hidden {
  145. visibility: hidden;
  146. }
  147. .clearfix:after {
  148. clear: both;
  149. content: ".";
  150. display: block;
  151. height: 0;
  152. visibility: hidden;
  153. }
  154. .clearfix {
  155. display: block;
  156. *zoom: 1;
  157. }
  158. body {
  159. font-size: 14px;
  160. font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  161. Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
  162. sans-serif;
  163. color: var(--vt-c-indigo);
  164. line-height: 1;
  165. background-color: #f0f2f5;
  166. }
  167. a {
  168. text-decoration: none;
  169. color: var(--vt-c-indigo);
  170. transition: all 0.4s ease-in-out;
  171. }
  172. a:hover {
  173. text-decoration: none;
  174. color: var(--vt-c-primary);
  175. }
  176. /*页面尺寸*/
  177. .wrapper {
  178. width: 100%;
  179. margin: 0 auto;
  180. }
  181. .wrapper .inner {
  182. max-width: 1644px;
  183. width: 100%;
  184. padding: 0 20px;
  185. margin: 0 auto;
  186. box-sizing: border-box;
  187. } /**页面全局宽度**/
  188. .detail_inner {
  189. max-width: 1200px;
  190. width: 100%;
  191. margin: 0 auto;
  192. padding: 0 20px;
  193. }
  194. * {
  195. box-sizing: border-box;
  196. }
  197. ::selection {
  198. color: #fff;
  199. background: var(--vt-c-primary);
  200. }