wrotten.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. .top {
  2. width: 100%;
  3. height: 30px;
  4. background: #f2f2f2;
  5. }
  6. .box {
  7. width: 1200px;
  8. margin: 0 auto;
  9. }
  10. .top_l {
  11. width: 400px;
  12. height: 30px;
  13. line-height: 30px;
  14. }
  15. .top_l span {
  16. display: block;
  17. height: 30px;
  18. margin-right: 30px;
  19. float: left;
  20. color: #666;
  21. }
  22. .top_l span:nth-child(2) em {
  23. display: block;
  24. width: 14px;
  25. height: 30px;
  26. background: url(../themes/jiameng/static/images/xing.png);
  27. float: left;
  28. margin-right: 5px;
  29. }
  30. .top_l span:nth-child(3) em {
  31. display: block;
  32. width: 14px;
  33. height: 30px;
  34. background: url(../themes/jiameng/static/images/shouji.png);
  35. float: left;
  36. margin-right: 5px;
  37. }
  38. .top_l span:nth-child(3) i {
  39. display: block;
  40. width: 15px;
  41. height: 30px;
  42. background: url(../themes/jiameng/static/images/down.png);
  43. float: right;
  44. margin-left: 5px;
  45. }
  46. .top_r {
  47. width: 540px;
  48. height: 30px;
  49. line-height: 30px;
  50. }
  51. .top_r a {
  52. display: block;
  53. height: 30px;
  54. margin-left: 28px;
  55. float: right;
  56. color: #666;
  57. }
  58. .top_r a em {
  59. display: block;
  60. width: 20px;
  61. height: 30px;
  62. float: left;
  63. margin-right: 2px;
  64. }
  65. .top_r a:nth-child(1) em {
  66. background: url(../themes/jiameng/static/images/icon1.png);
  67. }
  68. .top_r a:nth-child(2) em {
  69. background: url(../themes/jiameng/static/images/icon2.png);
  70. }
  71. .top_r a:nth-child(3) em {
  72. background: url(../themes/jiameng/static/images/icon3.png);
  73. }
  74. .top_r span:nth-child(4) em {
  75. background: url(../themes/jiameng/static/images/icon4.png);
  76. }
  77. .top_r span:nth-child(5) em {
  78. background: url(../themes/jiameng/static/images/icon5.png);
  79. }
  80. header {
  81. height: 110px;
  82. width: 100%;
  83. border-bottom: none;
  84. }
  85. .clear::after {
  86. display: block;
  87. content: '';
  88. clear: both;
  89. }
  90. .header {
  91. height: 110px;
  92. }
  93. .header h1 {
  94. float: left;
  95. width: 230px;
  96. height: 110px;
  97. }
  98. .header h1 img {
  99. width: 100%;
  100. height: 100%;
  101. }
  102. .header_l {
  103. width: 570px;
  104. height: 110px;
  105. margin-left: 78px;
  106. }
  107. .header_l .form {
  108. width: 570px;
  109. margin-top: 30px;
  110. position: relative;
  111. }
  112. .header_l .form input {
  113. width: 365px;
  114. height: 40px;
  115. border: 3px solid #e51717;
  116. outline: none;
  117. box-sizing: border-box;
  118. float: left;
  119. text-indent: 30px;
  120. background: url(../themes/jiameng/static/images/seek.png) no-repeat 5px 8px;
  121. }
  122. .header_l .form a {
  123. display: block;
  124. width: 100px;
  125. height: 40px;
  126. background: #e51717;
  127. line-height: 40px;
  128. text-align: center;
  129. color: #fff;
  130. font-size: 16px;
  131. float: left;
  132. }
  133. .header_l .form p {
  134. float: left;
  135. width: 90px;
  136. height: 40px;
  137. line-height: 20px;
  138. color: #666;
  139. margin-left: 10px;
  140. cursor: pointer;
  141. }
  142. .header_l ul {
  143. height: 30px;
  144. }
  145. .header_l ul .red {
  146. color: #e51717;
  147. float: left;
  148. height: 30px;
  149. line-height: 30px;
  150. margin-right: 7px;
  151. }
  152. .header_l ul li {
  153. float: left;
  154. height: 30px;
  155. line-height: 30px;
  156. margin-right: 7px;
  157. color: #666;
  158. }
  159. .header_l ul li a {
  160. color: #666;
  161. }
  162. nav {
  163. width: 100%;
  164. height: 40px;
  165. background: #db0f21;
  166. }
  167. nav ul li {
  168. width: 120px;
  169. height: 40px;
  170. line-height: 40px;
  171. float: left;
  172. text-align: center;
  173. cursor: pointer;
  174. }
  175. nav ul .active {
  176. background: #99131a;
  177. }
  178. nav ul li a {
  179. display: block;
  180. width: 100%;
  181. height: 100%;
  182. color: #fff;
  183. font-size: 16px;
  184. }
  185. .btn .btnde {
  186. float: left;
  187. display: block;
  188. margin-left: 94px;
  189. width: 346px;
  190. height: 43px;
  191. line-height: 43px;
  192. text-align: center;
  193. background: #db0f21;
  194. color: #fff;
  195. border: 0;
  196. font-size: 16px;
  197. cursor: pointer;
  198. }
  199. .btn .btnde:hover {
  200. background: #db0f21;
  201. }