cart.css 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  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 - Cart
  8. * Version: 3.0
  9. */
  10. /* ---------- Cart ---------- */
  11. div.cart .step {
  12. height: 38px;
  13. margin-bottom: 10px;
  14. }
  15. div.cart .step li {
  16. width: 150px;
  17. height: 38px;
  18. line-height: 38px;
  19. float: left;
  20. padding-left: 50px;
  21. font-size: 14px;
  22. font-family: "Microsoft YaHei";
  23. }
  24. div.cart .step .current {
  25. color: #ffffff;
  26. }
  27. div.cart .step1 {
  28. background: url(././images/cart.gif) 0px 0px no-repeat;
  29. }
  30. div.cart .step2 {
  31. background: url(././images/cart.gif) 0px -38px no-repeat;
  32. }
  33. div.cart .step3 {
  34. background: url(././images/cart.gif) 0px -76px no-repeat;
  35. }
  36. div.cart table {
  37. width: 100%;
  38. margin-bottom: 10px;
  39. }
  40. div.cart table th {
  41. line-height: 36px;
  42. padding: 0px 6px;
  43. color: #999999;
  44. font-weight: normal;
  45. text-align: left;
  46. border: solid 1px #e6e4e3;
  47. background-color: #fafafa;
  48. }
  49. div.cart table td {
  50. line-height: 20px;
  51. padding: 4px;
  52. border: solid 1px #f1f1f1;
  53. }
  54. div.cart table img {
  55. width: 60px;
  56. height: 60px;
  57. }
  58. div.cart dl {
  59. height: 20px;
  60. line-height: 20px;
  61. padding: 4px 10px;
  62. margin-bottom: 10px;
  63. border: solid 1px #f1f1f1;
  64. }
  65. div.cart dt {
  66. float: left;
  67. margin-right: 10px;
  68. font-weight: bold;
  69. }
  70. div.cart dd {
  71. float: left;
  72. margin-right: 10px;
  73. }
  74. div.cart .quantity input {
  75. width: 30px;
  76. height: 18px;
  77. line-height: 18px;
  78. float: left;
  79. padding: 0px 2px;
  80. text-align: center;
  81. ime-mode: disabled;
  82. border: 1px solid #dbdbdb;
  83. }
  84. div.cart .quantity div {
  85. height: 18px;
  86. float: left;
  87. padding-left: 2px;
  88. }
  89. div.cart .quantity .increase {
  90. width: 18px;
  91. height: 7px;
  92. display: block;
  93. clear: both;
  94. margin-bottom: 2px;
  95. cursor: pointer;
  96. overflow: hidden;
  97. border: 1px solid #dbdbdb;
  98. background: url(././images/cart.gif) 0px -120px #f9f9f9 no-repeat;
  99. }
  100. div.cart .quantity .decrease {
  101. width: 18px;
  102. height: 7px;
  103. display: block;
  104. clear: both;
  105. cursor: pointer;
  106. overflow: hidden;
  107. border: 1px solid #dbdbdb;
  108. background: url(././images/cart.gif) -30px -120px #f9f9f9 no-repeat;
  109. }
  110. div.cart .total {
  111. padding: 10px 0px;
  112. margin-bottom: 10px;
  113. text-align: right;
  114. }
  115. div.cart .total em {
  116. margin-right: 14px;
  117. color: #ff6600;
  118. font-style: normal;
  119. }
  120. div.cart .total strong {
  121. color: #ef0101;
  122. font-size: 14px;
  123. }
  124. div.cart .bottom {
  125. height: 30px;
  126. line-height: 30px;
  127. margin-bottom: 10px;
  128. text-align: right;
  129. overflow: hidden;
  130. border: 1px dotted #e4e4e4;
  131. background-color: #fdfdfd;
  132. }
  133. div.cart .clear {
  134. margin-right: 10px;
  135. }
  136. div.cart .submit {
  137. padding: 14px;
  138. color: #ffffff;
  139. background-color: #b31d04;
  140. }
  141. div.cart p {
  142. line-height: 60px;
  143. margin-bottom: 10px;
  144. border-top: 1px solid #e4e4e4;
  145. border-bottom: 1px solid #e4e4e4;
  146. }