@media (max-width:1200px) {
    .more-sort{
        margin-left: 0;
        margin-top: 0;
    }
    .sort-bar dt{
        white-space: nowrap;
        margin-bottom: 20px;
        margin-left: 10px;
    }
}
@media (min-width:1200px) {
    .container {
        width: 1170px\9
    }

}
@media (max-width:991px) {
    .header{
        padding:10px 20px;
    }
    .header .text-right{
        flex: auto;
    }
    .btn.btn-danger{
        margin-top: 0;
    }
    .search-cont{
        padding-left: 10px;
        padding-right: 10px;
    }
    .search-cont .input-group{
        width: 100%;
    }

    .search-cont .input-group .btn{
        top: 8px;
    }
    .main .title-h2{
        font-size: 20px;
    }
    .hot-img a{
        margin-bottom: 10px;
    }
    .hover-show-cont .hover-show{
        background: none;
    }
    .hover-show-cont .hover-show li{
        margin-top: 30px;
    }
    .header-2 .input-group{
        width: 100%;
        margin-top: 10px;
    }
    .sort-bar dt{
        margin-bottom: 10px;
    }
    .img-list li>a img{
        width: 100%;
    }
    .detail-cont h3{
        margin-top: 20px;
    }
    .hot-img{
        margin:0 20px
    }
    .img-list-index{
        margin: 0;
    }
    .search-cont .input-group input{
        font-size: 14px;
        padding-left: 50px;
    }
    .gray-bg{
        margin:20px 0
    }
    .sort-bar dd a{
        font-size: 14px;
    }
    .sort-bar .more-a{
        font-size: 16px;
        top:10px
    }
    .search-cont .normal-slider.Slider-one .owl-controls .owl-nav{
        display: none;
    }
    .gray-bg-2{
        margin-left: -20px;
        margin-right: -20px;
    }
    .header-2 .row{
        display: flex;
        flex-direction: column;
    }
    .header-2 .row>div{
        width: 100%;
    }
}
@media (max-width:767px) {
    .login-pop-cont{
        width: 90%;
        margin-left: 5%;
    }
    .login-popup{
        height: auto;
    }
    .login-popup .form-group{
        width: 100%;
    }
    .login-popup .form-group input{
        width: 100%;
        margin:10px auto
    }
    .login-popup .form-group i{
        top:22px;
    }

}
@media (max-width:640px) {
    .detail-cont .btn{
        width: 90%;
        margin:10px 5%;
        display: inline-block;
    }
    ul.zan{
        justify-content: center;
        margin-top: 20px;
    }
    .container{
        padding-left: 30px;
        padding-right: 30px;
    }
    .header .row{
        display: flex;
        align-items: center;
    }
}
@media (max-width:480px) {
    .search-cont .input-group .btn{
        padding-left: 20px;
        padding-right: 20px;
    }
    .btn-list li a{
        padding: 10px 0;
        font-size: 14px;
    }
    .detail-info li{
        width: 100%;
    }
}
@media (max-width:350px) {

}