@media (max-width: 768px) {

    .xqnav {display:none}
    .header-nav { width: 100%;padding: 10px 0;margin: 0 10px; }
    .header-nav2 { display: none; }
    .banner-1 { width: 100%; }
    .content { width: 100%; margin: 0 auto; margin-top: 0px; }
    .side { width: 100%;display:none; }
    .cj-conzs { border-top: 1px solid #edf0f5; }
    .cj-zs { padding: 5px;text-align: left; }
    #ID-carousel-demo-2 { width: auto; height: 160px !important; border-top: 0px solid #ddd; }
    .layui-tab { padding: 0px; margin-top: 0px; border-top: 5px solid #ddd; }
    .layui-col-xs6.layui-col-md12 { width: 100%; }
    .banner-2-c { display: none; }
    .nav-top-login { display: block; }
    .tz-blog-a { display: none; }
    .tz-blog-b-2 img { width: 28px; border-radius: 50%;display: inline-block;margin-right: 8px; }
    .tz-blog-b-2 { display: flex; align-items: center; }
    .tz-blog-b-2 span:nth-child(2) {display: inline-block; }
    .tz-blog { border-bottom: 10px solid #edf0f5;padding: 10px 15px 10px 10px; }
    ul.layui-tab-title { padding: 0 10px; }
    .layui-tab .layui-tab-title li { min-width: 65px; padding: 0 10px;}
    
    /*echo_log*/
    .article__bd__title { margin: 0px auto 10px; }
    .article__bd__detail { padding: 0 10px; }
    
    
    /*tags banner*/
    .tagsbanner { border-radius: 0; margin-top: 0; background-size: 100% 100%; }
    .tagsbanner-c { display: none; }
    .tagsbanner .tagsbanner-a { margin-left: 15px; }
    .tagsbanner .tagsbanner-a img { border-radius: 5px; width: 80px; height: 80px; }
    .tagsbanner .tagsbanner-b { margin-left: 15px; }
    .tagsbanner .tagsbanner-b-1 { font-size: 1rem; font-weight: 500; }
    
    /*行情*/
    .hangqing { padding-top: 10px; }
    .hq-banner .cj-conzs {border:none}
    .hq-banner .cj-conzs:nth-child(1) { border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
    .hq-banner .cj-conzs:nth-child(3) { border-right: 1px solid #ddd;}
    .hq-banner .cj-conzs:nth-child(2) { border-bottom: 1px solid #ddd;}
    .hq-banner #ID-carousel-demo-2 {height:180px !important}
    
    .hq-banner .layui-tab-title li { min-width: 65px; padding: 0 5px; }
    
    
}



@media screen and (max-width: 640px) {
    .img-2 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-2 li {width: 180px;height: 180px;margin-top: 5px;}
    .img-2 img {width: 180px;height: 180px;object-fit: cover;}

    .img-3 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-3 li {width: 150px;height: 150px;margin-top: 5px;}
    .img-3 img {width: 150px;height: 150px;object-fit: cover;}

    .img-4 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 li {width: 180px;height: 180px;margin-top: 5px;}
    .img-4 img {width: 180px;height: 180px;object-fit: cover;}
    
    .img-5 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-5 li {width: 150px;height: 150px;margin-top: 5px;}
    .img-5 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-6 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-6 li {width: 150px;height: 150px;margin-top: 5px;}
    .img-6 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-7 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-7 li {width: 150px;height: 150px;margin-top: 5px;}
    .img-7 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-8 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-8 li {width: 150px;height: 150px;margin-top: 5px;}
    .img-8 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-9 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-9 li {width: 150px;height: 150px;margin-top: 5px;}
    .img-9 img {width: 150px;height: 150px;object-fit: cover;}
    
    .m {border:none}
    .banner img { height: auto !important;  }
}
@media screen and (max-width: 481px) {
    .img-2 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-2 li {width: 150px;height: 150px;margin-top: 5px;}
    .img-2 img {width: 150px;height: 150px;object-fit: cover;}

    .img-3 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-3 li {width: 90px;height: 90px;margin-top: 5px;}
    .img-3 img {width: 90px;height: 90px;object-fit: cover;}

    .img-4 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 li {width: 150px;height: 150px;margin-top: 5px;}
    .img-4 img {width: 150px;height: 150px;object-fit: cover;}
    
    .img-5 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-5 li {width: 90px;height: 90px;margin-top: 5px;}
    .img-5 img {width: 90px;height: 90px;object-fit: cover;}
    
    .img-6 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-6 li {width: 90px;height: 90px;margin-top: 5px;}
    .img-6 img {width: 90px;height: 90px;object-fit: cover;}
    
    .img-7 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-7 li {width: 90px;height: 90px;margin-top: 5px;}
    .img-7 img {width: 90px;height: 90px;object-fit: cover;}
    
    .img-8 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-8 li {width: 90px;height: 90px;margin-top: 5px;}
    .img-8 img {width: 90px;height: 90px;object-fit: cover;}
    
    .img-9 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-9 li {width: 90px;height: 90px;margin-top: 5px;}
    .img-9 img {width: 90px;height: 90px;object-fit: cover;}
    
    .m {border:none}
    .banner img { height: auto !important;  }
}

@media screen and (max-width: 431px) {
    .img-2 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-2 li {width: 120px;height: 120px;margin-top: 5px;}
    .img-2 img {width: 120px;height: 120px;object-fit: cover;}
    
    .img-4 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 li {width: 120px;height: 120px;margin-top: 5px;}
    .img-4 img {width: 120px;height: 120px;object-fit: cover;}
    
    .m {border:none}
    .banner img { height: auto !important;  }
}

@media screen and (max-width: 360px) {
    /*9图*/
    .img-1 li:nth-child(1) {margin-right: 5px;width: 50%;}
    .img-2 li {margin-right: 5px;width: 80px;height: 80px;}
    .img-2 img {object-fit: cover;width: 80px;height: 80px;}
    
    .img-1 li:nth-child(1) {margin-right: 5px;width: 50%;}
    .img-3 li {margin-right: 5px;width: 80px;height: 80px;}
    .img-3 img {object-fit: cover;width: 80px;height: 80px;}
    
    .img-4 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-4 li {width: 110px;height: 110px;margin-top: 5px;}
    .img-4 img {width: 110px;height: 110px;object-fit: cover;}
    
    .img-5 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-5 li {width: 80px;height: 80px;margin-top: 5px;}
    .img-5 img {width: 80px;height: 80px;object-fit: cover;}
    
    .img-6 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-6 li {width: 80px;height: 80px;margin-top: 5px;}
    .img-6 img {width: 80px;height: 80px;object-fit: cover;}
    
    .img-7 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-7 li {width: 80px;height: 80px;margin-top: 5px;}
    .img-7 img {width: 80px;height: 80px;object-fit: cover;}
    
    .img-8 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-8 li {width: 80px;height: 80px;margin-top: 5px;}
    .img-8 img {width: 80px;height: 80px;object-fit: cover;}
    
    .img-9 {display: flex;flex-wrap: wrap;width: 100%;}
    .img-9 li {width: 80px;height: 80px;margin-top: 5px;}
    .img-9 img {width: 80px;height: 80px;object-fit: cover;}
    
    .m {border:none}
    .banner img { height: auto !important;  }
}