_sale-floor.css 1.83 KB
.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;
            width: 35px;
            background: #fff;
            border-radius: 2px;
            color: #444;
            line-height: 35px;
            text-align: center;
            margin-right: 7px;
        }
    }

    &-break {
        height: 180px;
        width: 284px;
    }

    &-discount {
        height: 180px;
        width: 284px;
    }

    &-entry {
        display: block;
        float: left;
        height: 180px;
        width: 87px;
        background: #fff;
        border-bottom: 1px solid #b0b0b0;

        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;
        }
    }
}