.c-card-responsive-img{
    background: url(/assets/img/500.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.detail-imgs img{
    object-fit: cover;
}

.shop-loading,
.act-loading{
    width: 100%; 
    height: 350px; 
    line-height: 500px
}

.search-loding{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 2px;
    top: -1px;
    display: none;
}

.banner-svg,
.twobanner-svg{
    width: 100%; 
    height: 780px; 
    line-height: 800px;
}

.banner-svg svg,
.twobanner-svg svg{
    background: #fff;
    border-radius: 15px;
}

.loading-svg{
    width: 15.5rem; 
    margin: 0 auto
}

.act-loading,
.shop-loading{
    width: 100%;
    height: 350px; 
    line-height: 500px
}

.act-null,
.shop-null{
    width: 100%; 
    height: 300px; 
    line-height: 300px;
    font-size: 30px;
}

.null-i-h{
    position: relative;
    line-height: 21px !important;
}

.null-i-h .w-i-h{
    position: absolute;
    top:50%;
    width: 100%;
    text-align: center;
}

@media(max-width: 1360px) {
    .act-null,
    .shop-null{
        width: 100%; 
        height: 300px; 
        line-height: 300px;
        font-size: 24px;
    }  
}

@media(max-width: 1250px) {
    .banner-svg,
    .twobanner-svg{
        width: 100%; 
        height: 780px; 
        line-height: 850px;
    }
    .loading-svg{
        width: 13.5rem; 
        margin: 0 auto
    }
    .act-null,
    .shop-null{
        width: 100%; 
        height: 300px; 
        line-height: 300px;
        font-size: 20px;
    }
}

@media(max-width: 1024px) {
    .banner-svg,
    .twobanner-svg{
        width: 100%; 
        height: 780px; 
        line-height: 700px;
    }
    .loading-svg{
        width: 13.5rem; 
        margin: 0 auto
    }   
}

@media(max-width: 900px) {
    .banner-svg,
    .twobanner-svg{
        width: 100%; 
        height: 780px; 
        line-height: 570px;
    }
    .loading-svg{
        width: 12.5rem; 
        margin: 0 auto
    }  
    .act-null,
    .shop-null{
        width: 60%; 
        height: 300px; 
        line-height: 28px;
        font-size: 18px;
        margin: 0 auto;
        padding-top: 15%;
    } 
}

@media(max-width: 700px) {
    .banner-svg,
    .twobanner-svg{
        width: 100%; 
        height: 780px; 
        line-height: 510px;
    }
    .loading-svg{
        width: 11.5rem; 
        margin: 0 auto
    }    
}

@media(max-width: 600px) {
    .banner-svg,
    .twobanner-svg{
        width: 100%; 
        height: 780px; 
        line-height: 440px;
    }
    .loading-svg{
        width: 11.5rem; 
        margin: 0 auto
    }    
}

@media(max-width: 500px) {
    .banner-svg,
    .twobanner-svg{
        width: 100%; 
        height: 780px; 
        line-height: 360px;
    }
    .loading-svg{
        width: 9.5rem; 
        margin: 0 auto
    }  
    .l-footer-brand{
        width: 80px;
    }  
}

@media(max-width: 414px) {
    .banner-svg,
    .twobanner-svg{
        width: 100%; 
        height: 780px; 
        line-height: 320px;
    }
    .loading-svg{
        width: 8.5rem; 
        margin: 0 auto
    }   
    .act-loading,
    .shop-loading{
        width: 100%;
        height: 150px;
        line-height: 250px;
    }

    .act-null,
    .shop-null{
        width: 60%; 
        height: 150px; 
        line-height: 20px;
        font-size: 15px;
        margin: 0 auto;
        padding-top: 16%;
    } 
    .l-footer-brand{
        width: 60px;
    }  

    .home .l-section-tab-container{
        width: 70%;
        margin-left: 0;
    }

    .home .l-section-tab-container .l-section-tab-footer{
        position: absolute;
        right: -61%;
    }

    .home .l-section-tab-container .l-section-tab-list-wrap{
        width: 100%;
    }
}

@media(max-width: 375px) {
    .banner-svg,
    .twobanner-svg{
        width: 100%; 
        height: 780px; 
        line-height: 290px;
    }
    .loading-svg{
        width: 7.5rem; 
        margin: 0 auto
    }  
}


@media(max-width: 325px) {
    .home .l-section-tab-container{
        width: 77%;
        margin-left: 0;
    }  
    .home .l-section-tab-container .l-section-tab-footer{
        position: absolute;
        right: -50%;
    }
    .l-footer-brand{
        width: 50px;
    }  
}