_main-product.css 1.99 KB
.main-product {
    .all-goods-menu {
        height: 35px;
        line-height: 35px;
        padding: 45px 0 10px;

        .menu-tag {
            color: #d0021b;
            font-size: 15px;
            font-weight: bold;
            text-align: left;
            padding: 0 20px 0 10px;
            border-right: 1px solid #000;
            float: left;
        }

        .menu-list {
            width: 850px;
            height: 35px;
            overflow: hidden;
            float: left;
            font-size: 14px;
            padding-left: 10px;

            li {
                display: inline-block;
                padding: 0 15px;
            }

            .on {
                background: #000;
                height: 28px;
                line-height: 28px;

                a {
                    color: #fff;
                }
            }
        }

        .more {
            font-size: 14px;
            float: right;
        }
    }

    .product-list {
        width: 1160px;

        .list-item {
            width: 222px;
            margin: 23px 10px 23px 0;
            float: left;
        }

        .thumb {
            width: 100%;
            height: 130%;
            display: inline-block;

            img {
                width: 100%;
                height: 100%;
            }
        }

        .detail-text {
            padding: 15px 0;
            text-align: center;
            font-size: 14px;
            font-weight: bold;
        }

        .name {
            line-height: 1.5;
            padding: 0 20px;
            margin-bottom: 3px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .discount {
            font-size: 12px;
            line-height: 22px;
            color: #fff;
            padding: 0 10px 0 20px;
            margin-left: 20px;
            background: resolve('product/discount-tag.png') no-repeat;
            display: inline-block;
        }
    }

}