Showing
2 changed files
with
487 additions
and
464 deletions
| @@ -99,55 +99,95 @@ | @@ -99,55 +99,95 @@ | ||
| 99 | margin-left:10px; | 99 | margin-left:10px; |
| 100 | } | 100 | } |
| 101 | } | 101 | } |
| 102 | - //990样式 | ||
| 103 | 102 | ||
| 104 | .tpl-nav{ | 103 | .tpl-nav{ |
| 105 | - width: 158px; | ||
| 106 | - .keywords0,.keywords1,.keywords2{ | ||
| 107 | - margin-bottom:8px; | ||
| 108 | - height: 65px; | 104 | + width: 185px; |
| 105 | + .keywords0,.keywords1,.keywords2{ | ||
| 106 | + margin-bottom:10px; | ||
| 107 | + height: 76px; | ||
| 109 | } | 108 | } |
| 110 | .keywords2{ | 109 | .keywords2{ |
| 111 | margin-bottom:0px; | 110 | margin-bottom:0px; |
| 112 | } | 111 | } |
| 113 | .tpl-category{ | 112 | .tpl-category{ |
| 114 | - height: 192px; | 113 | + height: 228px; |
| 115 | a{ | 114 | a{ |
| 116 | - height: 32px; | ||
| 117 | - line-height: 32px; | ||
| 118 | - font-size: 12px; | ||
| 119 | - &:hover{ | ||
| 120 | - text-decoration: underline; | ||
| 121 | - } | 115 | + height: 38px; |
| 116 | + line-height: 38px; | ||
| 117 | + font-size: 14px; | ||
| 122 | } | 118 | } |
| 123 | } | 119 | } |
| 124 | } | 120 | } |
| 125 | .tpl-brands{ | 121 | .tpl-brands{ |
| 126 | - width: 324px; | ||
| 127 | - height: 432px; | 122 | + width: 378px; |
| 123 | + height: 504px; | ||
| 128 | li a{ | 124 | li a{ |
| 129 | - height: 212px; | 125 | + height: 248px; |
| 130 | } | 126 | } |
| 131 | } | 127 | } |
| 132 | .tpl-types{ | 128 | .tpl-types{ |
| 133 | - width: 498px; | 129 | + width: 579px; |
| 134 | li a{ | 130 | li a{ |
| 135 | - width: 158px; | ||
| 136 | - height: 212px; | 131 | + width: 185px; |
| 132 | + height: 248px; | ||
| 137 | } | 133 | } |
| 138 | } | 134 | } |
| 139 | .tpl-products{ | 135 | .tpl-products{ |
| 140 | li a{ | 136 | li a{ |
| 141 | - width: 190px; | ||
| 142 | - height: 254px; | 137 | + width: 222px; |
| 138 | + height: 298px; | ||
| 143 | } | 139 | } |
| 144 | } | 140 | } |
| 141 | + | ||
| 145 | } | 142 | } |
| 146 | 143 | ||
| 147 | } | 144 | } |
| 148 | 145 | ||
| 149 | - | ||
| 150 | - | 146 | +.min-screen .home-page .tpl-recommend{ |
| 147 | + //990样式 | ||
| 148 | + | ||
| 149 | + .tpl-nav{ | ||
| 150 | + width: 158px; | ||
| 151 | + .keywords0,.keywords1,.keywords2{ | ||
| 152 | + margin-bottom:8px; | ||
| 153 | + height: 65px; | ||
| 154 | + } | ||
| 155 | + .keywords2{ | ||
| 156 | + margin-bottom:0px; | ||
| 157 | + } | ||
| 158 | + .tpl-category{ | ||
| 159 | + height: 192px; | ||
| 160 | + a{ | ||
| 161 | + height: 32px; | ||
| 162 | + line-height: 32px; | ||
| 163 | + font-size: 12px; | ||
| 164 | + &:hover{ | ||
| 165 | + text-decoration: underline; | ||
| 166 | + } | ||
| 167 | + } | ||
| 168 | + } | ||
| 169 | + } | ||
| 170 | + .tpl-brands{ | ||
| 171 | + width: 324px; | ||
| 172 | + height: 432px; | ||
| 173 | + li a{ | ||
| 174 | + height: 212px; | ||
| 175 | + } | ||
| 176 | + } | ||
| 177 | + .tpl-types{ | ||
| 178 | + width: 498px; | ||
| 179 | + li a{ | ||
| 180 | + width: 158px; | ||
| 181 | + height: 212px; | ||
| 182 | + } | ||
| 183 | + } | ||
| 184 | + .tpl-products{ | ||
| 185 | + li a{ | ||
| 186 | + width: 190px; | ||
| 187 | + height: 254px; | ||
| 188 | + } | ||
| 189 | + } | ||
| 190 | +} | ||
| 151 | 191 | ||
| 152 | /** | 192 | /** |
| 153 | * 单品模板样式 | 193 | * 单品模板样式 |
| @@ -161,15 +201,7 @@ | @@ -161,15 +201,7 @@ | ||
| 161 | margin-bottom:8px; | 201 | margin-bottom:8px; |
| 162 | } | 202 | } |
| 163 | } | 203 | } |
| 164 | - .singlehot{ | ||
| 165 | - li a{ | ||
| 166 | - width: 158px; | ||
| 167 | - height: 212px; | ||
| 168 | - } | ||
| 169 | - .impo1,.impo9{ | ||
| 170 | - width: 323px; | ||
| 171 | - } | ||
| 172 | - } | 204 | + |
| 173 | .floor-ad{ | 205 | .floor-ad{ |
| 174 | a{ | 206 | a{ |
| 175 | display: block; | 207 | display: block; |
| @@ -183,19 +215,64 @@ | @@ -183,19 +215,64 @@ | ||
| 183 | margin-right:-10px; | 215 | margin-right:-10px; |
| 184 | width: inherit; | 216 | width: inherit; |
| 185 | .good-info{ | 217 | .good-info{ |
| 218 | + margin-bottom:0px; | ||
| 219 | + } | ||
| 220 | + .good-detail-text{ | ||
| 221 | + text-align: center; | ||
| 222 | + } | ||
| 223 | + } | ||
| 224 | + | ||
| 225 | + .singlehot{ | ||
| 226 | + li a{ | ||
| 227 | + width: 185px; | ||
| 228 | + height: 248px; | ||
| 229 | + } | ||
| 230 | + .impo1,.impo9{ | ||
| 231 | + width: 378px; | ||
| 232 | + } | ||
| 233 | + } | ||
| 234 | + .goods-container{ | ||
| 235 | + .good-info{ | ||
| 236 | + width: 280px; | ||
| 237 | + height: 485px; | ||
| 238 | + .good-detail-img{ | ||
| 239 | + height: 374px; | ||
| 240 | + } | ||
| 241 | + } | ||
| 242 | + } | ||
| 243 | + .adbanner{ | ||
| 244 | + margin-top:12px; | ||
| 245 | + a{ | ||
| 246 | + height: 150px; | ||
| 247 | + } | ||
| 248 | + } | ||
| 249 | + | ||
| 250 | + | ||
| 251 | +} | ||
| 252 | +.min-screen .home-page{ | ||
| 253 | + .singlehot{ | ||
| 254 | + li a{ | ||
| 255 | + width: 158px; | ||
| 256 | + height: 212px; | ||
| 257 | + } | ||
| 258 | + .impo1,.impo9{ | ||
| 259 | + width: 323px; | ||
| 260 | + } | ||
| 261 | + } | ||
| 262 | + .goods-container{ | ||
| 263 | + .good-info{ | ||
| 186 | width: 240px; | 264 | width: 240px; |
| 187 | height: 412px; | 265 | height: 412px; |
| 188 | - margin-bottom:0px; | ||
| 189 | .good-detail-img{ | 266 | .good-detail-img{ |
| 190 | height: 320px; | 267 | height: 320px; |
| 191 | } | 268 | } |
| 192 | } | 269 | } |
| 193 | - .good-detail-text{ | ||
| 194 | - text-align: center; | ||
| 195 | - } | ||
| 196 | } | 270 | } |
| 197 | } | 271 | } |
| 198 | 272 | ||
| 273 | +/* | ||
| 274 | +* 人气单品 | ||
| 275 | + */ | ||
| 199 | .home-page{ | 276 | .home-page{ |
| 200 | .commodity{ | 277 | .commodity{ |
| 201 | .commodity-list{ | 278 | .commodity-list{ |
| @@ -273,11 +350,36 @@ | @@ -273,11 +350,36 @@ | ||
| 273 | line-height: 35px; | 350 | line-height: 35px; |
| 274 | text-align: center; | 351 | text-align: center; |
| 275 | } | 352 | } |
| 276 | - | ||
| 277 | 353 | ||
| 278 | } | 354 | } |
| 279 | } | 355 | } |
| 280 | - //990 | 356 | + //1150 |
| 357 | + .commodity{ | ||
| 358 | + .commodity-list{ | ||
| 359 | + a{ | ||
| 360 | + height: 465px; | ||
| 361 | + width: 280px; | ||
| 362 | + } | ||
| 363 | + .commodity-img{ | ||
| 364 | + height: 374px; | ||
| 365 | + } | ||
| 366 | + i.top{ | ||
| 367 | + height: 60px; | ||
| 368 | + width: 60px; | ||
| 369 | + line-height: 60px; | ||
| 370 | + font-size: 20px; | ||
| 371 | + } | ||
| 372 | + } | ||
| 373 | + .commodity-brands{ | ||
| 374 | + a{ | ||
| 375 | + width: 185px; | ||
| 376 | + height: 86px; | ||
| 377 | + } | ||
| 378 | + } | ||
| 379 | + } | ||
| 380 | +} | ||
| 381 | +//990 | ||
| 382 | +.min-screen .home-page{ | ||
| 281 | .commodity{ | 383 | .commodity{ |
| 282 | .commodity-list{ | 384 | .commodity-list{ |
| 283 | a{ | 385 | a{ |
| @@ -303,11 +405,13 @@ | @@ -303,11 +405,13 @@ | ||
| 303 | } | 405 | } |
| 304 | } | 406 | } |
| 305 | 407 | ||
| 306 | - | 408 | +/* |
| 409 | +* 手风琴 | ||
| 410 | + */ | ||
| 307 | .home-page{ | 411 | .home-page{ |
| 308 | .slide-accordion{ | 412 | .slide-accordion{ |
| 309 | overflow: hidden; | 413 | overflow: hidden; |
| 310 | - height: 342px; | 414 | + |
| 311 | position: relative; | 415 | position: relative; |
| 312 | a{ | 416 | a{ |
| 313 | display: block; | 417 | display: block; |
| @@ -334,170 +438,85 @@ | @@ -334,170 +438,85 @@ | ||
| 334 | } | 438 | } |
| 335 | } | 439 | } |
| 336 | } | 440 | } |
| 441 | + //1150 | ||
| 442 | + .slide-accordion{ | ||
| 443 | + height: 400px; | ||
| 444 | + li{ | ||
| 445 | + a{ | ||
| 446 | + width: 650px; | ||
| 447 | + height: 400px; | ||
| 448 | + } | ||
| 449 | + } | ||
| 450 | + } | ||
| 451 | +} | ||
| 452 | + | ||
| 453 | +.min-screen .home-page{ | ||
| 454 | + .slide-accordion{ | ||
| 455 | + height: 342px; | ||
| 456 | + li{ | ||
| 457 | + a{ | ||
| 458 | + width: 558px; | ||
| 459 | + height: 342px; | ||
| 460 | + } | ||
| 461 | + } | ||
| 462 | + } | ||
| 337 | } | 463 | } |
| 338 | 464 | ||
| 465 | + | ||
| 339 | .boys{ | 466 | .boys{ |
| 340 | .tpl-nav{ | 467 | .tpl-nav{ |
| 468 | + width: 185px!important; | ||
| 341 | .keywords0{ | 469 | .keywords0{ |
| 342 | - margin-bottom: 8px!important; | ||
| 343 | - height: 130px!important; | 470 | + margin-bottom: 10px!important; |
| 471 | + height: 152px!important; | ||
| 344 | } | 472 | } |
| 345 | .keywords1{ | 473 | .keywords1{ |
| 346 | - margin-bottom:0px!important; | ||
| 347 | - height: 74px!important; | 474 | + height: 86px!important; |
| 475 | + } | ||
| 476 | + .tpl-category{ | ||
| 477 | + a{ | ||
| 478 | + height: 38px!important; | ||
| 479 | + line-height: 38px!important; | ||
| 480 | + font-size: 14px!important; | ||
| 481 | + } | ||
| 348 | } | 482 | } |
| 349 | } | 483 | } |
| 350 | - .tpl-brands{ | ||
| 351 | - margin-top:-8px!important; | ||
| 352 | - } | ||
| 353 | - | ||
| 354 | } | 484 | } |
| 355 | .boys,.lifestyle{ | 485 | .boys,.lifestyle{ |
| 356 | .goods-container{ | 486 | .goods-container{ |
| 357 | .good-info{ | 487 | .good-info{ |
| 358 | - width: 188px; | ||
| 359 | - height: 360px; | 488 | + width: 222px!important; |
| 489 | + height: 408px!important; | ||
| 360 | .good-detail-img{ | 490 | .good-detail-img{ |
| 361 | - height: 255px; | 491 | + height: 298px!important; |
| 362 | } | 492 | } |
| 363 | } | 493 | } |
| 364 | } | 494 | } |
| 365 | } | 495 | } |
| 366 | 496 | ||
| 367 | - | ||
| 368 | - | ||
| 369 | - | ||
| 370 | - | ||
| 371 | -//1150样式 | ||
| 372 | -@media screen and (min-width: 1150px) { | ||
| 373 | - .home-page{ | ||
| 374 | - .tpl-recommend{ | ||
| 375 | - .tpl-nav{ | ||
| 376 | - width: 185px; | ||
| 377 | - .keywords0,.keywords1,.keywords2{ | ||
| 378 | - margin-bottom:10px; | ||
| 379 | - height: 76px; | ||
| 380 | - } | ||
| 381 | - .keywords2{ | ||
| 382 | - margin-bottom:0px; | ||
| 383 | - } | ||
| 384 | - .tpl-category{ | ||
| 385 | - height: 228px; | ||
| 386 | - a{ | ||
| 387 | - height: 38px; | ||
| 388 | - line-height: 38px; | ||
| 389 | - font-size: 14px; | ||
| 390 | - } | ||
| 391 | - } | ||
| 392 | - } | ||
| 393 | - .tpl-brands{ | ||
| 394 | - width: 378px; | ||
| 395 | - height: 504px; | ||
| 396 | - li a{ | ||
| 397 | - height: 248px; | ||
| 398 | - } | ||
| 399 | - } | ||
| 400 | - .tpl-types{ | ||
| 401 | - width: 579px; | ||
| 402 | - li a{ | ||
| 403 | - width: 185px; | ||
| 404 | - height: 248px; | ||
| 405 | - } | ||
| 406 | - } | ||
| 407 | - .tpl-products{ | ||
| 408 | - li a{ | ||
| 409 | - width: 222px; | ||
| 410 | - height: 298px; | ||
| 411 | - } | ||
| 412 | - } | ||
| 413 | - } | ||
| 414 | - | ||
| 415 | - .singlehot{ | ||
| 416 | - li a{ | ||
| 417 | - width: 185px; | ||
| 418 | - height: 248px; | ||
| 419 | - } | ||
| 420 | - .impo1,.impo9{ | ||
| 421 | - width: 378px; | ||
| 422 | - } | ||
| 423 | - } | ||
| 424 | - .adbanner{ | ||
| 425 | - margin-top:12px; | ||
| 426 | - a{ | ||
| 427 | - height: 150px; | ||
| 428 | - } | ||
| 429 | - } | ||
| 430 | - | ||
| 431 | - .slide-accordion{ | ||
| 432 | - height: 400px; | ||
| 433 | - li{ | ||
| 434 | - a{ | ||
| 435 | - width: 650px; | ||
| 436 | - height: 400px; | ||
| 437 | - } | ||
| 438 | - } | ||
| 439 | - } | ||
| 440 | - | ||
| 441 | - .goods-container{ | ||
| 442 | - .good-info{ | ||
| 443 | - width: 280px; | ||
| 444 | - height: 485px; | ||
| 445 | - .good-detail-img{ | ||
| 446 | - height: 374px; | ||
| 447 | - } | ||
| 448 | - } | ||
| 449 | - } | ||
| 450 | - .commodity{ | ||
| 451 | - .commodity-list{ | ||
| 452 | - a{ | ||
| 453 | - height: 465px; | ||
| 454 | - width: 280px; | ||
| 455 | - } | ||
| 456 | - .commodity-img{ | ||
| 457 | - height: 374px; | ||
| 458 | - } | ||
| 459 | - i.top{ | ||
| 460 | - height: 60px; | ||
| 461 | - width: 60px; | ||
| 462 | - line-height: 60px; | ||
| 463 | - font-size: 20px; | ||
| 464 | - } | ||
| 465 | - } | ||
| 466 | - .commodity-brands{ | ||
| 467 | - a{ | ||
| 468 | - width: 185px; | ||
| 469 | - height: 86px; | ||
| 470 | - } | ||
| 471 | - } | ||
| 472 | - } | ||
| 473 | - } | ||
| 474 | - | 497 | +.min-screen{ |
| 475 | .boys{ | 498 | .boys{ |
| 476 | .tpl-nav{ | 499 | .tpl-nav{ |
| 477 | - width: 185px!important; | ||
| 478 | .keywords0{ | 500 | .keywords0{ |
| 479 | - margin-bottom: 10px!important; | ||
| 480 | - height: 152px!important; | 501 | + margin-bottom: 8px!important; |
| 502 | + height: 130px!important; | ||
| 481 | } | 503 | } |
| 482 | .keywords1{ | 504 | .keywords1{ |
| 483 | - height: 86px!important; | ||
| 484 | - } | ||
| 485 | - .tpl-category{ | ||
| 486 | - a{ | ||
| 487 | - height: 38px!important; | ||
| 488 | - line-height: 38px!important; | ||
| 489 | - font-size: 14px!important; | ||
| 490 | - } | 505 | + margin-bottom:0px!important; |
| 506 | + height: 74px!important; | ||
| 491 | } | 507 | } |
| 492 | } | 508 | } |
| 509 | + .tpl-brands{ | ||
| 510 | + margin-top:-8px!important; | ||
| 511 | + } | ||
| 493 | } | 512 | } |
| 494 | .boys,.lifestyle{ | 513 | .boys,.lifestyle{ |
| 495 | .goods-container{ | 514 | .goods-container{ |
| 496 | .good-info{ | 515 | .good-info{ |
| 497 | - width: 222px!important; | ||
| 498 | - height: 408px!important; | 516 | + width: 188px; |
| 517 | + height: 360px; | ||
| 499 | .good-detail-img{ | 518 | .good-detail-img{ |
| 500 | - height: 298px!important; | 519 | + height: 255px; |
| 501 | } | 520 | } |
| 502 | } | 521 | } |
| 503 | } | 522 | } |
| @@ -505,7 +524,6 @@ | @@ -505,7 +524,6 @@ | ||
| 505 | } | 524 | } |
| 506 | 525 | ||
| 507 | 526 | ||
| 508 | - | ||
| 509 | .brands{ | 527 | .brands{ |
| 510 | 528 | ||
| 511 | .brands-tabs{ | 529 | .brands-tabs{ |
| @@ -660,289 +678,292 @@ | @@ -660,289 +678,292 @@ | ||
| 660 | 678 | ||
| 661 | //990 | 679 | //990 |
| 662 | .sit-nav{ | 680 | .sit-nav{ |
| 663 | - padding-top: 10px; | ||
| 664 | - padding-left: 22px; | ||
| 665 | - font-size: 12px; | ||
| 666 | - .sep{ | ||
| 667 | - margin: 0 6px; | 681 | + padding-left: 26px; |
| 682 | + font-size: 12px; | ||
| 683 | + .sep{ | ||
| 684 | + margin: 0 8px; | ||
| 685 | + } | ||
| 668 | } | 686 | } |
| 669 | - } | ||
| 670 | - .brands-category{ | ||
| 671 | - margin-top: 84px; | ||
| 672 | - width: 990px; | ||
| 673 | - } | ||
| 674 | - .brands-tabs{ | ||
| 675 | - ul{ | ||
| 676 | - margin-left: -9px; | 687 | + .brands-category{ |
| 688 | + width: 1150px; | ||
| 677 | } | 689 | } |
| 678 | - li{ | ||
| 679 | - margin-left: 9px; | ||
| 680 | - a{ | ||
| 681 | - width: 190px; | ||
| 682 | - height: 154px; | ||
| 683 | - position: relative; | 690 | + |
| 691 | + .brands-tabs{ | ||
| 692 | + height: 280px; | ||
| 693 | + ul{ | ||
| 694 | + margin-left: -10px; | ||
| 684 | } | 695 | } |
| 685 | - } | ||
| 686 | - .brands-content{ | ||
| 687 | - width: 990px; | ||
| 688 | - top: 200px; | ||
| 689 | - .brands-icon{ | ||
| 690 | - margin-left: -33px; | ||
| 691 | - padding: 0 4px; | 696 | + li{ |
| 697 | + margin-left: 10px; | ||
| 692 | a{ | 698 | a{ |
| 693 | - float: left; | ||
| 694 | - width: 68px; | ||
| 695 | - height: 44px; | ||
| 696 | - margin-left: 33px; | 699 | + width: 222px; |
| 700 | + height: 180px; | ||
| 701 | + position: relative; | ||
| 697 | } | 702 | } |
| 698 | - } | ||
| 699 | - } | ||
| 700 | - .hover-contain{ | ||
| 701 | - height: 25px; | ||
| 702 | - .hoverarr{ | ||
| 703 | - height: 4px; | ||
| 704 | - width: 190px; | ||
| 705 | - } | ||
| 706 | - } | ||
| 707 | - } | ||
| 708 | - | ||
| 709 | - .brandfloor{ | ||
| 710 | - //990 | ||
| 711 | - ul{ | ||
| 712 | - margin-left: -12px; | ||
| 713 | - } | ||
| 714 | - li{ | ||
| 715 | - margin-left: 12px; | ||
| 716 | - margin-bottom:26px; | ||
| 717 | - a{ | ||
| 718 | - width: 322px; | ||
| 719 | - height: 206px; | ||
| 720 | } | 703 | } |
| 704 | + .brands-content{ | ||
| 705 | + width: 1150px; | ||
| 706 | + top: 230px; | ||
| 707 | + .brands-icon{ | ||
| 708 | + margin-left: -38px; | ||
| 709 | + padding: 0 4px; | ||
| 710 | + a{ | ||
| 711 | + float: left; | ||
| 712 | + width: 80px; | ||
| 713 | + height: 50px; | ||
| 714 | + margin-left: 38px; | ||
| 715 | + } | ||
| 716 | + } | ||
| 717 | + } | ||
| 718 | + .hover-contain{ | ||
| 719 | + height: 30px; | ||
| 720 | + .hoverarr{ | ||
| 721 | + height: 5px; | ||
| 722 | + width: 222px; | ||
| 723 | + } | ||
| 724 | + } | ||
| 721 | } | 725 | } |
| 722 | - } | ||
| 723 | - .singlegoods{ | ||
| 724 | - //990 | ||
| 725 | - ul{ | ||
| 726 | - margin-left: -10px; | ||
| 727 | - } | ||
| 728 | - li{ | ||
| 729 | - margin-left: 10px; | ||
| 730 | - margin-bottom:10px; | ||
| 731 | - a{ | ||
| 732 | - width: 240px; | ||
| 733 | - height: 322px; | ||
| 734 | 726 | ||
| 735 | - } | ||
| 736 | - } | ||
| 737 | - .singlegoods-title{ | ||
| 738 | - position: absolute; | ||
| 739 | - left: 0; | ||
| 740 | - bottom: 0; | ||
| 741 | - height: 50px; | ||
| 742 | - width: 100%; | ||
| 743 | - p{ | ||
| 744 | - position: absolute; | ||
| 745 | - z-index: 2; | ||
| 746 | - top: 0; | ||
| 747 | - left: 0; | ||
| 748 | - display: block;; | ||
| 749 | - width: 100%; | ||
| 750 | - height: 100%; | ||
| 751 | - line-height: 50px; | ||
| 752 | - font-size: 18px; | ||
| 753 | - text-align: center; | ||
| 754 | - color: #fff; | 727 | + .brandfloor{ |
| 728 | + ul{ | ||
| 729 | + margin-left: -10px; | ||
| 755 | } | 730 | } |
| 756 | - } | ||
| 757 | - } | ||
| 758 | - .video{ | ||
| 759 | - ul{ | ||
| 760 | - margin-left: -10px; | ||
| 761 | - } | ||
| 762 | - li{ | ||
| 763 | - margin-left: 10px; | ||
| 764 | - margin-bottom:10px; | ||
| 765 | - a{ | ||
| 766 | - width: 323px; | ||
| 767 | - height: 208px; | ||
| 768 | - } | ||
| 769 | - } | ||
| 770 | - .video-play{ | ||
| 771 | - display: block; | ||
| 772 | - position: absolute; | ||
| 773 | - left: 50%; | ||
| 774 | - top: 50%; | ||
| 775 | - margin-left: -30px; | ||
| 776 | - margin-top: -28px; | ||
| 777 | - width: 60px; | ||
| 778 | - height: 56px; | ||
| 779 | - background-image: image-url("index/play.png"); | ||
| 780 | - } | ||
| 781 | - .video-title{ | ||
| 782 | - position: absolute; | ||
| 783 | - left: 0; | ||
| 784 | - bottom: 0; | ||
| 785 | - height: 32px; | ||
| 786 | - width: 100%; | ||
| 787 | - p{ | ||
| 788 | - position: absolute; | ||
| 789 | - z-index: 2; | ||
| 790 | - top: 0; | ||
| 791 | - left: 0; | ||
| 792 | - display: block;; | ||
| 793 | - width: 100%; | ||
| 794 | - height: 100%; | ||
| 795 | - font-size: 14px; | ||
| 796 | - line-height: 32px; | ||
| 797 | - text-align: center; | ||
| 798 | - color: #fff; | 731 | + li{ |
| 732 | + margin-left: 10px; | ||
| 733 | + margin-bottom:32px; | ||
| 734 | + a{ | ||
| 735 | + width: 376px; | ||
| 736 | + height: 206px; | ||
| 737 | + } | ||
| 799 | } | 738 | } |
| 800 | } | 739 | } |
| 801 | - } | ||
| 802 | - .news{ | ||
| 803 | - margin-bottom: 30px; | ||
| 804 | - .news-pic{ | ||
| 805 | - float: left; | ||
| 806 | - width: 660px; | ||
| 807 | - height: 376px; | ||
| 808 | - .slide-wrapper{ | ||
| 809 | - height: 376px; | ||
| 810 | - img{ | 740 | + .singlegoods{ |
| 741 | + //990 | ||
| 742 | + ul{ | ||
| 743 | + margin-left: -10px; | ||
| 744 | + } | ||
| 745 | + li{ | ||
| 746 | + margin-left: 10px; | ||
| 747 | + margin-bottom:10px; | ||
| 748 | + a{ | ||
| 749 | + width: 280px; | ||
| 811 | height: 376px; | 750 | height: 376px; |
| 812 | - } | ||
| 813 | - &:hover { | ||
| 814 | - .slide-switch.show { | ||
| 815 | - display: none; | ||
| 816 | - } | ||
| 817 | - } | 751 | + |
| 752 | + } | ||
| 818 | } | 753 | } |
| 819 | - .slide-tips{ | 754 | + .singlegoods-title{ |
| 820 | position: absolute; | 755 | position: absolute; |
| 821 | left: 0; | 756 | left: 0; |
| 822 | bottom: 0; | 757 | bottom: 0; |
| 823 | - height: 30px; | 758 | + height: 50px; |
| 824 | width: 100%; | 759 | width: 100%; |
| 825 | p{ | 760 | p{ |
| 826 | position: absolute; | 761 | position: absolute; |
| 827 | - left: 18px; | ||
| 828 | z-index: 2; | 762 | z-index: 2; |
| 829 | - height: 30px; | ||
| 830 | - font-size: 14px; | ||
| 831 | - line-height: 30px; | 763 | + top: 0; |
| 764 | + left: 0; | ||
| 765 | + display: block;; | ||
| 766 | + width: 100%; | ||
| 767 | + height: 100%; | ||
| 768 | + line-height: 50px; | ||
| 769 | + font-size: 18px; | ||
| 770 | + text-align: center; | ||
| 832 | color: #fff; | 771 | color: #fff; |
| 833 | } | 772 | } |
| 834 | } | 773 | } |
| 835 | - .slide-pagination{ | ||
| 836 | - right: 0; | ||
| 837 | - left: initial; | ||
| 838 | - bottom: 0; | ||
| 839 | - .slide-shade{ | ||
| 840 | - @include opacity(0); | ||
| 841 | - background:none; | ||
| 842 | - } | ||
| 843 | - } | ||
| 844 | } | 774 | } |
| 845 | - .news-txt{ | ||
| 846 | - float: right; | ||
| 847 | - padding: 20px 16px; | ||
| 848 | - width: 284px; | ||
| 849 | - height: 334px; | ||
| 850 | - float: right; | ||
| 851 | - border: 1px solid #000; | ||
| 852 | - overflow: auto; | 775 | + .video{ |
| 776 | + ul{ | ||
| 777 | + margin-left: -10px; | ||
| 778 | + } | ||
| 853 | li{ | 779 | li{ |
| 854 | - position: relative; | ||
| 855 | - display: block; | ||
| 856 | - margin-top: 12px; | ||
| 857 | - margin-left: 20px; | 780 | + margin-left: 10px; |
| 781 | + margin-bottom:10px; | ||
| 782 | + a{ | ||
| 783 | + width: 376px; | ||
| 784 | + height: 240px; | ||
| 785 | + } | ||
| 858 | } | 786 | } |
| 859 | - a{ | ||
| 860 | - | ||
| 861 | - font-size: 14px; | ||
| 862 | - line-height: 24px; | ||
| 863 | - cursor: pointer; | ||
| 864 | - color: #010101; | 787 | + .video-play{ |
| 865 | display: block; | 788 | display: block; |
| 866 | - &:hover { | ||
| 867 | - color: #fff; | ||
| 868 | - background: #000; | ||
| 869 | - padding-left: 12px; | ||
| 870 | - -webkit-transition: padding 0.4s; | ||
| 871 | - transition: padding 0.4s; | ||
| 872 | - } | 789 | + position: absolute; |
| 790 | + left: 50%; | ||
| 791 | + top: 50%; | ||
| 792 | + margin-left: -30px; | ||
| 793 | + margin-top: -28px; | ||
| 794 | + width: 60px; | ||
| 795 | + height: 56px; | ||
| 796 | + background-image: image-url("index/play.png"); | ||
| 873 | } | 797 | } |
| 874 | - i{ | 798 | + .video-title{ |
| 875 | position: absolute; | 799 | position: absolute; |
| 876 | - top: -6px; | ||
| 877 | - left: -26px; | ||
| 878 | - font-size: 30px; | 800 | + left: 0; |
| 801 | + bottom: 0; | ||
| 802 | + height: 32px; | ||
| 803 | + width: 100%; | ||
| 804 | + p{ | ||
| 805 | + position: absolute; | ||
| 806 | + z-index: 2; | ||
| 807 | + top: 0; | ||
| 808 | + left: 0; | ||
| 809 | + display: block;; | ||
| 810 | + width: 100%; | ||
| 811 | + height: 100%; | ||
| 812 | + font-size: 14px; | ||
| 813 | + line-height: 32px; | ||
| 814 | + text-align: center; | ||
| 815 | + color: #fff; | ||
| 816 | + } | ||
| 879 | } | 817 | } |
| 880 | } | 818 | } |
| 881 | - } | ||
| 882 | - .ads{ | ||
| 883 | - margin-bottom: 30px; | ||
| 884 | - ul{ | ||
| 885 | - margin-left: -10px; | ||
| 886 | - } | ||
| 887 | - li{ | ||
| 888 | - margin-left: 10px; | ||
| 889 | - margin-bottom: 10px; | ||
| 890 | - a{ | ||
| 891 | - width: 240px; | ||
| 892 | - img{ | ||
| 893 | - height: 140px; | 819 | + .news{ |
| 820 | + margin-bottom: 30px; | ||
| 821 | + .news-pic{ | ||
| 822 | + position: relative; | ||
| 823 | + float: left; | ||
| 824 | + width: 764px; | ||
| 825 | + height: 436px; | ||
| 826 | + .slide-container { | ||
| 827 | + height: 436px; | ||
| 828 | + li a{ | ||
| 829 | + height: 436px; | ||
| 830 | + width: 764px; | ||
| 831 | + } | ||
| 832 | + &:hover { | ||
| 833 | + .slide-switch.show { | ||
| 834 | + display: none; | ||
| 835 | + } | ||
| 836 | + } | ||
| 837 | + } | ||
| 838 | + .slide-tips{ | ||
| 839 | + position: absolute; | ||
| 840 | + left: 0; | ||
| 841 | + bottom: 0; | ||
| 842 | + height: 30px; | ||
| 843 | + width: 100%; | ||
| 844 | + p{ | ||
| 845 | + position: absolute; | ||
| 846 | + left: 18px; | ||
| 847 | + z-index: 2; | ||
| 848 | + height: 30px; | ||
| 849 | + font-size: 14px; | ||
| 850 | + line-height: 30px; | ||
| 851 | + color: #fff; | ||
| 852 | + } | ||
| 853 | + } | ||
| 854 | + .slide-pagination{ | ||
| 855 | + right: 0; | ||
| 856 | + left: initial; | ||
| 857 | + bottom: 0; | ||
| 858 | + .slide-shade{ | ||
| 859 | + @include opacity(0); | ||
| 860 | + background:none; | ||
| 861 | + } | ||
| 894 | } | 862 | } |
| 895 | } | 863 | } |
| 896 | - .name{ | ||
| 897 | - font-size: 14px | 864 | + .news-txt{ |
| 865 | + float: right; | ||
| 866 | + padding: 20px 16px; | ||
| 867 | + float: right; | ||
| 868 | + border: 1px solid #000; | ||
| 869 | + overflow: auto; | ||
| 870 | + li{ | ||
| 871 | + position: relative; | ||
| 872 | + display: block; | ||
| 873 | + margin-top: 12px; | ||
| 874 | + margin-left: 20px; | ||
| 875 | + } | ||
| 876 | + a{ | ||
| 877 | + | ||
| 878 | + font-size: 14px; | ||
| 879 | + line-height: 24px; | ||
| 880 | + cursor: pointer; | ||
| 881 | + color: #010101; | ||
| 882 | + display: block; | ||
| 883 | + &:hover { | ||
| 884 | + color: #fff; | ||
| 885 | + background: #000; | ||
| 886 | + padding-left: 12px; | ||
| 887 | + -webkit-transition: padding 0.4s; | ||
| 888 | + transition: padding 0.4s; | ||
| 889 | + } | ||
| 890 | + } | ||
| 891 | + i{ | ||
| 892 | + position: absolute; | ||
| 893 | + top: -6px; | ||
| 894 | + left: -26px; | ||
| 895 | + font-size: 30px; | ||
| 896 | + } | ||
| 898 | } | 897 | } |
| 899 | - .des{ | ||
| 900 | - font-size: 12px; | 898 | + .news-txt{ |
| 899 | + width: 342px; | ||
| 900 | + height: 394px; | ||
| 901 | } | 901 | } |
| 902 | - } | ||
| 903 | - } | ||
| 904 | - | ||
| 905 | - .brands-items{ | ||
| 906 | - margin: 25px auto; | ||
| 907 | - .brands-item{ | ||
| 908 | - float: left; | ||
| 909 | - padding: 15px 0; | ||
| 910 | - width: 50%; | ||
| 911 | } | 902 | } |
| 912 | - a.brands-pic{ | ||
| 913 | - float: left; | ||
| 914 | - width: 240px; | ||
| 915 | - height: 116px; | ||
| 916 | - display: block; | ||
| 917 | - img{ | ||
| 918 | - width: 100%; | ||
| 919 | - height: 100%; | 903 | + .ads{ |
| 904 | + ul{ | ||
| 905 | + margin-left: -10px; | ||
| 920 | } | 906 | } |
| 907 | + li{ | ||
| 908 | + margin-left: 10px; | ||
| 909 | + margin-bottom: 10px; | ||
| 910 | + a{ | ||
| 911 | + width: 280px; | ||
| 912 | + img{ | ||
| 913 | + height: 160px; | ||
| 914 | + } | ||
| 915 | + } | ||
| 916 | + .name{ | ||
| 917 | + font-size: 14px | ||
| 918 | + } | ||
| 919 | + .des{ | ||
| 920 | + font-size: 12px; | ||
| 921 | + } | ||
| 922 | + } | ||
| 921 | } | 923 | } |
| 922 | - .brand-info{ | ||
| 923 | - float: right; | ||
| 924 | - padding: 0 20px; | ||
| 925 | - width: 212px; | ||
| 926 | - color: #000; | ||
| 927 | - h3{ | ||
| 928 | - width: 100%; | ||
| 929 | - font-size: 20px; | ||
| 930 | - line-height: 1; | ||
| 931 | - overflow: hidden; | ||
| 932 | - text-overflow: ellipsis; | ||
| 933 | - white-space: nowrap; | 924 | + .brands-items{ |
| 925 | + margin: 25px auto; | ||
| 926 | + .brands-item{ | ||
| 927 | + float: left; | ||
| 928 | + padding: 15px 0; | ||
| 929 | + width: 50%; | ||
| 930 | + | ||
| 934 | } | 931 | } |
| 935 | - .brand-desc{ | ||
| 936 | - padding: 12px 0; | ||
| 937 | - height: 72px; | ||
| 938 | - font-size: 14px; | ||
| 939 | - line-height: 22px; | ||
| 940 | - overflow: hidden; | ||
| 941 | - text-overflow: ellipsis; | ||
| 942 | - word-wrap: break-word; | 932 | + a.brands-pic{ |
| 933 | + float: left; | ||
| 934 | + width: 280px; | ||
| 935 | + height: 136px; | ||
| 936 | + display: block; | ||
| 937 | + img{ | ||
| 938 | + width: 100%; | ||
| 939 | + height: 100%; | ||
| 940 | + } | ||
| 941 | + } | ||
| 942 | + .brand-info{ | ||
| 943 | + float: right; | ||
| 944 | + padding: 0 20px; | ||
| 945 | + width: 255px; | ||
| 946 | + color: #000; | ||
| 947 | + h3{ | ||
| 948 | + width: 100%; | ||
| 949 | + font-size: 20px; | ||
| 950 | + line-height: 1; | ||
| 951 | + overflow: hidden; | ||
| 952 | + text-overflow: ellipsis; | ||
| 953 | + white-space: nowrap; | ||
| 954 | + } | ||
| 955 | + .brand-desc{ | ||
| 956 | + padding: 12px 0; | ||
| 957 | + height: 92px; | ||
| 958 | + font-size: 14px; | ||
| 959 | + line-height: 22px; | ||
| 960 | + overflow: hidden; | ||
| 961 | + text-overflow: ellipsis; | ||
| 962 | + word-wrap: break-word; | ||
| 963 | + } | ||
| 964 | + | ||
| 943 | } | 965 | } |
| 944 | } | 966 | } |
| 945 | - } | ||
| 946 | .pagination{ | 967 | .pagination{ |
| 947 | margin-top: 60px; | 968 | margin-top: 60px; |
| 948 | margin-bottom: 60px; | 969 | margin-bottom: 60px; |
| @@ -969,62 +990,64 @@ | @@ -969,62 +990,64 @@ | ||
| 969 | } | 990 | } |
| 970 | } | 991 | } |
| 971 | } | 992 | } |
| 972 | -@media screen and (min-width: 1150px) { | ||
| 973 | - .brands{ | ||
| 974 | - .sit-nav{ | ||
| 975 | - padding-left: 26px; | 993 | + |
| 994 | +.min-screen .brands{ | ||
| 995 | + .sit-nav{ | ||
| 996 | + padding-top: 10px; | ||
| 997 | + padding-left: 22px; | ||
| 976 | font-size: 12px; | 998 | font-size: 12px; |
| 977 | .sep{ | 999 | .sep{ |
| 978 | - margin: 0 8px; | 1000 | + margin: 0 6px; |
| 979 | } | 1001 | } |
| 980 | } | 1002 | } |
| 981 | .brands-category{ | 1003 | .brands-category{ |
| 982 | - width: 1150px; | 1004 | + margin-top: 84px; |
| 1005 | + width: 990px; | ||
| 983 | } | 1006 | } |
| 984 | - | ||
| 985 | .brands-tabs{ | 1007 | .brands-tabs{ |
| 986 | ul{ | 1008 | ul{ |
| 987 | - margin-left: -10px; | 1009 | + margin-left: -9px; |
| 988 | } | 1010 | } |
| 989 | - li{ | ||
| 990 | - margin-left: 10px; | 1011 | + li{ |
| 1012 | + margin-left: 9px; | ||
| 991 | a{ | 1013 | a{ |
| 992 | - width: 222px; | ||
| 993 | - height: 180px; | 1014 | + width: 190px; |
| 1015 | + height: 154px; | ||
| 994 | } | 1016 | } |
| 995 | - } | 1017 | + } |
| 996 | .brands-content{ | 1018 | .brands-content{ |
| 997 | - width: 1150px; | ||
| 998 | - top: 230px; | 1019 | + width: 990px; |
| 1020 | + top: 200px; | ||
| 999 | .brands-icon{ | 1021 | .brands-icon{ |
| 1000 | - margin-left: -38px; | 1022 | + margin-left: -33px; |
| 1001 | padding: 0 4px; | 1023 | padding: 0 4px; |
| 1002 | a{ | 1024 | a{ |
| 1003 | float: left; | 1025 | float: left; |
| 1004 | - width: 80px; | ||
| 1005 | - height: 50px; | ||
| 1006 | - margin-left: 38px; | 1026 | + width: 68px; |
| 1027 | + height: 44px; | ||
| 1028 | + margin-left: 33px; | ||
| 1007 | } | 1029 | } |
| 1008 | } | 1030 | } |
| 1009 | } | 1031 | } |
| 1010 | .hover-contain{ | 1032 | .hover-contain{ |
| 1011 | - height: 30px; | 1033 | + height: 25px; |
| 1012 | .hoverarr{ | 1034 | .hoverarr{ |
| 1013 | - height: 5px; | ||
| 1014 | - width: 222px; | 1035 | + height: 4px; |
| 1036 | + width: 190px; | ||
| 1015 | } | 1037 | } |
| 1016 | } | 1038 | } |
| 1017 | } | 1039 | } |
| 1018 | 1040 | ||
| 1019 | .brandfloor{ | 1041 | .brandfloor{ |
| 1042 | + //990 | ||
| 1020 | ul{ | 1043 | ul{ |
| 1021 | - margin-left: -10px; | 1044 | + margin-left: -12px; |
| 1022 | } | 1045 | } |
| 1023 | li{ | 1046 | li{ |
| 1024 | - margin-left: 10px; | ||
| 1025 | - margin-bottom:32px; | 1047 | + margin-left: 12px; |
| 1048 | + margin-bottom:26px; | ||
| 1026 | a{ | 1049 | a{ |
| 1027 | - width: 376px; | 1050 | + width: 322px; |
| 1028 | height: 206px; | 1051 | height: 206px; |
| 1029 | } | 1052 | } |
| 1030 | } | 1053 | } |
| @@ -1038,8 +1061,8 @@ | @@ -1038,8 +1061,8 @@ | ||
| 1038 | margin-left: 10px; | 1061 | margin-left: 10px; |
| 1039 | margin-bottom:10px; | 1062 | margin-bottom:10px; |
| 1040 | a{ | 1063 | a{ |
| 1041 | - width: 280px; | ||
| 1042 | - height: 376px; | 1064 | + width: 240px; |
| 1065 | + height: 322px; | ||
| 1043 | 1066 | ||
| 1044 | } | 1067 | } |
| 1045 | } | 1068 | } |
| @@ -1072,8 +1095,8 @@ | @@ -1072,8 +1095,8 @@ | ||
| 1072 | margin-left: 10px; | 1095 | margin-left: 10px; |
| 1073 | margin-bottom:10px; | 1096 | margin-bottom:10px; |
| 1074 | a{ | 1097 | a{ |
| 1075 | - width: 376px; | ||
| 1076 | - height: 240px; | 1098 | + width: 323px; |
| 1099 | + height: 208px; | ||
| 1077 | } | 1100 | } |
| 1078 | } | 1101 | } |
| 1079 | .video-play{ | 1102 | .video-play{ |
| @@ -1110,21 +1133,25 @@ | @@ -1110,21 +1133,25 @@ | ||
| 1110 | } | 1133 | } |
| 1111 | .news{ | 1134 | .news{ |
| 1112 | .news-pic{ | 1135 | .news-pic{ |
| 1113 | - width: 764px; | ||
| 1114 | - height: 436px; | ||
| 1115 | - .slide-wrapper{ | ||
| 1116 | - height: 436px; | 1136 | + width: 660px; |
| 1137 | + height: 376px; | ||
| 1138 | + .slide-container { | ||
| 1139 | + height: 376px; | ||
| 1117 | img{ | 1140 | img{ |
| 1118 | - height: 436px; | 1141 | + height: 376px; |
| 1119 | } | 1142 | } |
| 1143 | + | ||
| 1120 | } | 1144 | } |
| 1145 | + | ||
| 1121 | } | 1146 | } |
| 1122 | .news-txt{ | 1147 | .news-txt{ |
| 1123 | - width: 342px; | ||
| 1124 | - height: 394px; | 1148 | + width: 284px; |
| 1149 | + height: 334px; | ||
| 1125 | } | 1150 | } |
| 1151 | + | ||
| 1126 | } | 1152 | } |
| 1127 | .ads{ | 1153 | .ads{ |
| 1154 | + margin-bottom: 30px; | ||
| 1128 | ul{ | 1155 | ul{ |
| 1129 | margin-left: -10px; | 1156 | margin-left: -10px; |
| 1130 | } | 1157 | } |
| @@ -1132,9 +1159,9 @@ | @@ -1132,9 +1159,9 @@ | ||
| 1132 | margin-left: 10px; | 1159 | margin-left: 10px; |
| 1133 | margin-bottom: 10px; | 1160 | margin-bottom: 10px; |
| 1134 | a{ | 1161 | a{ |
| 1135 | - width: 280px; | 1162 | + width: 240px; |
| 1136 | img{ | 1163 | img{ |
| 1137 | - height: 160px; | 1164 | + height: 140px; |
| 1138 | } | 1165 | } |
| 1139 | } | 1166 | } |
| 1140 | .name{ | 1167 | .name{ |
| @@ -1146,23 +1173,20 @@ | @@ -1146,23 +1173,20 @@ | ||
| 1146 | } | 1173 | } |
| 1147 | } | 1174 | } |
| 1148 | .brands-items{ | 1175 | .brands-items{ |
| 1176 | + | ||
| 1149 | a.brands-pic{ | 1177 | a.brands-pic{ |
| 1150 | - width: 280px; | ||
| 1151 | - height: 136px; | 1178 | + width: 240px; |
| 1179 | + height: 116px; | ||
| 1152 | } | 1180 | } |
| 1153 | .brand-info{ | 1181 | .brand-info{ |
| 1154 | - width: 255px; | ||
| 1155 | - color: #000; | 1182 | + width: 212px; |
| 1156 | .brand-desc{ | 1183 | .brand-desc{ |
| 1157 | - height: 92px; | 1184 | + height: 72px; |
| 1158 | } | 1185 | } |
| 1159 | } | 1186 | } |
| 1160 | } | 1187 | } |
| 1161 | - } | ||
| 1162 | } | 1188 | } |
| 1163 | 1189 | ||
| 1164 | - | ||
| 1165 | - | ||
| 1166 | .brands-layer{ | 1190 | .brands-layer{ |
| 1167 | position: absolute; | 1191 | position: absolute; |
| 1168 | z-index: 100; | 1192 | z-index: 100; |
| @@ -1208,7 +1232,6 @@ | @@ -1208,7 +1232,6 @@ | ||
| 1208 | } | 1232 | } |
| 1209 | } | 1233 | } |
| 1210 | } | 1234 | } |
| 1211 | - | ||
| 1212 | } | 1235 | } |
| 1213 | .brands-layer-right{ | 1236 | .brands-layer-right{ |
| 1214 | background: url(http://static.yohobuy.com/images/v3/index/brands-layer.png) no-repeat 0 -287px; | 1237 | background: url(http://static.yohobuy.com/images/v3/index/brands-layer.png) no-repeat 0 -287px; |
-
Please register or login to post a comment