vip-only.scss 1.71 KB
.vip-only {
    display: none;
    position: relative;
    background: #fff;
    -webkit-overflow-scrolling: touch;

    &-banner {
        height: 200px;
        width: 100%;
        overflow: hidden;
    }

    &-goods-list {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        background-size: 100% 100%;

        ul {
            height: 330px;
            padding: 25px 0 17px 26px;
            white-space: nowrap;
        }
    }

    &-goods {
        display: inline-block;
        height: 290px;
        width: 153px;
        margin-right: 26px;
        background: #fff;
        border-radius: 5px;
        vertical-align: top;

        .goods-pic {
            height: 206px;
            width: 100%;
        }

        .goods-info {
            position: relative;
            height: 84px;
            width: 200%;
            background: #fff;
            padding: 28px 0 20px;
            transform: scale(0.5);
            transform-origin: 0 0 0;

            .vip-price {
                display: none;
                color: #d0021b;
                font-size: 40px;
                line-height: 1;
                text-align: center;
            }

            .sale-price {
                color: #b0b0b0;
                font-size: 30px;
                line-height: 40px;
                text-decoration: line-through;
                margin-top: 24px;
            }

            .vip-icon {
                display: inline-block;
                height: 40px;
                width: 100px;
                margin-left: 16px;
                vertical-align: middle;
                background: url("img/channel/vip.png");
                background-size: 100% 100%;
            }
        }
    }
}