Showing
1 changed file
with
11 additions
and
138 deletions
| @@ -66,141 +66,6 @@ $basicBtnC:#eb0313; | @@ -66,141 +66,6 @@ $basicBtnC:#eb0313; | ||
| 66 | background-color: $tableCellC; | 66 | background-color: $tableCellC; |
| 67 | } | 67 | } |
| 68 | } | 68 | } |
| 69 | -<<<<<<< HEAD | ||
| 70 | - | ||
| 71 | - } | ||
| 72 | - | ||
| 73 | - } | ||
| 74 | - | ||
| 75 | - .banner-swiper { | ||
| 76 | - min-height: pxToRem(600px); | ||
| 77 | - min-width: pxToRem(448px); | ||
| 78 | - margin: pxToRem(30px) pxToRem(96px); | ||
| 79 | - // position: relative; | ||
| 80 | - overflow: hidden; | ||
| 81 | - ul { | ||
| 82 | - position: relative; | ||
| 83 | - height: 100%; | ||
| 84 | - li { | ||
| 85 | - float: left; | ||
| 86 | - height: 100%; | ||
| 87 | - } | ||
| 88 | - } | ||
| 89 | - | ||
| 90 | - } | ||
| 91 | - | ||
| 92 | - | ||
| 93 | - .goodsName { | ||
| 94 | - box-sizing:border-box; | ||
| 95 | - width: 100%; | ||
| 96 | - min-height: pxToRem(83px); | ||
| 97 | - font-size: pxToRem(28px); | ||
| 98 | - color: #fff; | ||
| 99 | - padding-left: pxToRem(25px); | ||
| 100 | - padding-right: pxToRem(25px); | ||
| 101 | - line-height: pxToRem(36px); | ||
| 102 | - background-color: #515150; | ||
| 103 | - } | ||
| 104 | - | ||
| 105 | - .goodsSubtitle{ | ||
| 106 | - min-height: pxToRem(87px); | ||
| 107 | - font-size: pxToRem(24px); | ||
| 108 | - line-height: pxToRem(36px); | ||
| 109 | - color:$subFontC; | ||
| 110 | - padding-left:pxToRem(28px); | ||
| 111 | - padding-right:pxToRem(28px); | ||
| 112 | - border-bottom:1px solid $borderC; | ||
| 113 | - background-color: #f4f4f4; | ||
| 114 | - } | ||
| 115 | - | ||
| 116 | - .price-date{ | ||
| 117 | - // width: 100%; | ||
| 118 | - color:$subFontC; | ||
| 119 | - min-height: pxToRem(88px); | ||
| 120 | - padding-left:pxToRem(28px); | ||
| 121 | - padding-right:pxToRem(28px); | ||
| 122 | - border-bottom: 1px solid $borderC; | ||
| 123 | - } | ||
| 124 | - .goodsPrice{ | ||
| 125 | - float: left; | ||
| 126 | - font-size: pxToRem(34.59px); | ||
| 127 | - h1{ | ||
| 128 | - display: inline-block; | ||
| 129 | - line-height: pxToRem(88px); | ||
| 130 | - } | ||
| 131 | - .currentPrice{ | ||
| 132 | - color:red; | ||
| 133 | - margin-right: pxToRem(10px); | ||
| 134 | - } | ||
| 135 | - .previousPrice{ | ||
| 136 | - text-decoration:line-through; | ||
| 137 | - } | ||
| 138 | - } | ||
| 139 | - .periodOfMarket{ | ||
| 140 | - font-size: pxToRem(24px); | ||
| 141 | - float: right; | ||
| 142 | - h1{ | ||
| 143 | - display: inline-block; | ||
| 144 | - line-height: pxToRem(88px); | ||
| 145 | - } | ||
| 146 | - } | ||
| 147 | - .goodsName, | ||
| 148 | - .goodsSubtitle{ | ||
| 149 | - // width: 100%; | ||
| 150 | - display:table; | ||
| 151 | - span{ | ||
| 152 | - display: table-cell; | ||
| 153 | - vertical-align: middle; | ||
| 154 | - } | ||
| 155 | - } | ||
| 156 | - .vipLevel { | ||
| 157 | - width: 100%; | ||
| 158 | - box-sizing:border-box; | ||
| 159 | - display: table; | ||
| 160 | - min-height: pxToRem(88px); | ||
| 161 | - padding-left:pxToRem(28px); | ||
| 162 | - padding-right:pxToRem(28px); | ||
| 163 | - font-size: pxToRem(22px); | ||
| 164 | - color: #999999; | ||
| 165 | - | ||
| 166 | - border-bottom: 1px solid $borderC; | ||
| 167 | - span{ | ||
| 168 | - display: table-cell; | ||
| 169 | - vertical-align: middle; | ||
| 170 | - } | ||
| 171 | - .vip-img{ | ||
| 172 | - padding-right: pxToRem(22px); | ||
| 173 | - img{ | ||
| 174 | - width: pxToRem(52px); | ||
| 175 | - height: pxToRem(32px); | ||
| 176 | - } | ||
| 177 | - &:nth-child(3n-3) { | ||
| 178 | - background: image-url('product/silver.png') no-repeat; | ||
| 179 | - } | ||
| 180 | - &:nth-child(3n-2) { | ||
| 181 | - background: image-url('product/golden.png') no-repeat; | ||
| 182 | - } | ||
| 183 | - &:nth-child(3n-1) { | ||
| 184 | - background: image-url('product/platinum.png') no-repeat; | ||
| 185 | - } | ||
| 186 | - } | ||
| 187 | - | ||
| 188 | - | ||
| 189 | - .vip-price{ | ||
| 190 | - padding-right: pxToRem(55px); | ||
| 191 | - } | ||
| 192 | - .vip-price:last-child{ | ||
| 193 | - padding-right: 0; | ||
| 194 | - } | ||
| 195 | - } | ||
| 196 | - .goodsDiscount{ | ||
| 197 | - | ||
| 198 | - font-size: pxToRem(28px); | ||
| 199 | - color: $mainFontC; | ||
| 200 | - border-bottom: 1px solid $borderC; | ||
| 201 | - h1{ | ||
| 202 | - padding : pxToRem(30px) pxToRem(28px); | ||
| 203 | -======= | ||
| 204 | } | 69 | } |
| 205 | } | 70 | } |
| 206 | } | 71 | } |
| @@ -270,7 +135,6 @@ $basicBtnC:#eb0313; | @@ -270,7 +135,6 @@ $basicBtnC:#eb0313; | ||
| 270 | .goodsSubtitle { | 135 | .goodsSubtitle { |
| 271 | min-height: pxToRem(87px); | 136 | min-height: pxToRem(87px); |
| 272 | font-size: pxToRem(24px); | 137 | font-size: pxToRem(24px); |
| 273 | ->>>>>>> f57e2ffe1ca53fe633e327c2a34a6f34b887a7bd | ||
| 274 | line-height: pxToRem(36px); | 138 | line-height: pxToRem(36px); |
| 275 | color: $subFontC; | 139 | color: $subFontC; |
| 276 | padding-left: pxToRem(28px); | 140 | padding-left: pxToRem(28px); |
| @@ -332,12 +196,21 @@ $basicBtnC:#eb0313; | @@ -332,12 +196,21 @@ $basicBtnC:#eb0313; | ||
| 332 | display: table-cell; | 196 | display: table-cell; |
| 333 | vertical-align: middle; | 197 | vertical-align: middle; |
| 334 | } | 198 | } |
| 335 | - .vip-img { | 199 | + .vip-img{ |
| 336 | padding-right: pxToRem(22px); | 200 | padding-right: pxToRem(22px); |
| 337 | - img { | 201 | + img{ |
| 338 | width: pxToRem(52px); | 202 | width: pxToRem(52px); |
| 339 | height: pxToRem(32px); | 203 | height: pxToRem(32px); |
| 340 | } | 204 | } |
| 205 | + &:nth-child(3n-3) { | ||
| 206 | + background: image-url('product/silver.png') no-repeat; | ||
| 207 | + } | ||
| 208 | + &:nth-child(3n-2) { | ||
| 209 | + background: image-url('product/golden.png') no-repeat; | ||
| 210 | + } | ||
| 211 | + &:nth-child(3n-1) { | ||
| 212 | + background: image-url('product/platinum.png') no-repeat; | ||
| 213 | + } | ||
| 341 | } | 214 | } |
| 342 | .vip-price { | 215 | .vip-price { |
| 343 | padding-right: pxToRem(55px); | 216 | padding-right: pxToRem(55px); |
-
Please register or login to post a comment