$margin-top: 42px; $margin-left-2: 20px; $margin-left-3: 19.75px; $floor-height-2: 432px; $floor-height-3: 335px; $shop-width-2: 285px; $shop-width-3: 187px; .shop-container { width: 100%; display: inline-block; .pull-left { float: left; } > a { display: block; text-decoration: none; } .shop-img { position: relative; > .left-icon { width: 100%; height: auto; position: absolute; left: 0; top: 0; z-index: 1; } } .shop-name { font-size: 24px; margin-left: 5px; white-space: nowrap; width: 73%; overflow: hidden; text-overflow: ellipsis; display: block; } &.shop-two { padding-left: $margin-left-2; margin-top: $margin-top; .shop-box { width: $shop-width-2; height: $floor-height-2; margin-right: $margin-left-2; margin-bottom: 40px; display: inline-block; .shop-img { width: $shop-width-2; height: 372px; } .shop-bottom-bar { width: $shop-width-2; height: 60px; line-height: 60px; color: #fff; background-size: 100% 100%; background-repeat: no-repeat; } } } &.shop-three { padding-left: $margin-left-3; margin-top: $margin-top; .shop-box { width: $shop-width-3; height: $floor-height-3; margin-right: $margin-left-3; margin-bottom: 40px; display: inline-block; .shop-img { width: $shop-width-3; height: 275px; } .shop-bottom-bar { width: 187px; height: 60px; line-height: 60px; color: #fff; background-size: 100% 100%; background-repeat: no-repeat; } } } }