/**============
    分类
==============*/

.SAM-sort {
    width: 70%;
    margin: 10rem auto;
    /* font-family: Avenir-Black; */
}

.SAM-sort-header {
    background-color: #2f67b3;
    padding: 4%;
    text-align: center;
    font-size: 23px;
    color: #fff;
}

.SAM-sort-main {
    background-color: #6f96c9;
}

.SAM-sort-main-inner {
    width: 90%;
    margin: 0 auto;
    padding: 1.28rem 0 1.69rem;
    display: flex;
}

.SAM-sort-main-part {
    flex: 1;
    cursor: pointer;
    color: #fff!important;
    text-align: center;
    text-decoration: none;
}
.SAM-sort-main-part:hover {
    color: #fff!important;
}

.SAM-sort-main-part>img {
    width: 100%;
}




@media only screen and (max-width: 768px) {
    .SAM-sort {
        width: 100%;
        margin: 0rem auto 3rem;
        /* font-family: Avenir-Black; */
    }
    .SAM-sort-header {
        font-size: 23px;
    }
    .SAM-sort-main p{
        font-size: 12px;
        /* transform: scale(0.6); */
        line-height: 1;
    }
    .SAM-sort-main-inner {
        width: 100%;
        padding: 1.28rem 0 1.69rem;
        display: flex;
    }

    .SAM-sort-main-part {
        width: 15%;
    }

    .SAM-sort-main-part>img {
        width: 90%;
    }
}

/* iPads  */


@media only screen and (min-width: 768px) and (max-width: 960px) {

}

/* Desktops and laptops ----------- */

@media only screen and (max-width: 960px) {}

@media only screen and (min-width: 960px) and (max-width: 1200px) {

}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {}

@media only screen and (min-width: 1600px) and (max-width: 1920px) {}

/* Large screens ----------- */

@media only screen and (min-width: 1960px) {}