list.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. .sk {
  2. position: absolute;
  3. top: 40px;
  4. left: 185px;
  5. height: 32px;
  6. padding: 5px 0 0 15px;
  7. border-left: 1px solid #b1191a;
  8. }
  9. .sk_list li {
  10. float: left;
  11. line-height: 45px;
  12. margin: 0 30px;
  13. }
  14. .sk_list li a {
  15. font-size: 16px;
  16. color: #000;
  17. font-weight: 700;
  18. }
  19. .sk_list li a:hover {
  20. color: #c81523
  21. }
  22. .sk_con li {
  23. float: left;
  24. line-height: 45px;
  25. margin: 0 20px;
  26. }
  27. .sk_con li a {
  28. font-size: 14px;
  29. font-weight: 700;
  30. font-family: 'icomoon';
  31. }
  32. .sk-goods {
  33. position: relative;
  34. float: left;
  35. width: 288px;
  36. height: 428px;
  37. margin-right: 13px;
  38. border: 1px solid transparent;
  39. margin: 0 12px 15px 0;
  40. }
  41. .sk-goods:hover {
  42. border: 1px solid #e12228;
  43. }
  44. .sk-bd {
  45. width: 1212px;
  46. }
  47. .sk-goods img {
  48. margin: 10px 35px;
  49. }
  50. .sk-goods-title {
  51. font-size: 14px;
  52. color: #666;
  53. font-weight: 400;
  54. margin: 0 10px;
  55. }
  56. .sk-goods-price {
  57. padding: 10px 10px 0;
  58. }
  59. .sk-goods-price em {
  60. font-size: 22px;
  61. color: #e60012;
  62. font-weight: 700;
  63. }
  64. .sk-goods-price del {
  65. font-weight: 700;
  66. font-size: 14px;
  67. color: #a4a4a4;
  68. }
  69. .sk-goods-progress {
  70. padding: 0 10px;
  71. }
  72. .bar {
  73. display: inline-block;
  74. width: 130px;
  75. height: 10px;
  76. border: 1px solid #e60012;
  77. vertical-align: middle;
  78. margin: 0 5px;
  79. border-radius: 5px;
  80. }
  81. .bar-in {
  82. height: 10px;
  83. width: 87%;
  84. background-color: #e60012;
  85. }
  86. .sk-goods-progress em {
  87. color: #e60012;
  88. }
  89. .sk-goods-buy {
  90. position: absolute;
  91. bottom: 0;
  92. width: 100%;
  93. height: 50px;
  94. background-color: #e60012;
  95. color: #fff;
  96. text-align: center;
  97. line-height: 50px;
  98. font-size: 20px;
  99. }
  100. .page {
  101. margin: 40px 0;
  102. text-align: center;
  103. }
  104. .page-num a {
  105. display: inline-block;
  106. width: 36px;
  107. height: 36px;
  108. line-height: 36px;
  109. border: 1px solid #ccc;
  110. background-color: #f7f7f7;
  111. }
  112. .page-num .pn-prev,
  113. .page-num .pn-next {
  114. width: 82px;
  115. }
  116. .page-num .current,
  117. .page-num .dotted {
  118. border: 1px solid transparent;
  119. background-color: transparent;
  120. }
  121. .page-skip input {
  122. width: 36px;
  123. height: 36px;
  124. border: 1px solid #ccc;
  125. text-align: center;
  126. transition: all 0.3s;
  127. }
  128. .page-skip input:focus {
  129. width: 88px;
  130. border: 1px solid skyblue;
  131. }
  132. .page-skip button {
  133. height: 36px;
  134. width: 54px;
  135. border: 1px solid #ccc;
  136. background-color: #f7f7f7;
  137. font-weight: 700;
  138. }