index.css 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525
  1. @charset "utf-8";
  2. /*
  3. * Copyright 2005-2013 dhcc.com.cn. All rights reserved.
  4. * Support: http://www.dhcc.com.cn
  5. * License: http://www.dhcc.com.cn/license
  6. *
  7. * Style - Index
  8. * Version: 3.0
  9. */
  10. /* ---------- Index ---------- */
  11. div.index .slider {
  12. height: 290px;
  13. margin-bottom: 10px;
  14. overflow: hidden;
  15. position: relative;
  16. }
  17. div.index .slider img {
  18. width: 710px;
  19. height: 290px;
  20. position: absolute;
  21. top: 0px;
  22. left: 0px;
  23. }
  24. div.index .newArticle {
  25. width: 228px;
  26. height: 172px;
  27. margin-bottom: 10px;
  28. overflow: hidden;
  29. border: solid 1px #e4e4e4;
  30. }
  31. div.index .newArticle .tab {
  32. width: 300px;
  33. height: 30px;
  34. background-color: #f1f1f1;
  35. }
  36. div.index .newArticle .tab li {
  37. width: 76px;
  38. height: 30px;
  39. line-height: 30px;
  40. float: left;
  41. text-align: center;
  42. overflow: hidden;
  43. border-right: solid 1px #e4e4e4;
  44. }
  45. div.index .newArticle .tab li.current {
  46. background-color: #ffffff;
  47. }
  48. div.index .newArticle .tabContent {
  49. padding: 6px;
  50. }
  51. div.index .newArticle .tabContent li {
  52. line-height: 26px;
  53. }
  54. div.index .hotBrand {
  55. padding: 0px 10px 10px 10px;
  56. background-color: #f1f1f1;
  57. }
  58. div.index .hotBrand .title {
  59. height: 30px;
  60. line-height: 30px;
  61. color: #cacaca;
  62. font-weight: bold;
  63. font-family: "Microsoft YaHei";
  64. }
  65. div.index .hotBrand .title strong {
  66. margin-right: 10px;
  67. color: #d31c31;
  68. font-size: 14px;
  69. font-weight: bold;
  70. }
  71. div.index .hotBrand .title a {
  72. float: right;
  73. color: #999999;
  74. font-weight: normal;
  75. }
  76. div.index .hotBrand li {
  77. white-space: nowrap;
  78. float: left;
  79. margin-right: -1px;
  80. margin-bottom: -1px;
  81. _position: relative;
  82. border: 1px solid #e4e4e4;
  83. background-color: #ffffff;
  84. }
  85. div.index .hotBrand li a {
  86. width: 97px;
  87. height: 50px;
  88. display: block;
  89. overflow: hidden;
  90. background: url(../images/index.gif) 0px 0px repeat-x;
  91. }
  92. div.index .hotBrand li a:hover {
  93. height: 49px;
  94. border-bottom: 1px solid #656565;
  95. }
  96. div.index .hotBrand li img {
  97. width: 97px;
  98. height: 50px;
  99. }
  100. div.index .hotProductCategory {
  101. padding: 0px 10px 10px 10px;
  102. margin-bottom: 10px;
  103. background-color: #f1f1f1;
  104. }
  105. div.index .hotProductCategory .title {
  106. height: 30px;
  107. line-height: 30px;
  108. color: #cacaca;
  109. font-weight: bold;
  110. font-family: "Microsoft YaHei";
  111. }
  112. div.index .hotProductCategory .title strong {
  113. margin-right: 10px;
  114. color: #d31c31;
  115. font-size: 14px;
  116. font-weight: bold;
  117. }
  118. div.index .hotProductCategory .title a {
  119. float: right;
  120. color: #999999;
  121. font-weight: normal;
  122. }
  123. div.index .hotProductCategory .content {
  124. border: 1px solid #e4e4e4;
  125. background-color: #ffffff;
  126. }
  127. div.index .hotProductCategory table {
  128. width: 100%;
  129. }
  130. div.index .hotProductCategory tr {
  131. border-bottom: 1px solid #f1f1f1;
  132. }
  133. div.index .hotProductCategory tr.last {
  134. border-bottom: none;
  135. }
  136. div.index .hotProductCategory th {
  137. width: 90px;
  138. height: 60px;
  139. font-weight: normal;
  140. text-align: center;
  141. white-space: nowrap;
  142. border: 3px solid #ffffff;
  143. background-color: #f8f8f8;
  144. }
  145. div.index .hotProductCategory tr:hover th {
  146. background-color: #e4e4e4;
  147. }
  148. @media screen and (-webkit-min-device-pixel-ratio:0){
  149. div.index .hotProductCategory th {
  150. height: 60px;
  151. }
  152. }
  153. div.index .hotProductCategory td a {
  154. line-height: 30px;
  155. padding: 0px 10px;
  156. color: #666666;
  157. white-space: nowrap;
  158. }
  159. div.index .promotionProduct {
  160. width: 228px;
  161. margin-bottom: 10px;
  162. overflow: hidden;
  163. border-left: solid 1px #e4e4e4;
  164. border-right: solid 1px #e4e4e4;
  165. border-bottom: solid 1px #e4e4e4;
  166. }
  167. div.index .promotionProduct .tab {
  168. width: 300px;
  169. height: 31px;
  170. }
  171. div.index .promotionProduct .tab li {
  172. width: 114px;
  173. height: 31px;
  174. line-height: 31px;
  175. float: left;
  176. text-align: center;
  177. overflow: hidden;
  178. border-right: solid 1px #e4e4e4;
  179. background: url(../images/index.gif) 0px -90px repeat-x;
  180. }
  181. div.index .promotionProduct .tab li.current {
  182. height: 29px;
  183. line-height: 29px;
  184. border-top: solid 2px #ff830f;
  185. background-color: #ffffff;
  186. background-image: none;
  187. }
  188. div.index .promotionProduct .tabContent {
  189. padding: 6px;
  190. }
  191. div.index .promotionProduct .tabContent li {
  192. height: 94px;
  193. padding-bottom: 10px;
  194. margin-bottom: 10px;
  195. overflow: hidden;
  196. border-bottom: 1px solid #f1f1f1;
  197. }
  198. div.index .promotionProduct .tabContent li.last {
  199. padding-bottom: 0px;
  200. margin-bottom: 0px;
  201. border-bottom: none;
  202. }
  203. div.index .promotionProduct .tabContent .info {
  204. line-height: 26px;
  205. color: #a5a5a5;
  206. }
  207. div.index .promotionProduct .tabContent em {
  208. color: #404040;
  209. font-weight: bold;
  210. font-style: normal;
  211. }
  212. div.index .promotionProduct .tabContent del {
  213. color: #a5a5a5;
  214. font-weight: normal;
  215. font-style: normal;
  216. text-decoration: line-through;
  217. }
  218. div.index .promotionProduct .tabContent strong {
  219. color: #ff0000;
  220. font-size: 14px;
  221. font-weight: bold;
  222. }
  223. div.index .promotionProduct .tabContent span {
  224. display: block;
  225. clear: both;
  226. }
  227. div.index .promotionProduct .tabContent div img {
  228. width: 50px;
  229. height: 50px;
  230. display: block;
  231. float: left;
  232. padding: 2px;
  233. margin: 4px 4px 0px 0px;
  234. border: 1px solid #e4e4e4;
  235. }
  236. div.index .promotionProduct .tabContent div div {
  237. width: 156px;
  238. line-height: 20px;
  239. float: left;
  240. overflow: hidden;
  241. }
  242. div.index .newReview {
  243. margin-bottom: 10px;
  244. overflow: hidden;
  245. border: solid 1px #e4e4e4;
  246. }
  247. div.index .newReview .title {
  248. height: 30px;
  249. line-height: 30px;
  250. padding: 0px 10px;
  251. color: #d31c31;
  252. font-size: 14px;
  253. font-weight: bold;
  254. font-family: "Microsoft YaHei";
  255. background-color: #f1f1f1;
  256. }
  257. div.index .newReview ul {
  258. line-height: 28px;
  259. padding: 2px 6px;
  260. }
  261. div.index .middleAd {
  262. margin-bottom: 10px;
  263. }
  264. div.index .hotProduct {
  265. margin-bottom: 10px;
  266. }
  267. div.index .hotProduct .title {
  268. width: 260px;
  269. height: 40px;
  270. float: left;
  271. margin-bottom: 10px;
  272. /* background: url(../images/index.gif) 0px -150px no-repeat; */
  273. background-color: #825996;
  274. }
  275. div.index .hotProduct .title strong {
  276. line-height: 38px;
  277. display: block;
  278. float: left;
  279. padding-left: 10px;
  280. color: #ffffff;
  281. font-size: 16px;
  282. font-family: "Microsoft YaHei";
  283. }
  284. div.index .hotProduct .title a {
  285. width: 40px;
  286. height: 40px;
  287. display: block;
  288. float: right;
  289. }
  290. div.index .hotProduct .tab {
  291. width: 690px;
  292. height: 40px;
  293. line-height: 40px;
  294. float: left;
  295. margin-bottom: 10px;
  296. overflow: hidden;
  297. /* background: url(../images/index.gif) 0px -210px repeat-x; */
  298. background-color: #825996;
  299. }
  300. div.index .hotProduct .tab li {
  301. width: 120px;
  302. height: 35px;
  303. line-height: 35px;
  304. float: left;
  305. margin-top: 2px;
  306. font-size: 14px;
  307. text-align: center;
  308. overflow: hidden;
  309. }
  310. div.index .hotProduct .tab li.current {
  311. font-weight: bold;
  312. background-color: #825996;
  313. }
  314. div.index .hotProduct .hotProductAd {
  315. width: 260px;
  316. height: 343px;
  317. float: left;
  318. }
  319. div.index .hotProduct .tabContent {
  320. width: 950px;
  321. float: left;
  322. padding-left: 5px;
  323. _padding-left: 2px;
  324. }
  325. div.index .hotProduct .tabContent li {
  326. float: left;
  327. margin-right: -1px;
  328. margin-bottom: 10px;
  329. _position: relative;
  330. border:1px solid #e4e4e4;
  331. margin-left: 14px;
  332. }
  333. div.index .hotProduct .tabContent li:hover {
  334. filter: alpha(opacity = 70);
  335. -moz-opacity: 0.7;
  336. opacity: 0.7;
  337. }
  338. div.index .hotProduct .tabContent img {
  339. width: 170px;
  340. height: 170px;
  341. display: block;
  342. }
  343. div.index .newProduct {
  344. margin-bottom: 10px;
  345. }
  346. div.index .newProduct .title {
  347. width: 260px;
  348. height: 40px;
  349. float: left;
  350. margin-bottom: 10px;
  351. /* background: url(../images/index.gif) 0px -270px no-repeat; */
  352. background-color: #AB7156;
  353. }
  354. div.index .newProduct .title strong {
  355. line-height: 38px;
  356. display: block;
  357. float: left;
  358. padding-left: 10px;
  359. color: #ffffff;
  360. font-size: 16px;
  361. font-family: "Microsoft YaHei";
  362. }
  363. div.index .newProduct .title a {
  364. width: 40px;
  365. height: 40px;
  366. display: block;
  367. float: right;
  368. }
  369. div.index .newProduct .tab {
  370. width: 690px;
  371. height: 40px;
  372. line-height: 40px;
  373. float: left;
  374. margin-bottom: 10px;
  375. overflow: hidden;
  376. /* background: url(../images/index.gif) 0px -330px repeat-x; */
  377. background-color: #AB7156;
  378. }
  379. div.index .newProduct .tab li {
  380. width: 120px;
  381. height: 36px;
  382. line-height: 36px;
  383. float: left;
  384. margin-top: 2px;
  385. font-size: 14px;
  386. text-align: center;
  387. overflow: hidden;
  388. }
  389. div.index .newProduct .tab li.current {
  390. font-weight: bold;
  391. background-color: #AB7156;
  392. }
  393. div.index .newProduct .newProductAd {
  394. width: 260px;
  395. height: 343px;
  396. float: left;
  397. }
  398. div.index .newProduct .tabContent {
  399. width: 950px;
  400. float: left;
  401. padding-left: 5px;
  402. _padding-left: 2px;
  403. }
  404. div.index .newProduct .tabContent li {
  405. float: left;
  406. margin-right: -1px;
  407. margin-bottom: 10px;
  408. _position: relative;
  409. border:1px solid #e4e4e4;
  410. margin-left: 14px;}
  411. div.index .newProduct .tabContent li:hover {
  412. filter: alpha(opacity = 70);
  413. -moz-opacity: 0.7;
  414. opacity: 0.7;
  415. }
  416. div.index .newProduct .tabContent img {
  417. width: 170px;
  418. height: 170px;
  419. display: block;
  420. }
  421. div.index .friendLink {
  422. height: 30px;
  423. line-height: 30px;
  424. padding-left: 30px;
  425. margin-bottom: 10px;
  426. color: #ffffff;
  427. background-color: #c5c5c5;
  428. }
  429. div.index .friendLink dt {
  430. float: left;
  431. padding: 0px 30px;
  432. background-color: #6e6e6e;
  433. }
  434. div.index .friendLink dd {
  435. float: left;
  436. }
  437. div.index .friendLink a {
  438. margin: 0px 10px;
  439. color: #ffffff;
  440. }
  441. div.index .friendLink .more {
  442. float: right;
  443. background-color: #6e6e6e;
  444. }