@media (max-width:1200px) {
    .nav-wrap li a {
        padding: 0 18px;
    }
}

@media (max-width:1100px) {
    .main_left {
        width: calc(100% - 100px);
    }
    .details-img {
        width: 45%;
    }
}

@media (max-width:1000px) {
    .header-nav {
        height: auto;
        background: none;
        margin: 20px auto;
    }
    .nav-wrap {
        margin: 0;
        list-style: none;
        white-space: nowrap;
        overflow: hidden;
    }
    .nav-wrap li {
        margin: .2% .3%;
        background: #eee;
        width: 19.4%;
    }
    .nav-wrap li a {
        padding: 0;
        color: #7c7c7c;
    }
    .nav-wrap li a:hover {
        background: none;
        color: #e84252;
    }
    .main_left {
        width: calc(100% - 70px);
    }
}

@media (max-width:900px) {
    .header-search {
        float: right;
        margin-left: 0;
        margin-right: 20px;
    }
    .main_left {
        width: calc(100% - 30px);
    }
}

@media (max-width:800px) {
    .list-info-cont .list-wrap .list-item {
        width: -moz-calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        width: calc(50% - 10px);
        margin: 0 5px 10px
    }
    .header-search .form-group input {
        width: 200px;
    }
    .page-footer {
        padding: 10px 0;
    }
    .icp,
    .links-wrap {
        display: none
    }
    .main_left {
        width: 100%;
    }
    .details-img {
        width: 50%;
    }
    .page-pendant {
        right: 5px;
    }
    .pendant-inner {
        width: 40px;
        height: 40px;
    }
    .to-top span {
        width: 38px;
        height: 38px;
        line-height: 40px;
    }
    .to-top .title {
        top: 40px;
        font-size: 1.2rem;
    }
    .to-top .tag {
        font-size: 24px;
    }
    .breadcrumb {
        padding-left: 5px;
    }
    .data-filter {
        width: calc(100% - 10px);
        margin: 0 5px 20px;
    }
}

@media (max-width:700px) {
    .details-img {
        width: 46%;
        padding: 12px 12px 0px;
    }
}

@media (max-width:650px) {
    .details-img {
        width: 100%;
        padding: 20px;
        max-width: 330px;
        margin: 0 auto;
        float: none;
    }
    .details-content {
        margin: 0 auto;
        padding: 0 2% 10px;
        max-width: 600px;
    }
    .command-wrap {
        display: block;
    }
    .bdfs {
        margin-top: 10px;
    }
}

@media (max-width:600px) {
    .page-site-nav {
        padding: 15px 0;
    }
    .logo {
        float: none;
        margin-left: 0;
        text-align: center;
    }
    .header-search {
        float: none;
        width: 280px;
        margin: 15px auto 0;
    }
}

@media (max-width:500px) {
    .list-info-cont .list-wrap {
        padding: 0 5px;
    }
    .list-info-cont .list-wrap .list-item {
        width: 48.5%;
        margin: 0 0 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box
    }
    .list-info-cont .list-wrap li:nth-child(odd) {
        margin-right: 3%
    }
    .module-pagination {
        display: none;
    }
    .load-more {
        display: block;
    }
    .nav-wrap li a {
        font-size: 1.2rem;
    }
    .nav-wrap li a .iconfont {
        margin-right: 0;
        font-size: 1.4rem;
    }
    .commodity-price {
        font-size: 1.2rem;
    }
    .commodity-price .present-price .price {
        font-size: 1.6rem;
    }
    .commodity-price .original-price {
        line-height: 22px;
    }
}

@media (max-width:360px) {
    .commodity-price .original-price {
        line-height: 22px;
    }
}

@media (max-width:320px) {
    .commodity-price {
        font-size: 1.2rem;
    }
    .commodity-price .present-price .price {
        font-size: 14px;
    }
    .commodity-price .original-price {
        float: left;
        line-height: 20px;
    }
}