base.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. /*格式化样式*/
  2. body,
  3. div,
  4. dl,
  5. dt,
  6. dd,
  7. ul,
  8. ol,
  9. li,
  10. h1,
  11. h2,
  12. h3,
  13. h4,
  14. h5,
  15. h6,
  16. pre,
  17. form,
  18. fieldset,
  19. input,
  20. textarea,
  21. p,
  22. blockquote,
  23. th,
  24. td {
  25. margin: 0;
  26. padding: 0;
  27. }
  28. table {
  29. border-collapse: collapse;
  30. border-spacing: 0;
  31. }
  32. fieldset,
  33. img {
  34. border: 0;
  35. }
  36. address,
  37. caption,
  38. cite,
  39. code,
  40. dfn,
  41. em,
  42. strong,
  43. th,
  44. b,
  45. var {
  46. font-style: normal;
  47. font-weight: normal;
  48. }
  49. ol,
  50. ul {
  51. list-style: none;
  52. }
  53. caption,
  54. th {
  55. text-align: left;
  56. }
  57. h1,
  58. h2,
  59. h3,
  60. h4,
  61. h5,
  62. h6 {
  63. font-size: 100%;
  64. font-weight: normal;
  65. }
  66. q:before,
  67. q:after {
  68. content: "";
  69. }
  70. abbr,
  71. acronym {
  72. border: 0;
  73. }
  74. * {
  75. padding: 0px;
  76. margin: 0px;
  77. text-align: left;
  78. font-family: "PingFangSC-Regular", "微软雅黑", Arial, Verdana, Tahoma, "宋体",
  79. Helvetica, sans-serif;
  80. line-height: 150%;
  81. box-sizing: border-box;
  82. }
  83. html {
  84. width: 100%;
  85. height: 100%;
  86. font-size: 14px;
  87. color: #333;
  88. overflow: hidden;
  89. }
  90. body {
  91. width: 100%;
  92. height: 100%;
  93. font-size: 14px;
  94. text-align: center;
  95. color: #333;
  96. overflow: hidden;
  97. }
  98. table {
  99. border-collapse: collapse;
  100. }
  101. td {
  102. padding: 3px;
  103. }
  104. img {
  105. border: none;
  106. vertical-align: middle;
  107. }
  108. input {
  109. padding: 1px;
  110. vertical-align: middle;
  111. line-height: normal;
  112. }
  113. input:focus {
  114. outline: none;
  115. }
  116. .main-box {
  117. margin-right: auto;
  118. margin-left: auto;
  119. width: 960px;
  120. clear: both;
  121. zoom: 1;
  122. overflow: hidden;
  123. background-color: #cccccc;
  124. }
  125. .text-overflow-hidden {
  126. white-space: nowrap;
  127. word-spacing: normal;
  128. letter-spacing: normal;
  129. overflow: hidden;
  130. }
  131. .box-align-center {
  132. margin-right: auto;
  133. margin-left: auto;
  134. }
  135. /*css定义超链接四个状态也有顺序的。*/
  136. a:link,
  137. a:visited {
  138. text-decoration: none;
  139. color: #1f376d;
  140. }
  141. a:hover,
  142. a:active {
  143. text-decoration: underline;
  144. color: #bd0a01;
  145. border: none;
  146. }
  147. .fl {
  148. float: left;
  149. }
  150. .fr {
  151. float: right;
  152. }
  153. .hauto {
  154. height: auto !important;
  155. }
  156. .clearfix:after {
  157. content: "";
  158. display: block;
  159. clear: both;
  160. visibility: hidden;
  161. }
  162. .clearfix {
  163. *zoom: 1;
  164. }
  165. .iconfont {
  166. font-family: "iconfont";
  167. font-style: normal;
  168. -webkit-font-smoothing: antialiased;
  169. -webkit-text-stroke-width: 0.2px;
  170. -moz-osx-font-smoothing: grayscale;
  171. color: #005395;
  172. font-size: 18px;
  173. }
  174. .bolderFont {
  175. font-weight: 600;
  176. }
  177. /* 超出部分隐藏 展示行数 */
  178. .firstLine {
  179. -webkit-line-clamp: 1;
  180. }
  181. .secondLine {
  182. -webkit-line-clamp: 2;
  183. }
  184. .required {
  185. color: #fe2a44;
  186. margin-right: 4px;
  187. }
  188. .oneline {
  189. overflow: hidden;
  190. text-overflow: ellipsis;
  191. white-space: nowrap;
  192. }
  193. .twoline {
  194. overflow: hidden;
  195. text-overflow: ellipsis;
  196. -webkit-line-clamp: 2;
  197. -webkit-box-orient: vertical;
  198. display: -webkit-box;
  199. }