_brand.css 2.9 KB
.favorite-brands {

    .brand-raw > div {
        float: left;
    }

    .brand-raw {
        padding: 30px 0;
        border-bottom: 1px solid #eee;

        .check {
            padding: 56px 0;
            margin-right: 20px;
            cursor: pointer;

            .iconfont {
                font-size: 16px;
                color: #666;
            }
        }

        .brand-info {

            .brand-icon {
                border: 1px solid #eee;
            }

            .brand-name {
                text-align: center;
                background-color: #eee;
                padding: 5px 0;
                font-size: 14px;
                color: #666;
            }

            .tool-area {
                height: 26px;
                margin-top: 15px;
            }

            .tool-area > .btn {
                display: none;
            }
        }

        .brand-info:hover {
            .btn {
                display: block;
                float: left;
            }

            .btn.cancel {
                display: block;
                float: right;
            }
        }

        .brand-products {
            float: right;
            width: 685px;
            position: relative;

        }

    }

    .goods-info {
        float: left;
        width: 148px;
        margin: 0 5px;

        img {
            width: 148px;
            height: 195px;
        }

        .name {
            display: block;
            height: 36px;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 18px;
            margin-top: 10px;
            padding: 0 10px;
        }

        .price {
            margin-top: 15px;
        }
    }

    .goods-more {
        float: left;
        width: 147px;
        height: 195px;
        background-color: #eee;
        margin: 0 7px 67px;
        text-align: center;
        position: relative;

        .more-text {
            position: absolute;
            top: 70px;
            color: #fff;
            width: 55px;
            left: 46px;
            font-size: 18px;
            background-color: #000;
        }

        p {
            position: relative;
            top: 93px;
            font-size: 12px;
        }
    }

    .slide-container {

        .slide-switch {
            display: block;
            position: absolute;
            top: 90px;
            width: 100%;

            .iconfont {
                color: #fff;
            }
        }

        .slide-wrap {
            overflow: hidden;
            width: 625px;
            margin: 0 auto;
            ul {
                position: relative;
                li {
                    float: left;
                    width: 635px;
                    overflow: hidden;
                    margin: 0 -5px;
                    display: none;
                }

                li.show {
                    display: block;
                }
            }
        }
    }
}