@media only screen and (max-width:640px ){
    .phone{
        display: block;
    }
    .pc{
        display: none;
    }
    .warranty-nav {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .header,
    .footer
    {
        display: block;
    }
    .pc-header,
    .pc-footer
    {
        display: none;
    }
    .article{
        width: auto;
    }
    .w{
        width: 92%;
    }
    .w.productlist-pc {
        width: 100%;
        float: none;
    }
    .case-item {
        width: 50%;
    }
    .w.newsList-pc{
        width: 100%;
        float: none;
    }
    .article .w.newsList-pc p.img {
        text-align: center;
        height: auto;
    }
    .article .w.newsList-pc  h5 {
        overflow: visible;
        white-space: initial;
        text-overflow: ellipsis;
        line-height: 30px;
    }
    .quote-warp svg{
        width: 98%;
    }
    .quote-content{
        top: 95px;
    }
    .quote-amount{
        width: 100%;
        margin: auto;
        position: absolute;
        bottom: 15px;
    }
    .car-logo-list ul li{
        width: 33.33333%;
    }
    .warranty-banner {
        height: 120px;
        width: 100%;
        text-align: center;
        background: url(../img/zb.jfif) no-repeat center;
        background-size: cover;
        color: #fff;
    }
    .warranty-inquary{
        background: none;
        padding: 0;
    }
    .warranty-filter{
        background: #272a34;
        width: 100%;
    }
    .warranty-filter .inquary li{
        color: #c8c7cc;
    }
    .warranty-banner dl{
        padding-top: 40px;
        font-size: 16px;
    }
    .warranty-inquary-inner {
        width: auto;
        margin: auto;
    }
    .position-warp .inner{
        margin-top: 35%;
    }
    .mui-scroll-wrapper.download {
        top: 105px;
        height: 480px;
        background: #272a34;
    }
    .warranty-item {
        padding-top: 2px;
    }
    .article{
        min-height: 350px;
    }
    .mui-scroll-wrapper.warranty {
        top: 155px;
        height: 480px;
        background: #272a34;
    }
}
@media only screen and (max-width:380px ){
    .footer .btn button {
        background: url(../img/btn-bg.png) no-repeat center;
        background-size: contain;
        width: 100px;
        font-size: 12px;
    }
    .login-warp .login .form-group {
        /* margin-bottom: 0; */
    }
    .filter .search select{
        width: 132px;
    }
    .login-warp .login .form-group .submit{
        margin-top: 5px;
    }
}
@media only screen and (max-width:361px ){
    .filter .search select{
        width: 120px;
    }
    .brand-list ul li.on span{
        font-size: 12px;
    }
}
@media only screen and (max-width:350px ){
    .swiper-container {
        height: 280px;
    }
    .filter .search select{
        width: 105px;
    }
    .swiper-container .banner-inner {
        margin-top: -80px;
    }
    .footer .btn button {
        background: url(../img/btn-bg.png) no-repeat center;
        background-size: contain;
        width: 80px;
        font-size: 12px;
    }
    .unfold span {
        color: #f1d0b3;
        display: none;
    }
    .quote-amount ul li {
        font-size: 12px;
    }
}