/* <!-- 5col HXF --> */
/* <style type="text/css"> */
    .col-24,
    .col-sm-24,
    .col-md-24,
    .col-lg-24,
    .col-xl-24,
    .col-96,
    .col-sm-96,
    .col-md-96,
    .col-lg-96,
    .col-xl-96,
    .col-xl-auto {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-24,
    .col-sm-24,
    .col-md-24,
    .col-lg-24,
    .col-xl-24 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .col-24 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    @media (min-width: 576px) {
        .col-sm-24 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width: 768px) {

        .col-md-24 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width: 992px) {

        .col-lg-24 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    @media (min-width: 1200px) {

        .col-xl-24 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }

    .col-96,
    .col-sm-96,
    .col-md-96,
    .col-lg-96,
    .col-xl-96 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
    }

    .col-96 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    @media (min-width: 576px) {
        .col-sm-96 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 80%;
            flex: 0 0 80%;
            max-width: 80%;
        }
    }

    @media (min-width: 768px) {

        .col-md-96 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 80%;
            flex: 0 0 80%;
            max-width: 80%;
        }
    }

    @media (min-width: 992px) {

        .col-lg-96 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 80%;
            flex: 0 0 80%;
            max-width: 80%;
        }
    }

    @media (min-width: 1200px) {

        .col-xl-96 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 80%;
            flex: 0 0 80%;
            max-width: 80%;
        }
    }
/* </style> */
/* <style> */
    .mm {
        height: 160px;
        padding: 0;
    }

    .mm1 {
        width: 100%;
        padding: 0;
    }

    .nn {
        width: 160px;
        height: 100%;
        margin: 0px auto 0px auto;
        padding: 5px;
        background: #ffffff
    }

    .nn1 {
        width: 100%;
        height: 100%;
        margin: 0px auto 0px auto;
        padding: 5px;
        background: #ffffff
    }

    .mn {
        border: 1px solid #ff0000;
        width: 100%;
        height: 100%;
    }

    .list_goods {
        width: 100%;
        padding: 0;
        float: right;
    }

    .row_pad {
        width: 100%;
        padding: 0;
        margin-left: 0px;
    }

    .mm1 {
        width: 240px;
        padding-top: 5px;
        height: 300px;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        overflow: hidden;
        text-align: left;
        margin: 0px auto;
        display: block;
    }

    .mmr {
        width: 240px;
        padding-top: 5px;
        height: 300px;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        overflow: hidden;
        text-align: left;
        display: block;
    }

    .mm1:hover {
        border: 1px solid #d00;
    }

    .more_item {
        width: 240px;
        padding: 5px 0 0 0;
        height: 300px;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        overflow: hidden;
        text-align: left;
        margin: 0px auto;
        display: block;
    }

    .more_item:hover {
        border: 1px solid #d00;
    }

    .goods-pic {
        width: 205px;
        height: 205px;
        margin: 0px auto;
        display: block;
    }

    .googs-title {
        margin-left: 10px;
        margin-top: 8px;
        padding-right: 8px;
    }

    .googs-price {
        margin-left: 7px;
        margin-top: 2px;
        font-size: 1.2rem;
        color: #f00;
    }

    .price {
        color: orange
    }


    .umino-product-tab_area a {
        display: block;
        margin: 0.05rem .3rem
    }

    .umino-product-tab_area a {
        color: #000;
    }

    .lt_right {
        float: right;
    }

    .lt_right li {
        float: right;
    }

    .lt_right li span {
        font-size: 1rem;
    }
/* </style> */
/* <style> */
    @media (min-width: 1200px) {
        .pc {
            display: block;
        }

        .mb {
            display: none;
        }
    }

    @media (max-width: 1199.8px) {
        .pc {
            display: none;
        }
    }
/* </style> */
/* <!-- //天猫哪样小图片鼠标放上去向左移动 --> */
/* <style type="text/css"> */
    .rowxm img {

        -webkit-transition: -webkit-transform .2s linear;

        -moz-transition: -moz-transform .2s linear;

        -o-transition: -o-transform .2s linear;

        transition: transform .2s linear;

    }

    .rowxm img:hover {

        -webkit-transform: translateX(-5px);

        -moz-transform: translateX(-5px);

        -ms-transform: translateX(-5px);

        -o-transform: translateX(-5px);

        transform: translateX(-5px);

    }
/* </style> */