@import '@css/mixin.scss'; .scoped-box { display: flex; flex-wrap: wrap; padding-left: 30px; .sb-item { width: 332px; height: 170px; box-sizing: border-box; position: relative; &:nth-child(2n+1) { margin-right: 30px; margin-bottom: 20px; } .bg { position: absolute; top: 0; left: 0; z-index: 1; width: 332px; height: 170px; } .t { position: absolute; left: 20px; top: 20px; color: #fff; z-index: 2; } } } .scoped-top { width: 750px; height: 250px; overflow: hidden; margin-bottom: 30px; .bg { width: 750px; height: 250px; } }