area.scss 675 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @import '@css/mixin.scss';
  2. .scoped-box {
  3. display: flex;
  4. flex-wrap: wrap;
  5. padding-left: 30px;
  6. .sb-item {
  7. width: 332px;
  8. height: 170px;
  9. box-sizing: border-box;
  10. position: relative;
  11. &:nth-child(2n+1) {
  12. margin-right: 30px;
  13. margin-bottom: 20px;
  14. }
  15. .bg {
  16. position: absolute;
  17. top: 0;
  18. left: 0;
  19. z-index: 1;
  20. width: 332px;
  21. height: 170px;
  22. }
  23. .t {
  24. position: absolute;
  25. left: 20px;
  26. top: 20px;
  27. color: #fff;
  28. z-index: 2;
  29. }
  30. }
  31. }
  32. .scoped-top {
  33. width: 750px;
  34. height: 250px;
  35. overflow: hidden;
  36. margin-bottom: 30px;
  37. .bg {
  38. width: 750px;
  39. height: 250px;
  40. }
  41. }