.p-product-tips {
    width: 100%;
    background: #e6e7f14d;
    color: #74767F;
    font-size: 1.25vw;
    padding: 1.0417vw;
    box-sizing: border-box;
    border-radius: .4167vw;
    margin-top: 3.6458vw;
}

    .p-product-tips span {
        color: #333333;
        font-size: 1.66667vw;
    }

.merchant-head {
    width: 100%;
    background: #e6e7f14d;
    color: #74767F;
    font-size: 1.25vw;
    padding: 1.0417vw;
    box-sizing: border-box;
    border-radius: .4167vw;
    margin-top: 3.6458vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.merchant-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .merchant-left img {
        display: block;
        width: 3.125vw;
    }

    .merchant-left p {
        font-size: 1.25vw;
        font-weight: 600;
        color: #333;
        margin-left: .5208vw;
    }

.merchant-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .merchant-right a {
        display: block;
        background: #fff;
        border: 1px solid #afb3b8;
        font-size: .8333vw;
        color: #666;
        margin-left: 1.0417vw;
        padding: 0 1.5625vw;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.0833vw;
        border-radius: 1.0417vw;
        transition: all .5s;
    }

    .merchant-right .collectActive {
        border: 1px solid #ff186b;
        color: #ff186b;
    }

    .merchant-right a:hover {
        border: 1px solid #ff186b;
        color: #ff186b;
    }

    .merchant-right a i {
        font-size: .8333vw;
        display: block;
        margin-right: .2604vw;
    }

.p-product-class {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e8eaec;
    margin: 2.0833vw 0 0;
}

.p-product-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

    .p-product-left a {
        display: block;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 1.25vw;
        color: #74767F;
        font-weight: 600;
        padding: .5208vw 1.0417vw;
        margin-right: 1.5625vw;
        position: relative;
        box-sizing: border-box;
    }

    .p-product-left .classActive {
        color: #ff186b;
    }

        .p-product-left .classActive i {
            display: block;
            position: absolute;
            width: 100%;
            height: .1042vw;
            background: #ff186b;
            left: 0;
            bottom: -1px;
        }

    .p-product-left a img {
        display: block;
        width: 1.4583vw;
        margin-right: .3125vw;
    }

.p-product-right p {
    font-size: .8333vw;
    color: #232323;
}

    .p-product-right p a {
        color: #ff186b;
    }

.p-product-type {
    border-bottom: 1px solid #e8eaec;
    padding: 2.0833vw 0;
}

    .p-product-type .p-sort-type {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .p-product-type .p-sort-type .sort-left {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .p-product-type .p-sort-type .sort-left > div {
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 1.25vw;
                color: #333333;
                margin-right: 4.1667vw;
            }

                .p-product-type .p-sort-type .sort-left > div:hover {
                    cursor: pointer;
                }

            .p-product-type .p-sort-type .sort-left .sortActive {
                color: #ff186b;
            }

            .p-product-type .p-sort-type .sort-left > div span {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                margin-left: .2604vw;
            }

                .p-product-type .p-sort-type .sort-left > div span i {
                    display: block;
                    font-size: .5208vw;
                    color: #999;
                }

        .p-product-type .p-sort-type .sort-right {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: .9375vw;
            color: #333333;
        }

            .p-product-type .p-sort-type .sort-right span {
                font-size: .8333vw;
                color: #333333;
                display: block;
                margin-left: .2604vw;
            }

            .p-product-type .p-sort-type .sort-right:hover {
                cursor: pointer;
            }

.broudHide {
    display: none;
}


.productMain {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 7.2917vw .64vw;
    box-sizing: border-box;
}

.product-item {
    width: 20%;
    padding: 0 1.0417vw;
    box-sizing: border-box;
    margin-bottom: 2.0833vw;
}

    .product-item a {
        display: block;
        box-shadow: 0 0 1.0417vw #e8eaec;
        padding: .5208vw;
        box-sizing: border-box;
        transition: all .5s;
    }

        .product-item a div {
            height: 15.20833vw;
            width: 100%;
            overflow: hidden;
        }

        .product-item a img {
            display: block;
            width: 100%;
            transition: all .5s;
        }

        .product-item a p {
            font-size: .8333vw;
            color: #333333;
            line-height: 1.45833vw;
            transition: all .5s;
            display: -webkit-box;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            margin-top: .5208vw;
        }

            .product-item a p > img {
                display: block;
                width: .9375vw;
                height: .9375vw;
                float: left;
                margin-right: .2604vw;
                position: relative;
                top: .2604vw;
            }

        .product-item a .price {
            color: #ff186b;
            font-weight: 600;
        }

            .product-item a .price span {
                font-size: 1.25vw;
                font-weight: 700;
            }

        .product-item a:hover p {
            color: #ff186b;
        }

        .product-item a:hover {
            box-shadow: 0 0 1.0417vw #afb3b8;
        }

            .product-item a:hover > div img {
                transform: scale(1.1);
            }

.container {
    padding-bottom: 3.125vw;
}

.productMore {
    padding-bottom: 3.125vw;
}