shopcart.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. @charset "utf-8";
  2. .ey-price {
  3. font-size: 30px;
  4. color: #d02b18;
  5. }
  6. .ey-number {
  7. padding: 12px 0px;
  8. font-size: 14px;
  9. position: relative;
  10. }
  11. .ey-number .btn-input {
  12. border: 1px solid #CCC;
  13. display: inline-block;
  14. vertical-align: middle;
  15. position: relative;
  16. font-size: 0px;
  17. }
  18. .ey-number .btn-input button {
  19. width: 28px;
  20. height: 30px;
  21. font-size: 16px;
  22. line-height: 30px;
  23. padding: 0;
  24. border: none;
  25. background-color: #fff;
  26. color: #333;
  27. outline: none;
  28. }
  29. .ey-number .btn-input input {
  30. font-size: 12px;
  31. height: 30px;
  32. padding: 0;
  33. display: inline-block;
  34. vertical-align: top;
  35. width: 45px;
  36. text-align: center;
  37. border: none;
  38. border-left: 1px solid #CCC;
  39. border-right: 1px solid #CCC;
  40. border-radius: 0;
  41. outline: none;
  42. }
  43. .ey-number label {
  44. margin-right: 12px;
  45. }
  46. .ey-buyaction {
  47. margin-top: 5px;
  48. }
  49. .ey-buyaction a {
  50. font-size: 14px;
  51. display: inline-block;
  52. padding: 8px 18px;
  53. cursor: pointer;
  54. text-align: center;
  55. vertical-align: middle;
  56. }
  57. .ey-buyaction a:hover {
  58. text-decoration: none
  59. }
  60. .ey-joinin {
  61. margin-right: 8px;
  62. color: #fff;
  63. background-color: #f96868;
  64. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
  65. box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075)
  66. }
  67. .ey-joinin:hover, .ey-joinin:focus {
  68. color: #fff;
  69. background-color: #f73737;
  70. }
  71. .ey-joinbuy {
  72. color: #fff;
  73. background-color: #f2a654;
  74. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
  75. box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075)
  76. }
  77. .ey-joinbuy:hover, .ey-joinbuy:focus {
  78. color: #fff;
  79. background-color: #ee8d25
  80. }
  81. .btn {
  82. display: inline-block;
  83. padding: 6px 12px;
  84. margin-bottom: 0;
  85. font-size: 14px;
  86. font-weight: normal;
  87. line-height: 1.42857143;
  88. text-align: center;
  89. white-space: nowrap;
  90. vertical-align: middle;
  91. -ms-touch-action: manipulation;
  92. touch-action: manipulation;
  93. cursor: pointer;
  94. -webkit-user-select: none;
  95. -moz-user-select: none;
  96. -ms-user-select: none;
  97. user-select: none;
  98. background-image: none;
  99. border: 1px solid transparent;
  100. border-radius: 4px;
  101. }
  102. /*首页产品规格选项样式覆盖*/
  103. .btn-selected {
  104. background-color: transparent;
  105. color: #76838f;
  106. border-color: #e4eaec;
  107. }
  108. .btn-selected.btn-danger {
  109. color: #f96868;
  110. background-color: transparent;
  111. border-color: #f96868;
  112. }
  113. .btn-selected.btn-danger:hover {
  114. color: #f96868;
  115. background-color: transparent;
  116. border-color: #f96868;
  117. }
  118. .btn-selected:hover, .btn-selected:focus {
  119. color: #f96868;
  120. background-color: transparent;
  121. border-color: #f96868;
  122. }