common.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266
  1. /*公共样式*/
  2. .fl {
  3. float: left;
  4. }
  5. .fr {
  6. float: right;
  7. }
  8. @font-face {
  9. font-family: 'icomoon';
  10. src: url('../fonts/icomoon.eot?7kkyc2');
  11. src: url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
  12. url('../fonts/icomoon.ttf?7kkyc2') format('truetype'),
  13. url('../fonts/icomoon.woff?7kkyc2') format('woff'),
  14. url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
  15. font-weight: normal;
  16. font-style: normal;
  17. }
  18. .fr .icomoon {
  19. font-family: 'icomoon';
  20. font-size: 16px;
  21. line-height: 26px;
  22. }
  23. /*版心*/
  24. .w {
  25. width: 1200px;
  26. margin: 0 auto;
  27. }
  28. .style-red {
  29. color: #c81623;
  30. }
  31. .spacer {
  32. width: 1px;
  33. height: 12px;
  34. background-color: #666;
  35. margin: 9px 12px 0;
  36. }
  37. /*顶部快捷导航*/
  38. .shortcut {
  39. height: 31px;
  40. background-color: #f1f1f1;
  41. line-height: 31px;
  42. }
  43. .shortcut li {
  44. float: left;
  45. }
  46. /*header区域*/
  47. .header {
  48. position: relative;
  49. height: 105px;
  50. }
  51. .logo {
  52. position: absolute;
  53. top: 25px;
  54. left: 0;
  55. width: 175px;
  56. height: 56px;
  57. }
  58. .logo a {
  59. display: block;
  60. /*overflow: hidden;*/
  61. width: 175px;
  62. height: 56px;
  63. background: url(../img/logo.png) no-repeat;
  64. /*text-indent: -999px;*/
  65. font-size: 0;
  66. }
  67. .search {
  68. position: absolute;
  69. top: 25px;
  70. left: 348px;
  71. }
  72. .text {
  73. float: left;
  74. width: 445px;
  75. height: 32px;
  76. border: 2px solid #b1191a;
  77. padding-left: 10px;
  78. color: #ccc;
  79. }
  80. .btn {
  81. float: left;
  82. width: 82px;
  83. height: 36px;
  84. background-color: #b1191a;
  85. border: 0;
  86. font-size: 16px;
  87. color: #fff;
  88. }
  89. .hotwrods {
  90. position: absolute;
  91. top: 65px;
  92. left: 348px;
  93. }
  94. .hotwrods a {
  95. margin: 0 10px;
  96. }
  97. .shopcar {
  98. position: absolute;
  99. top:25px;
  100. right: 64px;
  101. width: 138px;
  102. height: 34px;
  103. border: 1px solid #dfdfdf;
  104. background-color: #f7f7f7;
  105. line-height: 34px;
  106. text-align: center;
  107. }
  108. .car {
  109. font-family: 'icomoon';
  110. color: #da5555;
  111. }
  112. .arrow {
  113. font-family: 'icomoon';
  114. margin-left: 5px;
  115. }
  116. .count {
  117. position: absolute;
  118. top: -5px;
  119. /*应该是左侧对齐 文字才能往右走显示*/
  120. left: 100px;
  121. background-color: #e60012;
  122. height: 14px;
  123. padding: 0 3px;
  124. line-height: 14px;
  125. color: #fff;
  126. /*border-radius: 左上角 右上角 右下角 左下角;*/
  127. border-radius: 7px 7px 7px 0;
  128. }
  129. /*nav start*/
  130. .nav {
  131. height: 45px;
  132. border-bottom: 2px solid #b1191a;
  133. }
  134. .dropdown {
  135. width: 209px;
  136. height: 45px;
  137. }
  138. .dropdown .dt {
  139. height: 100%;
  140. background-color: #b1191a;
  141. font-size: 16px;
  142. color: #fff;
  143. text-align: center;
  144. line-height: 45px;
  145. }
  146. .dropdown .dd {
  147. height: 465px;
  148. background-color: #c81623;
  149. margin-top: 2px;
  150. }
  151. .menu_item:hover {
  152. background-color: #fff;
  153. }
  154. /*鼠标经过li 里面的 a变颜色*/
  155. .menu_item:hover a {
  156. color: #c81623;
  157. }
  158. .menu_item {
  159. height: 31px;
  160. line-height: 31px;
  161. margin-left: 1px;
  162. padding: 0 10px;
  163. transition: all .5s;
  164. }
  165. .menu_item:hover {
  166. padding-left: 20px;
  167. }
  168. .menu_item a {
  169. font-size: 14px;
  170. color: #fff;
  171. }
  172. .menu_item i {
  173. float: right;
  174. font-family: 'icomoon';
  175. font-size: 18px;
  176. color: #fff;
  177. }
  178. .navitems {
  179. margin-left: 10px;
  180. }
  181. .navitems li {
  182. float: left;
  183. }
  184. .navitems li a {
  185. display: block;
  186. height: 45px;
  187. padding: 0 25px;
  188. line-height: 45px;
  189. font-size: 16px;
  190. }
  191. /*footer 部分*/
  192. .footer {
  193. height: 386px;
  194. background-color: #f5f5f5;
  195. padding-top: 30px;
  196. }
  197. .mod_service {
  198. height: 79px;
  199. border-bottom: 1px solid #ccc;
  200. }
  201. .mod_service li {
  202. float: left;
  203. width: 240px;
  204. height: 79px;
  205. }
  206. .mod-service-icon {
  207. /*浮动的盒子 可以直接给大小的 不需要转换*/
  208. float: left;
  209. width: 50px;
  210. height: 50px;
  211. margin-left: 35px;
  212. background: url(../img/icons.png) no-repeat;
  213. }
  214. .mod_service_zheng {
  215. background-position: -253px -3px;
  216. }
  217. .mod_service_tit {
  218. float: left;
  219. margin-left: 5px;
  220. }
  221. .mod_service_tit h5 {
  222. margin: 5px 0;
  223. }
  224. .mod_service_kuai {
  225. background-position: -255px -54px;
  226. }
  227. .mod_service_bao {
  228. background-position: -257px -105px;
  229. }
  230. .mod_help {
  231. height: 187px;
  232. border-bottom: 1px solid #ccc;
  233. }
  234. .mod_help_item {
  235. float: left;
  236. width: 150px;
  237. padding: 20px 0 0 50px;
  238. }
  239. .mod_help_item dt {
  240. height: 25px;
  241. font-size: 16px;
  242. }
  243. .mod_help_item dd {
  244. height: 22px;
  245. }
  246. .mod_help_app dt,
  247. .mod_help_app p {
  248. padding-left: 15px;
  249. }
  250. .mod_help_app img {
  251. margin: 7px 0;
  252. }
  253. .mod_copyright {
  254. text-align: center;
  255. }
  256. .mod_copyright_links {
  257. margin: 20px 0 15px 0;
  258. }
  259. .mod_copyright_info {
  260. line-height: 18px;
  261. }