@media (max-width:750px) {
    .nav-bar{
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;

    }
    .nav-bar .nav-bar-item{
        font-size: 18px;
        line-height: 35px;
        height: 35px;
        flex: 0 0 33.33%;
    }
    .nav-bar .nav-bar-item#index{
        display: none;
    }
    .nav-bar .nav-bar-item>a{

    }
    .nav-bar .nav-bar-item .nav-bar-sub{}
    .nav-bar .nav-bar-item:hover .nav-bar-sub{
        display: none;
    }
    .nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item{}
    .nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item a{}
    .nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item:not(:last-child){}
    .nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item>.nav-bar-sub{}
    .nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item:hover>.nav-bar-sub{}
    .nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item:hover{}
    .nav-bar .nav-bar-item .nav-bar-sub .nav-bar-sub-item .nav-bar-sub{}


    .header-box .search-bg{display: none;}

    .header-box .s-form{
        margin-left: -142px;
        left: 50%;
        top: 42px;
    }
    .header-box .s-form .input-box{}
    .header-box .s-form .input-box input{ }
    .header-box .s-form .btn-box{}
    .header-box .s-form .btn-box input{}

    .header-box .search-bg {
        position: absolute;
        top: 100px;
        left: 0;
        background-color: #3d55a7;
        width: 100%;
        height: 120px;
        z-index: 999;
    }

    .header-box .m-search{
        width: 30px;
        height: 30px;
        display: flex; /* 替换block */
        align-items: center;
        justify-content: center;
        flex-shrink:0; /* 禁止容器被压缩 */
    }
    .header-box .m-search img{
        width:30px;
        height:30px;
        object-fit:contain;
    }
    .header-box .m-search #m_search{display: block;}
    .header-box .m-search #search_close{display: none;}




    .nav-left{
        width: 100%;
    }
    .nav-left dt{}
    .nav-left dd{
        width: 25%;
        float: left;
        font-size: 14px;
        padding: 0;
        height: 40px;
        line-height: 40px;
    }
    .nav-left dd:last-child{}
    .nav-left dd.active{}
    .nav-left dd.active a{}

    #footer{
        line-height: 28px;
    }
    #footer .pics img{
        margin-top: 10px;
    }
    #footer .copyRight img{}
    #footer a{
        width: 100%;
        display: block;
    }
    #footer .siteWidth{
        display: flex;
        padding: 0 10px;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }

    #footer .siteWidth p{
        font-size: 14px;
    }


    .content-box{
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    .content-box .header-box{
        align-items: center;
        height: 100px;
        padding: 20px;
        gap: 20px;
    }
    .content-box .header-box>a{
        margin: 20px auto;
        width: 90%;

    }
    .content-box .header-box .logo{
        width: 100%;
        height: auto;
    }
    .back-top{}
    .back-top .triangle{}
    .user-content .detail-content{}
    .user-content .detail-content img{
        max-width: 100%;
        height: auto !important;
    }
    .cstlayer{}


    .left-wrap{}
    .left-wrap .title{}
    .left-wrap .nav-box{}
    .left-wrap .nav-item{}
    .left-wrap .nav-item.active{}
    .left-wrap .nav-item:not(:last-child){}
    .left-wrap .nav-item span{}
    .left-wrap .nav-item:hover span{}
    .left-wrap .nav-item .arrow{}
    .left-wrap .nav-item.active .arrow{}
    .left-wrap{}
    .left-wrap .title{}
    .left-wrap .nav-box{}
    .left-wrap .nav-item{}
    .left-wrap .nav-item.active{}
    .left-wrap .nav-item:not(:last-child){}
    .left-wrap .nav-item span{}
    .left-wrap .nav-item:hover span{}
    .left-wrap .nav-item .arrow{}
    .left-wrap .nav-item.active .arrow{}
    .left-wrap{}
    .left-wrap .title{}
    .left-wrap .nav-box{}
    .left-wrap .nav-item{}
    .left-wrap .nav-item.active{}
    .left-wrap .nav-item:not(:last-child){}
    .left-wrap .nav-item span{}
    .left-wrap .nav-item:hover span{}
    .left-wrap .nav-item .arrow{}
    .left-wrap .nav-item.active .arrow{}
    .right-wrap{}
    .right-wrap .top-box{
        align-items: flex-start;
        flex-direction: column;
    }
    .right-wrap .top-box .title{}
    .right-wrap .top-box .title::before{}
    .right-wrap .top-box .location{}
    .right-wrap .detail-content{
        width: 100%;
    }
    .right-wrap .detail-content article img{
        max-width: 100%;
        height: auto !important;
    }
    .right-wrap .detail-content article p{
        font-size: 16px !important;
        line-height: 28px !important;
    }
    .right-wrap .detail-content article span{
        font-size: 16px !important;
        line-height: 28px !important;


    }
    .right-wrap .detail-content .title{
        padding: 0;
        font-size: 20px;
    }
    .right-wrap .detail-content .des{}
    .right-wrap .detail-content p{        font-size: 14px;}
    .right-wrap .detail-content .info-box{}
    .right-wrap .detail-content .info-box span{}
    .right-wrap .detail-content .info-box span:not(:last-child)::after{}
    .right-wrap .detail-content .info-box span .wb,.right-wrap .detail-content .info-box span .wx{}
    .right-wrap .detail-content .info-box span .wx{}
    .right-wrap .detail-content .info-box span .wb{}

    .right-wrap .location{}
    .right-wrap .list-box{}
    .right-wrap .user-content{}
    .right-wrap .user-content .list-box{
        width: 100%;
    }
    .right-wrap .list-box .list-item{}
    .right-wrap .list-box .list-item::before{}
    .right-wrap .list-box .list-item .name{}
    .right-wrap .list-box .list-item .time{
        margin-left: 20px;
    }
    .right-wrap .top-box{}
    .right-wrap .top-box .title{}
    .right-wrap .top-box .title::before{}
    .right-wrap .top-box .title span{}
    .right-wrap .top-box .location{}
    .right-wrap .detail-content .item{
        height: auto;
        width: 100%;
    }
    .user-content .detail-content .item{
        padding: 0;
        margin-top: 10px;
    }
    .right-wrap .detail-content .item:hover{}
    .right-wrap .detail-content .item img{
        width: 132px;
    }
    .right-wrap .detail-content .item .title{}
    .right-wrap .detail-content .item .title:hover{}
    .right-wrap .detail-content .item .intro{}
    .right-wrap .detail-content .item .others{}
    .right-wrap .detail-content .item .others:hover{}

    #content{
        width: 100%;
        padding: 0;
    }
    #slide-photo .swiper-slide{
        width: 100%;
        height: auto;
    }
    #slide-photo .swiper-slide img{
        width: 100%;
        height: 260px;
    }
    #slide-photo .swiper-slide img:hover{}
    #slide-photo .swiper-slide p{}
    #slide-photo .swiper-pagination{
        padding: 0;
        width: 30%;
        bottom: 10px;
    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
        right: 0;
        left: auto;
    }
    #slide-photo .swiper-pagination-bullets .swiper-pagination-bullet{
        width: 12px;
        height: 12px;
    }
    #slide-photo .swiper-pagination-bullets .swiper-pagination-bullet-active{}
    #slide-photo .swiper-next,#slide-photo .swiper-prev{}
    #slide-photo .swiper-prev{}
    #slide-photo .swiper-next{}
    #slide-photo:hover .swiper-next,#slide-photo:hover .swiper-prev{}
    #slide-photo:hover .swiper-prev{}
    #slide-photo:hover .swiper-next{}
    #slide-photo .swiper-button-next::after,#slide-photo .swiper-button-prev::after{}
    #slide-photo .swiper-slide .con{
        height: 40px;
        line-height: 40px;
    }
    #slide-photo li .con .title{
        width: 100%;
    }
    #slide-photo .swiper-slide .con .title a{
        font-size: 15px;
        max-width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    #slide-photo li .con .titleBg{
        height: 40px;
    }
    #slide-photo li.swiper-slide-active .title,#slide-photo li.swiper-slide-active .titleBg{}
    #slide-photo .focus-cover{}
    #slide-photo li.swiper-slide-active .focus-cover{}
    .content-wrap{
        flex-direction: column;

        padding: 0 15px;
        margin-top: 0;
    }
    .content-wrap .content-wrap-left{
        width: 100%;
    }
    .content-wrap .content-wrap-left .list-box{
        width: 100%;

    }
    .content-wrap .content-wrap-left .list-box .title-box{

    }
    .content-wrap .content-wrap-left .list-box .title-box .title{}
    .content-wrap .content-wrap-left .list-box .title-box .more{}
    .content-wrap .content-wrap-left .list-box .list-item{}
    .content-wrap .content-wrap-left .list-box .list-item::before{}
    .content-wrap .content-wrap-left .list-box .list-item .name{}
    .content-wrap .content-wrap-left .list-box .list-item .time{
        margin-left: 10px;
    }

    /*友链*/
    .content-wrap .content-wrap-left .link-wrap{
        width: 100%;
    }
    .link-wrap{
        padding: 0 15px;
        gap: 0;
    }
    .link-wrap a img{
        width: 100%;
        height: 100%;
    }
    .link-wrap a{
        width: 49%;
        margin-bottom: 5px;
        flex: none;
    }
    .link-wrap select{
        margin: 0 5px 10px;
        width: 47%;
        display: none;
        flex: auto;
    }
    .link-wrap select:last-child{
        margin: 0 5px 10px;

    }
    .link-wrap select:focus{}


    /* lk-btn 轮播样式 */
    .content-wrap .content-wrap-right.swiper{
        overflow: hidden;
        display: block;
    }
    .content-wrap .content-wrap-right.swiper .swiper-wrapper{
        display: flex;
    }
    .content-wrap .content-wrap-right.swiper .swiper-slide{
        flex-shrink: 0;
        width: 70%;
    }
    .content-wrap .content-wrap-right.swiper .swiper-slide .lk-btn{
        width: 100%;
    }
    .content-wrap .content-wrap-right.swiper .swiper-pagination{
        text-align: center;
        margin-top: 10px;
    }
    .content-wrap .content-wrap-right.swiper .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ccc;
        display: inline-block;
        margin: 0 4px;
        opacity: 1;
    }
    .content-wrap .content-wrap-right.swiper .swiper-pagination-bullet-active{
        background: #3b79ea;
    }

    /*首页右侧*/
    .content-wrap .content-wrap-right{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .content-wrap .content-wrap-right .top-text{
    }
    .content-wrap .content-wrap-right .lk-btn{
        width: 49%;
    }
    .content-wrap .content-wrap-right .lk-btn img{}

    /*分页*/
    .pagebar{}
    .pagebar a,.pagebar span{
    }
    .pagebar span{}


}