@media (max-width:750px) {
    .nav-bar{}
    .nav-bar .nav-bar-item{
        font-size: 20px;
        line-height: 60px;
        height: 60px;
    }
    .nav-bar .nav-bar-item>a{
        display: inline-block;
        width: 2em;
        white-space: nowrap;
        overflow: hidden;
    }
    .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 .s-form{
        margin-left: -142px;
        left: 50%;
        top: 105px;
    }
    .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{}

    .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;
    }

    .content-box{
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    .content-box .header-box{
        align-items: stretch;
    }
    .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{}
    .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{}
    .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{}
    .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{}
    #slide-photo .swiper-pagination-bullets .swiper-pagination-bullet{}
    #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{}
    #slide-photo li .con .title{}
    #slide-photo .swiper-slide .con .title a{}
    #slide-photo li .con .titleBg{}
    #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{}
    .link-wrap a img{
        width: 100%;
        height: 100%;
    }
    .link-wrap a{
        width: 49%;
        margin-bottom: 5px;
    }
    .link-wrap select{
        margin: 0 5px 10px;
        width: 47%;
        flex: auto;
    }
    .link-wrap select:last-child{
        margin: 0 5px 10px;

    }
    .link-wrap select:focus{}


    /*首页右侧*/
    .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{}


}