@media (min-device-width: 1024px) and (max-width: 600px),(max-width: 600px),
(max-device-width: 480px),
(max-device-width: 480px) {

    #help-breadcumb {
        margin-top: 20px;
        padding: 15px 0 10px 0;
        font-size: 18px;
        line-height: 25px;
    }

    .cat-product-list li .item-image {
        margin: 10px;
    }

    .cat-product-list {
        overflow: hidden;
    }

    .cat-product-list li {
        width: 300px;
        height: 480px;
        margin-right: 0;
    }

    .cat-product-list li .listImgBox {
        width: 300px;
        height: 300px;
        overflow: hidden;
    }

    .cat-product-list li .item-image {
        max-width: 300px;
        max-height: 300px;
    }

    .cat-product-list li .inforBg {
        width: 260px;
        padding: 0 30px;
    }

    .cat-product-list li .inforBg h3 {
        height: 58px;
    }

    .infor-top .price {
        width: 170px;
    }

    .infor-top .buy-action {
        width: 80px;
    }

    .infor-top .buy-action a {
        padding: 0 15px;
    }


    .fitlers {
        padding: 0;
        margin-bottom: 0;
    }

    .fitlers li {
        background-color: #f3758b;
    }

    .fitlers li.topNav h3 {
        display: block;
        width: 50px;
        height: 50px;
        margin-bottom: 0;
        padding-left: 0;
        background: url("../../images/v2/chaoshi/bgxx_icon_white.png") no-repeat 50% 50% transparent;
    }

    .fitlers li h3.active {
        background-color: #632f2d;
    }

    .fitlers li.topNav h3 span {
        float: right;
        text-indent: -1000em;
    }

    .fitlers li.topNav {
        float: none;
        width: 50px;
    }

    .fitlers .full-cats {
        width: 50px;
        float: left;
        background-color: #f3758b;
        padding: 0;
    }

    #child-fcats {
        padding-top: 30px;
        width: 540px;
        display: block;
        float: right;
        height: 320px;
        background-color: #632f2d;
    }

    #child-fcats ul li {
        width: 150px;
        float: left;
        background-color: transparent;
        text-align: center;
        padding: 10px;
    }

    #child-fcats ul li a, #child-fcats ul li a:hover, #child-fcats ul li a:visited {
        color: #fff;
        font-size: 20px;
    }

    .fitlers li.topNav h3.topNav_header_6 {
        background: url("../../images/v2/chaoshi/spls_icon_white.png") no-repeat 50% 50% transparent;
    }

    .fitlers li.topNav h3.topNav_header_8 {
        background: url("../../images/v2/chaoshi/mrxh_icon_white.png") no-repeat 50% 50% transparent;
    }

    .fitlers li.topNav h3.topNav_header_36 {
        background: url("../../images/v2/chaoshi/jtrc_icon_white.png") no-repeat 50% 50% transparent;
    }

    .fitlers li.topNav h3.topNav_header_45 {
        background: url("../../images/v2/chaoshi/nyjf_icon_white.png") no-repeat 50% 50% transparent;
    }

    .fitlers li.topNav h3.topNav_header_52 {
        background: url("../../images/v2/chaoshi/myyp_icon_white.png") no-repeat 50% 50% transparent;
    }

    .fitlers li.topNav h3.topNav_header_56 {
        background: url("../../images/v2/chaoshi/jdsm_icon_white.png") no-repeat 50% 50% transparent;
    }

    .fitlers li.topNav h3.topNav_header_58 {
        background: url("../../images/v2/chaoshi/bgxx_icon_white.png") no-repeat 50% 50% transparent;
    }

    .fitlers li.topNav h3.active {
        background-color: #632f2d;
    }
}