_vip-only.css 1.63 KB
.vip-only {
    display: none;
    position: relative;
    background: #fff;
    -webkit-overflow-scrolling: touch;

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

    &-goods-list {
        height: 330px;
        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: #ccc;
        border-radius: 5px;
        vertical-align: top;

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

        .goods-info {
            position: relative;
            height: 84px;
            width: 100%;
            background: #fff;
            padding: 14px 0 10px 10px;

            .vip-price {
                display: none;
                color: #d0021b;
                font-size: 20px;
                line-height: 1;
            }

            .sale-price {
                color: #b0b0b0;
                font-size: 15px;
                line-height: 20px;
                text-decoration: line-through;
                margin-top: 12px;
            }

            .vip-icon {
                display: inline-block;
                height: 20px;
                width: 50px;
                margin-left: 8px;
                vertical-align: middle;
                background: resolve('channel/vip.png');
                background-size: 100% 100%;
            }
        }
    }
}