base.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  2. margin: 0;
  3. padding: 0;
  4. border: 0;
  5. font: inherit;
  6. font-size: 100%;
  7. vertical-align: baseline
  8. }
  9. html {
  10. line-height: 1
  11. }
  12. ol, ul {
  13. list-style: none
  14. }
  15. table {
  16. border-collapse: collapse;
  17. border-spacing: 0
  18. }
  19. caption, th, td {
  20. text-align: left;
  21. font-weight: normal;
  22. vertical-align: middle
  23. }
  24. q, blockquote {
  25. quotes: none
  26. }
  27. q:before, q:after, blockquote:before, blockquote:after {
  28. content: "";
  29. content: none
  30. }
  31. a img {
  32. border: none
  33. }
  34. article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  35. display: block
  36. }
  37. html {
  38. *overflow: auto
  39. }
  40. body, button, input, select, textarea {
  41. font-family: PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
  42. font-size: 14px
  43. }
  44. .clearfix:after {
  45. content: "";
  46. display: block;
  47. height: 0;
  48. clear: both;
  49. visibility: hidden
  50. }
  51. .clearfix {
  52. display: inline-block
  53. }
  54. .clearfix {
  55. height: 1%
  56. }
  57. .clearfix {
  58. display: block;
  59. overflow: hidden
  60. }
  61. .ellipsis {
  62. text-overflow: ellipsis;
  63. white-space: nowrap;
  64. overflow: hidden
  65. }
  66. .alert {
  67. margin-bottom: 20px;
  68. padding: 0 10px;
  69. height: 36px;
  70. line-height: 36px;
  71. border: 1px solid #ddd;
  72. color: #888
  73. }
  74. .alert .close {
  75. float: right;
  76. font-size: 12px;
  77. color: #999
  78. }
  79. .alert .close:hover {
  80. text-decoration: none
  81. }
  82. .alert.alert-warning {
  83. background: #fff5db;
  84. color: #e2ba89;
  85. border-color: #ffe195
  86. }
  87. .alert.alert-error {
  88. background: #fceee8;
  89. color: #fc0000;
  90. border-color: #fc0000
  91. }
  92. ::-webkit-scrollbar-track-piece {
  93. background-color: #fff;
  94. -webkit-border-radius: 0
  95. }
  96. ::-webkit-scrollbar {
  97. width: 10px;
  98. height: 10px
  99. }
  100. ::-webkit-scrollbar-thumb {
  101. height: 50px;
  102. background-color: #b8b8b8;
  103. -webkit-border-radius: 6px;
  104. outline: 2px solid #fff;
  105. outline-offset: -2px;
  106. border: 2px solid #fff;
  107. filter: alpha(opacity=50);
  108. -moz-opacity: 0.5;
  109. -khtml-opacity: 0.5;
  110. opacity: 0.5
  111. }
  112. ::-webkit-scrollbar-thumb:hover {
  113. height: 50px;
  114. background-color: #878987;
  115. -webkit-border-radius: 6px
  116. }
  117. @font-face {
  118. font-family: 'iconfont';
  119. src: url('../fonts/iconfont.eot?1464535104');
  120. src: url('../fonts/iconfont.eot?&1464535104#iefix') format("embedded-opentype"),url('../fonts/iconfont.woff?1464535104') format("woff"),url('../fonts/iconfont.ttf?1464535104') format("truetype"),url('../fonts/iconfont.svg?1464535104#iconfont') format("svg")
  121. }
  122. .iconfont {
  123. font-family: "iconfont" !important;
  124. font-size: 16px;
  125. font-style: normal;
  126. -webkit-font-smoothing: antialiased;
  127. -webkit-text-stroke-width: 0.2px;
  128. -moz-osx-font-smoothing: grayscale
  129. }
  130. .kv-table {
  131. border-right: 1px solid #cacaca \9;
  132. *border-right: 1px solid #cacaca
  133. }
  134. .kv-table .kv-table-row {
  135. border-bottom: 1px solid #cacaca
  136. }
  137. .kv-table .kv-table-row .kv-item {
  138. padding-left: 134px
  139. }
  140. .kv-table .kv-table-row .kv-item .kv-label {
  141. float: left;
  142. padding: 0 10px;
  143. margin-left: -134px;
  144. width: 112px;
  145. background: #f5f5f5;
  146. border: 1px solid #cacaca;
  147. border-bottom: none;
  148. border-top: none
  149. }
  150. .kv-table .kv-table-row .kv-item .kv-content-wrap {
  151. float: left;
  152. width: 100%
  153. }
  154. .kv-table .kv-table-row .kv-item .kv-content {
  155. padding: 10px
  156. }
  157. .kv-table .kv-table-row.col-3 .kv-item-wrap {
  158. float: left;
  159. width: 33.33%
  160. }
  161. .kv-table .kv-table-row.col-2 .kv-item-wrap {
  162. float: left;
  163. width: 33.33%
  164. }
  165. table.kv-table {
  166. width: 100%
  167. }
  168. table.kv-table .kv-label {
  169. padding: 0 10px;
  170. width: 114px;
  171. background: #f5f5f5;
  172. border: 1px solid #cacaca;
  173. border-top: none
  174. }
  175. table.kv-table td.kv-content, table.kv-table td.kv-label {
  176. height: 29px;
  177. padding: 4px 0;
  178. border-bottom: 1px solid #cacaca;
  179. font-size: 13px;
  180. padding-left: 10px
  181. }
  182. table.kv-table tr:first-child td.kv-content, table.kv-table tr:first-child td.kv-label {
  183. border-top: 1px solid #cacaca
  184. }
  185. table.kv-table tr td.kv-content:last-child {
  186. border-right: 1px solid #cacaca
  187. }
  188. table.kv-table tr .button {
  189. text-align: center;
  190. border-radius: 0;
  191. text-indent: 0;
  192. height: 32px
  193. }
  194. table.kv-table .kv-content {
  195. width: 260px;
  196. padding: 5px 10px
  197. }
  198. table.kv-table .textarea-wrap textarea {
  199. width: 98%
  200. }
  201. .selImg {
  202. opacity: 0;
  203. filter: alpha(opacity=0);
  204. height: 190px;
  205. width: 140px;
  206. position: absolute;
  207. z-index: 9;
  208. }