wzbm_home.css 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. html, body, ul, li, ol, dl, dd, img, div, form, input, form, h1, h2, h3, h4, h5, h6, p {
  2. padding: 0px;
  3. margin: 0px;
  4. }
  5. input {
  6. outline: medium none;
  7. }
  8. body {
  9. font-family: "微软雅黑";
  10. margin: 0;
  11. padding: 0;
  12. background-color: white;
  13. }
  14. ul, li {
  15. list-style: none;
  16. }
  17. input, select {
  18. outline: none;
  19. font-family: "微软雅黑";
  20. }
  21. img {
  22. border: none;
  23. }
  24. a {
  25. text-decoration: none;
  26. }
  27. .textbox .textbox-prompt {
  28. color: #aaa;
  29. }
  30. .textbox .textbox-text {
  31. border: 0;
  32. padding: 4px 10px;
  33. white-space: normal;
  34. vertical-align: top;
  35. outline-style: none;
  36. resize: none;
  37. box-shadow: 0px 1px 5px rgba(0, 0, 0, .05) inset;
  38. }
  39. .mm-part {
  40. width: 100%;
  41. float: left;
  42. margin-bottom: 20px;
  43. }
  44. .part-01 {
  45. width: 15%;
  46. float: left;
  47. margin-right: 2%;
  48. box-sizing: border-box;
  49. background-color: #f2f2f2;
  50. border-radius: 5px;
  51. height: 85px;
  52. font-size: 14px;
  53. }
  54. .part-01.last {
  55. margin-right: 0;
  56. }
  57. .part-01-img {
  58. width: 30%;
  59. float: left;
  60. background-color: #54ade9;
  61. height: 85px;
  62. position: relative;
  63. border-radius: 5px 0px 0px 5px;
  64. cursor: pointer;
  65. }
  66. .part-01-img.n2 {
  67. background-color: #ff470c;
  68. }
  69. .part-01-img.n3 {
  70. background-color: #009788;
  71. }
  72. .part-01-img.n4 {
  73. background-color: #5fb878;
  74. }
  75. .part-01-img.n5 {
  76. background-color: #f8b823;
  77. }
  78. .part-01-img.n6 {
  79. background-color: #2f3f56;
  80. }
  81. .part-01-img img {
  82. margin-top: 25px;
  83. width: 32px;
  84. height: 32px;
  85. position: absolute;
  86. left: 50%;
  87. margin-left: -16px;
  88. }
  89. .part-01-txt {
  90. width: 70%;
  91. float: right;
  92. text-align: center;
  93. padding: 14px 0;
  94. cursor: pointer;
  95. }
  96. .part-01-txt p {
  97. color: #333;
  98. }
  99. .part-01-txt p.ok {
  100. color: #2cc057;
  101. }
  102. .part-01-txt p.no {
  103. color: #f55523;
  104. }
  105. .mm-news {
  106. float: left;
  107. margin: 5px;
  108. font-size: 13px;
  109. }
  110. .mm-news-tit {
  111. height: 42px;
  112. width: 100%;
  113. background-color: #f2f2f2;
  114. }
  115. .mm-news-tit h5 {
  116. border-left: 3px solid #54ade9;
  117. line-height: 42px;
  118. font-weight: normal;
  119. text-indent: 13px;
  120. }
  121. .mm-news-con {
  122. width: 100%;
  123. float: left;
  124. box-sizing: border-box;
  125. font-size: 14px;
  126. }
  127. .mm-news-con li {
  128. border-left: 1px solid #e2e2e2;
  129. width: 100%;
  130. float: left;
  131. border-bottom: 1px solid #ddd;
  132. padding: 10px 10px;
  133. box-sizing: border-box;
  134. }
  135. .mm-news-con li a {
  136. width: 75%;
  137. float: left;
  138. overflow: hidden;
  139. text-overflow: ellipsis;
  140. white-space: nowrap;
  141. color: #333;
  142. font-size: 13px;
  143. }
  144. .mm-news-con li span {
  145. float: right;
  146. color: #999;
  147. font-size: 13px;
  148. }
  149. .w30 {
  150. width: 32.3333%;
  151. }
  152. .w50 {
  153. width: 48.9999%;
  154. }
  155. .w100 {
  156. width: 98.9999%;
  157. }
  158. table.new_tab {
  159. border-collapse: collapse;
  160. cursor: pointer;
  161. color: #666;
  162. text-align: center;
  163. }
  164. .new_tab tr.cut {
  165. background-color: #f8f8f8;
  166. }
  167. .new_tab th {
  168. border-bottom: 1px solid #d7dde4;
  169. padding: 15px 20px;
  170. color: #0097e0;
  171. word-break: keep-all;
  172. font-size: 14px;
  173. }
  174. .new_tab td {
  175. padding: 12px 20px;
  176. font-size: 13px;
  177. }
  178. .new_tab td.red {
  179. color: #ff7965;
  180. }
  181. .part-01:hover img {
  182. transform: rotate(360deg);
  183. -webkit-transform: rotate(360deg);
  184. -moz-transform: rotate(360deg);
  185. -o-transform: rotate(360deg);
  186. -ms-transform: rotate(360deg);
  187. }
  188. .part-01 img {
  189. display: block;
  190. /*transition: all 0.3s ease-in-out;*/
  191. /*-webkit-transition: all 0.3s ease-in-out;*/
  192. /*-moz-transition: all 0.3s ease-in-out;*/
  193. /*-o-transition: all 0.3s ease-in-out;*/
  194. transition: all 0.3s ease-in;
  195. -webkit-transition: all 0.3s ease-in;
  196. -moz-transition: all 0.3s ease-in;
  197. -o-transition: all 0.3s ease-in;
  198. }
  199. a.ok {
  200. color: #2cc057
  201. }
  202. a.no {
  203. color: #f55523
  204. }