.sale-floor { &-banner { height: 200px; width: 100%; overflow: hidden; } a.float-container { float: left; } &-limit { height: 360px; width: 269px; background: black; } a.time-floor { position: relative; } &-time { position: absolute; top: 25px; left: 49%; margin-left: -69px; color: #fff; font-size: 28px; .icon { display: inline-block; height: 26px; width: 26px; background: resolve("channel/sale-time.png"); background-size: 100% 100%; vertical-align: text-bottom; margin-right: 8px; } .limit-title { font-size: 24px; color: #fff; margin-bottom: 18px; } span { display: inline-block; height: 35px; background: #fff; border-radius: 2px; color: #444; line-height: 35px; text-align: center; margin-right: 7px; padding: 0 2px; } } &-break { height: 180px; width: 284px; } &-discount { height: 180px; width: 284px; } &-entry { display: block; float: left; height: 180px; width: 87px; img { height: 100%; width: 100%; } .title { height: 140px; width: 100%; padding: 50px 34px 0; font-size: 19px; color: #444; writing-mode: vertical-rl; } .entry { text-align: center; font-size: 12px; color: #b0b0b0; } } }