reset.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. @charset "utf-8";
  2. * {
  3. padding: 0;
  4. }
  5. html {
  6. _background-attachment: fixed;
  7. }
  8. body {
  9. background: #F1F1F1;
  10. }
  11. body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, textarea, th, td, a {
  12. font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1;
  13. font-size: 14px;
  14. color: #4c4c4c
  15. }
  16. :focus {
  17. outline: 0;
  18. }
  19. img {
  20. max-width: 100%;
  21. border: 0;
  22. outline: none;
  23. vertical-align: middle;
  24. }
  25. ul, li, ol {
  26. list-style: none outside none;
  27. }
  28. input, button {
  29. border: 0;
  30. outline: none;
  31. background: none;
  32. filter: chroma(color=#000000);
  33. }
  34. input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;}
  35. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  36. color: #bdbcbc;
  37. }
  38. input:-moz-placeholder, textarea:-moz-placeholder {
  39. color: #bdbcbc;
  40. }
  41. input::-moz-placeholder, textarea::-moz-placeholder {
  42. color: #bdbcbc;
  43. }
  44. input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  45. color: #bdbcbc;
  46. }
  47. h1, h2, h3, h4, h5, h6 {
  48. font-weight: normal;
  49. }
  50. i, em, b {
  51. font-style: normal;
  52. }
  53. ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
  54. color: #999;
  55. font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1;
  56. font-size: 12px;
  57. }
  58. a, a * {
  59. text-decoration: none;
  60. outline: none;
  61. star: expression(this.onFocus=this.blur());
  62. }
  63. ::selection {
  64. background: #f20e0e;
  65. color: #fff;
  66. }
  67. ::-moz-selection {
  68. background: #f20e0e;
  69. color: #fff;
  70. }
  71. table {
  72. width: 100%;
  73. border-collapse: collapse;
  74. border-spacing: 0;
  75. }
  76. table td {
  77. word-break: break-all;
  78. word-wrap: break-word;
  79. }
  80. input {
  81. font-family: 微软雅黑, Microsoft YaHei, \5FAE\8F6F\96C5\9ED1;
  82. font-size: 12px;
  83. }
  84. .clearfix {
  85. clear: both;
  86. zoom: 1;
  87. }
  88. .clearfix:after {
  89. content: '';
  90. display: block;
  91. clear: both;
  92. }
  93. .fl {
  94. display: inline;
  95. float: left
  96. }
  97. .fr {
  98. display: inline;
  99. float: right
  100. }
  101. /*单行溢出*/
  102. .one-txt-cut {
  103. overflow: hidden;
  104. white-space: nowrap;
  105. text-overflow: ellipsis;
  106. }
  107. /*多行溢出 */
  108. .txt-cut {
  109. overflow: hidden;
  110. text-overflow: ellipsis;
  111. display: -webkit-box;
  112. /* -webkit-line-clamp: 2; */
  113. -webkit-box-orient: vertical;
  114. }
  115. /*绝对剧中 - z 轴*/
  116. .position_zz {
  117. position: absolute;
  118. top: 0;
  119. bottom: 0;
  120. left: 0;
  121. right: 0;
  122. margin: auto;
  123. }
  124. /*绝对剧中 - x 轴*/
  125. .position_xz {
  126. position: absolute;
  127. left: 0;
  128. right: 0;
  129. margin: auto;
  130. }
  131. /*绝对居中 - y 轴*/
  132. .position_yz {
  133. position: absolute;
  134. top: 0;
  135. bottom: 0;
  136. margin: auto;
  137. }
  138. /*绝对居左 - left*/
  139. .position_lt {
  140. position: absolute;
  141. left: 0;
  142. }
  143. /*绝对居右 - right*/
  144. .position_rt {
  145. position: absolute;
  146. right: 0;
  147. }
  148. /*绝对居上 - top*/
  149. .position_tp {
  150. position: absolute;
  151. top: 0;
  152. }
  153. /*绝对居下 - bottom*/
  154. .position_bt {
  155. position: absolute;
  156. bottom: 0;
  157. }
  158. /*符号:加号(请自定义 .symbol_addition 的宽高)*/
  159. .symbol_addition {
  160. /*width: 15px;*/
  161. /*height: 15px;*/
  162. }
  163. .symbol_addition:after {
  164. content: '';
  165. width: 20%;
  166. height: 100%;
  167. background-color: #b8b8b8;
  168. }
  169. .symbol_addition:before {
  170. content: '';
  171. width: 100%;
  172. height: 20%;
  173. background-color: #b8b8b8;
  174. }
  175. .symbol_addition:after, .symbol_addition:before {
  176. position: absolute;
  177. top: 0;
  178. bottom: 0;
  179. left: 0;
  180. right: 0;
  181. margin: auto;
  182. z-index: 1;
  183. }
  184. /*固定宽*/
  185. .fixed_width {
  186. width: 1200px;
  187. min-height: 1px;
  188. margin: auto;
  189. cursor: default;
  190. }
  191. /* 100% 宽高*/
  192. .screen_full {
  193. width: 100%;
  194. height: 100%;
  195. }